@studiometa/js-toolkit 1.7.2 → 2.0.0-alpha.10

package/services/resize.js

@@ -1,107 +1,58 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import Service from '../abstracts/Service.js';
+import Service from './Service.js';
 import debounce from '../utils/debounce.js';
 
-var Resize = function (_Service) {
-  _inherits(Resize, _Service);
-
-  var _super = _createSuper(Resize);
-
-  function Resize() {
-    _classCallCheck(this, Resize);
-
-    return _super.apply(this, arguments);
+class Resize extends Service {
+  init() {
+    this.handler = debounce(() => {
+      this.trigger(this.props);
+    }).bind(this);
+    window.addEventListener('resize', this.handler);
+    return this;
   }
 
-  _createClass(Resize, [{
-    key: "init",
-    value: function init() {
-      var _this = this;
+  kill() {
+    window.removeEventListener('resize', this.handler);
+    return this;
+  }
 
-      this.handler = debounce(function () {
-        _this.trigger(_this.props);
-      }).bind(this);
+  get props() {
+    var props = {
+      width: window.innerWidth,
+      height: window.innerHeight,
+      ratio: window.innerWidth / window.innerHeight,
+      orientation: 'square'
+    };
 
-      if (this.canUseResizeObserver) {
-        this.resizeObserver = new ResizeObserver(this.handler);
-        this.resizeObserver.observe(document.documentElement);
-      } else {
-        window.addEventListener('resize', this.handler);
-      }
+    if (props.ratio > 1) {
+      props.orientation = 'landscape';
+    }
 
-      return this;
+    if (props.ratio < 1) {
+      props.orientation = 'portrait';
     }
-  }, {
-    key: "kill",
-    value: function kill() {
-      if (this.canUseResizeObserver) {
-        this.resizeObserver.disconnect();
-      } else {
-        window.removeEventListener('resize', this.handler);
-      }
 
-      delete this.resizeObserver;
-      return this;
+    if (this.breakpointElement) {
+      props.breakpoint = this.breakpoint;
+      props.breakpoints = this.breakpoints;
     }
-  }, {
-    key: "props",
-    get: function get() {
-      var props = {
-        width: window.innerWidth,
-        height: window.innerHeight,
-        ratio: window.innerWidth / window.innerHeight,
-        orientation: 'square'
-      };
 
-      if (props.ratio > 1) {
-        props.orientation = 'landscape';
-      }
+    return props;
+  }
 
-      if (props.ratio < 1) {
-        props.orientation = 'portrait';
-      }
+  get breakpointElement() {
+    return document.querySelector('[data-breakpoint]') || null;
+  }
 
-      if (this.breakpointElement) {
-        props.breakpoint = this.breakpoint;
-        props.breakpoints = this.breakpoints;
-      }
+  get breakpoint() {
+    return window.getComputedStyle(this.breakpointElement, '::before').getPropertyValue('content').replace(/"/g, '');
+  }
 
-      return props;
-    }
-  }, {
-    key: "breakpointElement",
-    get: function get() {
-      return document.querySelector('[data-breakpoint]') || null;
-    }
-  }, {
-    key: "breakpoint",
-    get: function get() {
-      return window.getComputedStyle(this.breakpointElement, '::before').getPropertyValue('content').replace(/"/g, '');
-    }
-  }, {
-    key: "breakpoints",
-    get: function get() {
-      var breakpoints = window.getComputedStyle(this.breakpointElement, '::after').getPropertyValue('content').replace(/"/g, '');
-      return breakpoints.split(',');
-    }
-  }, {
-    key: "canUseResizeObserver",
-    get: function get() {
-      return typeof window.ResizeObserver !== 'undefined';
-    }
-  }]);
+  get breakpoints() {
+    var breakpoints = window.getComputedStyle(this.breakpointElement, '::after').getPropertyValue('content').replace(/"/g, '');
+    return breakpoints.split(',');
+  }
 
-  return Resize;
-}(Service);
+}
 
 var resize = null;
 export default function useResize() {
@@ -113,15 +64,12 @@ export default function useResize() {
   var remove = resize.remove.bind(resize);
   var has = resize.has.bind(resize);
 
-  var props = function props() {
-    return resize.props;
-  };
+  var props = () => resize.props;
 
   return {
-    add: add,
-    remove: remove,
-    has: has,
-    props: props
+    add,
+    remove,
+    has,
+    props
   };
-}
-//# sourceMappingURL=resize.js.map
+}

package/services/scroll.js

@@ -1,131 +1,95 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import Service from './Service.js';
+import debounce from '../utils/debounce.js';
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+class Scroll extends Service {
+  constructor() {
+    super(...arguments);
 
-import Service from '../abstracts/Service.js';
-import debounce from '../utils/debounce.js';
+    _defineProperty(this, "y", window.pageYOffset);
 
-var Scroll = function (_Service) {
-  _inherits(Scroll, _Service);
+    _defineProperty(this, "yLast", window.pageYOffset);
 
-  var _super = _createSuper(Scroll);
+    _defineProperty(this, "x", window.pageXOffset);
 
-  function Scroll() {
-    var _this;
+    _defineProperty(this, "xLast", window.pageXOffset);
+  }
 
-    _classCallCheck(this, Scroll);
+  init() {
+    document.addEventListener('scroll', this, {
+      passive: true,
+      capture: true
+    });
+    return this;
+  }
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  get debouncedHandler() {
+    var debounced = debounce(() => {
+      this.trigger(this.props);
+    }, 0);
+    Object.defineProperty(this, 'debouncedHandler', {
+      value: debounced
+    });
+    return debounced;
+  }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+  handleEvent() {
+    this.trigger(this.props);
+    this.debouncedHandler();
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "y", window.pageYOffset);
+  kill() {
+    document.removeEventListener('scroll', this);
+    return this;
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "yLast", window.pageYOffset);
+  get props() {
+    this.yLast = this.y;
+    this.xLast = this.x;
 
-    _defineProperty(_assertThisInitialized(_this), "x", window.pageXOffset);
+    if (window.pageYOffset !== this.y) {
+      this.y = window.pageYOffset;
+    }
 
-    _defineProperty(_assertThisInitialized(_this), "xLast", window.pageXOffset);
+    if (window.pageXOffset !== this.x) {
+      this.x = window.pageXOffset;
+    }
 
-    return _this;
+    return {
+      x: this.x,
+      y: this.y,
+      changed: {
+        x: this.x !== this.xLast,
+        y: this.y !== this.yLast
+      },
+      last: {
+        x: this.xLast,
+        y: this.yLast
+      },
+      delta: {
+        x: this.x - this.xLast,
+        y: this.y - this.yLast
+      },
+      progress: {
+        x: this.max.x === 0 ? 1 : this.x / this.max.x,
+        y: this.max.y === 0 ? 1 : this.y / this.max.y
+      },
+      direction: {
+        x: this.x > this.xLast ? 'RIGHT' : this.x < this.xLast ? 'LEFT' : 'NONE',
+        y: this.y > this.yLast ? 'DOWN' : this.y < this.yLast ? 'UP' : 'NONE'
+      },
+      max: this.max
+    };
   }
 
-  _createClass(Scroll, [{
-    key: "init",
-    value: function init() {
-      document.addEventListener('scroll', this, {
-        passive: true,
-        capture: true
-      });
-      return this;
-    }
-  }, {
-    key: "debouncedHandler",
-    get: function get() {
-      var _this2 = this;
-
-      var debounced = debounce(function () {
-        _this2.trigger(_this2.props);
-      }, 0);
-      Object.defineProperty(this, 'debouncedHandler', {
-        value: debounced
-      });
-      return debounced;
-    }
-  }, {
-    key: "handleEvent",
-    value: function handleEvent() {
-      this.trigger(this.props);
-      this.debouncedHandler();
-    }
-  }, {
-    key: "kill",
-    value: function kill() {
-      document.removeEventListener('scroll', this);
-      return this;
-    }
-  }, {
-    key: "props",
-    get: function get() {
-      this.yLast = this.y;
-      this.xLast = this.x;
-
-      if (window.pageYOffset !== this.y) {
-        this.y = window.pageYOffset;
-      }
-
-      if (window.pageXOffset !== this.x) {
-        this.x = window.pageXOffset;
-      }
-
-      return {
-        x: this.x,
-        y: this.y,
-        changed: {
-          x: this.x !== this.xLast,
-          y: this.y !== this.yLast
-        },
-        last: {
-          x: this.xLast,
-          y: this.yLast
-        },
-        delta: {
-          x: this.x - this.xLast,
-          y: this.y - this.yLast
-        },
-        progress: {
-          x: this.max.x === 0 ? 1 : this.x / this.max.x,
-          y: this.max.y === 0 ? 1 : this.y / this.max.y
-        },
-        direction: {
-          x: this.x > this.xLast ? 'RIGHT' : this.x < this.xLast ? 'LEFT' : 'NONE',
-          y: this.y > this.yLast ? 'DOWN' : this.y < this.yLast ? 'UP' : 'NONE'
-        },
-        max: this.max
-      };
-    }
-  }, {
-    key: "max",
-    get: function get() {
-      return {
-        x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
-        y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
-      };
-    }
-  }]);
+  get max() {
+    return {
+      x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
+      y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
+    };
+  }
 
-  return Scroll;
-}(Service);
+}
 
 var scroll = null;
 export default function useScroll() {
@@ -137,15 +101,12 @@ export default function useScroll() {
   var remove = scroll.remove.bind(scroll);
   var has = scroll.has.bind(scroll);
 
-  var props = function props() {
-    return scroll.props;
-  };
+  var props = () => scroll.props;
 
   return {
-    add: add,
-    remove: remove,
-    has: has,
-    props: props
+    add,
+    remove,
+    has,
+    props
   };
-}
-//# sourceMappingURL=scroll.js.map
+}

package/utils/collide/boundingRectToCircle.js

@@ -1,8 +1,10 @@
 export default function collidePointRect(_ref) {
-  var x = _ref.x,
-      y = _ref.y,
-      width = _ref.width,
-      height = _ref.height;
+  var {
+    x,
+    y,
+    width,
+    height
+  } = _ref;
   var force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (width !== height && !force) throw new Error('Initial DOMElement is not a square. Please use the force mode.');
   return {
@@ -10,5 +12,4 @@ export default function collidePointRect(_ref) {
     y: y + height / 2,
     radius: (width + height) / 4
   };
-}
-//# sourceMappingURL=boundingRectToCircle.js.map
+}

package/utils/collide/collideCircleCircle.js

@@ -8,5 +8,4 @@ export default function collideCircleCircle(circle1, circle2) {
   }
 
   return false;
-}
-//# sourceMappingURL=collideCircleCircle.js.map
+}

package/utils/collide/collideCircleRect.js

@@ -23,5 +23,4 @@ export default function collideCircleRect(circle, rect) {
   }
 
   return false;
-}
-//# sourceMappingURL=collideCircleRect.js.map
+}

package/utils/collide/collidePointCircle.js

@@ -3,5 +3,4 @@ export default function collidePointCircle(point, circle) {
   var distY = point.y - circle.y;
   var distance = Math.sqrt(distX * distX + distY * distY);
   return distance <= circle.radius;
-}
-//# sourceMappingURL=collidePointCircle.js.map
+}

package/utils/collide/collidePointRect.js

@@ -1,4 +1,3 @@
 export default function collidePointRect(point, rect) {
   return point.x >= rect.x && point.x <= rect.x + rect.width && point.y >= rect.y && point.y <= rect.y + rect.height;
-}
-//# sourceMappingURL=collidePointRect.js.map
+}

package/utils/collide/collideRectRect.js

@@ -1,4 +1,3 @@
 export default function collideRectRect(rect1, rect2) {
   return rect1.x + rect1.width >= rect2.x && rect1.x <= rect2.x + rect2.width && rect1.y + rect1.height >= rect2.y && rect1.y <= rect2.y + rect2.height;
-}
-//# sourceMappingURL=collideRectRect.js.map
+}

package/utils/collide/index.js

@@ -4,5 +4,4 @@ import boundingRectToCircle from './boundingRectToCircle.js';
 import collideCircleRect from './collideCircleRect.js';
 import collideCircleCircle from './collideCircleCircle.js';
 import collidePointCircle from './collidePointCircle.js';
-export { collidePointRect, collideRectRect, boundingRectToCircle, collideCircleRect, collideCircleCircle, collidePointCircle };
-//# sourceMappingURL=index.js.map
+export { collidePointRect, collideRectRect, boundingRectToCircle, collideCircleRect, collideCircleCircle, collidePointCircle };

package/utils/css/classes.js

@@ -5,7 +5,7 @@ function setClasses(element, classNames) {
     return;
   }
 
-  classNames.split(' ').forEach(function (className) {
+  classNames.split(' ').forEach(className => {
     element.classList[method](className);
   });
 }
@@ -18,5 +18,4 @@ export function remove(element, classNames) {
 }
 export function toggle(element, classNames) {
   setClasses(element, classNames, 'toggle');
-}
-//# sourceMappingURL=classes.js.map
+}

package/utils/css/index.js

@@ -2,5 +2,4 @@ import * as classes from './classes.js';
 import * as styles from './styles.js';
 import matrix from './matrix.js';
 import transition from './transition.js';
-export { classes, styles, matrix, transition };
-//# sourceMappingURL=index.js.map
+export { classes, styles, matrix, transition };

package/utils/css/matrix.js

@@ -3,5 +3,4 @@ export default function matrix(transform) {
 
   transform = transform || {};
   return "matrix(".concat((_transform$scaleX = transform.scaleX) !== null && _transform$scaleX !== void 0 ? _transform$scaleX : 1, ", ").concat((_transform$skewY = transform.skewY) !== null && _transform$skewY !== void 0 ? _transform$skewY : 0, ", ").concat((_transform$skewX = transform.skewX) !== null && _transform$skewX !== void 0 ? _transform$skewX : 0, ", ").concat((_transform$scaleY = transform.scaleY) !== null && _transform$scaleY !== void 0 ? _transform$scaleY : 1, ", ").concat((_transform$translateX = transform.translateX) !== null && _transform$translateX !== void 0 ? _transform$translateX : 0, ", ").concat((_transform$translateY = transform.translateY) !== null && _transform$translateY !== void 0 ? _transform$translateY : 0, ")");
-}
-//# sourceMappingURL=matrix.js.map
+}

package/utils/css/styles.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import isObject from '../object/isObject.js';
 export default function setStyles(element, styles) {
   var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'add';
@@ -7,11 +6,8 @@ export default function setStyles(element, styles) {
     return;
   }
 
-  Object.entries(styles).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        prop = _ref2[0],
-        value = _ref2[1];
-
+  Object.entries(styles).forEach(_ref => {
+    var [prop, value] = _ref;
     element.style[prop] = method === 'add' ? value : '';
   });
 }
@@ -20,5 +16,4 @@ export function add(element, styles) {
 }
 export function remove(element, styles) {
   setStyles(element, styles, 'remove');
-}
-//# sourceMappingURL=styles.js.map
+}