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

package/components/Accordion/AccordionItem.js

@@ -1,327 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["container"],
-    _excluded2 = ["container"],
-    _excluded3 = ["container"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-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 deepmerge from 'deepmerge';
-import Base from '../../Base/index.js';
-import Accordion from './Accordion.js';
-import * as styles from '../../utils/css/styles.js';
-import transition from '../../utils/css/transition.js';
-
-var AccordionItem = function (_Base) {
-  _inherits(AccordionItem, _Base);
-
-  var _super = _createSuper(AccordionItem);
-
-  function AccordionItem() {
-    _classCallCheck(this, AccordionItem);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(AccordionItem, [{
-    key: "mounted",
-    value: function mounted() {
-      var _this = this;
-
-      if (this.$parent && this.$parent instanceof Accordion && this.$parent.$options.item) {
-        Object.entries(this.$parent.$options.item).forEach(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-              key = _ref2[0],
-              value = _ref2[1];
-
-          if (key in _this.$options) {
-            var type = AccordionItem.config.options[key].type || AccordionItem.config.options[key];
-
-            if (type === Array || type === Object) {
-              _this.$options[key] = deepmerge(_this.$options[key], value);
-            } else {
-              _this.$options[key] = value;
-            }
-          }
-        });
-      }
-
-      this.$refs.btn.setAttribute('id', this.$id);
-      this.$refs.btn.setAttribute('aria-controls', this.contentId);
-      this.$refs.content.setAttribute('aria-labelledby', this.$id);
-      this.$refs.content.setAttribute('id', this.contentId);
-      var isOpen = this.$options.isOpen;
-      this.updateAttributes(isOpen);
-
-      if (!isOpen) {
-        styles.add(this.$refs.container, {
-          visibility: 'invisible',
-          height: '0'
-        });
-      }
-
-      var _this$$options$styles = this.$options.styles,
-          container = _this$$options$styles.container,
-          otherStyles = _objectWithoutProperties(_this$$options$styles, _excluded);
-
-      var refs = this.$refs;
-      Object.entries(otherStyles).filter(function (_ref3) {
-        var _ref4 = _slicedToArray(_ref3, 1),
-            refName = _ref4[0];
-
-        return refs[refName];
-      }).forEach(function (_ref5) {
-        var _ref6 = _slicedToArray(_ref5, 2),
-            refName = _ref6[0],
-            _ref6$ = _ref6[1];
-
-        _ref6$ = _ref6$ === void 0 ? {
-          open: '',
-          closed: ''
-        } : _ref6$;
-        var open = _ref6$.open,
-            closed = _ref6$.closed;
-        transition(refs[refName], {
-          to: isOpen ? open : closed
-        }, 'keep');
-      });
-    }
-  }, {
-    key: "destroyed",
-    value: function destroyed() {
-      styles.remove(this.$refs.container, {
-        visibility: '',
-        height: ''
-      });
-    }
-  }, {
-    key: "onBtnClick",
-    value: function onBtnClick() {
-      if (this.$options.isOpen) {
-        this.close();
-      } else {
-        this.open();
-      }
-    }
-  }, {
-    key: "contentId",
-    get: function get() {
-      return "content-".concat(this.$id);
-    }
-  }, {
-    key: "updateAttributes",
-    value: function updateAttributes(isOpen) {
-      this.$refs.content.setAttribute('aria-hidden', isOpen ? 'false' : 'true');
-      this.$refs.btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
-    }
-  }, {
-    key: "open",
-    value: function () {
-      var _open = _asyncToGenerator(_regeneratorRuntime.mark(function _callee() {
-        var _this2 = this;
-
-        var _this$$options$styles2, container, otherStyles, refs;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!this.$options.isOpen) {
-                  _context.next = 2;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 2:
-                this.$log('open');
-                this.$emit('open');
-                this.$options.isOpen = true;
-                this.updateAttributes(this.$options.isOpen);
-                styles.remove(this.$refs.container, {
-                  visibility: 'invisible'
-                });
-                _this$$options$styles2 = this.$options.styles, container = _this$$options$styles2.container, otherStyles = _objectWithoutProperties(_this$$options$styles2, _excluded2);
-                refs = this.$refs;
-                _context.next = 11;
-                return Promise.all([transition(refs.container, {
-                  from: {
-                    height: 0
-                  },
-                  active: container.active,
-                  to: {
-                    height: "".concat(refs.content.offsetHeight, "px")
-                  }
-                }).then(function () {
-                  if (_this2.$options.isOpen) {
-                    styles.remove(refs.content, {
-                      position: 'absolute'
-                    });
-                  }
-
-                  return Promise.resolve();
-                })].concat(_toConsumableArray(Object.entries(otherStyles).filter(function (_ref7) {
-                  var _ref8 = _slicedToArray(_ref7, 1),
-                      refName = _ref8[0];
-
-                  return refs[refName];
-                }).map(function (_ref9) {
-                  var _ref10 = _slicedToArray(_ref9, 2),
-                      refName = _ref10[0],
-                      _ref10$ = _ref10[1];
-
-                  _ref10$ = _ref10$ === void 0 ? {
-                    open: '',
-                    active: '',
-                    closed: ''
-                  } : _ref10$;
-                  var open = _ref10$.open,
-                      active = _ref10$.active,
-                      closed = _ref10$.closed;
-                  return transition(refs[refName], {
-                    from: closed,
-                    active: active,
-                    to: open
-                  }, 'keep');
-                }))));
-
-              case 11:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function open() {
-        return _open.apply(this, arguments);
-      }
-
-      return open;
-    }()
-  }, {
-    key: "close",
-    value: function () {
-      var _close = _asyncToGenerator(_regeneratorRuntime.mark(function _callee2() {
-        var _this3 = this;
-
-        var height, _this$$options$styles3, container, otherStyles, refs;
-
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (this.$options.isOpen) {
-                  _context2.next = 2;
-                  break;
-                }
-
-                return _context2.abrupt("return");
-
-              case 2:
-                this.$log('close');
-                this.$emit('close');
-                this.$options.isOpen = false;
-                height = this.$refs.container.offsetHeight;
-                styles.add(this.$refs.content, {
-                  position: 'absolute'
-                });
-                _this$$options$styles3 = this.$options.styles, container = _this$$options$styles3.container, otherStyles = _objectWithoutProperties(_this$$options$styles3, _excluded3);
-                refs = this.$refs;
-                _context2.next = 11;
-                return Promise.all([transition(refs.container, {
-                  from: {
-                    height: "".concat(height, "px")
-                  },
-                  active: container.active,
-                  to: {
-                    height: '0'
-                  }
-                }).then(function () {
-                  if (!_this3.$options.isOpen) {
-                    styles.add(refs.container, {
-                      height: '0',
-                      visibility: 'invisible'
-                    });
-
-                    _this3.updateAttributes(_this3.$options.isOpen);
-                  }
-
-                  return Promise.resolve();
-                })].concat(_toConsumableArray(Object.entries(otherStyles).filter(function (_ref11) {
-                  var _ref12 = _slicedToArray(_ref11, 1),
-                      refName = _ref12[0];
-
-                  return refs[refName];
-                }).map(function (_ref13) {
-                  var _ref14 = _slicedToArray(_ref13, 2),
-                      refName = _ref14[0],
-                      _ref14$ = _ref14[1];
-
-                  _ref14$ = _ref14$ === void 0 ? {
-                    open: '',
-                    active: '',
-                    closed: ''
-                  } : _ref14$;
-                  var open = _ref14$.open,
-                      active = _ref14$.active,
-                      closed = _ref14$.closed;
-                  return transition(refs[refName], {
-                    from: open,
-                    active: active,
-                    to: closed
-                  }, 'keep');
-                }))));
-
-              case 11:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this);
-      }));
-
-      function close() {
-        return _close.apply(this, arguments);
-      }
-
-      return close;
-    }()
-  }]);
-
-  return AccordionItem;
-}(Base);
-
-_defineProperty(AccordionItem, "config", {
-  name: 'AccordionItem',
-  refs: ['btn', 'content', 'container'],
-  options: {
-    isOpen: Boolean,
-    styles: {
-      type: Object,
-      default: function _default() {
-        return {
-          container: {
-            open: '',
-            active: '',
-            closed: ''
-          }
-        };
-      }
-    }
-  }
-});
-
-export { AccordionItem as default };
-//# sourceMappingURL=AccordionItem.js.map

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 '../../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('../../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('../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('../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 "../Base/index.js";