@studiometa/js-toolkit 2.0.0-beta.9 → 2.0.0-rc.1

package/services/raf.cjs

@@ -0,0 +1,83 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/raf.js
+var raf_exports = {};
+__export(raf_exports, {
+  default: () => useRaf
+});
+module.exports = __toCommonJS(raf_exports);
+var import_Service = __toESM(require("./Service.cjs"), 1);
+var import_nextFrame = require("../utils/nextFrame.cjs");
+var Raf = class extends import_Service.default {
+  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();
+  }
+  loop() {
+    this.updateProps();
+    this.trigger(this.props);
+    if (!this.isTicking) {
+      return;
+    }
+    this.id = this.raf(() => this.loop());
+  }
+  kill() {
+    this.cancelRaf(this.id);
+    this.isTicking = false;
+  }
+  updateProps() {
+    this.props.time = window.performance.now();
+    return this.props;
+  }
+};
+var instance;
+var raf;
+function useRaf() {
+  if (!raf) {
+    if (!instance) {
+      instance = new Raf();
+    }
+    raf = {
+      add: instance.add.bind(instance),
+      remove: instance.remove.bind(instance),
+      has: instance.has.bind(instance),
+      props: instance.updateProps.bind(instance)
+    };
+  }
+  return raf;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/services/raf.js

@@ -1,60 +1,50 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import Service from './Service.js';
-import { getRaf, getCancelRaf } from '../utils/nextFrame.js';
-
+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 {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "isTicking", false);
-
-    _defineProperty(this, "id", 0);
-
-    _defineProperty(this, "raf", getRaf());
-
-    _defineProperty(this, "cancelRaf", getCancelRaf());
-
-    _defineProperty(this, "props", {
+    __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();
   }
-
   loop() {
     this.updateProps();
     this.trigger(this.props);
-
     if (!this.isTicking) {
       return;
     }
-
     this.id = this.raf(() => this.loop());
   }
-
   kill() {
     this.cancelRaf(this.id);
     this.isTicking = false;
   }
-
   updateProps() {
     this.props.time = window.performance.now();
     return this.props;
   }
-
 }
-
-var instance;
-var raf;
-export default function useRaf() {
+let instance;
+let raf;
+function useRaf() {
   if (!raf) {
     if (!instance) {
       instance = new Raf();
     }
-
     raf = {
       add: instance.add.bind(instance),
       remove: instance.remove.bind(instance),
@@ -62,6 +52,8 @@ export default function useRaf() {
       props: instance.updateProps.bind(instance)
     };
   }
-
   return raf;
-}
+}
+export {
+  useRaf as default
+};

package/services/resize.cjs

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/resize.js
+var resize_exports = {};
+__export(resize_exports, {
+  default: () => useResize
+});
+module.exports = __toCommonJS(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 {
+  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();
+      this.trigger(this.props);
+    }).bind(this);
+    window.addEventListener("resize", this.handler);
+    return this;
+  }
+  kill() {
+    window.removeEventListener("resize", this.handler);
+  }
+  updateProps() {
+    this.props.width = window.innerWidth;
+    this.props.height = window.innerHeight;
+    this.props.ratio = window.innerWidth / window.innerHeight;
+    this.props.orientation = "square";
+    if (this.props.ratio > 1) {
+      this.props.orientation = "landscape";
+    }
+    if (this.props.ratio < 1) {
+      this.props.orientation = "portrait";
+    }
+    if (this.breakpointElement) {
+      this.props.breakpoint = this.breakpoint;
+      this.props.breakpoints = this.breakpoints;
+    } else {
+      this.props.breakpoint = void 0;
+      this.props.breakpoints = void 0;
+    }
+    return this.props;
+  }
+  get breakpointElement() {
+    return document.querySelector("[data-breakpoint]");
+  }
+  get breakpoint() {
+    return window.getComputedStyle(this.breakpointElement, "::before").getPropertyValue("content").replace(/"/g, "");
+  }
+  get breakpoints() {
+    const breakpoints = window.getComputedStyle(this.breakpointElement, "::after").getPropertyValue("content").replace(/"/g, "");
+    return breakpoints.split(",");
+  }
+};
+var instance;
+var resize;
+function useResize() {
+  if (!resize) {
+    if (!instance) {
+      instance = new Resize();
+    }
+    const add = instance.add.bind(instance);
+    const remove = instance.remove.bind(instance);
+    const has = instance.has.bind(instance);
+    const props = instance.updateProps.bind(instance);
+    resize = {
+      add,
+      remove,
+      has,
+      props
+    };
+  }
+  return resize;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/services/resize.js

@@ -1,86 +1,75 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import Service from './Service.js';
-import debounce from '../utils/debounce.js';
-
+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 {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "props", {
+    __publicField(this, "props", {
       width: window.innerWidth,
       height: window.innerHeight,
       ratio: window.innerWidth / window.innerHeight,
-      orientation: 'square'
+      orientation: "square"
     });
-
-    _defineProperty(this, "handler", void 0);
+    __publicField(this, "handler");
   }
-
   init() {
     this.handler = debounce(() => {
       this.updateProps();
       this.trigger(this.props);
     }).bind(this);
-    window.addEventListener('resize', this.handler);
+    window.addEventListener("resize", this.handler);
     return this;
   }
-
   kill() {
-    window.removeEventListener('resize', this.handler);
+    window.removeEventListener("resize", this.handler);
   }
-
   updateProps() {
     this.props.width = window.innerWidth;
     this.props.height = window.innerHeight;
     this.props.ratio = window.innerWidth / window.innerHeight;
-    this.props.orientation = 'square';
-
+    this.props.orientation = "square";
     if (this.props.ratio > 1) {
-      this.props.orientation = 'landscape';
+      this.props.orientation = "landscape";
     }
-
     if (this.props.ratio < 1) {
-      this.props.orientation = 'portrait';
+      this.props.orientation = "portrait";
     }
-
     if (this.breakpointElement) {
       this.props.breakpoint = this.breakpoint;
       this.props.breakpoints = this.breakpoints;
     } else {
-      this.props.breakpoint = undefined;
-      this.props.breakpoints = undefined;
+      this.props.breakpoint = void 0;
+      this.props.breakpoints = void 0;
     }
-
     return this.props;
   }
-
   get breakpointElement() {
-    return document.querySelector('[data-breakpoint]');
+    return document.querySelector("[data-breakpoint]");
   }
-
   get breakpoint() {
-    return window.getComputedStyle(this.breakpointElement, '::before').getPropertyValue('content').replace(/"/g, '');
+    return window.getComputedStyle(this.breakpointElement, "::before").getPropertyValue("content").replace(/"/g, "");
   }
-
   get breakpoints() {
-    var breakpoints = window.getComputedStyle(this.breakpointElement, '::after').getPropertyValue('content').replace(/"/g, '');
-    return breakpoints.split(',');
+    const breakpoints = window.getComputedStyle(this.breakpointElement, "::after").getPropertyValue("content").replace(/"/g, "");
+    return breakpoints.split(",");
   }
-
 }
-
-var instance;
-var resize;
-export default function useResize() {
+let instance;
+let resize;
+function useResize() {
   if (!resize) {
     if (!instance) {
       instance = new Resize();
     }
-
-    var add = instance.add.bind(instance);
-    var remove = instance.remove.bind(instance);
-    var has = instance.has.bind(instance);
-    var props = instance.updateProps.bind(instance);
+    const add = instance.add.bind(instance);
+    const remove = instance.remove.bind(instance);
+    const has = instance.has.bind(instance);
+    const props = instance.updateProps.bind(instance);
     resize = {
       add,
       remove,
@@ -88,6 +77,8 @@ export default function useResize() {
       props
     };
   }
-
   return resize;
-}
+}
+export {
+  useResize as default
+};

package/services/scroll.cjs

@@ -0,0 +1,131 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/scroll.js
+var scroll_exports = {};
+__export(scroll_exports, {
+  default: () => useScroll
+});
+module.exports = __toCommonJS(scroll_exports);
+var import_Service = __toESM(require("./Service.cjs"), 1);
+var import_debounce = __toESM(require("../utils/debounce.cjs"), 1);
+var Scroll = class extends import_Service.default {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      x: window.pageXOffset,
+      y: window.pageYOffset,
+      changed: {
+        x: false,
+        y: false
+      },
+      last: {
+        x: window.pageXOffset,
+        y: window.pageYOffset
+      },
+      delta: {
+        x: 0,
+        y: 0
+      },
+      max: {
+        x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
+        y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
+      },
+      progress: {
+        x: 0,
+        y: 0
+      },
+      direction: {
+        x: "NONE",
+        y: "NONE"
+      }
+    });
+  }
+  init() {
+    this.updateProps();
+    document.addEventListener("scroll", this, { passive: true, capture: true });
+    return this;
+  }
+  get debouncedHandler() {
+    const debounced = (0, import_debounce.default)(() => {
+      this.updateProps();
+      this.trigger(this.props);
+    }, 100);
+    Object.defineProperty(this, "debouncedHandler", {
+      value: debounced
+    });
+    return debounced;
+  }
+  handleEvent() {
+    this.updateProps();
+    this.trigger(this.props);
+    this.debouncedHandler();
+  }
+  kill() {
+    document.removeEventListener("scroll", this);
+    return this;
+  }
+  updateProps() {
+    const yLast = this.props.y;
+    const xLast = this.props.x;
+    if (window.pageYOffset !== this.props.y) {
+      this.props.y = window.pageYOffset;
+    }
+    if (window.pageXOffset !== this.props.x) {
+      this.props.x = window.pageXOffset;
+    }
+    this.props.changed.x = this.props.x !== xLast;
+    this.props.changed.y = this.props.y !== yLast;
+    this.props.last.x = xLast;
+    this.props.last.y = yLast;
+    this.props.delta.x = this.props.x - xLast;
+    this.props.delta.y = this.props.y - yLast;
+    this.props.max.x = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;
+    this.props.max.y = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;
+    this.props.progress.x = this.props.max.x === 0 ? 1 : this.props.x / this.props.max.x;
+    this.props.progress.y = this.props.max.y === 0 ? 1 : this.props.y / this.props.max.y;
+    this.props.direction.x = this.props.x > xLast ? "RIGHT" : this.props.x < xLast ? "LEFT" : "NONE";
+    this.props.direction.y = this.props.y > yLast ? "DOWN" : this.props.y < yLast ? "UP" : "NONE";
+    return this.props;
+  }
+};
+var instance;
+var scroll;
+function useScroll() {
+  if (!scroll) {
+    if (!instance) {
+      instance = new Scroll();
+    }
+    scroll = {
+      add: instance.add.bind(instance),
+      remove: instance.remove.bind(instance),
+      has: instance.has.bind(instance),
+      props: instance.updateProps.bind(instance)
+    };
+  }
+  return scroll;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/services/scroll.js

@@ -1,12 +1,15 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import Service from './Service.js';
-import debounce from '../utils/debounce.js';
-
+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 Scroll extends Service {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "props", {
+    __publicField(this, "props", {
       x: window.pageXOffset,
       y: window.pageYOffset,
       changed: {
@@ -30,55 +33,44 @@ class Scroll extends Service {
         y: 0
       },
       direction: {
-        x: 'NONE',
-        y: 'NONE'
+        x: "NONE",
+        y: "NONE"
       }
     });
   }
-
   init() {
     this.updateProps();
-    document.addEventListener('scroll', this, {
-      passive: true,
-      capture: true
-    });
+    document.addEventListener("scroll", this, { passive: true, capture: true });
     return this;
   }
-
   get debouncedHandler() {
-    var debounced = debounce(() => {
+    const debounced = debounce(() => {
       this.updateProps();
       this.trigger(this.props);
     }, 100);
-    Object.defineProperty(this, 'debouncedHandler', {
+    Object.defineProperty(this, "debouncedHandler", {
       value: debounced
     });
     return debounced;
   }
-
   handleEvent() {
     this.updateProps();
     this.trigger(this.props);
     this.debouncedHandler();
   }
-
   kill() {
-    document.removeEventListener('scroll', this);
+    document.removeEventListener("scroll", this);
     return this;
   }
-
   updateProps() {
-    var yLast = this.props.y;
-    var xLast = this.props.x;
-
+    const yLast = this.props.y;
+    const xLast = this.props.x;
     if (window.pageYOffset !== this.props.y) {
       this.props.y = window.pageYOffset;
     }
-
     if (window.pageXOffset !== this.props.x) {
       this.props.x = window.pageXOffset;
     }
-
     this.props.changed.x = this.props.x !== xLast;
     this.props.changed.y = this.props.y !== yLast;
     this.props.last.x = xLast;
@@ -89,21 +81,18 @@ class Scroll extends Service {
     this.props.max.y = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;
     this.props.progress.x = this.props.max.x === 0 ? 1 : this.props.x / this.props.max.x;
     this.props.progress.y = this.props.max.y === 0 ? 1 : this.props.y / this.props.max.y;
-    this.props.direction.x = this.props.x > xLast ? 'RIGHT' : this.props.x < xLast ? 'LEFT' : 'NONE';
-    this.props.direction.y = this.props.y > yLast ? 'DOWN' : this.props.y < yLast ? 'UP' : 'NONE';
+    this.props.direction.x = this.props.x > xLast ? "RIGHT" : this.props.x < xLast ? "LEFT" : "NONE";
+    this.props.direction.y = this.props.y > yLast ? "DOWN" : this.props.y < yLast ? "UP" : "NONE";
     return this.props;
   }
-
 }
-
-var instance;
-var scroll;
-export default function useScroll() {
+let instance;
+let scroll;
+function useScroll() {
   if (!scroll) {
     if (!instance) {
       instance = new Scroll();
     }
-
     scroll = {
       add: instance.add.bind(instance),
       remove: instance.remove.bind(instance),
@@ -111,6 +100,8 @@ export default function useScroll() {
       props: instance.updateProps.bind(instance)
     };
   }
-
   return scroll;
-}
+}
+export {
+  useScroll as default
+};