@studiometa/js-toolkit 2.0.0-beta.14 → 2.0.0-beta.15

package/services/drag.js

@@ -1,3 +1,9 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import Service from "./Service.js";
 import usePointer from "./pointer.js";
 import useRaf from "./raf.js";
@@ -11,36 +17,36 @@ const MODES = {
 };
 let instanceIds = 0;
 class Drag extends Service {
-  id;
-  props = {
-    target: null,
-    mode: void 0,
-    isGrabbing: false,
-    hasInertia: false,
-    x: 0,
-    y: 0,
-    delta: {
-      x: 0,
-      y: 0
-    },
-    origin: {
-      x: 0,
-      y: 0
-    },
-    distance: {
-      x: 0,
-      y: 0
-    },
-    final: {
-      x: 0,
-      y: 0
-    }
-  };
-  options = {
-    dampFactor: 0.85
-  };
   constructor(target, options = {}) {
     super();
+    __publicField(this, "id");
+    __publicField(this, "props", {
+      target: null,
+      mode: void 0,
+      isGrabbing: false,
+      hasInertia: false,
+      x: 0,
+      y: 0,
+      delta: {
+        x: 0,
+        y: 0
+      },
+      origin: {
+        x: 0,
+        y: 0
+      },
+      distance: {
+        x: 0,
+        y: 0
+      },
+      final: {
+        x: 0,
+        y: 0
+      }
+    });
+    __publicField(this, "options", {
+      dampFactor: 0.85
+    });
     instanceIds += 1;
     this.id = `drag-${instanceIds}`;
     this.props.target = target;

package/services/key.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,6 +26,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key2, value) => {
+  __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
+  return value;
+};
 
 // packages/js-toolkit/services/key.js
 var key_exports = {};
@@ -34,22 +39,25 @@ __export(key_exports, {
 var import_Service = __toESM(require("./Service.cjs"), 1);
 var import_keyCodes = __toESM(require("../utils/keyCodes.cjs"), 1);
 var Key = class extends import_Service.default {
-  previousEvent;
-  props = {
-    event: null,
-    triggered: 0,
-    isUp: false,
-    isDown: false,
-    ENTER: false,
-    SPACE: false,
-    TAB: false,
-    ESC: false,
-    LEFT: false,
-    UP: false,
-    RIGHT: false,
-    DOWN: false,
-    direction: "none"
-  };
+  constructor() {
+    super(...arguments);
+    __publicField(this, "previousEvent");
+    __publicField(this, "props", {
+      event: null,
+      triggered: 0,
+      isUp: false,
+      isDown: false,
+      ENTER: false,
+      SPACE: false,
+      TAB: false,
+      ESC: false,
+      LEFT: false,
+      UP: false,
+      RIGHT: false,
+      DOWN: false,
+      direction: "none"
+    });
+  }
   init() {
     document.addEventListener("keydown", this);
     document.addEventListener("keyup", this);
@@ -63,6 +71,7 @@ var Key = class extends import_Service.default {
     document.removeEventListener("keyup", this);
   }
   updateProps(event) {
+    var _a;
     this.props.event = event;
     Object.entries(import_keyCodes.default).forEach(([name, code]) => {
       this.props[name] = code === event.keyCode;
@@ -70,7 +79,7 @@ var Key = class extends import_Service.default {
     if (!this.previousEvent) {
       this.props.triggered = 0;
     }
-    if (this.props.event.type === "keydown" && this.previousEvent?.type === "keydown") {
+    if (this.props.event.type === "keydown" && ((_a = this.previousEvent) == null ? void 0 : _a.type) === "keydown") {
       this.props.triggered += 1;
     } else {
       this.props.triggered = 1;

package/services/key.js

@@ -1,22 +1,31 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
+var __publicField = (obj, key2, value) => {
+  __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
+  return value;
+};
 import Service from "./Service.js";
 import keyCodes from "../utils/keyCodes.js";
 class Key extends Service {
-  previousEvent;
-  props = {
-    event: null,
-    triggered: 0,
-    isUp: false,
-    isDown: false,
-    ENTER: false,
-    SPACE: false,
-    TAB: false,
-    ESC: false,
-    LEFT: false,
-    UP: false,
-    RIGHT: false,
-    DOWN: false,
-    direction: "none"
-  };
+  constructor() {
+    super(...arguments);
+    __publicField(this, "previousEvent");
+    __publicField(this, "props", {
+      event: null,
+      triggered: 0,
+      isUp: false,
+      isDown: false,
+      ENTER: false,
+      SPACE: false,
+      TAB: false,
+      ESC: false,
+      LEFT: false,
+      UP: false,
+      RIGHT: false,
+      DOWN: false,
+      direction: "none"
+    });
+  }
   init() {
     document.addEventListener("keydown", this);
     document.addEventListener("keyup", this);
@@ -30,6 +39,7 @@ class Key extends Service {
     document.removeEventListener("keyup", this);
   }
   updateProps(event) {
+    var _a;
     this.props.event = event;
     Object.entries(keyCodes).forEach(([name, code]) => {
       this.props[name] = code === event.keyCode;
@@ -37,7 +47,7 @@ class Key extends Service {
     if (!this.previousEvent) {
       this.props.triggered = 0;
     }
-    if (this.props.event.type === "keydown" && this.previousEvent?.type === "keydown") {
+    if (this.props.event.type === "keydown" && ((_a = this.previousEvent) == null ? void 0 : _a.type) === "keydown") {
       this.props.triggered += 1;
     } else {
       this.props.triggered = 1;

package/services/load.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,6 +26,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/services/load.js
 var load_exports = {};
@@ -33,9 +38,12 @@ __export(load_exports, {
 });
 var import_Service = __toESM(require("./Service.cjs"), 1);
 var Load = class extends import_Service.default {
-  props = {
-    time: window.performance.now()
-  };
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      time: window.performance.now()
+    });
+  }
   init() {
     window.addEventListener("load", this);
   }

package/services/load.js

@@ -1,8 +1,17 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import Service from "./Service.js";
 class Load extends Service {
-  props = {
-    time: window.performance.now()
-  };
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      time: window.performance.now()
+    });
+  }
   init() {
     window.addEventListener("load", this);
   }

package/services/pointer.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,6 +26,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/services/pointer.js
 var pointer_exports = {};
@@ -36,33 +41,36 @@ function isTouchEvent(event) {
   return typeof TouchEvent !== "undefined" && event instanceof TouchEvent;
 }
 var Pointer = class extends import_Service.default {
-  props = {
-    event: null,
-    isDown: false,
-    x: window.innerWidth / 2,
-    y: window.innerHeight / 2,
-    changed: {
-      x: false,
-      y: false
-    },
-    last: {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      event: null,
+      isDown: false,
       x: window.innerWidth / 2,
-      y: window.innerHeight / 2
-    },
-    delta: {
-      x: 0,
-      y: 0
-    },
-    progress: {
-      x: 0.5,
-      y: 0.5
-    },
-    max: {
-      x: window.innerWidth,
-      y: window.innerHeight
-    }
-  };
-  hasRaf = false;
+      y: window.innerHeight / 2,
+      changed: {
+        x: false,
+        y: false
+      },
+      last: {
+        x: window.innerWidth / 2,
+        y: window.innerHeight / 2
+      },
+      delta: {
+        x: 0,
+        y: 0
+      },
+      progress: {
+        x: 0.5,
+        y: 0.5
+      },
+      max: {
+        x: window.innerWidth,
+        y: window.innerHeight
+      }
+    });
+    __publicField(this, "hasRaf", false);
+  }
   init() {
     document.documentElement.addEventListener("mouseenter", this, {
       once: true,
@@ -116,14 +124,15 @@ var Pointer = class extends import_Service.default {
     this.trigger(this.props);
   }
   updateProps(event) {
+    var _a, _b;
     this.props.event = event;
     const yLast = this.props.y;
     const xLast = this.props.x;
-    const y = isTouchEvent(event) ? event.touches[0]?.clientY : event.clientY;
+    const y = isTouchEvent(event) ? (_a = event.touches[0]) == null ? void 0 : _a.clientY : event.clientY;
     if (y !== this.props.y) {
       this.props.y = y;
     }
-    const x = isTouchEvent(event) ? event.touches[0]?.clientX : event.clientX;
+    const x = isTouchEvent(event) ? (_b = event.touches[0]) == null ? void 0 : _b.clientX : event.clientX;
     if (x !== this.props.x) {
       this.props.x = x;
     }

package/services/pointer.js

@@ -1,35 +1,44 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import Service from "./Service.js";
 function isTouchEvent(event) {
   return typeof TouchEvent !== "undefined" && event instanceof TouchEvent;
 }
 class Pointer extends Service {
-  props = {
-    event: null,
-    isDown: false,
-    x: window.innerWidth / 2,
-    y: window.innerHeight / 2,
-    changed: {
-      x: false,
-      y: false
-    },
-    last: {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      event: null,
+      isDown: false,
       x: window.innerWidth / 2,
-      y: window.innerHeight / 2
-    },
-    delta: {
-      x: 0,
-      y: 0
-    },
-    progress: {
-      x: 0.5,
-      y: 0.5
-    },
-    max: {
-      x: window.innerWidth,
-      y: window.innerHeight
-    }
-  };
-  hasRaf = false;
+      y: window.innerHeight / 2,
+      changed: {
+        x: false,
+        y: false
+      },
+      last: {
+        x: window.innerWidth / 2,
+        y: window.innerHeight / 2
+      },
+      delta: {
+        x: 0,
+        y: 0
+      },
+      progress: {
+        x: 0.5,
+        y: 0.5
+      },
+      max: {
+        x: window.innerWidth,
+        y: window.innerHeight
+      }
+    });
+    __publicField(this, "hasRaf", false);
+  }
   init() {
     document.documentElement.addEventListener("mouseenter", this, {
       once: true,
@@ -83,14 +92,15 @@ class Pointer extends Service {
     this.trigger(this.props);
   }
   updateProps(event) {
+    var _a, _b;
     this.props.event = event;
     const yLast = this.props.y;
     const xLast = this.props.x;
-    const y = isTouchEvent(event) ? event.touches[0]?.clientY : event.clientY;
+    const y = isTouchEvent(event) ? (_a = event.touches[0]) == null ? void 0 : _a.clientY : event.clientY;
     if (y !== this.props.y) {
       this.props.y = y;
     }
-    const x = isTouchEvent(event) ? event.touches[0]?.clientX : event.clientX;
+    const x = isTouchEvent(event) ? (_b = event.touches[0]) == null ? void 0 : _b.clientX : event.clientX;
     if (x !== this.props.x) {
       this.props.x = x;
     }

package/services/raf.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,6 +26,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/services/raf.js
 var raf_exports = {};
@@ -34,13 +39,16 @@ __export(raf_exports, {
 var import_Service = __toESM(require("./Service.cjs"), 1);
 var import_nextFrame = require("../utils/nextFrame.cjs");
 var Raf = class extends import_Service.default {
-  isTicking = false;
-  id = 0;
-  raf = (0, import_nextFrame.getRaf)();
-  cancelRaf = (0, import_nextFrame.getCancelRaf)();
-  props = {
-    time: performance.now()
-  };
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isTicking", false);
+    __publicField(this, "id", 0);
+    __publicField(this, "raf", (0, import_nextFrame.getRaf)());
+    __publicField(this, "cancelRaf", (0, import_nextFrame.getCancelRaf)());
+    __publicField(this, "props", {
+      time: performance.now()
+    });
+  }
   init() {
     this.isTicking = true;
     this.loop();

package/services/raf.js

@@ -1,13 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import Service from "./Service.js";
 import { getRaf, getCancelRaf } from "../utils/nextFrame.js";
 class Raf extends Service {
-  isTicking = false;
-  id = 0;
-  raf = getRaf();
-  cancelRaf = getCancelRaf();
-  props = {
-    time: performance.now()
-  };
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isTicking", false);
+    __publicField(this, "id", 0);
+    __publicField(this, "raf", getRaf());
+    __publicField(this, "cancelRaf", getCancelRaf());
+    __publicField(this, "props", {
+      time: performance.now()
+    });
+  }
   init() {
     this.isTicking = true;
     this.loop();

package/services/resize.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,6 +26,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/services/resize.js
 var resize_exports = {};
@@ -34,13 +39,16 @@ __export(resize_exports, {
 var import_Service = __toESM(require("./Service.cjs"), 1);
 var import_debounce = __toESM(require("../utils/debounce.cjs"), 1);
 var Resize = class extends import_Service.default {
-  props = {
-    width: window.innerWidth,
-    height: window.innerHeight,
-    ratio: window.innerWidth / window.innerHeight,
-    orientation: "square"
-  };
-  handler;
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      width: window.innerWidth,
+      height: window.innerHeight,
+      ratio: window.innerWidth / window.innerHeight,
+      orientation: "square"
+    });
+    __publicField(this, "handler");
+  }
   init() {
     this.handler = (0, import_debounce.default)(() => {
       this.updateProps();

package/services/resize.js

@@ -1,13 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import Service from "./Service.js";
 import debounce from "../utils/debounce.js";
 class Resize extends Service {
-  props = {
-    width: window.innerWidth,
-    height: window.innerHeight,
-    ratio: window.innerWidth / window.innerHeight,
-    orientation: "square"
-  };
-  handler;
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      width: window.innerWidth,
+      height: window.innerHeight,
+      ratio: window.innerWidth / window.innerHeight,
+      orientation: "square"
+    });
+    __publicField(this, "handler");
+  }
   init() {
     this.handler = debounce(() => {
       this.updateProps();