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

package/abstracts/Base/events.d.ts

@@ -1,8 +0,0 @@
-/**
- * Bind ref and children component's events to their corresponding method.
- *
- * @param  {Base} instance  A Base instance.
- * @return {Array}          A list of methods to unbind the events.
- */
-export default function bindEvents(instance: Base): any[];
-export type Base = import('./index.js').default;

package/abstracts/Base/events.js

@@ -1,185 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import getAllProperties from '../../utils/object/getAllProperties.js';
-import { debug } from './utils.js';
-
-function bindRootEvents(instance, eventMethods) {
-  return eventMethods.map(function (eventMethod) {
-    var eventName = eventMethod.replace(/^on/, '').toLowerCase();
-
-    var handler = function handler() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      if (__DEV__) {
-        debug.apply(void 0, [instance, eventMethod, instance.$el].concat(args));
-      }
-
-      instance[eventMethod].apply(instance, args);
-    };
-
-    instance.$el.addEventListener(eventName, handler);
-    return function () {
-      instance.$el.removeEventListener(eventName, handler);
-    };
-  });
-}
-
-function bindRefsEvents(instance, eventMethods) {
-  var unbindMethods = [];
-  Object.entries(instance.$refs).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        refName = _ref2[0],
-        $refOrRefs = _ref2[1];
-
-    var $refs = Array.isArray($refOrRefs) ? $refOrRefs : [$refOrRefs];
-    var refEventMethod = "on".concat(refName.replace(/^\w/, function (c) {
-      return c.toUpperCase();
-    }));
-    eventMethods.filter(function (eventMethod) {
-      return eventMethod.startsWith(refEventMethod);
-    }).forEach(function (eventMethod) {
-      $refs.forEach(function ($ref, index) {
-        var eventName = eventMethod.replace(refEventMethod, '').toLowerCase();
-
-        var handler = function handler() {
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
-          }
-
-          if (__DEV__) {
-            debug.apply(void 0, [instance, eventMethod, $ref].concat(args, [index]));
-          }
-
-          instance[eventMethod].apply(instance, args.concat([index]));
-        };
-
-        if (__DEV__) {
-          debug(instance, 'binding ref event', refName, eventName);
-        }
-
-        if ($ref instanceof instance.constructor) {
-          $ref = $ref.$el;
-        }
-
-        $ref.addEventListener(eventName, handler);
-
-        var unbindMethod = function unbindMethod() {
-          if (__DEV__) {
-            debug(instance, 'unbinding ref event', refName, eventMethod);
-          }
-
-          $ref.removeEventListener(eventName, handler);
-        };
-
-        unbindMethods.push(unbindMethod);
-      });
-    });
-  });
-  return unbindMethods;
-}
-
-function bindChildrenEvents(instance, eventMethods) {
-  var unbindMethods = [];
-  Object.entries(instance.$children).forEach(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        childName = _ref4[0],
-        $children = _ref4[1];
-
-    var childEventMethod = "on".concat(childName.replace(/^\w/, function (c) {
-      return c.toUpperCase();
-    }));
-    eventMethods.filter(function (eventMethod) {
-      return eventMethod.startsWith(childEventMethod);
-    }).forEach(function (eventMethod) {
-      $children.forEach(function () {
-        var _ref5 = _asyncToGenerator(_regeneratorRuntime.mark(function _callee($child, index) {
-          var eventName, handler, unbindMethod;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  eventName = eventMethod.replace(childEventMethod, '').toLowerCase();
-
-                  handler = function handler() {
-                    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-                      args[_key3] = arguments[_key3];
-                    }
-
-                    if (__DEV__) {
-                      debug.apply(void 0, [instance, eventMethod, $child].concat(args, [index]));
-                    }
-
-                    instance[eventMethod].apply(instance, args.concat([index]));
-                  };
-
-                  if (__DEV__) {
-                    debug(instance, 'binding child event', childName, eventName);
-                  }
-
-                  if (!($child instanceof Promise)) {
-                    _context.next = 7;
-                    break;
-                  }
-
-                  _context.next = 6;
-                  return $child;
-
-                case 6:
-                  $child = _context.sent;
-
-                case 7:
-                  unbindMethod = $child.$on(eventName, handler);
-                  unbindMethods.push(function () {
-                    if (__DEV__) {
-                      debug(instance, 'unbinding child event', childName, eventName);
-                    }
-
-                    unbindMethod();
-                  });
-
-                case 9:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee);
-        }));
-
-        return function (_x, _x2) {
-          return _ref5.apply(this, arguments);
-        };
-      }());
-    });
-  });
-  return unbindMethods;
-}
-
-export default function bindEvents(instance) {
-  var ROOT_EVENT_REGEX = /^on[A-Z][a-z]+$/;
-  var REFS_CHILDREN_EVENT_REGEX = /^on([A-Z]([a-z]+)?)([A-Z][a-z]+)+$/;
-  var eventMethods = getAllProperties(instance).reduce(function (acc, _ref6) {
-    var _ref7 = _slicedToArray(_ref6, 1),
-        name = _ref7[0];
-
-    if (ROOT_EVENT_REGEX.test(name) && !acc.root.includes(name)) {
-      acc.root.push(name);
-      return acc;
-    }
-
-    if (REFS_CHILDREN_EVENT_REGEX.test(name) && !acc.refsOrChildren.includes(name)) {
-      acc.refsOrChildren.push(name);
-    }
-
-    return acc;
-  }, {
-    root: [],
-    refsOrChildren: []
-  });
-  var unbindMethods = [].concat(_toConsumableArray(bindRootEvents(instance, eventMethods.root)), _toConsumableArray(bindRefsEvents(instance, eventMethods.refsOrChildren)), _toConsumableArray(bindChildrenEvents(instance, eventMethods.refsOrChildren)));
-  return unbindMethods;
-}
-//# sourceMappingURL=events.js.map

