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

package/components/Accordion/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/js-toolkit/components/Accordion/AccordionItem.js"],"names":["deepmerge","Base","Accordion","styles","transition","AccordionItem","$parent","$options","item","Object","entries","forEach","key","value","type","config","options","Array","$refs","btn","setAttribute","$id","contentId","content","isOpen","updateAttributes","add","container","visibility","height","otherStyles","refs","filter","refName","open","closed","to","remove","close","$log","$emit","Promise","all","from","active","offsetHeight","then","position","resolve","map","name","Boolean","default"],"mappings":"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","sourcesContent":["import deepmerge from 'deepmerge';\nimport Base from '../../abstracts/Base/index.js';\nimport Accordion from './Accordion.js';\nimport * as styles from '../../utils/css/styles.js';\nimport transition from '../../utils/css/transition.js';\n\n/**\n * @typedef {import('../../abstracts/Base').BaseOptions} BaseOptions\n * @typedef {import('./Accordion.js').AccordionInterface} AccordionInterface\n */\n\n/**\n * @typedef {Object} AccordionItemRefs\n * @property {HTMLElement} btn\n * @property {HTMLElement} content\n * @property {HTMLElement} container\n */\n\n/**\n * @typedef {Object} StylesOption\n * @property {String|CssStyleObject} open\n * @property {String|CssStyleObject} active\n * @property {String|CssStyleObject} closed\n */\n\n/**\n * @typedef {import('../../utils/css/styles.js').CssStyleObject} CssStyleObject\n * @typedef {Partial<Record<'open'|'active'|'closed', string|CssStyleObject>>} AccordionItemStates\n * @typedef {Partial<Record<keyof AccordionItemRefs, AccordionItemStates>>} AccordionItemStylesOption\n */\n\n/**\n * @typedef {Object} AccordionItemOptions\n * @property {Boolean} isOpen\n * @property {AccordionItemStylesOption} styles\n */\n\n/**\n * @typedef {Object} AccordionItemPrivateInterface\n * @property {AccordionItemOptions} $options\n * @property {AccordionItemRefs} $refs\n * @property {Accordion & AccordionInterface} $parent\n */\n\n/**\n * @typedef {AccordionItem & AccordionItemPrivateInterface} AccordionItemInterface\n */\n\n/**\n * AccordionItem class.\n */\nexport default class AccordionItem extends Base {\n  /**\n   * AccordionItem config\n   * @return {Object}\n   */\n  static config = {\n    name: 'AccordionItem',\n    refs: ['btn', 'content', 'container'],\n    options: {\n      isOpen: Boolean,\n      styles: {\n        type: Object,\n        /**\n         * @return {AccordionItemStylesOption}\n         */\n        default: () => ({\n          container: {\n            open: '',\n            active: '',\n            closed: '',\n          },\n        }),\n      },\n    },\n  };\n\n  /**\n   * Add aria-attributes on mounted.\n   * @this {AccordionItemInterface}\n   */\n  mounted() {\n    if (this.$parent && this.$parent instanceof Accordion && this.$parent.$options.item) {\n      Object.entries(this.$parent.$options.item).forEach(([key, value]) => {\n        if (key in this.$options) {\n          const type = AccordionItem.config.options[key].type || AccordionItem.config.options[key];\n          if (type === Array || type === Object) {\n            this.$options[key] = deepmerge(this.$options[key], /** @type {any} */ (value));\n          } else {\n            this.$options[key] = value;\n          }\n        }\n      });\n    }\n\n    this.$refs.btn.setAttribute('id', this.$id);\n    this.$refs.btn.setAttribute('aria-controls', this.contentId);\n    this.$refs.content.setAttribute('aria-labelledby', this.$id);\n    this.$refs.content.setAttribute('id', this.contentId);\n\n    const { isOpen } = this.$options;\n    this.updateAttributes(isOpen);\n\n    if (!isOpen) {\n      styles.add(this.$refs.container, { visibility: 'invisible', height: '0' });\n    }\n\n    // Update refs styles on mount\n    const { container, ...otherStyles } = this.$options.styles;\n    /** @type {AccordionItemRefs} */\n    const refs = this.$refs;\n    Object.entries(otherStyles)\n      .filter(([refName]) => refs[refName])\n      .forEach(([refName, { open, closed } = { open: '', closed: '' }]) => {\n        transition(refs[refName], { to: isOpen ? open : closed }, 'keep');\n      });\n  }\n\n  /**\n   * Remove styles on destroy.\n   * @this {AccordionItemInterface}\n   */\n  destroyed() {\n    styles.remove(this.$refs.container, { visibility: '', height: '' });\n  }\n\n  /**\n   * Handler for the click event on the `btn` ref.\n   * @this {AccordionItemInterface}\n   */\n  onBtnClick() {\n    if (this.$options.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /**\n   * Get the content ID.\n   * @return {String}\n   */\n  get contentId() {\n    return `content-${this.$id}`;\n  }\n\n  /**\n   * Update the refs' attributes according to the given type.\n   *\n   * @this {AccordionItemInterface}\n   * @param  {Boolean} isOpen The state of the item.\n   */\n  updateAttributes(isOpen) {\n    this.$refs.content.setAttribute('aria-hidden', isOpen ? 'false' : 'true');\n    this.$refs.btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n  }\n\n  /**\n   * Open an item.\n   * @this {AccordionItemInterface}\n   */\n  async open() {\n    if (this.$options.isOpen) {\n      return;\n    }\n\n    this.$log('open');\n    this.$emit('open');\n\n    this.$options.isOpen = true;\n    this.updateAttributes(this.$options.isOpen);\n\n    styles.remove(this.$refs.container, { visibility: 'invisible' });\n    const { container, ...otherStyles } = this.$options.styles;\n\n    /** @type {AccordionItemRefs} */\n    const refs = this.$refs;\n\n    await Promise.all([\n      transition(refs.container, {\n        from: { height: 0 },\n        active: container.active,\n        to: { height: `${refs.content.offsetHeight}px` },\n      }).then(() => {\n        // Remove style only if the item has not been closed before the end\n        if (this.$options.isOpen) {\n          styles.remove(refs.content, { position: 'absolute' });\n        }\n\n        return Promise.resolve();\n      }),\n      ...Object.entries(otherStyles)\n        .filter(([refName]) => refs[refName])\n        .map(([refName, { open, active, closed } = { open: '', active: '', closed: '' }]) =>\n          transition(\n            refs[refName],\n            {\n              from: closed,\n              active,\n              to: open,\n            },\n            'keep'\n          )\n        ),\n    ]);\n  }\n\n  /**\n   * Close an item.\n   * @this {AccordionItemInterface}\n   */\n  async close() {\n    if (!this.$options.isOpen) {\n      return;\n    }\n\n    this.$log('close');\n    this.$emit('close');\n\n    this.$options.isOpen = false;\n\n    const height = this.$refs.container.offsetHeight;\n    styles.add(this.$refs.content, { position: 'absolute' });\n    const { container, ...otherStyles } = this.$options.styles;\n\n    /** @type {AccordionItemRefs} */\n    const refs = this.$refs;\n\n    await Promise.all([\n      transition(refs.container, {\n        from: { height: `${height}px` },\n        active: container.active,\n        to: { height: '0' },\n      }).then(() => {\n        // Add end styles only if the item has not been re-opened before the end\n        if (!this.$options.isOpen) {\n          styles.add(refs.container, { height: '0', visibility: 'invisible' });\n          this.updateAttributes(this.$options.isOpen);\n        }\n        return Promise.resolve();\n      }),\n      ...Object.entries(otherStyles)\n        .filter(([refName]) => refs[refName])\n        .map(([refName, { open, active, closed } = { open: '', active: '', closed: '' }]) =>\n          transition(\n            refs[refName],\n            {\n              from: open,\n              active,\n              to: closed,\n            },\n            'keep'\n          )\n        ),\n    ]);\n  }\n}\n"],"file":"AccordionItem.js"}

package/components/Accordion/index.d.ts

@@ -1,27 +0,0 @@
-export default Accordion;
-export type AccordionInterface = import('./Accordion.js').AccordionInterface;
-export type AccordionItemInterface = import('./AccordionItem.js').AccordionItemInterface;
-/**
- * @typedef {import('./Accordion.js').AccordionInterface} AccordionInterface
- * @typedef {import('./AccordionItem.js').AccordionItemInterface} AccordionItemInterface
- */
-/**
- * Accordion class.
- */
-declare class Accordion extends AccordionCore {
-    static config: {
-        components: {
-            AccordionItem: typeof AccordionItem;
-        };
-        name: string;
-        options: {
-            autoclose: BooleanConstructor;
-            item: {
-                type: ObjectConstructor;
-                default: () => Partial<import("./AccordionItem.js").AccordionItemOptions>;
-            };
-        };
-    };
-}
-import AccordionCore from "./Accordion.js";
-import AccordionItem from "./AccordionItem.js";

package/components/Accordion/index.js

@@ -1,39 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-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";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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 AccordionCore from './Accordion.js';
-import AccordionItem from './AccordionItem.js';
-
-var Accordion = function (_AccordionCore) {
-  _inherits(Accordion, _AccordionCore);
-
-  var _super = _createSuper(Accordion);
-
-  function Accordion() {
-    _classCallCheck(this, Accordion);
-
-    return _super.apply(this, arguments);
-  }
-
-  return Accordion;
-}(AccordionCore);
-
-_defineProperty(Accordion, "config", _objectSpread(_objectSpread({}, AccordionCore.config), {}, {
-  components: {
-    AccordionItem: AccordionItem
-  }
-}));
-
-export default Accordion;
-//# sourceMappingURL=index.js.map

package/components/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/js-toolkit/components/Accordion/index.js"],"names":["AccordionCore","AccordionItem","Accordion","config","components"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,aAAP,MAA0B,gBAA1B;AACA,OAAOC,aAAP,MAA0B,oBAA1B;;IAUMC,S;;;;;;;;;;;;EAAkBF,a;;gBAAlBE,S,4CAECF,aAAa,CAACG,M;AACjBC,EAAAA,UAAU,EAAE;AACVH,IAAAA,aAAa,EAAbA;AADU;;;AAMhB,eAAeC,SAAf","sourcesContent":["import AccordionCore from './Accordion.js';\nimport AccordionItem from './AccordionItem.js';\n\n/**\n * @typedef {import('./Accordion.js').AccordionInterface} AccordionInterface\n * @typedef {import('./AccordionItem.js').AccordionItemInterface} AccordionItemInterface\n */\n\n/**\n * Accordion class.\n */\nclass Accordion extends AccordionCore {\n  static config = {\n    ...AccordionCore.config,\n    components: {\n      AccordionItem,\n    },\n  };\n}\n\nexport default Accordion;\n"],"file":"index.js"}

package/components/Cursor.d.ts

@@ -1,138 +0,0 @@
-/**
- * @typedef {import('../services/pointer').PointerServiceProps} PointerServiceProps
- * @typedef {import('../abstracts/Base').BaseOptions} BaseOptions
- */
-/**
- * @typedef {Object} CursorOptions
- * @property {string} growSelectors
- * @property {string} shrinkSelectors
- * @property {number} growTo
- * @property {number} shrinkTo
- * @property {number} translateDampFactor
- * @property {number} growDampFactor
- * @property {number} shrinkDampFactor
- */
-/**
- * @typedef {Object} CursorPrivateInterface
- * @property {BaseOptions & CursorOptions} $options
- */
-/**
- * @typedef {Cursor & CursorPrivateInterface} CursorInterface
- */
-/**
- * Custom cursor component.
- */
-export default class Cursor extends Base {
-    /**
-     * Class config.
-     */
-    static config: {
-        name: string;
-        options: {
-            growSelectors: {
-                type: StringConstructor;
-                default: string;
-            };
-            shrinkSelectors: {
-                type: StringConstructor;
-                default: string;
-            };
-            growTo: {
-                type: NumberConstructor;
-                default: number;
-            };
-            shrinkTo: {
-                type: NumberConstructor;
-                default: number;
-            };
-            translateDampFactor: {
-                type: NumberConstructor;
-                default: number;
-            };
-            growDampFactor: {
-                type: NumberConstructor;
-                default: number;
-            };
-            shrinkDampFactor: {
-                type: NumberConstructor;
-                default: number;
-            };
-        };
-    };
-    /**
-     * @type {Number}
-     */
-    x: number;
-    /**
-     * @type {Number}
-     */
-    y: number;
-    /**
-     * @type {Number}
-     */
-    scale: number;
-    /**
-     * @type {Number}
-     */
-    pointerX: number;
-    /**
-     * @type {Number}
-     */
-    pointerY: number;
-    /**
-     * @type {Number}
-     */
-    pointerScale: number;
-    /**
-     * Mounted hook.
-     * @return {void}
-     */
-    mounted(): void;
-    /**
-     * Moved hook.
-     *
-     * @this {CursorInterface}
-     *
-     * @param {PointerServiceProps} options
-     * @return {void}
-     */
-    moved({ event, x, y, isDown }: PointerServiceProps): void;
-    /**
-     * RequestAnimationFrame hook.
-     *
-     * @this {CursorInterface}
-     *
-     * @return {void}
-     */
-    ticked(): void;
-    /**
-     * Render the cursor.
-     *
-     * @param  {Object} options
-     * @param  {Number} options.x
-     * @param  {Number} options.y
-     * @param  {Number} options.scale
-     * @return {void}
-     */
-    render({ x, y, scale }: {
-        x: number;
-        y: number;
-        scale: number;
-    }): void;
-}
-export type PointerServiceProps = import('../services/pointer').PointerServiceProps;
-export type BaseOptions = import('../abstracts/Base').BaseOptions;
-export type CursorOptions = {
-    growSelectors: string;
-    shrinkSelectors: string;
-    growTo: number;
-    shrinkTo: number;
-    translateDampFactor: number;
-    growDampFactor: number;
-    shrinkDampFactor: number;
-};
-export type CursorPrivateInterface = {
-    $options: BaseOptions & CursorOptions;
-};
-export type CursorInterface = Cursor & CursorPrivateInterface;
-import Base from "../abstracts/Base/index.js";

package/components/Cursor.js

@@ -1,167 +0,0 @@
-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";
-
-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 Base from '../abstracts/Base/index.js';
-import damp from '../utils/math/damp.js';
-import matrix from '../utils/css/matrix.js';
-
-var Cursor = function (_Base) {
-  _inherits(Cursor, _Base);
-
-  var _super = _createSuper(Cursor);
-
-  function Cursor() {
-    var _this;
-
-    _classCallCheck(this, Cursor);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "x", 0);
-
-    _defineProperty(_assertThisInitialized(_this), "y", 0);
-
-    _defineProperty(_assertThisInitialized(_this), "scale", 0);
-
-    _defineProperty(_assertThisInitialized(_this), "pointerX", 0);
-
-    _defineProperty(_assertThisInitialized(_this), "pointerY", 0);
-
-    _defineProperty(_assertThisInitialized(_this), "pointerScale", 0);
-
-    return _this;
-  }
-
-  _createClass(Cursor, [{
-    key: "mounted",
-    value: function mounted() {
-      this.x = 0;
-      this.y = 0;
-      this.scale = 0;
-      this.pointerX = 0;
-      this.pointerY = 0;
-      this.pointerScale = 0;
-      this.render({
-        x: this.x,
-        y: this.y,
-        scale: this.scale
-      });
-    }
-  }, {
-    key: "moved",
-    value: function moved(_ref) {
-      var event = _ref.event,
-          x = _ref.x,
-          y = _ref.y,
-          isDown = _ref.isDown;
-
-      if (!this.$services.has('ticked')) {
-        this.$services.enable('ticked');
-      }
-
-      this.pointerX = x;
-      this.pointerY = y;
-      var scale = 1;
-
-      if (!event) {
-        this.pointerScale = scale;
-        return;
-      }
-
-      var shouldGrow = event.target instanceof Element && event.target.matches(this.$options.growSelectors) || false;
-      var shouldReduce = isDown || event.target instanceof Element && event.target.matches(this.$options.shrinkSelectors) || false;
-
-      if (shouldGrow) {
-        scale = this.$options.growTo;
-      }
-
-      if (shouldReduce) {
-        scale = this.$options.shrinkTo;
-      }
-
-      this.pointerScale = scale;
-    }
-  }, {
-    key: "ticked",
-    value: function ticked() {
-      this.x = damp(this.pointerX, this.x, this.$options.translateDampFactor);
-      this.y = damp(this.pointerY, this.y, this.$options.translateDampFactor);
-      this.scale = damp(this.pointerScale, this.scale, this.pointerScale < this.scale ? this.$options.shrinkDampFactor : this.$options.growDampFactor);
-      this.render({
-        x: this.x,
-        y: this.y,
-        scale: this.scale
-      });
-
-      if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {
-        this.$services.disable('ticked');
-      }
-    }
-  }, {
-    key: "render",
-    value: function render(_ref2) {
-      var x = _ref2.x,
-          y = _ref2.y,
-          scale = _ref2.scale;
-      var transform = matrix({
-        translateX: x,
-        translateY: y,
-        scaleX: scale,
-        scaleY: scale
-      });
-      this.$el.style.transform = "translateZ(0) ".concat(transform);
-    }
-  }]);
-
-  return Cursor;
-}(Base);
-
-_defineProperty(Cursor, "config", {
-  name: 'Cursor',
-  options: {
-    growSelectors: {
-      type: String,
-      default: 'a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *'
-    },
-    shrinkSelectors: {
-      type: String,
-      default: '[data-cursor-shrink], [data-cursor-shrink] *'
-    },
-    growTo: {
-      type: Number,
-      default: 2
-    },
-    shrinkTo: {
-      type: Number,
-      default: 0.5
-    },
-    translateDampFactor: {
-      type: Number,
-      default: 0.25
-    },
-    growDampFactor: {
-      type: Number,
-      default: 0.25
-    },
-    shrinkDampFactor: {
-      type: Number,
-      default: 0.25
-    }
-  }
-});
-
-export { Cursor as default };
-//# sourceMappingURL=Cursor.js.map

