@studiometa/js-toolkit 2.0.0-alpha.4 → 2.0.0-alpha.8

package/components/Accordion/AccordionItem.d.ts

@@ -1,122 +0,0 @@
-/**
- * @typedef {import('../../Base').BaseOptions} BaseOptions
- * @typedef {import('./Accordion.js').AccordionInterface} AccordionInterface
- */
-/**
- * @typedef {Object} AccordionItemRefs
- * @property {HTMLElement} btn
- * @property {HTMLElement} content
- * @property {HTMLElement} container
- */
-/**
- * @typedef {Object} StylesOption
- * @property {String|CssStyleObject} open
- * @property {String|CssStyleObject} active
- * @property {String|CssStyleObject} closed
- */
-/**
- * @typedef {import('../../utils/css/styles.js').CssStyleObject} CssStyleObject
- * @typedef {Partial<Record<'open'|'active'|'closed', string|CssStyleObject>>} AccordionItemStates
- * @typedef {Partial<Record<keyof AccordionItemRefs, AccordionItemStates>>} AccordionItemStylesOption
- */
-/**
- * @typedef {Object} AccordionItemOptions
- * @property {Boolean} isOpen
- * @property {AccordionItemStylesOption} styles
- */
-/**
- * @typedef {Object} AccordionItemPrivateInterface
- * @property {AccordionItemOptions} $options
- * @property {AccordionItemRefs} $refs
- * @property {Accordion & AccordionInterface} $parent
- */
-/**
- * @typedef {AccordionItem & AccordionItemPrivateInterface} AccordionItemInterface
- */
-/**
- * AccordionItem class.
- */
-export default class AccordionItem extends Base {
-    /**
-     * AccordionItem config
-     * @return {Object}
-     */
-    static config: {
-        name: string;
-        refs: string[];
-        options: {
-            isOpen: BooleanConstructor;
-            styles: {
-                type: ObjectConstructor;
-                /**
-                 * @return {AccordionItemStylesOption}
-                 */
-                default: () => AccordionItemStylesOption;
-            };
-        };
-    };
-    /**
-     * Add aria-attributes on mounted.
-     * @this {AccordionItemInterface}
-     */
-    mounted(): void;
-    /**
-     * Remove styles on destroy.
-     * @this {AccordionItemInterface}
-     */
-    destroyed(): void;
-    /**
-     * Handler for the click event on the `btn` ref.
-     * @this {AccordionItemInterface}
-     */
-    onBtnClick(): void;
-    /**
-     * Get the content ID.
-     * @return {String}
-     */
-    get contentId(): string;
-    /**
-     * Update the refs' attributes according to the given type.
-     *
-     * @this {AccordionItemInterface}
-     * @param  {Boolean} isOpen The state of the item.
-     */
-    updateAttributes(isOpen: boolean): void;
-    /**
-     * Open an item.
-     * @this {AccordionItemInterface}
-     */
-    open(): Promise<void>;
-    /**
-     * Close an item.
-     * @this {AccordionItemInterface}
-     */
-    close(): Promise<void>;
-}
-export type BaseOptions = import('../../Base').BaseOptions;
-export type AccordionInterface = import('./Accordion.js').AccordionInterface;
-export type AccordionItemRefs = {
-    btn: HTMLElement;
-    content: HTMLElement;
-    container: HTMLElement;
-};
-export type StylesOption = {
-    open: string | CssStyleObject;
-    active: string | CssStyleObject;
-    closed: string | CssStyleObject;
-};
-export type CssStyleObject = import('../../utils/css/styles.js').CssStyleObject;
-export type AccordionItemStates = Partial<Record<'open' | 'active' | 'closed', string | CssStyleObject>>;
-export type AccordionItemStylesOption = Partial<Record<keyof AccordionItemRefs, AccordionItemStates>>;
-export type AccordionItemOptions = {
-    isOpen: boolean;
-    styles: AccordionItemStylesOption;
-};
-export type AccordionItemPrivateInterface = {
-    $options: AccordionItemOptions;
-    $refs: AccordionItemRefs;
-    $parent: Accordion & AccordionInterface;
-};
-export type AccordionItemInterface = AccordionItem & AccordionItemPrivateInterface;
-import Base from "../../Base/index.js";
-import Accordion from "./Accordion.js";

package/components/Accordion/AccordionItem.js