package/abstracts/Base/events.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/js-toolkit/abstracts/Base/events.js"],"names":["getAllProperties","debug","bindRootEvents","instance","eventMethods","map","eventMethod","eventName","replace","toLowerCase","handler","args","__DEV__","$el","addEventListener","removeEventListener","bindRefsEvents","unbindMethods","Object","entries","$refs","forEach","refName","$refOrRefs","Array","isArray","refEventMethod","c","toUpperCase","filter","startsWith","$ref","index","constructor","unbindMethod","push","bindChildrenEvents","$children","childName","childEventMethod","$child","Promise","$on","bindEvents","ROOT_EVENT_REGEX","REFS_CHILDREN_EVENT_REGEX","reduce","acc","name","test","root","includes","refsOrChildren"],"mappings":"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","sourcesContent":["import getAllProperties from '../../utils/object/getAllProperties.js';\nimport { debug } from './utils.js';\n\n/**\n * @typedef {import('./index.js').default} Base\n */\n\n/**\n * Bind event handler methods to the root HTML element.\n *\n * @param  {Base}  instance     A Base instance.\n * @param  {Array} eventMethods A list of methods to bind.\n * @return {Array}              A list of unbind functions.\n */\nfunction bindRootEvents(instance, eventMethods) {\n  return eventMethods.map((eventMethod) => {\n    const eventName = eventMethod.replace(/^on/, '').toLowerCase();\n\n    const handler = (...args) => {\n      if (__DEV__) {\n        debug(instance, eventMethod, instance.$el, ...args);\n      }\n      instance[eventMethod](...args);\n    };\n\n    instance.$el.addEventListener(eventName, handler);\n\n    return () => {\n      instance.$el.removeEventListener(eventName, handler);\n    };\n  });\n}\n\n/**\n * Bind event handler methods to refs HTML element.\n *\n * @param  {Base}  instance     A Base instance.\n * @param  {Array} eventMethods A list of methods to bind.\n * @return {Array}              A list of unbind functions.\n */\nfunction bindRefsEvents(instance, eventMethods) {\n  const unbindMethods = [];\n\n  Object.entries(instance.$refs).forEach(([refName, $refOrRefs]) => {\n    const $refs = Array.isArray($refOrRefs) ? $refOrRefs : [$refOrRefs];\n    const refEventMethod = `on${refName.replace(/^\\w/, (c) => c.toUpperCase())}`;\n\n    eventMethods\n      .filter((eventMethod) => eventMethod.startsWith(refEventMethod))\n      .forEach((eventMethod) => {\n        $refs.forEach(($ref, index) => {\n          const eventName = eventMethod.replace(refEventMethod, '').toLowerCase();\n          const handler = (...args) => {\n            if (__DEV__) {\n              debug(instance, eventMethod, $ref, ...args, index);\n            }\n            instance[eventMethod](...args, index);\n          };\n\n          if (__DEV__) {\n            debug(instance, 'binding ref event', refName, eventName);\n          }\n\n          if ($ref instanceof instance.constructor) {\n            // @ts-ignore\n            $ref = $ref.$el; // eslint-disable-line no-param-reassign\n          }\n\n          /** @type {HTMLElement} */ ($ref).addEventListener(eventName, handler);\n          const unbindMethod = () => {\n            if (__DEV__) {\n              debug(instance, 'unbinding ref event', refName, eventMethod);\n            }\n            /** @type {HTMLElement} */ ($ref).removeEventListener(eventName, handler);\n          };\n\n          unbindMethods.push(unbindMethod);\n        });\n      });\n  });\n\n  return unbindMethods;\n}\n\n/**\n * Bind event handler methods to children Base instance.\n * @param  {Base}  instance     A Base instance.\n * @param  {Array} eventMethods A list of methods to bind.\n * @return {Array}              A list of unbind functions.\n */\nfunction bindChildrenEvents(instance, eventMethods) {\n  const unbindMethods = [];\n\n  Object.entries(instance.$children).forEach(([childName, $children]) => {\n    const childEventMethod = `on${childName.replace(/^\\w/, (c) => c.toUpperCase())}`;\n\n    eventMethods\n      .filter((eventMethod) => eventMethod.startsWith(childEventMethod))\n      .forEach((eventMethod) => {\n        $children.forEach(\n          /**\n           * @param {Base|Promise<Base>} $child\n           * @param {Number} index\n           */\n          async ($child, index) => {\n            const eventName = eventMethod.replace(childEventMethod, '').toLowerCase();\n            const handler = (...args) => {\n              if (__DEV__) {\n                debug(instance, eventMethod, $child, ...args, index);\n              }\n              instance[eventMethod](...args, index);\n            };\n\n            if (__DEV__) {\n              debug(instance, 'binding child event', childName, eventName);\n            }\n\n            if ($child instanceof Promise) {\n              // eslint-disable-next-line no-param-reassign\n              $child = await $child;\n            }\n\n            const unbindMethod = $child.$on(eventName, handler);\n            unbindMethods.push(() => {\n              if (__DEV__) {\n                debug(instance, 'unbinding child event', childName, eventName);\n              }\n              unbindMethod();\n            });\n          }\n        );\n      });\n  });\n\n  return unbindMethods;\n}\n\n/**\n * Bind ref and children component's events to their corresponding method.\n *\n * @param  {Base} instance  A Base instance.\n * @return {Array}          A list of methods to unbind the events.\n */\nexport default function bindEvents(instance) {\n  const ROOT_EVENT_REGEX = /^on[A-Z][a-z]+$/;\n  const REFS_CHILDREN_EVENT_REGEX = /^on([A-Z]([a-z]+)?)([A-Z][a-z]+)+$/;\n\n  // Get all event methods\n  const eventMethods = getAllProperties(instance).reduce(\n    (acc, [name]) => {\n      // Testing camelCase with one word: onEvent.\n      if (ROOT_EVENT_REGEX.test(name) && !acc.root.includes(name)) {\n        acc.root.push(name);\n        return acc;\n      }\n\n      // Testing camelCase with more than two words: onRefEvent.\n      if (REFS_CHILDREN_EVENT_REGEX.test(name) && !acc.refsOrChildren.includes(name)) {\n        acc.refsOrChildren.push(name);\n      }\n\n      return acc;\n    },\n    { root: [], refsOrChildren: [] }\n  );\n\n  const unbindMethods = [\n    ...bindRootEvents(instance, eventMethods.root),\n    ...bindRefsEvents(instance, eventMethods.refsOrChildren),\n    ...bindChildrenEvents(instance, eventMethods.refsOrChildren),\n  ];\n\n  return unbindMethods;\n}\n"],"file":"events.js"}

package/abstracts/Base/index.d.ts

@@ -1,176 +0,0 @@
-/**
- * @typedef {typeof Base} BaseComponent
- * @typedef {(Base) => Promise<BaseComponent | { default: BaseComponent }>} BaseAsyncComponent
- * @typedef {{ name: string, debug: boolean, log: boolean, [name:string]: any }} BaseOptions
- * @typedef {{ [name:string]: HTMLElement | HTMLElement[] | Base | Base[] | Promise<Base> | Promise<Base>[] }} BaseRefs
- * @typedef {{ [nameOrSelector:string]: Base[] | Promise<Base>[] }} BaseChildren
- * @typedef {{ [nameOrSelector:string]: BaseComponent | BaseAsyncComponent }} BaseConfigComponents
- * @typedef {import('./classes/Options').OptionsSchema} BaseConfigOptions
- */
-/**
- * @typedef {Object} BaseConfig
- * @property {String} name
- * @property {Boolean} [debug]
- * @property {Boolean} [log]
- * @property {String[]} [refs]
- * @property {BaseConfigComponents} [components]
- * @property {BaseConfigOptions} [options]
- */
-/**
- * @typedef {import('./classes/Services.js').ServiceName} ServiceName
- */
-/**
- * Base class to easily create components.
- *
- * @example
- * ```js
- * class Component extends Base {
- *   static config = {
- *     name: 'Component',
- *     log: true,
- *   };
- *
- *   mounted() {
- *     this.$log('Component is mounted!');
- *   }
- * }
- *
- * class App extends Base {
- *   static config = {
- *     name: 'App',
- *     components: {
- *       Component,
- *     },
- *   };
- * }
- *
- * new App(document.body).$mount();
- * ```
- */
-export default class Base extends EventManager {
-    /**
-     * This is a Base instance.
-     * @type {Boolean}
-     */
-    static $isBase: boolean;
-    /** @type {BaseConfig} */
-    static config: BaseConfig;
-    /**
-     * Factory method to generate multiple instance of the class.
-     *
-     * @param  {String}      nameOrSelector The selector on which to mount each instance.
-     * @return {Array<Base>}                A list of the created instance.
-     */
-    static $factory(nameOrSelector: string): Array<Base>;
-    /**
-     * Class constructor where all the magic takes place.
-     *
-     * @param {HTMLElement} element The component's root element dd.
-     */
-    constructor(element: HTMLElement);
-    /**
-     * The instance parent.
-     * @type {Base}
-     */
-    $parent: Base;
-    /**
-     * The instance id.
-     * @type {string}
-     */
-    $id: string;
-    /**
-     * The root element.
-     * @type {HTMLElement}
-     */
-    $el: HTMLElement;
-    /**
-     * The instance options.
-     * @type {BaseOptions}
-     */
-    $options: BaseOptions;
-    /**
-     * The instance children components.
-     * @type {BaseChildren}
-     */
-    $children: BaseChildren;
-    /**
-     * The instance services.
-     * @type {Services}
-     */
-    $services: Services;
-    /**
-     * The state of the component.
-     * @type {Boolean}
-     */
-    $isMounted: boolean;
-    /**
-     * Get properties to exclude from the autobind call.
-     * @return {Array<String|RegExp>}
-     */
-    get _excludeFromAutoBind(): (string | RegExp)[];
-    /**
-     * @deprecated Use the static `config` property instead.
-     * @return {BaseConfig}
-     */
-    get config(): BaseConfig;
-    /**
-     * Get the component's refs.
-     * @return {BaseRefs}
-     */
-    get $refs(): BaseRefs;
-    /**
-     * Small helper to log stuff.
-     *
-     * @return {(...args: any) => void} A log function if the log options is active.
-     */
-    get $log(): (...args: any) => void;
-    /**
-     * Trigger the `mounted` callback.
-     */
-    $mount(): Base;
-    /**
-     * Update the instance children.
-     */
-    $update(): Base;
-    /**
-     * Trigger the `destroyed` callback.
-     */
-    $destroy(): Base;
-    /**
-     * Terminate a child instance when it is not needed anymore.
-     * @return {void}
-     */
-    $terminate(): void;
-}
-export type BaseComponent = typeof Base;
-export type BaseAsyncComponent = (Base: any) => Promise<BaseComponent | {
-    default: BaseComponent;
-}>;
-export type BaseOptions = {
-    [name: string]: any;
-    name: string;
-    debug: boolean;
-    log: boolean;
-};
-export type BaseRefs = {
-    [name: string]: Base | HTMLElement | HTMLElement[] | Base[] | Promise<Base> | Promise<Base>[];
-};
-export type BaseChildren = {
-    [nameOrSelector: string]: Base[] | Promise<Base>[];
-};
-export type BaseConfigComponents = {
-    [nameOrSelector: string]: typeof Base | BaseAsyncComponent;
-};
-export type BaseConfigOptions = import('./classes/Options').OptionsSchema;
-export type BaseConfig = {
-    name: string;
-    debug?: boolean;
-    log?: boolean;
-    refs?: string[];
-    components?: BaseConfigComponents;
-    options?: BaseConfigOptions;
-};
-export type ServiceName = import('./classes/Services.js').ServiceName;
-import EventManager from "../EventManager.js";
-import Services from "./classes/Services.js";
-import { debug } from "./utils.js";

package/abstracts/Base/index.js

@@ -1,215 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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 autoBind from '../../utils/object/autoBind.js';
-import EventManager from '../EventManager.js';
-import { callMethod, debug, getConfig, getComponentElements } from './utils.js';
-import { getChildren } from './children.js';
-import { getOptions } from './options.js';
-import { getRefs } from './refs.js';
-import { mountComponents, mountOrUpdateComponents, destroyComponents } from './components.js';
-import Services from './classes/Services.js';
-import bindEvents from './events.js';
-
-if (typeof __DEV__ === 'undefined') {
-  if (typeof globalThis !== 'undefined') {
-    globalThis.__DEV__ = false;
-  } else if (typeof window !== 'undefined') {
-    window.__DEV__ = false;
-  }
-}
-
-var id = 0;
-
-var Base = function (_EventManager) {
-  _inherits(Base, _EventManager);
-
-  var _super = _createSuper(Base);
-
-  function Base(element) {
-    var _this;
-
-    _classCallCheck(this, Base);
-
-    _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "$parent", null);
-
-    _defineProperty(_assertThisInitialized(_this), "$id", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "$el", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "$options", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "$children", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "$services", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "$isMounted", false);
-
-    if (!element) {
-      throw new Error('The root element must be defined.');
-    }
-
-    var _getConfig = getConfig(_assertThisInitialized(_this)),
-        name = _getConfig.name;
-
-    _this.$id = "".concat(name, "-").concat(id);
-    id += 1;
-    _this.$el = element;
-    _this.$options = getOptions(_assertThisInitialized(_this), element, getConfig(_assertThisInitialized(_this)));
-    _this.$children = getChildren(_assertThisInitialized(_this), _this.$el, getConfig(_assertThisInitialized(_this)).components || {});
-    _this.$services = new Services(_assertThisInitialized(_this));
-
-    if (!('__base__' in _this.$el)) {
-      Object.defineProperty(_this.$el, '__base__', {
-        get: function get() {
-          return _assertThisInitialized(_this);
-        },
-        configurable: true
-      });
-    }
-
-    autoBind(_assertThisInitialized(_this), {
-      exclude: _toConsumableArray(_this._excludeFromAutoBind)
-    });
-    var unbindMethods = [];
-
-    _this.$on('mounted', function () {
-      _this.$services.enableAll();
-
-      unbindMethods = _toConsumableArray(bindEvents(_assertThisInitialized(_this)));
-      mountComponents(_assertThisInitialized(_this));
-      _this.$isMounted = true;
-    });
-
-    _this.$on('updated', function () {
-      _this.$services.disableAll();
-
-      unbindMethods.forEach(function (method) {
-        return method();
-      });
-      unbindMethods = _toConsumableArray(bindEvents(_assertThisInitialized(_this)));
-
-      _this.$services.enableAll();
-
-      mountOrUpdateComponents(_assertThisInitialized(_this));
-    });
-
-    _this.$on('destroyed', function () {
-      _this.$isMounted = false;
-
-      _this.$services.disableAll();
-
-      unbindMethods.forEach(function (method) {
-        return method();
-      });
-      destroyComponents(_assertThisInitialized(_this));
-    });
-
-    if (__DEV__) {
-      debug(_assertThisInitialized(_this), 'constructor', _assertThisInitialized(_this));
-    }
-
-    return _possibleConstructorReturn(_this, _assertThisInitialized(_this));
-  }
-
-  _createClass(Base, [{
-    key: "_excludeFromAutoBind",
-    get: function get() {
-      return ['$mount', '$update', '$destroy', '$terminate', '$log', '$on', '$once', '$off', '$emit', 'mounted', 'loaded', 'ticked', 'resized', 'moved', 'keyed', 'scrolled', 'destroyed', 'terminated'];
-    }
-  }, {
-    key: "config",
-    get: function get() {
-      return null;
-    }
-  }, {
-    key: "$refs",
-    get: function get() {
-      return getRefs(this, this.$el);
-    }
-  }, {
-    key: "$log",
-    get: function get() {
-      return this.$options.log ? window.console.log.bind(window, "[".concat(this.$options.name, "]")) : function noop() {};
-    }
-  }, {
-    key: "$mount",
-    value: function $mount() {
-      if (__DEV__) {
-        debug(this, '$mount');
-      }
-
-      callMethod(this, 'mounted');
-      return this;
-    }
-  }, {
-    key: "$update",
-    value: function $update() {
-      if (__DEV__) {
-        debug(this, '$update');
-      }
-
-      callMethod(this, 'updated');
-      return this;
-    }
-  }, {
-    key: "$destroy",
-    value: function $destroy() {
-      if (__DEV__) {
-        debug(this, '$destroy');
-      }
-
-      callMethod(this, 'destroyed');
-      return this;
-    }
-  }, {
-    key: "$terminate",
-    value: function $terminate() {
-      if (__DEV__) {
-        debug(this, '$terminate');
-      }
-
-      this.$destroy();
-      callMethod(this, 'terminated');
-      Object.defineProperty(this.$el, '__base__', {
-        value: 'terminated',
-        configurable: false,
-        writable: false
-      });
-    }
-  }], [{
-    key: "$factory",
-    value: function $factory(nameOrSelector) {
-      var _this2 = this;
-
-      if (!nameOrSelector) {
-        throw new Error('The $factory method requires a component’s name or selector to be specified.');
-      }
-
-      return getComponentElements(nameOrSelector).map(function (el) {
-        return new _this2(el).$mount();
-      });
-    }
-  }]);
-
-  return Base;
-}(EventManager);
-
-_defineProperty(Base, "$isBase", true);
-
-_defineProperty(Base, "config", void 0);
-
-export { Base as default };
-//# sourceMappingURL=index.js.map

package/abstracts/Base/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/js-toolkit/abstracts/Base/index.js"],"names":["autoBind","EventManager","callMethod","debug","getConfig","getComponentElements","getChildren","getOptions","getRefs","mountComponents","mountOrUpdateComponents","destroyComponents","Services","bindEvents","__DEV__","globalThis","window","id","Base","element","Error","name","$id","$el","$options","$children","components","$services","Object","defineProperty","get","configurable","exclude","_excludeFromAutoBind","unbindMethods","$on","enableAll","$isMounted","disableAll","forEach","method","log","console","bind","noop","$destroy","value","writable","nameOrSelector","map","el","$mount"],"mappings":"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","sourcesContent":["import autoBind from '../../utils/object/autoBind.js';\nimport EventManager from '../EventManager.js';\nimport { callMethod, debug, getConfig, getComponentElements } from './utils.js';\nimport { getChildren } from './children.js';\nimport { getOptions } from './options.js';\nimport { getRefs } from './refs.js';\nimport { mountComponents, mountOrUpdateComponents, destroyComponents } from './components.js';\nimport Services from './classes/Services.js';\nimport bindEvents from './events.js';\n\n// Define the __DEV__ constant if not defined\nif (typeof __DEV__ === 'undefined') {\n  if (typeof globalThis !== 'undefined') {\n    globalThis.__DEV__ = false;\n  } else if (typeof window !== 'undefined') {\n    window.__DEV__ = false;\n  }\n}\n\nlet id = 0;\n\n/**\n * @typedef {typeof Base} BaseComponent\n * @typedef {(Base) => Promise<BaseComponent | { default: BaseComponent }>} BaseAsyncComponent\n * @typedef {{ name: string, debug: boolean, log: boolean, [name:string]: any }} BaseOptions\n * @typedef {{ [name:string]: HTMLElement | HTMLElement[] | Base | Base[] | Promise<Base> | Promise<Base>[] }} BaseRefs\n * @typedef {{ [nameOrSelector:string]: Base[] | Promise<Base>[] }} BaseChildren\n * @typedef {{ [nameOrSelector:string]: BaseComponent | BaseAsyncComponent }} BaseConfigComponents\n * @typedef {import('./classes/Options').OptionsSchema} BaseConfigOptions\n */\n\n/**\n * @typedef {Object} BaseConfig\n * @property {String} name\n * @property {Boolean} [debug]\n * @property {Boolean} [log]\n * @property {String[]} [refs]\n * @property {BaseConfigComponents} [components]\n * @property {BaseConfigOptions} [options]\n */\n\n/**\n * @typedef {import('./classes/Services.js').ServiceName} ServiceName\n */\n\n/**\n * Base class to easily create components.\n *\n * @example\n * ```js\n * class Component extends Base {\n *   static config = {\n *     name: 'Component',\n *     log: true,\n *   };\n *\n *   mounted() {\n *     this.$log('Component is mounted!');\n *   }\n * }\n *\n * class App extends Base {\n *   static config = {\n *     name: 'App',\n *     components: {\n *       Component,\n *     },\n *   };\n * }\n *\n * new App(document.body).$mount();\n * ```\n */\nexport default class Base extends EventManager {\n  /**\n   * The instance parent.\n   * @type {Base}\n   */\n  $parent = null;\n\n  /**\n   * The instance id.\n   * @type {string}\n   */\n  $id;\n\n  /**\n   * The root element.\n   * @type {HTMLElement}\n   */\n  $el;\n\n  /**\n   * The instance options.\n   * @type {BaseOptions}\n   */\n  $options;\n\n  /**\n   * The instance children components.\n   * @type {BaseChildren}\n   */\n  $children;\n\n  /**\n   * The instance services.\n   * @type {Services}\n   */\n  $services;\n\n  /**\n   * The state of the component.\n   * @type {Boolean}\n   */\n  $isMounted = false;\n\n  /**\n   * This is a Base instance.\n   * @type {Boolean}\n   */\n  static $isBase = true;\n\n  /**\n   * Get properties to exclude from the autobind call.\n   * @return {Array<String|RegExp>}\n   */\n  get _excludeFromAutoBind() {\n    return [\n      '$mount',\n      '$update',\n      '$destroy',\n      '$terminate',\n      '$log',\n      '$on',\n      '$once',\n      '$off',\n      '$emit',\n      'mounted',\n      'loaded',\n      'ticked',\n      'resized',\n      'moved',\n      'keyed',\n      'scrolled',\n      'destroyed',\n      'terminated',\n    ];\n  }\n\n  /**\n   * @deprecated Use the static `config` property instead.\n   * @return {BaseConfig}\n   */\n  get config() {\n    return null;\n  }\n\n  /** @type {BaseConfig} */\n  static config;\n\n  /**\n   * Get the component's refs.\n   * @return {BaseRefs}\n   */\n  get $refs() {\n    return getRefs(this, this.$el);\n  }\n\n  /**\n   * Class constructor where all the magic takes place.\n   *\n   * @param {HTMLElement} element The component's root element dd.\n   */\n  constructor(element) {\n    super();\n\n    if (!element) {\n      throw new Error('The root element must be defined.');\n    }\n\n    const { name } = getConfig(this);\n\n    /** @type {String} */\n    this.$id = `${name}-${id}`;\n    id += 1;\n\n    /** @type {HTMLElement} */\n    this.$el = element;\n\n    this.$options = getOptions(this, element, getConfig(this));\n    this.$children = getChildren(this, this.$el, getConfig(this).components || {});\n    this.$services = new Services(this);\n\n    if (!('__base__' in this.$el)) {\n      Object.defineProperty(this.$el, '__base__', {\n        get: () => this,\n        configurable: true,\n      });\n    }\n\n    // Autobind all methods to the instance\n    autoBind(this, {\n      exclude: [...this._excludeFromAutoBind],\n    });\n\n    let unbindMethods = [];\n    this.$on('mounted', () => {\n      this.$services.enableAll();\n      unbindMethods = [...bindEvents(this)];\n      mountComponents(this);\n      this.$isMounted = true;\n    });\n\n    this.$on('updated', () => {\n      this.$services.disableAll();\n      unbindMethods.forEach((method) => method());\n      unbindMethods = [...bindEvents(this)];\n      this.$services.enableAll();\n      mountOrUpdateComponents(this);\n    });\n\n    this.$on('destroyed', () => {\n      this.$isMounted = false;\n      this.$services.disableAll();\n      unbindMethods.forEach((method) => method());\n      destroyComponents(this);\n    });\n\n    if (__DEV__) {\n      debug(this, 'constructor', this);\n    }\n    return this;\n  }\n\n  /**\n   * Small helper to log stuff.\n   *\n   * @return {(...args: any) => void} A log function if the log options is active.\n   */\n  get $log() {\n    return this.$options.log\n      ? window.console.log.bind(window, `[${this.$options.name}]`)\n      : function noop() {};\n  }\n\n  /**\n   * Trigger the `mounted` callback.\n   */\n  $mount() {\n    if (__DEV__) {\n      debug(this, '$mount');\n    }\n\n    callMethod(this, 'mounted');\n    return this;\n  }\n\n  /**\n   * Update the instance children.\n   */\n  $update() {\n    if (__DEV__) {\n      debug(this, '$update');\n    }\n\n    callMethod(this, 'updated');\n    return this;\n  }\n\n  /**\n   * Trigger the `destroyed` callback.\n   */\n  $destroy() {\n    if (__DEV__) {\n      debug(this, '$destroy');\n    }\n\n    callMethod(this, 'destroyed');\n    return this;\n  }\n\n  /**\n   * Terminate a child instance when it is not needed anymore.\n   * @return {void}\n   */\n  $terminate() {\n    if (__DEV__) {\n      debug(this, '$terminate');\n    }\n\n    // First, destroy the component.\n    this.$destroy();\n\n    // Execute the `terminated` hook if it exists\n    callMethod(this, 'terminated');\n\n    // Delete the reference to the instance\n    // delete this.$el.__base__;\n\n    // And update its status to prevent re-instantiation when accessing the\n    // parent's `$children` property\n    Object.defineProperty(this.$el, '__base__', {\n      value: 'terminated',\n      configurable: false,\n      writable: false,\n    });\n  }\n\n  /**\n   * Factory method to generate multiple instance of the class.\n   *\n   * @param  {String}      nameOrSelector The selector on which to mount each instance.\n   * @return {Array<Base>}                A list of the created instance.\n   */\n  static $factory(nameOrSelector) {\n    if (!nameOrSelector) {\n      throw new Error(\n        'The $factory method requires a component’s name or selector to be specified.'\n      );\n    }\n\n    return getComponentElements(nameOrSelector).map((el) => new this(el).$mount());\n  }\n}\n"],"file":"index.js"}

package/abstracts/Base/options.d.ts

@@ -1,17 +0,0 @@
-/**
- * Get a component's options.
- *
- * @param  {Base}        instance The component's instance.
- * @param  {HTMLElement} element  The component's root element.
- * @param  {Object}      config   The component's default config.
- * @return {Options & BaseOptions}              The component's merged options.
- */
-export function getOptions(instance: Base, element: HTMLElement, config: any): Options & BaseOptions;
-declare namespace _default {
-    export { getOptions };
-}
-export default _default;
-export type Base = import('./index.js').default;
-export type BaseOptions = import('./index.js').BaseOptions;
-export type OptionsSchema = import('./classes/Options.js').OptionsSchema;
-import Options from "./classes/Options.js";