package/components/Cursor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/components/Cursor.js"],"names":["Base","damp","matrix","Cursor","x","y","scale","pointerX","pointerY","pointerScale","render","event","isDown","$services","has","enable","shouldGrow","target","Element","matches","$options","growSelectors","shouldReduce","shrinkSelectors","growTo","shrinkTo","translateDampFactor","shrinkDampFactor","growDampFactor","disable","transform","translateX","translateY","scaleX","scaleY","$el","style","name","options","type","String","default","Number"],"mappings":"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","sourcesContent":["import Base from '../abstracts/Base/index.js';\nimport damp from '../utils/math/damp.js';\nimport matrix from '../utils/css/matrix.js';\n\n/**\n * @typedef {import('../services/pointer').PointerServiceProps} PointerServiceProps\n * @typedef {import('../abstracts/Base').BaseOptions} BaseOptions\n */\n\n/**\n * @typedef {Object} CursorOptions\n * @property {string} growSelectors\n * @property {string} shrinkSelectors\n * @property {number} growTo\n * @property {number} shrinkTo\n * @property {number} translateDampFactor\n * @property {number} growDampFactor\n * @property {number} shrinkDampFactor\n */\n\n/**\n * @typedef {Object} CursorPrivateInterface\n * @property {BaseOptions & CursorOptions} $options\n */\n\n/**\n * @typedef {Cursor & CursorPrivateInterface} CursorInterface\n */\n\n/**\n * Custom cursor component.\n */\nexport default class Cursor extends Base {\n  /**\n   * Class config.\n   */\n  static config = {\n    name: 'Cursor',\n    options: {\n      growSelectors: {\n        type: String,\n        default: 'a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *',\n      },\n      shrinkSelectors: {\n        type: String,\n        default: '[data-cursor-shrink], [data-cursor-shrink] *',\n      },\n      growTo: {\n        type: Number,\n        default: 2,\n      },\n      shrinkTo: {\n        type: Number,\n        default: 0.5,\n      },\n      translateDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      growDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      shrinkDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n    },\n  };\n\n  /**\n   * @type {Number}\n   */\n  x = 0;\n\n  /**\n   * @type {Number}\n   */\n  y = 0;\n\n  /**\n   * @type {Number}\n   */\n  scale = 0;\n\n  /**\n   * @type {Number}\n   */\n  pointerX = 0;\n\n  /**\n   * @type {Number}\n   */\n  pointerY = 0;\n\n  /**\n   * @type {Number}\n   */\n  pointerScale = 0;\n\n  /**\n   * Mounted hook.\n   * @return {void}\n   */\n  mounted() {\n    this.x = 0;\n    this.y = 0;\n    this.scale = 0;\n    this.pointerX = 0;\n    this.pointerY = 0;\n    this.pointerScale = 0;\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n  }\n\n  /**\n   * Moved hook.\n   *\n   * @this {CursorInterface}\n   *\n   * @param {PointerServiceProps} options\n   * @return {void}\n   */\n  moved({ event, x, y, isDown }) {\n    if (!this.$services.has('ticked')) {\n      this.$services.enable('ticked');\n    }\n\n    this.pointerX = x;\n    this.pointerY = y;\n\n    let scale = 1;\n\n    if (!event) {\n      this.pointerScale = scale;\n      return;\n    }\n\n    const shouldGrow =\n      (event.target instanceof Element && event.target.matches(this.$options.growSelectors)) ||\n      false;\n    const shouldReduce =\n      isDown ||\n      (event.target instanceof Element && event.target.matches(this.$options.shrinkSelectors)) ||\n      false;\n\n    if (shouldGrow) {\n      scale = this.$options.growTo;\n    }\n\n    if (shouldReduce) {\n      scale = this.$options.shrinkTo;\n    }\n\n    this.pointerScale = scale;\n  }\n\n  /**\n   * RequestAnimationFrame hook.\n   *\n   * @this {CursorInterface}\n   *\n   * @return {void}\n   */\n  ticked() {\n    this.x = damp(this.pointerX, this.x, this.$options.translateDampFactor);\n    this.y = damp(this.pointerY, this.y, this.$options.translateDampFactor);\n    this.scale = damp(\n      this.pointerScale,\n      this.scale,\n      this.pointerScale < this.scale ? this.$options.shrinkDampFactor : this.$options.growDampFactor\n    );\n\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n\n    if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {\n      this.$services.disable('ticked');\n    }\n  }\n\n  /**\n   * Render the cursor.\n   *\n   * @param  {Object} options\n   * @param  {Number} options.x\n   * @param  {Number} options.y\n   * @param  {Number} options.scale\n   * @return {void}\n   */\n  render({ x, y, scale }) {\n    const transform = matrix({\n      translateX: x,\n      translateY: y,\n      scaleX: scale,\n      scaleY: scale,\n    });\n    this.$el.style.transform = `translateZ(0) ${transform}`;\n  }\n}\n"],"file":"Cursor.js"}

