@supermousejs/dot 2.3.1 → 2.4.1

package/README.md

@@ -1,6 +1,6 @@
 # @supermousejs/dot
 
-A minimalist precision point that follows your movements perfectly.
+A minimalist precision point that follows your movements perfectly
 
 ## Installation
 

package/dist/index.mjs

@@ -1,31 +1,36 @@
-import { normalize as a, definePlugin as f, dom as o, Layers as m } from "@supermousejs/utils";
-const h = (t = {}) => {
-  const d = "#750c7e", l = t.hideOnShape ?? !0, n = a(t.size, 8), i = a(t.color, d), y = a(t.opacity, 1);
-  return f(
+import { normalize as a, definePlugin as u, dom as c, Layers as z } from "@supermousejs/utils";
+const y = (t = {}) => {
+  const d = "#750c7e", l = t.hideOnShape ?? !0, n = a(t.size, 8), i = a(t.color, d), g = a(t.opacity, 1);
+  return u(
     {
       name: "dot",
       selector: "[data-supermouse-color]",
       create: (e) => {
-        const s = n(e.state), c = i(e.state), r = o.createCircle(s, c);
-        return o.applyStyles(r, {
-          zIndex: t.zIndex || m.CURSOR,
+        const o = n(e.state), r = i(e.state), s = c.createCircle(o, r);
+        return c.css(s, {
+          zIndex: t.zIndex || z.CURSOR,
           mixBlendMode: t.mixBlendMode || "difference",
           transition: "background-color 0.2s ease, opacity 0.2s ease"
-        }), r;
+        }), s;
       },
-      styles: {},
-      update: (e, s) => {
-        const c = n(e.state);
-        o.setStyle(s, "width", `${c}px`), o.setStyle(s, "height", `${c}px`), o.setStyle(s, "backgroundColor", e.state.interaction.color || i(e.state));
-        let r = y(e.state);
-        l && e.state.shape && (r = 0), o.setStyle(s, "opacity", String(r));
-        const { x: S, y: g } = e.state.target;
-        o.setTransform(s, S, g);
+      update: (e, o) => {
+        const r = n(e.state);
+        c.css(o, {
+          width: `${r}px`,
+          height: `${r}px`,
+          backgroundColor: e.state.interaction.color || i(e.state)
+        });
+        let s = g(e.state);
+        l && e.state.shape && (s = 0), c.css(o, {
+          opacity: String(s)
+        });
+        const { x: f, y: m } = e.state.target;
+        c.setTransform(o, f, m);
       }
     },
     t
   );
 };
 export {
-  h as Dot
+  y as Dot
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@supermousejs/utils")):typeof define=="function"&&define.amd?define(["exports","@supermousejs/utils"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.SupermouseDot={},o.SupermouseUtils))})(this,(function(o,e){"use strict";const a=(n={})=>{const m="#750c7e",f=n.hideOnShape??!0,c=e.normalize(n.size,8),i=e.normalize(n.color,m),u=e.normalize(n.opacity,1);return e.definePlugin({name:"dot",selector:"[data-supermouse-color]",create:t=>{const s=c(t.state),d=i(t.state),r=e.dom.createCircle(s,d);return e.dom.applyStyles(r,{zIndex:n.zIndex||e.Layers.CURSOR,mixBlendMode:n.mixBlendMode||"difference",transition:"background-color 0.2s ease, opacity 0.2s ease"}),r},styles:{},update:(t,s)=>{const d=c(t.state);e.dom.setStyle(s,"width",`${d}px`),e.dom.setStyle(s,"height",`${d}px`),e.dom.setStyle(s,"backgroundColor",t.state.interaction.color||i(t.state));let r=u(t.state);f&&t.state.shape&&(r=0),e.dom.setStyle(s,"opacity",String(r));const{x:y,y:l}=t.state.target;e.dom.setTransform(s,y,l)}},n)};o.Dot=a,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@supermousejs/utils")):typeof define=="function"&&define.amd?define(["exports","@supermousejs/utils"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.SupermouseDot={},o.SupermouseUtils))})(this,(function(o,e){"use strict";const a=(s={})=>{const f="#750c7e",m=s.hideOnShape??!0,d=e.normalize(s.size,8),i=e.normalize(s.color,f),u=e.normalize(s.opacity,1);return e.definePlugin({name:"dot",selector:"[data-supermouse-color]",create:t=>{const n=d(t.state),c=i(t.state),r=e.dom.createCircle(n,c);return e.dom.css(r,{zIndex:s.zIndex||e.Layers.CURSOR,mixBlendMode:s.mixBlendMode||"difference",transition:"background-color 0.2s ease, opacity 0.2s ease"}),r},update:(t,n)=>{const c=d(t.state);e.dom.css(n,{width:`${c}px`,height:`${c}px`,backgroundColor:t.state.interaction.color||i(t.state)});let r=u(t.state);m&&t.state.shape&&(r=0),e.dom.css(n,{opacity:String(r)});const{x:l,y:g}=t.state.target;e.dom.setTransform(n,l,g)}},s)};o.Dot=a,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@supermousejs/dot",
-  "version": "2.3.1",
+  "version": "2.4.1",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
+  "description": "A minimalist precision point that follows your movements perfectly",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
@@ -12,18 +13,18 @@
   "url": "https://github.com/Whitestar14/supermouse-js",
   "license": "MIT",
   "dependencies": {
-    "@supermousejs/utils": "2.3.1"
+    "@supermousejs/utils": "2.4.1"
   },
   "devDependencies": {
-    "@supermousejs/core": "2.3.0"
+    "@supermousejs/core": "2.4.1"
   },
   "peerDependencies": {
-    "@supermousejs/core": "2.3.0"
+    "@supermousejs/core": "2.4.1"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Whitestar14/supermouse-js.git",
-    "directory": "packages/core"
+    "directory": "packages/dot"
   },
   "bugs": {
     "url": "https://github.com/Whitestar14/supermouse-js/issues"