@@ -1,244 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["container"],
-    _excluded2 = ["container"],
-    _excluded3 = ["container"];
-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';
-export default class AccordionItem extends Base {
-  mounted() {
-    if (this.$parent && this.$parent instanceof Accordion && this.$parent.$options.item) {
-      Object.entries(this.$parent.$options.item).forEach(_ref => {
-        var [key, value] = _ref;
-
-        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;
-    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,
-        otherStyles = _objectWithoutProperties(_this$$options$styles, _excluded);
-
-    var refs = this.$refs;
-    Object.entries(otherStyles).filter(_ref2 => {
-      var [refName] = _ref2;
-      return refs[refName];
-    }).forEach(_ref3 => {
-      var [refName, {
-        open,
-        closed
-      } = {
-        open: '',
-        closed: ''
-      }] = _ref3;
-      transition(refs[refName], {
-        to: isOpen ? open : closed
-      }, 'keep');
-    });
-  }
-
-  destroyed() {
-    styles.remove(this.$refs.container, {
-      visibility: '',
-      height: ''
-    });
-  }
-
-  onBtnClick() {
-    if (this.$options.isOpen) {
-      this.close();
-    } else {
-      this.open();
-    }
-  }
-
-  get contentId() {
-    return "content-".concat(this.$id);
-  }
-
-  updateAttributes(isOpen) {
-    this.$refs.content.setAttribute('aria-hidden', isOpen ? 'false' : 'true');
-    this.$refs.btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
-  }
-
-  open() {
-    var _this = this;
-
-    return _asyncToGenerator(function* () {
-      if (_this.$options.isOpen) {
-        return;
-      }
-
-      _this.$log('open');
-
-      _this.$emit('open');
-
-      _this.$options.isOpen = true;
-
-      _this.updateAttributes(_this.$options.isOpen);
-
-      styles.remove(_this.$refs.container, {
-        visibility: 'invisible'
-      });
-
-      var _this$$options$styles2 = _this.$options.styles,
-          {
-        container
-      } = _this$$options$styles2,
-          otherStyles = _objectWithoutProperties(_this$$options$styles2, _excluded2);
-
-      var refs = _this.$refs;
-      yield Promise.all([transition(refs.container, {
-        from: {
-          height: 0
-        },
-        active: container.active,
-        to: {
-          height: "".concat(refs.content.offsetHeight, "px")
-        }
-      }).then(() => {
-        if (_this.$options.isOpen) {
-          styles.remove(refs.content, {
-            position: 'absolute'
-          });
-        }
-
-        return Promise.resolve();
-      }), ...Object.entries(otherStyles).filter(_ref4 => {
-        var [refName] = _ref4;
-        return refs[refName];
-      }).map(_ref5 => {
-        var [refName, {
-          open,
-          active,
-          closed
-        } = {
-          open: '',
-          active: '',
-          closed: ''
-        }] = _ref5;
-        return transition(refs[refName], {
-          from: closed,
-          active,
-          to: open
-        }, 'keep');
-      })]);
-    })();
-  }
-
-  close() {
-    var _this2 = this;
-
-    return _asyncToGenerator(function* () {
-      if (!_this2.$options.isOpen) {
-        return;
-      }
-
-      _this2.$log('close');
-
-      _this2.$emit('close');
-
-      _this2.$options.isOpen = false;
-      var height = _this2.$refs.container.offsetHeight;
-      styles.add(_this2.$refs.content, {
-        position: 'absolute'
-      });
-
-      var _this2$$options$style = _this2.$options.styles,
-          {
-        container
-      } = _this2$$options$style,
-          otherStyles = _objectWithoutProperties(_this2$$options$style, _excluded3);
-
-      var refs = _this2.$refs;
-      yield Promise.all([transition(refs.container, {
-        from: {
-          height: "".concat(height, "px")
-        },
-        active: container.active,
-        to: {
-          height: '0'
-        }
-      }).then(() => {
-        if (!_this2.$options.isOpen) {
-          styles.add(refs.container, {
-            height: '0',
-            visibility: 'invisible'
-          });
-
-          _this2.updateAttributes(_this2.$options.isOpen);
-        }
-
-        return Promise.resolve();
-      }), ...Object.entries(otherStyles).filter(_ref6 => {
-        var [refName] = _ref6;
-        return refs[refName];
-      }).map(_ref7 => {
-        var [refName, {
-          open,
-          active,
-          closed
-        } = {
-          open: '',
-          active: '',
-          closed: ''
-        }] = _ref7;
-        return transition(refs[refName], {
-          from: open,
-          active,
-          to: closed
-        }, 'keep');
-      })]);
-    })();
-  }
-
-}
-
-_defineProperty(AccordionItem, "config", {
-  name: 'AccordionItem',
-  refs: ['btn', 'content', 'container'],
-  options: {
-    isOpen: Boolean,
-    styles: {
-      type: Object,
-      default: () => ({
-        container: {
-          open: '',
-          active: '',
-          closed: ''
-        }
-      })
-    }
-  }
-});
-//# 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","mounted","$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","destroyed","remove","onBtnClick","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,19 +0,0 @@
-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; }
-
-import AccordionCore from './Accordion.js';
-import AccordionItem from './AccordionItem.js';
-
-class Accordion extends AccordionCore {}
-
-_defineProperty(Accordion, "config", _objectSpread(_objectSpread({}, AccordionCore.config), {}, {
-  components: {
-    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;;AAUA,MAAMC,SAAN,SAAwBF,aAAxB,CAAsC;;gBAAhCE,S,4CAECF,aAAa,CAACG,M;AACjBC,EAAAA,UAAU,EAAE;AACVH,IAAAA;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";