package/components/Draggable.d.ts

@@ -1,49 +0,0 @@
-/**
- * @typedef {import('stylefire').Styler} Styler
- * @typedef {import('../services/drag.js').DragServiceProps} DragServiceProps
- */
-/**
- * @typedef {Draggable} DraggableInterface
- */
-/**
- * Draggable class.
- *
- * @link https://jsfiddle.net/soulwire/znj683b9/
- */
-export default class Draggable extends Base {
-    static config: {
-        name: string;
-    };
-    /**
-     * The origin of the element.
-     * @type {{ x: number, y: number }}
-     */
-    elementOrigin: {
-        x: number;
-        y: number;
-    };
-    /**
-     * The element styler for performant style update.
-     * @type {Styler}
-     */
-    styler: Styler;
-    /**
-     * Mounted hook.
-     * @return {void}
-     */
-    mounted(): void;
-    /**
-     * Destroyed hook.
-     * @return {void}
-     */
-    destroyed(): void;
-    /**
-     * Drag service hook.
-     * @param {DragServiceProps} props
-     */
-    dragged(props: DragServiceProps): void;
-}
-export type Styler = import('stylefire').Styler;
-export type DragServiceProps = import('../services/drag.js').DragServiceProps;
-export type DraggableInterface = Draggable;
-import Base from "../abstracts/Base/index.js";

