@supermousejs/core 2.5.0-beta.1 → 2.5.0-beta.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @supermousejs/core
 
+## 2.5.0-beta.2
+
+### Patch Changes
+
+- ff288b4: Fixed Logic Plugins not have effect from wrong ordering of target overwrite
+- 18b57de: Fixed CSS stylesheets being destroyed erroneously from a lack of a primary owner and plugins being activated all at once by the `States` plugin when re-entering previously exited scope
+
 ## 2.5.0-beta.1
 
 ### Patch Changes

package/dist/index.d.ts

@@ -91,6 +91,11 @@ export declare interface MouseState {
     shape: ShapeState | null;
     /** Centralized store for hover metadata from data attributes and rules. */
     interaction: InteractionState;
+    /** The currently active scope's identity, or null when none is active. */
+    scope: {
+        name: string | undefined;
+        container: HTMLElement;
+    } | null;
 }
 
 declare type ResolvedOptions = SupermouseOptions & Required<Pick<SupermouseOptions, "smoothness" | "enableTouch" | "autoDisableOnMobile" | "cursor" | "hideOnLeave" | "autoStart" | "container" | "dataPrefix" | "zIndex" | "inheritDataAttributes">>;
@@ -119,6 +124,12 @@ export declare interface ScopeConfig {
     cursorPolicy?: CursorPolicyInput;
     /** Plugins installed when this scope activates. */
     plugins?: SupermousePlugin[];
+    /**
+     * Rules evaluated against hovered elements inside this scope. If omitted,
+     * the scope inherits the primary scope's rules. If provided, the scope
+     * uses only its own rules.
+     */
+    rules?: Record<string, RuleDefinition>;
     /**
      * Whether data attributes and rules on ancestors cascade to the hovered
      * element. Inherits from top-level if omitted.
@@ -132,8 +143,14 @@ export declare interface ScopeConfig {
 export declare interface ScopeHandle {
     readonly name: string | undefined;
     readonly container: HTMLElement;
+    readonly disabled: boolean;
     remove(): void;
     setCursor(mode: CursorMode): void;
+    disable(): void;
+    enable(): void;
+    use(plugin: SupermousePlugin): ScopeHandle;
+    removePlugin(name: string): void;
+    getPlugin(name: string): SupermousePlugin | undefined;
 }
 
 export declare interface ShapeState {
@@ -151,7 +168,10 @@ export declare class Supermouse {
     private _activeScope;
     private _installingScope;
     private scopeByContainer;
+    private scopeByName;
+    private scopeHandles;
     private input;
+    private styleOwner;
     private rafId;
     private lastTime;
     private visibilityAbortController;
@@ -163,6 +183,7 @@ export declare class Supermouse {
     get isRunning(): boolean;
     use(plugin: SupermousePlugin): this;
     getPlugin(name: string): SupermousePlugin | undefined;
+    getScope(name: string): ScopeHandle | undefined;
     enablePlugin(name: string): void;
     disablePlugin(name: string): void;
     togglePlugin(name: string): void;
@@ -178,13 +199,24 @@ export declare class Supermouse {
     destroy(): void;
     private _running;
     private createScope;
+    private buildScopeHandle;
     private removeScope;
     private setScopeCursor;
+    private disableScope;
+    private enableScope;
+    private findScopeAbove;
     private installPlugins;
     private installPlugin;
+    private removePluginFromScope;
     private handleActiveScopeChange;
-    private activatePlugin;
     private deactivatePlugin;
+    /**
+     * Runs the deactivation lifecycle for a plugin whose owning scope just
+     * became inactive. Does NOT flip `plugin.isEnabled`, so user intent
+     * (e.g. States disabling a plugin) survives the scope round-trip.
+     */
+    private scopeDeactivatePlugin;
+    private scopeActivatePlugin;
     private rebuildStylesheet;
     private runPluginSafe;
     private cleanupCrashedPlugins;
@@ -196,21 +228,22 @@ export declare class Supermouse {
     private bindVisibilityHandling;
     private startLoop;
     /**
-     * @deprecated Prefer setting `hoverSelectors` at scope creation, or use
-     * `definePlugin`'s `selector` option. This method is kept for raw-object
-     * plugins and runtime extension; it mutates the active scope's selector set.
-     */
-    registerHoverTarget(selector: string): void;
-    /**
-     * @deprecated Read from the active scope instead. Exposed for tests and
-     * debugging only.
+     * @deprecated Read from the active scope instead.
+     * Exposed for tests and debugging.
      */
     get hoverSelectors(): Set<string>;
     /**
-     * @deprecated Read from the active scope instead. Exposed for tests and
-     * debugging only.
+     * @deprecated Read from the active scope instead.
+     * Exposed for tests and debugging.
      */
     get plugins(): SupermousePlugin[];
+    /**
+     * Adds one or more hover selectors to the current scope. Intended for
+     * raw-object plugins during `install`. Plugins written with `definePlugin`
+     * should use the `selector` option instead, and consumers setting up a
+     * scope should prefer the `hoverSelectors` option at construction.
+     */
+    registerHoverTarget(selector: string): void;
 }
 
 export declare type SupermouseInstance = Supermouse;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-const w = {
+const x = {
   rules: [
     { selector: "input", native: !0, hide: !0 },
     { selector: "textarea", native: !0, hide: !0 },
@@ -10,31 +10,31 @@ const w = {
     { selector: "[tabindex]", native: !1, hide: !0 }
   ]
 };
-function x(i) {
-  if (!i) return w;
+function _(i) {
+  if (!i) return x;
   if ("rules" in i) return i;
   const t = [], e = new Set(i.native ?? []), s = new Set(i.hide ?? []), n = /* @__PURE__ */ new Set([...e, ...s]);
-  for (const r of n)
+  for (const o of n)
     t.push({
-      selector: r,
-      native: e.has(r),
-      hide: s.has(r)
+      selector: o,
+      native: e.has(o),
+      hide: s.has(o)
     });
   return { rules: t };
 }
-function T(i) {
+function A(i) {
   const t = [], e = [];
   for (const s of i.rules)
     s.native !== !1 && t.push(s.selector), s.hide !== !1 && e.push(s.selector);
   return { native: t, hide: e };
 }
-let L = 0;
-class A {
+let D = 0;
+class O {
   constructor(t, e) {
     if (this.container = t, !t || !(t instanceof HTMLElement))
       throw new Error(`[Supermouse] Invalid container: ${t}. Must be an HTMLElement.`);
     t.isConnected;
-    const s = L++;
+    const s = D++;
     this.scopeClass = `supermouse-scope-${s}`, this.hideClass = `supermouse-hide-${s}`;
     const n = t === document.body;
     if (this.element = document.createElement("div"), Object.assign(this.element.style, {
@@ -45,8 +45,8 @@ class A {
       opacity: "1",
       transition: "opacity 0.15s ease"
     }), !n) {
-      const r = window.getComputedStyle(t);
-      this.originalContainerPosition = r.position, r.position === "static" && (t.style.position = "relative");
+      const o = window.getComputedStyle(t);
+      this.originalContainerPosition = o.position, o.position === "static" && (t.style.position = "relative");
     }
     this.originalContainerCursor = t.style.cursor, t.appendChild(this.element), t.classList.add("supermouse-scope", this.scopeClass);
   }
@@ -78,11 +78,11 @@ class A {
     this.element.remove(), this.container.style.cursor = this.originalContainerCursor, this.container.classList.remove("supermouse-scope", this.scopeClass, this.hideClass), this.container !== document.body && this.originalContainerPosition === "static" && (this.container.style.position = "");
   }
 }
-class I {
+class L {
   constructor(t, e) {
-    this.config = t, this.name = t.name, this.cursorMode = t.cursor ?? e.cursor, this.hoverSelectors = new Set(t.hoverSelectors ?? e.hoverSelectors), this.inheritDataAttributes = t.inheritDataAttributes ?? e.inheritDataAttributes;
-    const s = t.cursorPolicy ? x(t.cursorPolicy) : e.cursorPolicy, n = T(s);
-    this.nativeSelectors = n.native, this.hideSelectors = n.hide, this.stage = new A(t.container, t.zIndex ?? e.zIndex);
+    this.config = t, this.name = t.name, this.cursorMode = t.cursor ?? e.cursor, this.hoverSelectors = new Set(t.hoverSelectors ?? e.hoverSelectors), this.inheritDataAttributes = t.inheritDataAttributes ?? e.inheritDataAttributes, this.ruleEntries = t.rules ? Object.entries(t.rules) : e.ruleEntries;
+    const s = t.cursorPolicy ? _(t.cursorPolicy) : e.cursorPolicy, n = A(s);
+    this.nativeSelectors = n.native, this.hideSelectors = n.hide, this.stage = new O(t.container, t.zIndex ?? e.zIndex);
   }
   config;
   stage;
@@ -91,8 +91,10 @@ class I {
   nativeSelectors;
   hideSelectors;
   inheritDataAttributes;
+  ruleEntries;
   name;
   cursorMode;
+  disabled = !1;
   contains(t) {
     return this.stage.containerElement.contains(t);
   }
@@ -105,7 +107,6 @@ class I {
   get nativeSelectorString() {
     return this.nativeSelectors.join(", ");
   }
-  /** Build the CSS rules this scope contributes to the shared stylesheet. */
   buildRules() {
     const t = this.stage.getRulePrefix(), e = this.stage.getExclusion(), s = [
       `${t}${e} { cursor: none !important; }`,
@@ -120,7 +121,7 @@ class I {
     ), s;
   }
 }
-const f = { x: -100, y: -100 }, R = /* @__PURE__ */ new Set([
+const f = { x: -100, y: -100 }, I = /* @__PURE__ */ new Set([
   "default",
   "auto",
   "pointer",
@@ -128,55 +129,55 @@ const f = { x: -100, y: -100 }, R = /* @__PURE__ */ new Set([
   "inherit",
   "grab",
   "grabbing"
-]), D = [
+]), R = [
   "a",
   "button",
   "input",
   "textarea",
   "[data-hover]",
   "[data-cursor]"
-], u = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
-let v = null, g = !1, m = !1, S = 0;
-function C(i) {
+], u = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map();
+let v = null, g = !1, m = !1, C = 0;
+function E(i) {
   const t = i.getBoundingClientRect();
   return { left: t.left, top: t.top, width: t.width, height: t.height };
 }
-function M(i) {
-  u.set(i, C(i));
-  const t = _.get(i);
+function T(i) {
+  u.set(i, E(i));
+  const t = M.get(i);
   if (t) for (const e of t) e();
 }
-function y() {
-  for (const i of u.keys()) M(i);
+function b() {
+  for (const i of u.keys()) T(i);
 }
-function O() {
+function $() {
   v || typeof ResizeObserver > "u" || (v = new ResizeObserver((i) => {
     for (const t of i) {
       const e = t.target;
-      u.has(e) && M(e);
+      u.has(e) && T(e);
     }
   }));
 }
-function $() {
-  typeof window > "u" || (g || (window.addEventListener("scroll", y, { passive: !0, capture: !0 }), g = !0), m || (window.addEventListener("resize", y, { passive: !0 }), m = !0));
+function B() {
+  typeof window > "u" || (g || (window.addEventListener("scroll", b, { passive: !0, capture: !0 }), g = !0), m || (window.addEventListener("resize", b, { passive: !0 }), m = !0));
 }
-function z(i, t) {
-  return S++, u.has(i) || (u.set(i, C(i)), O(), v?.observe(i), $()), () => {
-    S--, S === 0 && (v?.disconnect(), v = null, u.clear(), _.clear(), g && (window.removeEventListener("scroll", y, { capture: !0 }), g = !1), m && (window.removeEventListener("resize", y), m = !1));
+function H(i, t) {
+  return C++, u.has(i) || (u.set(i, E(i)), $(), v?.observe(i), B()), () => {
+    C--, C === 0 && (v?.disconnect(), v = null, u.clear(), M.clear(), g && (window.removeEventListener("scroll", b, { capture: !0 }), g = !1), m && (window.removeEventListener("resize", b), m = !1));
   };
 }
-function k(i) {
+function N(i) {
   let t = u.get(i);
-  return t || (t = C(i), u.set(i, t)), t;
+  return t || (t = E(i), u.set(i, t)), t;
 }
-function N(i, t, e) {
+function z(i, t, e) {
   if (i === document.body) return { x: t, y: e };
-  const s = k(i);
+  const s = N(i);
   return { x: t - s.left, y: e - s.top };
 }
-class B {
+class k {
   constructor(t, e, s, n) {
-    this.state = t, this.options = e, this.onEnableChange = s, this.onActiveScopeChange = n, this.dataPrefix = e.dataPrefix ?? "supermouse", this.normalizedDataPrefix = this.dataPrefix.toLowerCase(), this.ignoreAttribute = `data-${this.dataPrefix}-ignore`, this.ruleEntries = e.rules ? Object.entries(e.rules) : [], this.checkDeviceCapability(), this.checkMotionPreference(), this.bindEvents();
+    this.state = t, this.options = e, this.onEnableChange = s, this.onActiveScopeChange = n, this.dataPrefix = e.dataPrefix ?? "supermouse", this.normalizedDataPrefix = this.dataPrefix.toLowerCase(), this.ignoreAttribute = `data-${this.dataPrefix}-ignore`, this.checkDeviceCapability(), this.checkMotionPreference(), this.bindEvents();
   }
   state;
   options;
@@ -193,7 +194,6 @@ class B {
   nativeTarget = null;
   currentTarget = null;
   lastParsedTarget = null;
-  ruleEntries;
   releaseViewport = null;
   hasSeenPointer = !1;
   isEnabled = !0;
@@ -206,19 +206,19 @@ class B {
     for (const e of t) this.scopeByContainer.set(e.container, e);
   }
   setActiveScope(t) {
-    t !== this.activeScope && (this.activeScope = t, this.releaseViewport?.(), this.releaseViewport = t && t.container !== document.body ? z(t.container) : null, this.hasSeenPointer && (this.applyPointerToState(), this.state.target.x = this.state.smooth.x = this.state.pointer.x, this.state.target.y = this.state.smooth.y = this.state.pointer.y), this.onActiveScopeChange(t));
+    t !== this.activeScope && (this.activeScope = t, this.lastParsedTarget = null, this.cachedChain = [], this.releaseViewport?.(), this.releaseViewport = t && t.container !== document.body ? H(t.container) : null, this.hasSeenPointer && (this.applyPointerToState(), this.state.target.x = this.state.smooth.x = this.state.pointer.x, this.state.target.y = this.state.smooth.y = this.state.pointer.y), this.onActiveScopeChange(t));
   }
   findScope(t) {
     let e = t;
     for (; e; ) {
       const s = this.scopeByContainer.get(e);
-      if (s) return s;
+      if (s && !s.disabled) return s;
       e = e.parentElement;
     }
     return null;
   }
   applyPointerToState() {
-    const t = this.activeScope?.container ?? document.body, e = N(t, this.viewportX, this.viewportY);
+    const t = this.activeScope?.container ?? document.body, e = z(t, this.viewportX, this.viewportY);
     this.state.pointer.x = e.x, this.state.pointer.y = e.y;
   }
   checkDeviceCapability() {
@@ -239,42 +239,43 @@ class B {
     this.isEnabled = t, this.onEnableChange(t);
   }
   parseDOMInteraction(t) {
-    const e = this.activeScope?.container ?? document.body, s = this.activeScope?.inheritDataAttributes ?? !0, n = this.normalizedDataPrefix;
+    if (!this.activeScope) return;
+    const e = this.activeScope.container, s = this.activeScope.inheritDataAttributes, n = this.normalizedDataPrefix, o = this.activeScope.ruleEntries;
     if (t !== this.lastParsedTarget) {
       this.lastParsedTarget = t, this.cachedChain = [];
-      let o = t;
-      for (; o; ) {
-        const d = [];
-        for (const [a, h] of this.ruleEntries)
-          this.matchesSelector(o, a) && d.push({ selector: a, rules: h });
-        if (this.cachedChain.push({ element: o, matchedRules: d }), !s || o === e) break;
-        const c = o.parentElement;
+      let r = t;
+      for (; r; ) {
+        const p = [];
+        for (const [a, l] of o)
+          this.matchesSelector(r, a) && p.push({ selector: a, rules: l });
+        if (this.cachedChain.push({ element: r, matchedRules: p }), !s || r === e) break;
+        const c = r.parentElement;
         if (!c || !e.contains(c)) break;
-        o = c;
+        r = c;
       }
     }
-    const r = {};
-    for (const { element: o, matchedRules: d } of this.cachedChain) {
+    const h = {};
+    for (const { element: r, matchedRules: p } of this.cachedChain) {
       const c = {};
-      for (const { rules: a } of d)
+      for (const { rules: a } of p)
         try {
-          const h = typeof a == "function" ? a(o) : a;
-          if (!h || typeof h != "object") continue;
-          for (const [b, p] of Object.entries(h))
-            c[b] = typeof p == "function" ? p(o) : p;
+          const l = typeof a == "function" ? a(r) : a;
+          if (!l || typeof l != "object") continue;
+          for (const [S, d] of Object.entries(l))
+            c[S] = typeof d == "function" ? d(r) : d;
         } catch {
         }
-      for (const a in o.dataset) {
+      for (const a in r.dataset) {
         if (!a.toLowerCase().startsWith(n)) continue;
-        const h = a.slice(n.length);
-        if (!h) continue;
-        const b = h[0].toLowerCase() + h.slice(1), p = o.dataset[a];
-        c[b] = p == null || p === "" ? !0 : p;
+        const l = a.slice(n.length);
+        if (!l) continue;
+        const S = l[0].toLowerCase() + l.slice(1), d = r.dataset[a];
+        c[S] = d == null || d === "" ? !0 : d;
       }
-      for (const [a, h] of Object.entries(c))
-        a in r || (r[a] = h);
+      for (const [a, l] of Object.entries(c))
+        a in h || (h[a] = l);
     }
-    this.state.interaction = r;
+    this.state.interaction = h;
   }
   matchesSelector(t, e) {
     try {
@@ -310,7 +311,7 @@ class B {
         this.state.isNative = !0, this.nativeTarget = e;
         return;
       }
-      (e.isContentEditable || !R.has(this.resolveComputedCursor(e))) && (this.state.isNative = !0, this.nativeTarget = e);
+      (e.isContentEditable || !I.has(this.resolveComputedCursor(e))) && (this.state.isNative = !0, this.nativeTarget = e);
     }
   };
   handleMouseOut = (t) => {
@@ -332,34 +333,39 @@ class B {
     this.abortController.abort(), this.releaseViewport?.(), this.cachedChain = [];
   }
 }
-let l = null;
-function H() {
-  l || typeof document > "u" || (l = document.createElement("style"), l.id = "supermouse-styles", document.head.appendChild(l));
+let V = 0;
+const y = /* @__PURE__ */ new Map();
+function F() {
+  return V++;
 }
-function V(i) {
-  H(), l && (l.textContent = i.join(`
-`));
+function j(i, t) {
+  let e = y.get(i);
+  e || (e = document.createElement("style"), e.id = `supermouse-styles-${i}`, document.head.appendChild(e), y.set(i, e)), e.textContent = t.join(`
+`);
 }
-function F() {
-  l?.remove(), l = null;
+function Q(i) {
+  y.get(i)?.remove(), y.delete(i);
 }
-const E = "2.5.0-beta.1";
-function j(i, t, e) {
+const P = "2.5.0-beta.2";
+function U(i, t, e) {
   return i + (t - i) * e;
 }
-function P(i, t, e, s) {
-  return j(i, t, 1 - Math.exp(-e * s));
+function w(i, t, e, s) {
+  return U(i, t, 1 - Math.exp(-e * s));
 }
-class Q {
-  static version = E;
-  version = E;
+class Y {
+  static version = P;
+  version = P;
   state;
   options;
   _scopes = [];
   _activeScope = null;
   _installingScope = null;
   scopeByContainer = /* @__PURE__ */ new Map();
+  scopeByName = /* @__PURE__ */ new Map();
+  scopeHandles = /* @__PURE__ */ new Map();
   input;
+  styleOwner;
   rafId = 0;
   lastTime = 0;
   visibilityAbortController = new AbortController();
@@ -377,7 +383,7 @@ class Q {
       zIndex: 9999,
       inheritDataAttributes: !0,
       ...t
-    }, this.state = {
+    }, this.styleOwner = F(), this.state = {
       pointer: { ...f },
       target: { ...f },
       smooth: { ...f },
@@ -392,7 +398,8 @@ class Q {
       reducedMotion: !1,
       hasReceivedInput: !1,
       shape: null,
-      interaction: {}
+      interaction: {},
+      scope: null
     };
     const e = this.createScope({
       container: this.options.container,
@@ -400,9 +407,10 @@ class Q {
       hoverSelectors: this.options.hoverSelectors,
       cursorPolicy: this.options.cursorPolicy,
       plugins: this.options.plugins,
+      rules: this.options.rules,
       zIndex: this.options.zIndex
     });
-    if (this.input = new B(
+    if (this.input = new k(
       this.state,
       this.options,
       (s) => {
@@ -435,9 +443,16 @@ class Q {
       if (s) return s;
     }
   }
+  getScope(t) {
+    const e = this.scopeByName.get(t);
+    return e ? this.scopeHandles.get(e) : void 0;
+  }
   enablePlugin(t) {
     const e = this.getPlugin(t);
-    e && e.isEnabled === !1 && (e.isEnabled = !0, e.element && (e.element.style.display = ""), e.onEnable?.(this));
+    if (!e || e.isEnabled !== !1) return;
+    e.isEnabled = !0;
+    const s = this._activeScope;
+    s && !s.disabled && s.plugins.includes(e) && this.scopeActivatePlugin(e);
   }
   disablePlugin(t) {
     const e = this.getPlugin(t);
@@ -452,12 +467,7 @@ class Q {
   }
   addScope(t) {
     const e = this.createScope(t);
-    return this.input.setScopes(this._scopes), this.installPlugins(e), this.rebuildStylesheet(), {
-      name: e.name,
-      container: e.container,
-      remove: () => this.removeScope(e),
-      setCursor: (s) => this.setScopeCursor(e, s)
-    };
+    return this.input.setScopes(this._scopes), this.installPlugins(e), this.rebuildStylesheet(), this.scopeHandles.get(e);
   }
   enable() {
     this.input.isEnabled = !0, this.input.hasSeenPointer && (this.state.target.x = this.state.smooth.x = this.state.pointer.x, this.state.target.y = this.state.smooth.y = this.state.pointer.y, this.resetMotion(), this.state.hasReceivedInput = !0), this._activeScope && this._activeScope.stage.setNativeCursor(this.resolveCursorState());
@@ -484,19 +494,42 @@ class Q {
         }
       t.stage.destroy();
     }
-    this._scopes = [], this.scopeByContainer.clear(), this._activeScope = null, F();
+    this._scopes = [], this.scopeByContainer.clear(), this.scopeByName.clear(), this.scopeHandles.clear(), this._activeScope = null, this.state.scope = null, Q(this.styleOwner);
   }
   // ─── Internal ───
   _running = !1;
   createScope(t) {
-    const e = new I(t, {
+    this.scopeByContainer.has(t.container);
+    const e = new L(t, {
       cursor: this.options.cursor,
-      hoverSelectors: this.options.hoverSelectors ?? D,
-      cursorPolicy: this.options.cursorPolicy ? x(this.options.cursorPolicy) : w,
+      hoverSelectors: this.options.hoverSelectors ?? R,
+      cursorPolicy: this.options.cursorPolicy ? _(this.options.cursorPolicy) : x,
       zIndex: this.options.zIndex,
-      inheritDataAttributes: this.options.inheritDataAttributes
+      inheritDataAttributes: this.options.inheritDataAttributes,
+      ruleEntries: this.options.rules ? Object.entries(this.options.rules) : []
     });
-    return this._scopes.push(e), this.scopeByContainer.set(e.container, e), e;
+    return this._scopes.push(e), this.scopeByContainer.set(e.container, e), e.name && this.scopeByName.set(e.name, e), this.scopeHandles.set(e, this.buildScopeHandle(e)), e;
+  }
+  buildScopeHandle(t) {
+    const e = {
+      get name() {
+        return t.name;
+      },
+      get container() {
+        return t.container;
+      },
+      get disabled() {
+        return t.disabled;
+      },
+      remove: () => this.removeScope(t),
+      setCursor: (s) => this.setScopeCursor(t, s),
+      disable: () => this.disableScope(t),
+      enable: () => this.enableScope(t),
+      use: (s) => (this.installPlugin(t, s), e),
+      removePlugin: (s) => this.removePluginFromScope(t, s),
+      getPlugin: (s) => t.plugins.find((n) => n.name === s)
+    };
+    return e;
   }
   removeScope(t) {
     const e = this._scopes.indexOf(t);
@@ -506,12 +539,34 @@ class Q {
           s.destroy?.(this);
         } catch {
         }
-      t.plugins.length = 0, t.stage.destroy(), this._scopes.splice(e, 1), this.scopeByContainer.delete(t.container), this.input.setScopes(this._scopes), this._activeScope === t && this.input.setActiveScope(this._scopes[0] ?? null), this.rebuildStylesheet();
+      if (t.plugins.length = 0, t.stage.destroy(), this._scopes.splice(e, 1), this.scopeByContainer.delete(t.container), t.name && this.scopeByName.delete(t.name), this.scopeHandles.delete(t), this.input.setScopes(this._scopes), this._activeScope === t) {
+        const s = this.findScopeAbove(t.container.parentElement) ?? this._scopes.find((n) => !n.disabled) ?? null;
+        this.input.setActiveScope(s);
+      }
+      this.rebuildStylesheet();
     }
   }
   setScopeCursor(t, e) {
     t.cursorMode = e, t === this._activeScope && (this.state.cursorMode = e);
   }
+  disableScope(t) {
+    if (!t.disabled && (t.disabled = !0, this._activeScope === t)) {
+      const e = this.findScopeAbove(t.container.parentElement) ?? this._scopes.find((s) => !s.disabled) ?? null;
+      this.input.setActiveScope(e);
+    }
+  }
+  enableScope(t) {
+    t.disabled = !1;
+  }
+  findScopeAbove(t) {
+    let e = t;
+    for (; e; ) {
+      const s = this.scopeByContainer.get(e);
+      if (s && !s.disabled) return s;
+      e = e.parentElement;
+    }
+    return null;
+  }
   installPlugins(t) {
     if (t.config.plugins)
       for (const e of t.config.plugins) this.installPlugin(t, e);
@@ -525,23 +580,39 @@ class Q {
         this._installingScope = null;
         return;
       }
-      this._installingScope = null, t.plugins.push(e), t.plugins.sort((s, n) => (s.priority ?? 0) - (n.priority ?? 0)), t !== this._activeScope && (e.isEnabled = !1, e.element && (e.element.style.display = "none"));
+      this._installingScope = null, t.plugins.push(e), t.plugins.sort((s, n) => (s.priority ?? 0) - (n.priority ?? 0)), (t !== this._activeScope || t.disabled) && e.element && (e.element.style.display = "none");
     }
   }
+  removePluginFromScope(t, e) {
+    const s = t.plugins.findIndex((r) => r.name === e);
+    if (s === -1) return;
+    const n = t.plugins[s];
+    t.plugins.splice(s, 1);
+    const o = () => {
+      try {
+        n.onDisable?.(this), n.destroy?.(this);
+      } catch {
+      }
+      n.element?.remove();
+    }, h = n.onBeforeDisable?.(this);
+    h && typeof h.then == "function" ? Promise.resolve(h).then(o).catch((r) => {
+      o();
+    }) : o();
+  }
   handleActiveScopeChange(t) {
     const e = this._activeScope;
     if (e !== t) {
       if (e)
-        for (const s of e.plugins) this.deactivatePlugin(s);
+        for (const s of e.plugins)
+          s.isEnabled !== !1 && this.scopeDeactivatePlugin(s);
       if (this._activeScope = t, t) {
-        this.state.cursorMode = t.cursorMode;
-        for (const s of t.plugins) this.activatePlugin(s);
-      }
+        this.state.cursorMode = t.cursorMode, this.state.scope = { name: t.name, container: t.container };
+        for (const s of t.plugins)
+          s.isEnabled !== !1 && this.scopeActivatePlugin(s);
+      } else
+        this.state.scope = null;
     }
   }
-  activatePlugin(t) {
-    t.isEnabled === !1 && (t.isEnabled = !0, t.element && (t.element.style.display = ""), t.onEnable?.(this));
-  }
   deactivatePlugin(t) {
     if (t.isEnabled === !1) return;
     t.isEnabled = !1;
@@ -552,10 +623,26 @@ class Q {
       e();
     }) : e();
   }
+  /**
+   * Runs the deactivation lifecycle for a plugin whose owning scope just
+   * became inactive. Does NOT flip `plugin.isEnabled`, so user intent
+   * (e.g. States disabling a plugin) survives the scope round-trip.
+   */
+  scopeDeactivatePlugin(t) {
+    const e = () => {
+      t.element && (t.element.style.display = "none"), t.onDisable?.(this);
+    }, s = t.onBeforeDisable?.(this);
+    s && typeof s.then == "function" ? Promise.resolve(s).then(e).catch((n) => {
+      e();
+    }) : e();
+  }
+  scopeActivatePlugin(t) {
+    t.element && (t.element.style.display = ""), t.onEnable?.(this);
+  }
   rebuildStylesheet() {
     const t = [];
     for (const e of this._scopes) t.push(...e.buildRules());
-    V(t);
+    j(this.styleOwner, t);
   }
   runPluginSafe(t, e) {
     if (t.isEnabled !== !1)
@@ -597,18 +684,18 @@ class Q {
     const e = t - this.lastTime, s = Math.min(e / 1e3, 0.1);
     this.lastTime = t;
     const n = this.input.getCurrentTarget();
-    n && !n.isConnected ? this.input.clearHover() : n && this.input.parseDOMInteraction(n);
-    const r = this._activeScope;
-    if (r) {
-      r.stage.setVisibility(this.resolveStageVisibility()), this.input.isEnabled && r.stage.setNativeCursor(this.resolveCursorState());
-      for (let o = 0; o < r.plugins.length; o++)
-        this.runPluginSafe(r.plugins[o], e);
+    n && !n.isConnected ? this.input.clearHover() : n && this.input.parseDOMInteraction(n), this.input.isEnabled && this.state.hasReceivedInput && (this.state.target.x = this.state.pointer.x, this.state.target.y = this.state.pointer.y);
+    const o = this._activeScope;
+    if (o) {
+      o.stage.setVisibility(this.resolveStageVisibility()), this.input.isEnabled && o.stage.setNativeCursor(this.resolveCursorState());
+      for (let h = 0; h < o.plugins.length; h++)
+        this.runPluginSafe(o.plugins[h], e);
     }
-    if (this.cleanupCrashedPlugins(), this.input.isEnabled && this.state.hasReceivedInput && (this.state.target.x = this.state.pointer.x, this.state.target.y = this.state.pointer.y), this.input.isEnabled) {
-      const o = this.state.reducedMotion ? 1e3 : 1 / this.options.smoothness * 2, d = this.state.smooth.x, c = this.state.smooth.y;
-      this.state.smooth.x = P(this.state.smooth.x, this.state.target.x, o, s), this.state.smooth.y = P(this.state.smooth.y, this.state.target.y, o, s), this.state.displacement.x = this.state.target.x - this.state.smooth.x, this.state.displacement.y = this.state.target.y - this.state.smooth.y, s > 0 ? (this.state.velocity.x = (this.state.smooth.x - d) / s, this.state.velocity.y = (this.state.smooth.y - c) / s) : (this.state.velocity.x = 0, this.state.velocity.y = 0);
-      const { x: a, y: h } = this.state.velocity;
-      (Math.abs(a) > 0.1 || Math.abs(h) > 0.1) && (this.state.angle = Math.atan2(h, a) * (180 / Math.PI));
+    if (this.cleanupCrashedPlugins(), this.input.isEnabled) {
+      const h = this.state.reducedMotion ? 1e3 : 1 / this.options.smoothness * 2, r = this.state.smooth.x, p = this.state.smooth.y;
+      this.state.smooth.x = w(this.state.smooth.x, this.state.target.x, h, s), this.state.smooth.y = w(this.state.smooth.y, this.state.target.y, h, s), this.state.displacement.x = this.state.target.x - this.state.smooth.x, this.state.displacement.y = this.state.target.y - this.state.smooth.y, s > 0 ? (this.state.velocity.x = (this.state.smooth.x - r) / s, this.state.velocity.y = (this.state.smooth.y - p) / s) : (this.state.velocity.x = 0, this.state.velocity.y = 0);
+      const { x: c, y: a } = this.state.velocity;
+      (Math.abs(c) > 0.1 || Math.abs(a) > 0.1) && (this.state.angle = Math.atan2(a, c) * (180 / Math.PI));
     }
   }
   tick = (t) => {
@@ -627,37 +714,38 @@ class Q {
     this._running || (this._running = !0, !document.hidden && (this.lastTime = performance.now(), this.rafId = requestAnimationFrame(this.tick)));
   }
   /**
-   * @deprecated Prefer setting `hoverSelectors` at scope creation, or use
-   * `definePlugin`'s `selector` option. This method is kept for raw-object
-   * plugins and runtime extension; it mutates the active scope's selector set.
-   */
-  registerHoverTarget(t) {
-    const e = this._installingScope ?? this._activeScope ?? this._scopes[0];
-    if (e)
-      for (const s of t.split(",")) {
-        const n = s.trim();
-        n && e.hoverSelectors.add(n);
-      }
-  }
-  /**
-   * @deprecated Read from the active scope instead. Exposed for tests and
-   * debugging only.
+   * @deprecated Read from the active scope instead.
+   * Exposed for tests and debugging.
    */
   get hoverSelectors() {
     const t = this._activeScope ?? this._scopes[0];
     return t ? t.hoverSelectors : /* @__PURE__ */ new Set();
   }
   /**
-   * @deprecated Read from the active scope instead. Exposed for tests and
-   * debugging only.
+   * @deprecated Read from the active scope instead.
+   * Exposed for tests and debugging.
    */
   get plugins() {
     const t = this._activeScope ?? this._scopes[0];
     return t ? t.plugins : [];
   }
+  /**
+   * Adds one or more hover selectors to the current scope. Intended for
+   * raw-object plugins during `install`. Plugins written with `definePlugin`
+   * should use the `selector` option instead, and consumers setting up a
+   * scope should prefer the `hoverSelectors` option at construction.
+   */
+  registerHoverTarget(t) {
+    const e = this._installingScope ?? this._activeScope ?? this._scopes[0];
+    if (e)
+      for (const s of t.split(",")) {
+        const n = s.trim();
+        n && e.hoverSelectors.add(n);
+      }
+  }
 }
 export {
-  w as DEFAULT_CURSOR_POLICY,
-  D as DEFAULT_HOVER_SELECTORS,
-  Q as Supermouse
+  x as DEFAULT_CURSOR_POLICY,
+  R as DEFAULT_HOVER_SELECTORS,
+  Y as Supermouse
 };

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-(function(l,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(l=typeof globalThis<"u"?globalThis:l||self,p(l.SupermouseCore={}))})(this,(function(l){"use strict";const p={rules:[{selector:"input",native:!0,hide:!0},{selector:"textarea",native:!0,hide:!0},{selector:"select",native:!0,hide:!0},{selector:"[contenteditable]",native:!0,hide:!0},{selector:"a",native:!1,hide:!0},{selector:"button",native:!1,hide:!0},{selector:'[role="button"]',native:!1,hide:!0},{selector:"[tabindex]",native:!1,hide:!0}]};function w(i){if(!i)return p;if("rules"in i)return i;const t=[],e=new Set(i.native??[]),s=new Set(i.hide??[]),n=new Set([...e,...s]);for(const r of n)t.push({selector:r,native:e.has(r),hide:s.has(r)});return{rules:t}}function A(i){const t=[],e=[];for(const s of i.rules)s.native!==!1&&t.push(s.selector),s.hide!==!1&&e.push(s.selector);return{native:t,hide:e}}let R=0;class O{constructor(t,e){if(this.container=t,!t||!(t instanceof HTMLElement))throw new Error(`[Supermouse] Invalid container: ${t}. Must be an HTMLElement.`);t.isConnected;const s=R++;this.scopeClass=`supermouse-scope-${s}`,this.hideClass=`supermouse-hide-${s}`;const n=t===document.body;if(this.element=document.createElement("div"),Object.assign(this.element.style,{position:n?"fixed":"absolute",inset:"0px",pointerEvents:"none",zIndex:String(e),opacity:"1",transition:"opacity 0.15s ease"}),!n){const r=window.getComputedStyle(t);this.originalContainerPosition=r.position,r.position==="static"&&(t.style.position="relative")}this.originalContainerCursor=t.style.cursor,t.appendChild(this.element),t.classList.add("supermouse-scope",this.scopeClass)}container;element;scopeClass;hideClass;currentCursorState=null;originalContainerPosition="";originalContainerCursor="";get containerElement(){return this.container}getRulePrefix(){return`.${this.scopeClass}.${this.hideClass}`}getExclusion(){return`:not(.${this.scopeClass} .supermouse-scope):not(.${this.scopeClass} .supermouse-scope *)`}setVisibility(t){this.element.style.opacity=t?"1":"0"}setNativeCursor(t){t!==this.currentCursorState&&(this.currentCursorState=t,this.container.classList.toggle(this.hideClass,t==="none"),t==="none"?this.container.style.cursor="none":this.container===document.body?this.container.style.cursor=this.originalContainerCursor:this.container.style.cursor=this.originalContainerCursor||"auto")}destroy(){this.element.remove(),this.container.style.cursor=this.originalContainerCursor,this.container.classList.remove("supermouse-scope",this.scopeClass,this.hideClass),this.container!==document.body&&this.originalContainerPosition==="static"&&(this.container.style.position="")}}class I{constructor(t,e){this.config=t,this.name=t.name,this.cursorMode=t.cursor??e.cursor,this.hoverSelectors=new Set(t.hoverSelectors??e.hoverSelectors),this.inheritDataAttributes=t.inheritDataAttributes??e.inheritDataAttributes;const s=t.cursorPolicy?w(t.cursorPolicy):e.cursorPolicy,n=A(s);this.nativeSelectors=n.native,this.hideSelectors=n.hide,this.stage=new O(t.container,t.zIndex??e.zIndex)}config;stage;hoverSelectors;plugins=[];nativeSelectors;hideSelectors;inheritDataAttributes;name;cursorMode;contains(t){return this.stage.containerElement.contains(t)}get container(){return this.stage.containerElement}get hoverSelectorString(){return Array.from(this.hoverSelectors).join(", ")}get nativeSelectorString(){return this.nativeSelectors.join(", ")}buildRules(){const t=this.stage.getRulePrefix(),e=this.stage.getExclusion(),s=[`${t}${e} { cursor: none !important; }`,`${t} *${e} { cursor: none !important; }`];for(const n of this.hideSelectors)s.push(`${t} ${n}${e} { cursor: none !important; }`);return s.push(`${t} label${e} { cursor: none !important; }`),s.push(`${t} select${e} { cursor: none !important; }`),s.push(`${t} input[type="range"]${e}::-webkit-slider-thumb { cursor: none !important; }`),s.push(`${t} input[type="range"]${e}::-moz-range-thumb { cursor: none !important; }`),s}}const v={x:-100,y:-100},D=new Set(["default","auto","pointer","none","inherit","grab","grabbing"]),x=["a","button","input","textarea","[data-hover]","[data-cursor]"],u=new Map,_=new Map;let m=null,y=!1,S=!1,C=0;function E(i){const t=i.getBoundingClientRect();return{left:t.left,top:t.top,width:t.width,height:t.height}}function T(i){u.set(i,E(i));const t=_.get(i);if(t)for(const e of t)e()}function b(){for(const i of u.keys())T(i)}function $(){m||typeof ResizeObserver>"u"||(m=new ResizeObserver(i=>{for(const t of i){const e=t.target;u.has(e)&&T(e)}}))}function z(){typeof window>"u"||(y||(window.addEventListener("scroll",b,{passive:!0,capture:!0}),y=!0),S||(window.addEventListener("resize",b,{passive:!0}),S=!0))}function k(i,t){return C++,u.has(i)||(u.set(i,E(i)),$(),m?.observe(i),z()),()=>{C--,C===0&&(m?.disconnect(),m=null,u.clear(),_.clear(),y&&(window.removeEventListener("scroll",b,{capture:!0}),y=!1),S&&(window.removeEventListener("resize",b),S=!1))}}function N(i){let t=u.get(i);return t||(t=E(i),u.set(i,t)),t}function H(i,t,e){if(i===document.body)return{x:t,y:e};const s=N(i);return{x:t-s.left,y:e-s.top}}class V{constructor(t,e,s,n){this.state=t,this.options=e,this.onEnableChange=s,this.onActiveScopeChange=n,this.dataPrefix=e.dataPrefix??"supermouse",this.normalizedDataPrefix=this.dataPrefix.toLowerCase(),this.ignoreAttribute=`data-${this.dataPrefix}-ignore`,this.ruleEntries=e.rules?Object.entries(e.rules):[],this.checkDeviceCapability(),this.checkMotionPreference(),this.bindEvents()}state;options;onEnableChange;onActiveScopeChange;abortController=new AbortController;mediaQueryList;motionQuery;dataPrefix;normalizedDataPrefix;ignoreAttribute;activeScope=null;scopeByContainer=new Map;nativeTarget=null;currentTarget=null;lastParsedTarget=null;ruleEntries;releaseViewport=null;hasSeenPointer=!1;isEnabled=!0;viewportX=0;viewportY=0;cachedChain=[];setScopes(t){this.scopeByContainer.clear();for(const e of t)this.scopeByContainer.set(e.container,e)}setActiveScope(t){t!==this.activeScope&&(this.activeScope=t,this.releaseViewport?.(),this.releaseViewport=t&&t.container!==document.body?k(t.container):null,this.hasSeenPointer&&(this.applyPointerToState(),this.state.target.x=this.state.smooth.x=this.state.pointer.x,this.state.target.y=this.state.smooth.y=this.state.pointer.y),this.onActiveScopeChange(t))}findScope(t){let e=t;for(;e;){const s=this.scopeByContainer.get(e);if(s)return s;e=e.parentElement}return null}applyPointerToState(){const t=this.activeScope?.container??document.body,e=H(t,this.viewportX,this.viewportY);this.state.pointer.x=e.x,this.state.pointer.y=e.y}checkDeviceCapability(){this.options.autoDisableOnMobile&&(this.mediaQueryList=window.matchMedia("(pointer: fine)"),this.updateEnabledState(this.mediaQueryList.matches),this.mediaQueryList.addEventListener("change",t=>this.updateEnabledState(t.matches),{signal:this.abortController.signal}))}checkMotionPreference(){this.motionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.state.reducedMotion=this.motionQuery.matches,this.motionQuery.addEventListener("change",t=>{this.state.reducedMotion=t.matches},{signal:this.abortController.signal})}updateEnabledState(t){this.isEnabled=t,this.onEnableChange(t)}parseDOMInteraction(t){const e=this.activeScope?.container??document.body,s=this.activeScope?.inheritDataAttributes??!0,n=this.normalizedDataPrefix;if(t!==this.lastParsedTarget){this.lastParsedTarget=t,this.cachedChain=[];let o=t;for(;o;){const g=[];for(const[a,h]of this.ruleEntries)this.matchesSelector(o,a)&&g.push({selector:a,rules:h});if(this.cachedChain.push({element:o,matchedRules:g}),!s||o===e)break;const c=o.parentElement;if(!c||!e.contains(c))break;o=c}}const r={};for(const{element:o,matchedRules:g}of this.cachedChain){const c={};for(const{rules:a}of g)try{const h=typeof a=="function"?a(o):a;if(!h||typeof h!="object")continue;for(const[P,f]of Object.entries(h))c[P]=typeof f=="function"?f(o):f}catch{}for(const a in o.dataset){if(!a.toLowerCase().startsWith(n))continue;const h=a.slice(n.length);if(!h)continue;const P=h[0].toLowerCase()+h.slice(1),f=o.dataset[a];c[P]=f==null||f===""?!0:f}for(const[a,h]of Object.entries(c))a in r||(r[a]=h)}this.state.interaction=r}matchesSelector(t,e){try{return t.matches(e)}catch{return!1}}resolveComputedCursor(t){return window.getComputedStyle(t).cursor}handleMove=t=>{this.options.autoDisableOnMobile&&t.pointerType==="touch"&&!this.options.enableTouch||(this.viewportX=t.clientX,this.viewportY=t.clientY,this.hasSeenPointer=!0,this.applyPointerToState(),this.isEnabled&&(this.state.hasReceivedInput||(this.state.hasReceivedInput=!0,this.state.target.x=this.state.smooth.x=this.state.pointer.x,this.state.target.y=this.state.smooth.y=this.state.pointer.y)))};handleDown=()=>{this.isEnabled&&(this.state.isDown=!0)};handleUp=()=>{this.isEnabled&&(this.state.isDown=!1)};handleMouseOver=t=>{if(!this.isEnabled)return;const e=t.target,s=this.findScope(e);if(s&&s!==this.activeScope&&this.setActiveScope(s),!this.activeScope)return;if(this.state.cursorMode==="auto"&&e.closest(`[${this.ignoreAttribute}]`)){this.clearHover(),this.state.isNative=!0,this.nativeTarget=e;return}this.state.isNative=!1,this.nativeTarget=null,this.currentTarget=e,this.parseDOMInteraction(e);const n=e.closest(this.activeScope.hoverSelectorString);if(n&&(this.state.isHover=!0,this.state.hoverTarget=n),this.state.cursorMode==="auto"){if(this.matchesSelector(e,this.activeScope.nativeSelectorString)){this.state.isNative=!0,this.nativeTarget=e;return}(e.isContentEditable||!D.has(this.resolveComputedCursor(e)))&&(this.state.isNative=!0,this.nativeTarget=e)}};handleMouseOut=t=>{if(!this.isEnabled)return;const e=t.target,s=t.relatedTarget;(e===this.state.hoverTarget||e.contains(this.state.hoverTarget))&&(!s||!this.state.hoverTarget?.contains(s))&&(this.state.isHover=!1,this.state.hoverTarget=null),this.nativeTarget&&(e===this.nativeTarget||e.contains(this.nativeTarget))&&(!s||!this.nativeTarget.contains(s))&&(this.state.isNative=!1,this.nativeTarget=null),e===this.currentTarget&&(this.currentTarget=null,this.lastParsedTarget=null,this.cachedChain=[]),!s&&this.options.hideOnLeave&&(this.state.hasReceivedInput=!1,this.state.pointer={...v})};clearHover(){this.state.isHover=!1,this.state.hoverTarget=null,this.state.isNative=!1,this.nativeTarget=null,this.state.interaction={},this.currentTarget=null,this.lastParsedTarget=null,this.cachedChain=[]}getCurrentTarget(){return this.currentTarget}bindEvents(){const{signal:t}=this.abortController;window.addEventListener("pointermove",this.handleMove,{passive:!0,signal:t}),window.addEventListener("pointerdown",this.handleDown,{passive:!0,signal:t}),window.addEventListener("pointerup",this.handleUp,{signal:t}),document.addEventListener("mouseover",this.handleMouseOver,{signal:t}),document.addEventListener("mouseout",this.handleMouseOut,{signal:t})}destroy(){this.abortController.abort(),this.releaseViewport?.(),this.cachedChain=[]}}let d=null;function B(){d||typeof document>"u"||(d=document.createElement("style"),d.id="supermouse-styles",document.head.appendChild(d))}function F(i){B(),d&&(d.textContent=i.join(`
-`))}function U(){d?.remove(),d=null}const M="2.5.0-beta.1";function j(i,t,e){return i+(t-i)*e}function L(i,t,e,s){return j(i,t,1-Math.exp(-e*s))}class Q{static version=M;version=M;state;options;_scopes=[];_activeScope=null;_installingScope=null;scopeByContainer=new Map;input;rafId=0;lastTime=0;visibilityAbortController=new AbortController;crashedPlugins=[];constructor(t={}){this.options={smoothness:.15,enableTouch:!1,autoDisableOnMobile:!0,cursor:"auto",hideOnLeave:!0,autoStart:!0,container:document.body,dataPrefix:"supermouse",zIndex:9999,inheritDataAttributes:!0,...t},this.state={pointer:{...v},target:{...v},smooth:{...v},velocity:{x:0,y:0},displacement:{x:0,y:0},angle:0,isDown:!1,isHover:!1,isNative:!1,cursorMode:this.options.cursor,hoverTarget:null,reducedMotion:!1,hasReceivedInput:!1,shape:null,interaction:{}};const e=this.createScope({container:this.options.container,cursor:this.options.cursor,hoverSelectors:this.options.hoverSelectors,cursorPolicy:this.options.cursorPolicy,plugins:this.options.plugins,zIndex:this.options.zIndex});if(this.input=new V(this.state,this.options,s=>{s||this.reset()},s=>this.handleActiveScopeChange(s)),this.input.setScopes(this._scopes),this.input.setActiveScope(e),this.installPlugins(e),this.options.scopes)for(const s of this.options.scopes)this.addScope(s);this.rebuildStylesheet(),this.bindVisibilityHandling(),this.options.autoStart&&this.startLoop()}get container(){return(this._activeScope??this._scopes[0]).container}get stage(){return(this._installingScope??this._activeScope??this._scopes[0]).stage.element}get isEnabled(){return this.input.isEnabled}get isRunning(){return this._running}use(t){return this.installPlugin(this._scopes[0],t),this}getPlugin(t){for(const e of this._scopes){const s=e.plugins.find(n=>n.name===t);if(s)return s}}enablePlugin(t){const e=this.getPlugin(t);e&&e.isEnabled===!1&&(e.isEnabled=!0,e.element&&(e.element.style.display=""),e.onEnable?.(this))}disablePlugin(t){const e=this.getPlugin(t);e&&e.isEnabled!==!1&&this.deactivatePlugin(e)}togglePlugin(t){const e=this.getPlugin(t);e&&(e.isEnabled===!1?this.enablePlugin(t):this.disablePlugin(t))}setCursor(t){this._activeScope&&(this._activeScope.cursorMode=t,this.state.cursorMode=t)}addScope(t){const e=this.createScope(t);return this.input.setScopes(this._scopes),this.installPlugins(e),this.rebuildStylesheet(),{name:e.name,container:e.container,remove:()=>this.removeScope(e),setCursor:s=>this.setScopeCursor(e,s)}}enable(){this.input.isEnabled=!0,this.input.hasSeenPointer&&(this.state.target.x=this.state.smooth.x=this.state.pointer.x,this.state.target.y=this.state.smooth.y=this.state.pointer.y,this.resetMotion(),this.state.hasReceivedInput=!0),this._activeScope&&this._activeScope.stage.setNativeCursor(this.resolveCursorState())}disable(t){this.input.isEnabled=!1,this._activeScope&&(this._activeScope.stage.setNativeCursor("auto"),this._activeScope.stage.setVisibility(!1)),t?.reset&&this.reset()}reset(){this.state.target={...v},this.state.smooth={...v},this.resetMotion(),this.state.angle=0,this.state.hasReceivedInput=!1,this.state.shape=null,this.state.interaction={}}start(){this.startLoop()}step(t){this.update(t)}destroy(){this._running=!1,cancelAnimationFrame(this.rafId),this.visibilityAbortController.abort(),this.input.destroy();for(const t of this._scopes){for(const e of t.plugins)try{e.destroy?.(this)}catch{}t.stage.destroy()}this._scopes=[],this.scopeByContainer.clear(),this._activeScope=null,U()}_running=!1;createScope(t){const e=new I(t,{cursor:this.options.cursor,hoverSelectors:this.options.hoverSelectors??x,cursorPolicy:this.options.cursorPolicy?w(this.options.cursorPolicy):p,zIndex:this.options.zIndex,inheritDataAttributes:this.options.inheritDataAttributes});return this._scopes.push(e),this.scopeByContainer.set(e.container,e),e}removeScope(t){const e=this._scopes.indexOf(t);if(e!==-1){for(const s of t.plugins)try{s.destroy?.(this)}catch{}t.plugins.length=0,t.stage.destroy(),this._scopes.splice(e,1),this.scopeByContainer.delete(t.container),this.input.setScopes(this._scopes),this._activeScope===t&&this.input.setActiveScope(this._scopes[0]??null),this.rebuildStylesheet()}}setScopeCursor(t,e){t.cursorMode=e,t===this._activeScope&&(this.state.cursorMode=e)}installPlugins(t){if(t.config.plugins)for(const e of t.config.plugins)this.installPlugin(t,e)}installPlugin(t,e){if(!t.plugins.some(s=>s.name===e.name)){e.isEnabled??=!0,this._installingScope=t;try{e.install?.(this)}catch{this._installingScope=null;return}this._installingScope=null,t.plugins.push(e),t.plugins.sort((s,n)=>(s.priority??0)-(n.priority??0)),t!==this._activeScope&&(e.isEnabled=!1,e.element&&(e.element.style.display="none"))}}handleActiveScopeChange(t){const e=this._activeScope;if(e!==t){if(e)for(const s of e.plugins)this.deactivatePlugin(s);if(this._activeScope=t,t){this.state.cursorMode=t.cursorMode;for(const s of t.plugins)this.activatePlugin(s)}}}activatePlugin(t){t.isEnabled===!1&&(t.isEnabled=!0,t.element&&(t.element.style.display=""),t.onEnable?.(this))}deactivatePlugin(t){if(t.isEnabled===!1)return;t.isEnabled=!1;const e=()=>{t.element&&(t.element.style.display="none"),t.onDisable?.(this)},s=t.onBeforeDisable?.(this);s&&typeof s.then=="function"?Promise.resolve(s).then(e).catch(n=>{e()}):e()}rebuildStylesheet(){const t=[];for(const e of this._scopes)t.push(...e.buildRules());F(t)}runPluginSafe(t,e){if(t.isEnabled!==!1)try{t.update?.(this,e)}catch{t.isEnabled=!1,this.crashedPlugins.push(t)}}cleanupCrashedPlugins(){if(this.crashedPlugins.length!==0){for(const t of this.crashedPlugins){for(const e of this._scopes){const s=e.plugins.indexOf(t);if(s!==-1){e.plugins.splice(s,1);break}}try{t.onDisable?.(this),t.destroy?.(this)}catch{}t.element?.remove()}this.crashedPlugins=[]}}resolveStageVisibility(){return this.state.cursorMode==="native"?!1:this.state.cursorMode==="custom"||this.state.cursorMode==="both"?this.input.isEnabled&&this.state.hasReceivedInput:this.input.isEnabled&&!this.state.isNative&&this.state.hasReceivedInput}resolveCursorState(){return!this.input.isEnabled||this.state.cursorMode==="native"||this.state.cursorMode==="both"?"auto":this.state.cursorMode==="custom"?"none":this.state.isNative||!this.state.hasReceivedInput?"auto":"none"}resetMotion(){this.state.velocity={x:0,y:0},this.state.displacement={x:0,y:0}}update(t){const e=t-this.lastTime,s=Math.min(e/1e3,.1);this.lastTime=t;const n=this.input.getCurrentTarget();n&&!n.isConnected?this.input.clearHover():n&&this.input.parseDOMInteraction(n);const r=this._activeScope;if(r){r.stage.setVisibility(this.resolveStageVisibility()),this.input.isEnabled&&r.stage.setNativeCursor(this.resolveCursorState());for(let o=0;o<r.plugins.length;o++)this.runPluginSafe(r.plugins[o],e)}if(this.cleanupCrashedPlugins(),this.input.isEnabled&&this.state.hasReceivedInput&&(this.state.target.x=this.state.pointer.x,this.state.target.y=this.state.pointer.y),this.input.isEnabled){const o=this.state.reducedMotion?1e3:1/this.options.smoothness*2,g=this.state.smooth.x,c=this.state.smooth.y;this.state.smooth.x=L(this.state.smooth.x,this.state.target.x,o,s),this.state.smooth.y=L(this.state.smooth.y,this.state.target.y,o,s),this.state.displacement.x=this.state.target.x-this.state.smooth.x,this.state.displacement.y=this.state.target.y-this.state.smooth.y,s>0?(this.state.velocity.x=(this.state.smooth.x-g)/s,this.state.velocity.y=(this.state.smooth.y-c)/s):(this.state.velocity.x=0,this.state.velocity.y=0);const{x:a,y:h}=this.state.velocity;(Math.abs(a)>.1||Math.abs(h)>.1)&&(this.state.angle=Math.atan2(h,a)*(180/Math.PI))}}tick=t=>{this.update(t),this._running&&(this.rafId=requestAnimationFrame(this.tick))};bindVisibilityHandling(){document.addEventListener("visibilitychange",()=>{this._running&&(document.hidden?cancelAnimationFrame(this.rafId):(this.lastTime=performance.now(),this.rafId=requestAnimationFrame(this.tick)))},{signal:this.visibilityAbortController.signal})}startLoop(){this._running||(this._running=!0,!document.hidden&&(this.lastTime=performance.now(),this.rafId=requestAnimationFrame(this.tick)))}registerHoverTarget(t){const e=this._installingScope??this._activeScope??this._scopes[0];if(e)for(const s of t.split(",")){const n=s.trim();n&&e.hoverSelectors.add(n)}}get hoverSelectors(){const t=this._activeScope??this._scopes[0];return t?t.hoverSelectors:new Set}get plugins(){const t=this._activeScope??this._scopes[0];return t?t.plugins:[]}}l.DEFAULT_CURSOR_POLICY=p,l.DEFAULT_HOVER_SELECTORS=x,l.Supermouse=Q,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
+(function(u,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(u=typeof globalThis<"u"?globalThis:u||self,p(u.SupermouseCore={}))})(this,(function(u){"use strict";const p={rules:[{selector:"input",native:!0,hide:!0},{selector:"textarea",native:!0,hide:!0},{selector:"select",native:!0,hide:!0},{selector:"[contenteditable]",native:!0,hide:!0},{selector:"a",native:!1,hide:!0},{selector:"button",native:!1,hide:!0},{selector:'[role="button"]',native:!1,hide:!0},{selector:"[tabindex]",native:!1,hide:!0}]};function x(i){if(!i)return p;if("rules"in i)return i;const t=[],e=new Set(i.native??[]),s=new Set(i.hide??[]),n=new Set([...e,...s]);for(const o of n)t.push({selector:o,native:e.has(o),hide:s.has(o)});return{rules:t}}function L(i){const t=[],e=[];for(const s of i.rules)s.native!==!1&&t.push(s.selector),s.hide!==!1&&e.push(s.selector);return{native:t,hide:e}}let D=0;class I{constructor(t,e){if(this.container=t,!t||!(t instanceof HTMLElement))throw new Error(`[Supermouse] Invalid container: ${t}. Must be an HTMLElement.`);t.isConnected;const s=D++;this.scopeClass=`supermouse-scope-${s}`,this.hideClass=`supermouse-hide-${s}`;const n=t===document.body;if(this.element=document.createElement("div"),Object.assign(this.element.style,{position:n?"fixed":"absolute",inset:"0px",pointerEvents:"none",zIndex:String(e),opacity:"1",transition:"opacity 0.15s ease"}),!n){const o=window.getComputedStyle(t);this.originalContainerPosition=o.position,o.position==="static"&&(t.style.position="relative")}this.originalContainerCursor=t.style.cursor,t.appendChild(this.element),t.classList.add("supermouse-scope",this.scopeClass)}container;element;scopeClass;hideClass;currentCursorState=null;originalContainerPosition="";originalContainerCursor="";get containerElement(){return this.container}getRulePrefix(){return`.${this.scopeClass}.${this.hideClass}`}getExclusion(){return`:not(.${this.scopeClass} .supermouse-scope):not(.${this.scopeClass} .supermouse-scope *)`}setVisibility(t){this.element.style.opacity=t?"1":"0"}setNativeCursor(t){t!==this.currentCursorState&&(this.currentCursorState=t,this.container.classList.toggle(this.hideClass,t==="none"),t==="none"?this.container.style.cursor="none":this.container===document.body?this.container.style.cursor=this.originalContainerCursor:this.container.style.cursor=this.originalContainerCursor||"auto")}destroy(){this.element.remove(),this.container.style.cursor=this.originalContainerCursor,this.container.classList.remove("supermouse-scope",this.scopeClass,this.hideClass),this.container!==document.body&&this.originalContainerPosition==="static"&&(this.container.style.position="")}}class R{constructor(t,e){this.config=t,this.name=t.name,this.cursorMode=t.cursor??e.cursor,this.hoverSelectors=new Set(t.hoverSelectors??e.hoverSelectors),this.inheritDataAttributes=t.inheritDataAttributes??e.inheritDataAttributes,this.ruleEntries=t.rules?Object.entries(t.rules):e.ruleEntries;const s=t.cursorPolicy?x(t.cursorPolicy):e.cursorPolicy,n=L(s);this.nativeSelectors=n.native,this.hideSelectors=n.hide,this.stage=new I(t.container,t.zIndex??e.zIndex)}config;stage;hoverSelectors;plugins=[];nativeSelectors;hideSelectors;inheritDataAttributes;ruleEntries;name;cursorMode;disabled=!1;contains(t){return this.stage.containerElement.contains(t)}get container(){return this.stage.containerElement}get hoverSelectorString(){return Array.from(this.hoverSelectors).join(", ")}get nativeSelectorString(){return this.nativeSelectors.join(", ")}buildRules(){const t=this.stage.getRulePrefix(),e=this.stage.getExclusion(),s=[`${t}${e} { cursor: none !important; }`,`${t} *${e} { cursor: none !important; }`];for(const n of this.hideSelectors)s.push(`${t} ${n}${e} { cursor: none !important; }`);return s.push(`${t} label${e} { cursor: none !important; }`),s.push(`${t} select${e} { cursor: none !important; }`),s.push(`${t} input[type="range"]${e}::-webkit-slider-thumb { cursor: none !important; }`),s.push(`${t} input[type="range"]${e}::-moz-range-thumb { cursor: none !important; }`),s}}const v={x:-100,y:-100},$=new Set(["default","auto","pointer","none","inherit","grab","grabbing"]),_=["a","button","input","textarea","[data-hover]","[data-cursor]"],d=new Map,M=new Map;let m=null,b=!1,y=!1,E=0;function P(i){const t=i.getBoundingClientRect();return{left:t.left,top:t.top,width:t.width,height:t.height}}function T(i){d.set(i,P(i));const t=M.get(i);if(t)for(const e of t)e()}function S(){for(const i of d.keys())T(i)}function B(){m||typeof ResizeObserver>"u"||(m=new ResizeObserver(i=>{for(const t of i){const e=t.target;d.has(e)&&T(e)}}))}function H(){typeof window>"u"||(b||(window.addEventListener("scroll",S,{passive:!0,capture:!0}),b=!0),y||(window.addEventListener("resize",S,{passive:!0}),y=!0))}function N(i,t){return E++,d.has(i)||(d.set(i,P(i)),B(),m?.observe(i),H()),()=>{E--,E===0&&(m?.disconnect(),m=null,d.clear(),M.clear(),b&&(window.removeEventListener("scroll",S,{capture:!0}),b=!1),y&&(window.removeEventListener("resize",S),y=!1))}}function z(i){let t=d.get(i);return t||(t=P(i),d.set(i,t)),t}function k(i,t,e){if(i===document.body)return{x:t,y:e};const s=z(i);return{x:t-s.left,y:e-s.top}}class V{constructor(t,e,s,n){this.state=t,this.options=e,this.onEnableChange=s,this.onActiveScopeChange=n,this.dataPrefix=e.dataPrefix??"supermouse",this.normalizedDataPrefix=this.dataPrefix.toLowerCase(),this.ignoreAttribute=`data-${this.dataPrefix}-ignore`,this.checkDeviceCapability(),this.checkMotionPreference(),this.bindEvents()}state;options;onEnableChange;onActiveScopeChange;abortController=new AbortController;mediaQueryList;motionQuery;dataPrefix;normalizedDataPrefix;ignoreAttribute;activeScope=null;scopeByContainer=new Map;nativeTarget=null;currentTarget=null;lastParsedTarget=null;releaseViewport=null;hasSeenPointer=!1;isEnabled=!0;viewportX=0;viewportY=0;cachedChain=[];setScopes(t){this.scopeByContainer.clear();for(const e of t)this.scopeByContainer.set(e.container,e)}setActiveScope(t){t!==this.activeScope&&(this.activeScope=t,this.lastParsedTarget=null,this.cachedChain=[],this.releaseViewport?.(),this.releaseViewport=t&&t.container!==document.body?N(t.container):null,this.hasSeenPointer&&(this.applyPointerToState(),this.state.target.x=this.state.smooth.x=this.state.pointer.x,this.state.target.y=this.state.smooth.y=this.state.pointer.y),this.onActiveScopeChange(t))}findScope(t){let e=t;for(;e;){const s=this.scopeByContainer.get(e);if(s&&!s.disabled)return s;e=e.parentElement}return null}applyPointerToState(){const t=this.activeScope?.container??document.body,e=k(t,this.viewportX,this.viewportY);this.state.pointer.x=e.x,this.state.pointer.y=e.y}checkDeviceCapability(){this.options.autoDisableOnMobile&&(this.mediaQueryList=window.matchMedia("(pointer: fine)"),this.updateEnabledState(this.mediaQueryList.matches),this.mediaQueryList.addEventListener("change",t=>this.updateEnabledState(t.matches),{signal:this.abortController.signal}))}checkMotionPreference(){this.motionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.state.reducedMotion=this.motionQuery.matches,this.motionQuery.addEventListener("change",t=>{this.state.reducedMotion=t.matches},{signal:this.abortController.signal})}updateEnabledState(t){this.isEnabled=t,this.onEnableChange(t)}parseDOMInteraction(t){if(!this.activeScope)return;const e=this.activeScope.container,s=this.activeScope.inheritDataAttributes,n=this.normalizedDataPrefix,o=this.activeScope.ruleEntries;if(t!==this.lastParsedTarget){this.lastParsedTarget=t,this.cachedChain=[];let r=t;for(;r;){const g=[];for(const[a,l]of o)this.matchesSelector(r,a)&&g.push({selector:a,rules:l});if(this.cachedChain.push({element:r,matchedRules:g}),!s||r===e)break;const c=r.parentElement;if(!c||!e.contains(c))break;r=c}}const h={};for(const{element:r,matchedRules:g}of this.cachedChain){const c={};for(const{rules:a}of g)try{const l=typeof a=="function"?a(r):a;if(!l||typeof l!="object")continue;for(const[w,f]of Object.entries(l))c[w]=typeof f=="function"?f(r):f}catch{}for(const a in r.dataset){if(!a.toLowerCase().startsWith(n))continue;const l=a.slice(n.length);if(!l)continue;const w=l[0].toLowerCase()+l.slice(1),f=r.dataset[a];c[w]=f==null||f===""?!0:f}for(const[a,l]of Object.entries(c))a in h||(h[a]=l)}this.state.interaction=h}matchesSelector(t,e){try{return t.matches(e)}catch{return!1}}resolveComputedCursor(t){return window.getComputedStyle(t).cursor}handleMove=t=>{this.options.autoDisableOnMobile&&t.pointerType==="touch"&&!this.options.enableTouch||(this.viewportX=t.clientX,this.viewportY=t.clientY,this.hasSeenPointer=!0,this.applyPointerToState(),this.isEnabled&&(this.state.hasReceivedInput||(this.state.hasReceivedInput=!0,this.state.target.x=this.state.smooth.x=this.state.pointer.x,this.state.target.y=this.state.smooth.y=this.state.pointer.y)))};handleDown=()=>{this.isEnabled&&(this.state.isDown=!0)};handleUp=()=>{this.isEnabled&&(this.state.isDown=!1)};handleMouseOver=t=>{if(!this.isEnabled)return;const e=t.target,s=this.findScope(e);if(s&&s!==this.activeScope&&this.setActiveScope(s),!this.activeScope)return;if(this.state.cursorMode==="auto"&&e.closest(`[${this.ignoreAttribute}]`)){this.clearHover(),this.state.isNative=!0,this.nativeTarget=e;return}this.state.isNative=!1,this.nativeTarget=null,this.currentTarget=e,this.parseDOMInteraction(e);const n=e.closest(this.activeScope.hoverSelectorString);if(n&&(this.state.isHover=!0,this.state.hoverTarget=n),this.state.cursorMode==="auto"){if(this.matchesSelector(e,this.activeScope.nativeSelectorString)){this.state.isNative=!0,this.nativeTarget=e;return}(e.isContentEditable||!$.has(this.resolveComputedCursor(e)))&&(this.state.isNative=!0,this.nativeTarget=e)}};handleMouseOut=t=>{if(!this.isEnabled)return;const e=t.target,s=t.relatedTarget;(e===this.state.hoverTarget||e.contains(this.state.hoverTarget))&&(!s||!this.state.hoverTarget?.contains(s))&&(this.state.isHover=!1,this.state.hoverTarget=null),this.nativeTarget&&(e===this.nativeTarget||e.contains(this.nativeTarget))&&(!s||!this.nativeTarget.contains(s))&&(this.state.isNative=!1,this.nativeTarget=null),e===this.currentTarget&&(this.currentTarget=null,this.lastParsedTarget=null,this.cachedChain=[]),!s&&this.options.hideOnLeave&&(this.state.hasReceivedInput=!1,this.state.pointer={...v})};clearHover(){this.state.isHover=!1,this.state.hoverTarget=null,this.state.isNative=!1,this.nativeTarget=null,this.state.interaction={},this.currentTarget=null,this.lastParsedTarget=null,this.cachedChain=[]}getCurrentTarget(){return this.currentTarget}bindEvents(){const{signal:t}=this.abortController;window.addEventListener("pointermove",this.handleMove,{passive:!0,signal:t}),window.addEventListener("pointerdown",this.handleDown,{passive:!0,signal:t}),window.addEventListener("pointerup",this.handleUp,{signal:t}),document.addEventListener("mouseover",this.handleMouseOver,{signal:t}),document.addEventListener("mouseout",this.handleMouseOut,{signal:t})}destroy(){this.abortController.abort(),this.releaseViewport?.(),this.cachedChain=[]}}let F=0;const C=new Map;function j(){return F++}function U(i,t){let e=C.get(i);e||(e=document.createElement("style"),e.id=`supermouse-styles-${i}`,document.head.appendChild(e),C.set(i,e)),e.textContent=t.join(`
+`)}function Q(i){C.get(i)?.remove(),C.delete(i)}const A="2.5.0-beta.2";function Y(i,t,e){return i+(t-i)*e}function O(i,t,e,s){return Y(i,t,1-Math.exp(-e*s))}class q{static version=A;version=A;state;options;_scopes=[];_activeScope=null;_installingScope=null;scopeByContainer=new Map;scopeByName=new Map;scopeHandles=new Map;input;styleOwner;rafId=0;lastTime=0;visibilityAbortController=new AbortController;crashedPlugins=[];constructor(t={}){this.options={smoothness:.15,enableTouch:!1,autoDisableOnMobile:!0,cursor:"auto",hideOnLeave:!0,autoStart:!0,container:document.body,dataPrefix:"supermouse",zIndex:9999,inheritDataAttributes:!0,...t},this.styleOwner=j(),this.state={pointer:{...v},target:{...v},smooth:{...v},velocity:{x:0,y:0},displacement:{x:0,y:0},angle:0,isDown:!1,isHover:!1,isNative:!1,cursorMode:this.options.cursor,hoverTarget:null,reducedMotion:!1,hasReceivedInput:!1,shape:null,interaction:{},scope:null};const e=this.createScope({container:this.options.container,cursor:this.options.cursor,hoverSelectors:this.options.hoverSelectors,cursorPolicy:this.options.cursorPolicy,plugins:this.options.plugins,rules:this.options.rules,zIndex:this.options.zIndex});if(this.input=new V(this.state,this.options,s=>{s||this.reset()},s=>this.handleActiveScopeChange(s)),this.input.setScopes(this._scopes),this.input.setActiveScope(e),this.installPlugins(e),this.options.scopes)for(const s of this.options.scopes)this.addScope(s);this.rebuildStylesheet(),this.bindVisibilityHandling(),this.options.autoStart&&this.startLoop()}get container(){return(this._activeScope??this._scopes[0]).container}get stage(){return(this._installingScope??this._activeScope??this._scopes[0]).stage.element}get isEnabled(){return this.input.isEnabled}get isRunning(){return this._running}use(t){return this.installPlugin(this._scopes[0],t),this}getPlugin(t){for(const e of this._scopes){const s=e.plugins.find(n=>n.name===t);if(s)return s}}getScope(t){const e=this.scopeByName.get(t);return e?this.scopeHandles.get(e):void 0}enablePlugin(t){const e=this.getPlugin(t);if(!e||e.isEnabled!==!1)return;e.isEnabled=!0;const s=this._activeScope;s&&!s.disabled&&s.plugins.includes(e)&&this.scopeActivatePlugin(e)}disablePlugin(t){const e=this.getPlugin(t);e&&e.isEnabled!==!1&&this.deactivatePlugin(e)}togglePlugin(t){const e=this.getPlugin(t);e&&(e.isEnabled===!1?this.enablePlugin(t):this.disablePlugin(t))}setCursor(t){this._activeScope&&(this._activeScope.cursorMode=t,this.state.cursorMode=t)}addScope(t){const e=this.createScope(t);return this.input.setScopes(this._scopes),this.installPlugins(e),this.rebuildStylesheet(),this.scopeHandles.get(e)}enable(){this.input.isEnabled=!0,this.input.hasSeenPointer&&(this.state.target.x=this.state.smooth.x=this.state.pointer.x,this.state.target.y=this.state.smooth.y=this.state.pointer.y,this.resetMotion(),this.state.hasReceivedInput=!0),this._activeScope&&this._activeScope.stage.setNativeCursor(this.resolveCursorState())}disable(t){this.input.isEnabled=!1,this._activeScope&&(this._activeScope.stage.setNativeCursor("auto"),this._activeScope.stage.setVisibility(!1)),t?.reset&&this.reset()}reset(){this.state.target={...v},this.state.smooth={...v},this.resetMotion(),this.state.angle=0,this.state.hasReceivedInput=!1,this.state.shape=null,this.state.interaction={}}start(){this.startLoop()}step(t){this.update(t)}destroy(){this._running=!1,cancelAnimationFrame(this.rafId),this.visibilityAbortController.abort(),this.input.destroy();for(const t of this._scopes){for(const e of t.plugins)try{e.destroy?.(this)}catch{}t.stage.destroy()}this._scopes=[],this.scopeByContainer.clear(),this.scopeByName.clear(),this.scopeHandles.clear(),this._activeScope=null,this.state.scope=null,Q(this.styleOwner)}_running=!1;createScope(t){this.scopeByContainer.has(t.container);const e=new R(t,{cursor:this.options.cursor,hoverSelectors:this.options.hoverSelectors??_,cursorPolicy:this.options.cursorPolicy?x(this.options.cursorPolicy):p,zIndex:this.options.zIndex,inheritDataAttributes:this.options.inheritDataAttributes,ruleEntries:this.options.rules?Object.entries(this.options.rules):[]});return this._scopes.push(e),this.scopeByContainer.set(e.container,e),e.name&&this.scopeByName.set(e.name,e),this.scopeHandles.set(e,this.buildScopeHandle(e)),e}buildScopeHandle(t){const e={get name(){return t.name},get container(){return t.container},get disabled(){return t.disabled},remove:()=>this.removeScope(t),setCursor:s=>this.setScopeCursor(t,s),disable:()=>this.disableScope(t),enable:()=>this.enableScope(t),use:s=>(this.installPlugin(t,s),e),removePlugin:s=>this.removePluginFromScope(t,s),getPlugin:s=>t.plugins.find(n=>n.name===s)};return e}removeScope(t){const e=this._scopes.indexOf(t);if(e!==-1){for(const s of t.plugins)try{s.destroy?.(this)}catch{}if(t.plugins.length=0,t.stage.destroy(),this._scopes.splice(e,1),this.scopeByContainer.delete(t.container),t.name&&this.scopeByName.delete(t.name),this.scopeHandles.delete(t),this.input.setScopes(this._scopes),this._activeScope===t){const s=this.findScopeAbove(t.container.parentElement)??this._scopes.find(n=>!n.disabled)??null;this.input.setActiveScope(s)}this.rebuildStylesheet()}}setScopeCursor(t,e){t.cursorMode=e,t===this._activeScope&&(this.state.cursorMode=e)}disableScope(t){if(!t.disabled&&(t.disabled=!0,this._activeScope===t)){const e=this.findScopeAbove(t.container.parentElement)??this._scopes.find(s=>!s.disabled)??null;this.input.setActiveScope(e)}}enableScope(t){t.disabled=!1}findScopeAbove(t){let e=t;for(;e;){const s=this.scopeByContainer.get(e);if(s&&!s.disabled)return s;e=e.parentElement}return null}installPlugins(t){if(t.config.plugins)for(const e of t.config.plugins)this.installPlugin(t,e)}installPlugin(t,e){if(!t.plugins.some(s=>s.name===e.name)){e.isEnabled??=!0,this._installingScope=t;try{e.install?.(this)}catch{this._installingScope=null;return}this._installingScope=null,t.plugins.push(e),t.plugins.sort((s,n)=>(s.priority??0)-(n.priority??0)),(t!==this._activeScope||t.disabled)&&e.element&&(e.element.style.display="none")}}removePluginFromScope(t,e){const s=t.plugins.findIndex(r=>r.name===e);if(s===-1)return;const n=t.plugins[s];t.plugins.splice(s,1);const o=()=>{try{n.onDisable?.(this),n.destroy?.(this)}catch{}n.element?.remove()},h=n.onBeforeDisable?.(this);h&&typeof h.then=="function"?Promise.resolve(h).then(o).catch(r=>{o()}):o()}handleActiveScopeChange(t){const e=this._activeScope;if(e!==t){if(e)for(const s of e.plugins)s.isEnabled!==!1&&this.scopeDeactivatePlugin(s);if(this._activeScope=t,t){this.state.cursorMode=t.cursorMode,this.state.scope={name:t.name,container:t.container};for(const s of t.plugins)s.isEnabled!==!1&&this.scopeActivatePlugin(s)}else this.state.scope=null}}deactivatePlugin(t){if(t.isEnabled===!1)return;t.isEnabled=!1;const e=()=>{t.element&&(t.element.style.display="none"),t.onDisable?.(this)},s=t.onBeforeDisable?.(this);s&&typeof s.then=="function"?Promise.resolve(s).then(e).catch(n=>{e()}):e()}scopeDeactivatePlugin(t){const e=()=>{t.element&&(t.element.style.display="none"),t.onDisable?.(this)},s=t.onBeforeDisable?.(this);s&&typeof s.then=="function"?Promise.resolve(s).then(e).catch(n=>{e()}):e()}scopeActivatePlugin(t){t.element&&(t.element.style.display=""),t.onEnable?.(this)}rebuildStylesheet(){const t=[];for(const e of this._scopes)t.push(...e.buildRules());U(this.styleOwner,t)}runPluginSafe(t,e){if(t.isEnabled!==!1)try{t.update?.(this,e)}catch{t.isEnabled=!1,this.crashedPlugins.push(t)}}cleanupCrashedPlugins(){if(this.crashedPlugins.length!==0){for(const t of this.crashedPlugins){for(const e of this._scopes){const s=e.plugins.indexOf(t);if(s!==-1){e.plugins.splice(s,1);break}}try{t.onDisable?.(this),t.destroy?.(this)}catch{}t.element?.remove()}this.crashedPlugins=[]}}resolveStageVisibility(){return this.state.cursorMode==="native"?!1:this.state.cursorMode==="custom"||this.state.cursorMode==="both"?this.input.isEnabled&&this.state.hasReceivedInput:this.input.isEnabled&&!this.state.isNative&&this.state.hasReceivedInput}resolveCursorState(){return!this.input.isEnabled||this.state.cursorMode==="native"||this.state.cursorMode==="both"?"auto":this.state.cursorMode==="custom"?"none":this.state.isNative||!this.state.hasReceivedInput?"auto":"none"}resetMotion(){this.state.velocity={x:0,y:0},this.state.displacement={x:0,y:0}}update(t){const e=t-this.lastTime,s=Math.min(e/1e3,.1);this.lastTime=t;const n=this.input.getCurrentTarget();n&&!n.isConnected?this.input.clearHover():n&&this.input.parseDOMInteraction(n),this.input.isEnabled&&this.state.hasReceivedInput&&(this.state.target.x=this.state.pointer.x,this.state.target.y=this.state.pointer.y);const o=this._activeScope;if(o){o.stage.setVisibility(this.resolveStageVisibility()),this.input.isEnabled&&o.stage.setNativeCursor(this.resolveCursorState());for(let h=0;h<o.plugins.length;h++)this.runPluginSafe(o.plugins[h],e)}if(this.cleanupCrashedPlugins(),this.input.isEnabled){const h=this.state.reducedMotion?1e3:1/this.options.smoothness*2,r=this.state.smooth.x,g=this.state.smooth.y;this.state.smooth.x=O(this.state.smooth.x,this.state.target.x,h,s),this.state.smooth.y=O(this.state.smooth.y,this.state.target.y,h,s),this.state.displacement.x=this.state.target.x-this.state.smooth.x,this.state.displacement.y=this.state.target.y-this.state.smooth.y,s>0?(this.state.velocity.x=(this.state.smooth.x-r)/s,this.state.velocity.y=(this.state.smooth.y-g)/s):(this.state.velocity.x=0,this.state.velocity.y=0);const{x:c,y:a}=this.state.velocity;(Math.abs(c)>.1||Math.abs(a)>.1)&&(this.state.angle=Math.atan2(a,c)*(180/Math.PI))}}tick=t=>{this.update(t),this._running&&(this.rafId=requestAnimationFrame(this.tick))};bindVisibilityHandling(){document.addEventListener("visibilitychange",()=>{this._running&&(document.hidden?cancelAnimationFrame(this.rafId):(this.lastTime=performance.now(),this.rafId=requestAnimationFrame(this.tick)))},{signal:this.visibilityAbortController.signal})}startLoop(){this._running||(this._running=!0,!document.hidden&&(this.lastTime=performance.now(),this.rafId=requestAnimationFrame(this.tick)))}get hoverSelectors(){const t=this._activeScope??this._scopes[0];return t?t.hoverSelectors:new Set}get plugins(){const t=this._activeScope??this._scopes[0];return t?t.plugins:[]}registerHoverTarget(t){const e=this._installingScope??this._activeScope??this._scopes[0];if(e)for(const s of t.split(",")){const n=s.trim();n&&e.hoverSelectors.add(n)}}}u.DEFAULT_CURSOR_POLICY=p,u.DEFAULT_HOVER_SELECTORS=_,u.Supermouse=q,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supermousejs/core",
-  "version": "2.5.0-beta.1",
+  "version": "2.5.0-beta.2",
   "files": [
     "dist",
     "README.md",