package/components/Draggable.js

@@ -1,77 +0,0 @@
-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";
-
-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 styler from 'stylefire';
-import Base from '../abstracts/Base/index.js';
-import withDrag from '../decorators/withDrag.js';
-
-var Draggable = function (_withDrag) {
-  _inherits(Draggable, _withDrag);
-
-  var _super = _createSuper(Draggable);
-
-  function Draggable() {
-    var _this;
-
-    _classCallCheck(this, Draggable);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "elementOrigin", {
-      x: 0,
-      y: 0
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "styler", void 0);
-
-    return _this;
-  }
-
-  _createClass(Draggable, [{
-    key: "mounted",
-    value: function mounted() {
-      this.styler = styler(this.$el);
-    }
-  }, {
-    key: "destroyed",
-    value: function destroyed() {
-      this.styler = undefined;
-    }
-  }, {
-    key: "dragged",
-    value: function dragged(props) {
-      if (props.mode === 'start') {
-        this.elementOrigin.x = this.styler.get('x');
-        this.elementOrigin.y = this.styler.get('y');
-        return;
-      }
-
-      this.styler.set({
-        x: this.elementOrigin.x + props.x - props.origin.x,
-        y: this.elementOrigin.y + props.y - props.origin.y
-      });
-    }
-  }]);
-
-  return Draggable;
-}(withDrag(Base));
-
-_defineProperty(Draggable, "config", {
-  name: 'DraggableElement'
-});
-
-export { Draggable as default };
-//# sourceMappingURL=Draggable.js.map

package/components/Draggable.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/components/Draggable.js"],"names":["styler","Base","withDrag","Draggable","x","y","$el","undefined","props","mode","elementOrigin","get","set","origin","name"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,MAAP,MAAmB,WAAnB;AACA,OAAOC,IAAP,MAAiB,4BAAjB;AACA,OAAOC,QAAP,MAAqB,2BAArB;;IAgBqBC,S;;;;;;;;;;;;;;;;oEASH;AACdC,MAAAA,CAAC,EAAE,CADW;AAEdC,MAAAA,CAAC,EAAE;AAFW,K;;;;;;;;;WAehB,mBAAU;AACR,WAAKL,MAAL,GAAcA,MAAM,CAAC,KAAKM,GAAN,CAApB;AACD;;;WAMD,qBAAY;AACV,WAAKN,MAAL,GAAcO,SAAd;AACD;;;WAMD,iBAAQC,KAAR,EAAe;AACb,UAAIA,KAAK,CAACC,IAAN,KAAe,OAAnB,EAA4B;AAC1B,aAAKC,aAAL,CAAmBN,CAAnB,GAAuB,KAAKJ,MAAL,CAAYW,GAAZ,CAAgB,GAAhB,CAAvB;AACA,aAAKD,aAAL,CAAmBL,CAAnB,GAAuB,KAAKL,MAAL,CAAYW,GAAZ,CAAgB,GAAhB,CAAvB;AACA;AACD;;AAED,WAAKX,MAAL,CAAYY,GAAZ,CAAgB;AACdR,QAAAA,CAAC,EAAE,KAAKM,aAAL,CAAmBN,CAAnB,GAAuBI,KAAK,CAACJ,CAA7B,GAAiCI,KAAK,CAACK,MAAN,CAAaT,CADnC;AAEdC,QAAAA,CAAC,EAAE,KAAKK,aAAL,CAAmBL,CAAnB,GAAuBG,KAAK,CAACH,CAA7B,GAAiCG,KAAK,CAACK,MAAN,CAAaR;AAFnC,OAAhB;AAID;;;;EAnDoCH,QAAQ,CAACD,IAAD,C;;gBAA1BE,S,YACH;AACdW,EAAAA,IAAI,EAAE;AADQ,C;;SADGX,S","sourcesContent":["import styler from 'stylefire';\nimport Base from '../abstracts/Base/index.js';\nimport withDrag from '../decorators/withDrag.js';\n\n/**\n * @typedef {import('stylefire').Styler} Styler\n * @typedef {import('../services/drag.js').DragServiceProps} DragServiceProps\n */\n\n/**\n * @typedef {Draggable} DraggableInterface\n */\n\n/**\n * Draggable class.\n *\n * @link https://jsfiddle.net/soulwire/znj683b9/\n */\nexport default class Draggable extends withDrag(Base) {\n  static config = {\n    name: 'DraggableElement',\n  };\n\n  /**\n   * The origin of the element.\n   * @type {{ x: number, y: number }}\n   */\n  elementOrigin = {\n    x: 0,\n    y: 0,\n  };\n\n  /**\n   * The element styler for performant style update.\n   * @type {Styler}\n   */\n  styler;\n\n  /**\n   * Mounted hook.\n   * @return {void}\n   */\n  mounted() {\n    this.styler = styler(this.$el);\n  }\n\n  /**\n   * Destroyed hook.\n   * @return {void}\n   */\n  destroyed() {\n    this.styler = undefined;\n  }\n\n  /**\n   * Drag service hook.\n   * @param {DragServiceProps} props\n   */\n  dragged(props) {\n    if (props.mode === 'start') {\n      this.elementOrigin.x = this.styler.get('x');\n      this.elementOrigin.y = this.styler.get('y');\n      return;\n    }\n\n    this.styler.set({\n      x: this.elementOrigin.x + props.x - props.origin.x,\n      y: this.elementOrigin.y + props.y - props.origin.y,\n    });\n  }\n}\n"],"file":"Draggable.js"}