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

package/components/Tabs.d.ts

@@ -1,108 +0,0 @@
-/**
- * @typedef {import('../Base').BaseOptions} BaseOptions
- */
-/**
- * @typedef {Object} TabItem
- * @property {HTMLElement} btn
- * @property {HTMLElement} content
- * @property {Boolean} isEnabled
- */
-/**
- * @typedef {Object} TabsRefs
- * @property {HTMLElement[]} btn
- * @property {HTMLElement[]} content
- */
-/**
- * @typedef {import('../utils/css/styles.js').CssStyleObject} CssStyleObject
- * @typedef {Partial<Record<'open'|'active'|'closed', string|CssStyleObject>>} TabsStates
- * @typedef {Partial<Record<keyof TabsRefs, TabsStates>>} TabsStylesOption
- */
-/**
- * @typedef {Object} TabsOptions
- * @property {TabsStylesOption} styles
- */
-/**
- * @typedef {Object} TabsPrivateInterface
- * @property {TabsOptions} $options
- * @property {TabsRefs} $refs
- * @property {Array<TabItem>} items
- */
-/**
- * @typedef {Tabs & TabsPrivateInterface} TabsInterface
- */
-/**
- * Tabs class.
- */
-export default class Tabs extends Base {
-    /**
-     * Tabs config.
-     */
-    static config: {
-        name: string;
-        refs: string[];
-        options: {
-            styles: {
-                type: ObjectConstructor;
-                /**
-                 * @return {TabsStylesOption}
-                 */
-                default: () => TabsStylesOption;
-            };
-        };
-    };
-    /**
-     * Initialize the component's behaviours.
-     * @this {TabsInterface}
-     * @return {void}
-     */
-    mounted(): void;
-    items: any;
-    /**
-     * Switch tab on button click.
-     *
-     * @this {TabsInterface}
-     * @param  {Event}  event The click event object.
-     * @param  {Number} index The index of the clicked button.
-     * @return {void}
-     */
-    onBtnClick(event: Event, index: number): void;
-    /**
-     * Enable the given tab and its associated content.
-     *
-     * @this {TabsInterface}
-     * @param  {TabItem}                item The item to enable.
-     * @return {Promise<TabsInterface>}      Tabs instance.
-     */
-    enableItem(item: TabItem): Promise<TabsInterface>;
-    /**
-     * Disable the given tab and its associated content.
-     *
-     * @this {TabsInterface}
-     * @param  {TabItem}                item The item to disable.
-     * @return {Promise<TabsInterface>}      The Tabs instance.
-     */
-    disableItem(item: TabItem): Promise<TabsInterface>;
-}
-export type BaseOptions = import('../Base').BaseOptions;
-export type TabItem = {
-    btn: HTMLElement;
-    content: HTMLElement;
-    isEnabled: boolean;
-};
-export type TabsRefs = {
-    btn: HTMLElement[];
-    content: HTMLElement[];
-};
-export type CssStyleObject = import('../utils/css/styles.js').CssStyleObject;
-export type TabsStates = Partial<Record<'open' | 'active' | 'closed', string | CssStyleObject>>;
-export type TabsStylesOption = Partial<Record<keyof TabsRefs, TabsStates>>;
-export type TabsOptions = {
-    styles: TabsStylesOption;
-};
-export type TabsPrivateInterface = {
-    $options: TabsOptions;
-    $refs: TabsRefs;
-    items: Array<TabItem>;
-};
-export type TabsInterface = Tabs & TabsPrivateInterface;
-import Base from "../Base/index.js";

package/components/Tabs.js

@@ -1,120 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import Base from '../Base/index.js';
-import transition from '../utils/css/transition.js';
-export default class Tabs extends Base {
-  mounted() {
-    this.items = this.$refs.btn.map((btn, index) => {
-      var id = "".concat(this.$id, "-").concat(index);
-      var content = this.$refs.content[index];
-      btn.setAttribute('id', id);
-      content.setAttribute('aria-labelledby', id);
-      var item = {
-        btn,
-        content,
-        isEnabled: index > 0
-      };
-
-      if (index > 0) {
-        this.disableItem(item);
-      } else {
-        this.enableItem(item);
-      }
-
-      return item;
-    });
-  }
-
-  onBtnClick(event, index) {
-    this.items.forEach((item, i) => {
-      if (i !== index) {
-        this.disableItem(item);
-      }
-    });
-    this.enableItem(this.items[index]);
-  }
-
-  enableItem(item) {
-    var _this = this;
-
-    return _asyncToGenerator(function* () {
-      if (!item || item.isEnabled) {
-        return Promise.resolve(_this);
-      }
-
-      item.isEnabled = true;
-      var {
-        btn,
-        content
-      } = item;
-      var btnStyles = _this.$options.styles.btn || {};
-      var contentStyles = _this.$options.styles.content || {};
-      content.setAttribute('aria-hidden', 'false');
-
-      _this.$emit('enable', item);
-
-      return Promise.all([transition(btn, {
-        from: btnStyles.closed,
-        active: btnStyles.active,
-        to: btnStyles.open
-      }, 'keep'), transition(content, {
-        from: contentStyles.closed,
-        active: contentStyles.active,
-        to: contentStyles.open
-      }, 'keep')]).then(() => Promise.resolve(_this));
-    })();
-  }
-
-  disableItem(item) {
-    var _this2 = this;
-
-    return _asyncToGenerator(function* () {
-      if (!item || !item.isEnabled) {
-        return Promise.resolve(_this2);
-      }
-
-      item.isEnabled = false;
-      var {
-        btn,
-        content
-      } = item;
-      var btnStyles = _this2.$options.styles.btn || {};
-      var contentStyles = _this2.$options.styles.content || {};
-      content.setAttribute('aria-hidden', 'true');
-
-      _this2.$emit('disable', item);
-
-      return Promise.all([transition(btn, {
-        from: btnStyles.open,
-        active: btnStyles.active,
-        to: btnStyles.closed
-      }, 'keep'), transition(content, {
-        from: contentStyles.open,
-        active: contentStyles.active,
-        to: contentStyles.closed
-      }, 'keep')]).then(() => Promise.resolve(_this2));
-    })();
-  }
-
-}
-
-_defineProperty(Tabs, "config", {
-  name: 'Tabs',
-  refs: ['btn[]', 'content[]'],
-  options: {
-    styles: {
-      type: Object,
-      default: () => ({
-        content: {
-          closed: {
-            position: 'absolute',
-            opacity: '0',
-            pointerEvents: 'none',
-            visibility: 'hidden'
-          }
-        }
-      })
-    }
-  }
-});
-//# sourceMappingURL=Tabs.js.map

package/components/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/components/Tabs.js"],"names":["Base","transition","Tabs","mounted","items","$refs","btn","map","index","id","$id","content","setAttribute","item","isEnabled","disableItem","enableItem","onBtnClick","event","forEach","i","Promise","resolve","btnStyles","$options","styles","contentStyles","$emit","all","from","closed","active","to","open","then","name","refs","options","type","Object","default","position","opacity","pointerEvents","visibility"],"mappings":"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","sourcesContent":["import Base from '../Base/index.js';\nimport transition from '../utils/css/transition.js';\n\n/**\n * @typedef {import('../Base').BaseOptions} BaseOptions\n */\n\n/**\n * @typedef {Object} TabItem\n * @property {HTMLElement} btn\n * @property {HTMLElement} content\n * @property {Boolean} isEnabled\n */\n\n/**\n * @typedef {Object} TabsRefs\n * @property {HTMLElement[]} btn\n * @property {HTMLElement[]} content\n */\n\n/**\n * @typedef {import('../utils/css/styles.js').CssStyleObject} CssStyleObject\n * @typedef {Partial<Record<'open'|'active'|'closed', string|CssStyleObject>>} TabsStates\n * @typedef {Partial<Record<keyof TabsRefs, TabsStates>>} TabsStylesOption\n */\n\n/**\n * @typedef {Object} TabsOptions\n * @property {TabsStylesOption} styles\n */\n\n/**\n * @typedef {Object} TabsPrivateInterface\n * @property {TabsOptions} $options\n * @property {TabsRefs} $refs\n * @property {Array<TabItem>} items\n */\n\n/**\n * @typedef {Tabs & TabsPrivateInterface} TabsInterface\n */\n\n/**\n * Tabs class.\n */\nexport default class Tabs extends Base {\n  /**\n   * Tabs config.\n   */\n  static config = {\n    name: 'Tabs',\n    refs: ['btn[]', 'content[]'],\n    options: {\n      styles: {\n        type: Object,\n        /**\n         * @return {TabsStylesOption}\n         */\n        default: () => ({\n          content: {\n            closed: {\n              position: 'absolute',\n              opacity: '0',\n              pointerEvents: 'none',\n              visibility: 'hidden',\n            },\n          },\n        }),\n      },\n    },\n  };\n\n  /**\n   * Initialize the component's behaviours.\n   * @this {TabsInterface}\n   * @return {void}\n   */\n  mounted() {\n    this.items = this.$refs.btn.map((btn, index) => {\n      const id = `${this.$id}-${index}`;\n      const content = this.$refs.content[index];\n      btn.setAttribute('id', id);\n      content.setAttribute('aria-labelledby', id);\n\n      const item = { btn, content, isEnabled: index > 0 };\n      if (index > 0) {\n        this.disableItem(item);\n      } else {\n        this.enableItem(item);\n      }\n      return item;\n    });\n  }\n\n  /**\n   * Switch tab on button click.\n   *\n   * @this {TabsInterface}\n   * @param  {Event}  event The click event object.\n   * @param  {Number} index The index of the clicked button.\n   * @return {void}\n   */\n  onBtnClick(event, index) {\n    this.items.forEach((item, i) => {\n      if (i !== index) {\n        this.disableItem(item);\n      }\n    });\n\n    this.enableItem(this.items[index]);\n  }\n\n  /**\n   * Enable the given tab and its associated content.\n   *\n   * @this {TabsInterface}\n   * @param  {TabItem}                item The item to enable.\n   * @return {Promise<TabsInterface>}      Tabs instance.\n   */\n  async enableItem(item) {\n    if (!item || item.isEnabled) {\n      return Promise.resolve(this);\n    }\n\n    item.isEnabled = true;\n    const { btn, content } = item;\n    const btnStyles = this.$options.styles.btn || {};\n    const contentStyles = this.$options.styles.content || {};\n\n    content.setAttribute('aria-hidden', 'false');\n    this.$emit('enable', item);\n\n    return Promise.all([\n      transition(\n        btn,\n        {\n          from: btnStyles.closed,\n          active: btnStyles.active,\n          to: btnStyles.open,\n        },\n        'keep'\n      ),\n      transition(\n        content,\n        {\n          from: contentStyles.closed,\n          active: contentStyles.active,\n          to: contentStyles.open,\n        },\n        'keep'\n      ),\n    ]).then(() => Promise.resolve(this));\n  }\n\n  /**\n   * Disable the given tab and its associated content.\n   *\n   * @this {TabsInterface}\n   * @param  {TabItem}                item The item to disable.\n   * @return {Promise<TabsInterface>}      The Tabs instance.\n   */\n  async disableItem(item) {\n    if (!item || !item.isEnabled) {\n      return Promise.resolve(this);\n    }\n\n    item.isEnabled = false;\n    const { btn, content } = item;\n    const btnStyles = this.$options.styles.btn || {};\n    const contentStyles = this.$options.styles.content || {};\n\n    content.setAttribute('aria-hidden', 'true');\n    this.$emit('disable', item);\n\n    return Promise.all([\n      transition(\n        btn,\n        {\n          from: btnStyles.open,\n          active: btnStyles.active,\n          to: btnStyles.closed,\n        },\n        'keep'\n      ),\n      transition(\n        content,\n        {\n          from: contentStyles.open,\n          active: contentStyles.active,\n          to: contentStyles.closed,\n        },\n        'keep'\n      ),\n    ]).then(() => Promise.resolve(this));\n  }\n}\n"],"file":"Tabs.js"}

package/components/index.d.ts

@@ -1,6 +0,0 @@
-import Accordion from "./Accordion/index.js";
-import Cursor from "./Cursor.js";
-import Draggable from "./Draggable.js";
-import Modal from "./Modal.js";
-import Tabs from "./Tabs.js";
-export { Accordion, Cursor, Draggable, Modal, Tabs };

package/components/index.js

@@ -1,7 +0,0 @@
-import Accordion from './Accordion/index.js';
-import Cursor from './Cursor.js';
-import Draggable from './Draggable.js';
-import Modal from './Modal.js';
-import Tabs from './Tabs.js';
-export { Accordion, Cursor, Draggable, Modal, Tabs };
-//# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/components/index.js"],"names":["Accordion","Cursor","Draggable","Modal","Tabs"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,sBAAtB;AACA,OAAOC,MAAP,MAAmB,aAAnB;AACA,OAAOC,SAAP,MAAsB,gBAAtB;AACA,OAAOC,KAAP,MAAkB,YAAlB;AACA,OAAOC,IAAP,MAAiB,WAAjB;AAEA,SAASJ,SAAT,EAAoBC,MAApB,EAA4BC,SAA5B,EAAuCC,KAAvC,EAA8CC,IAA9C","sourcesContent":["import Accordion from './Accordion/index.js';\nimport Cursor from './Cursor.js';\nimport Draggable from './Draggable.js';\nimport Modal from './Modal.js';\nimport Tabs from './Tabs.js';\n\nexport { Accordion, Cursor, Draggable, Modal, Tabs };\n"],"file":"index.js"}

package/decorators/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/decorators/index.js"],"names":["withBreakpointManager","withBreakpointObserver","withDrag","withExtraConfig","withIntersectionObserver","withMountWhenInView"],"mappings":"AAAA,OAAOA,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,QAAP,MAAqB,eAArB;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AACA,OAAOC,wBAAP,MAAqC,+BAArC;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AAEA,SACEL,qBADF,EAEEC,sBAFF,EAGEC,QAHF,EAIEC,eAJF,EAKEC,wBALF,EAMEC,mBANF","sourcesContent":["import withBreakpointManager from './withBreakpointManager.js';\nimport withBreakpointObserver from './withBreakpointObserver.js';\nimport withDrag from './withDrag.js';\nimport withExtraConfig from './withExtraConfig.js';\nimport withIntersectionObserver from './withIntersectionObserver.js';\nimport withMountWhenInView from './withMountWhenInView.js';\n\nexport {\n  withBreakpointManager,\n  withBreakpointObserver,\n  withDrag,\n  withExtraConfig,\n  withIntersectionObserver,\n  withMountWhenInView,\n};\n"],"file":"index.js"}

package/decorators/withBreakpointManager.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/decorators/withBreakpointManager.js"],"names":["useResize","testBreakpoints","breakpoints","breakpoint","props","forEach","breakpointKeys","instance","includes","$isMounted","setTimeout","$mount","$destroy","mountComponents","map","bk","ComponentClass","child","$el","Object","defineProperty","get","$parent","instances","WeakMap","withBreakpointManager","BaseClass","Array","isArray","Error","length","add","constructor","element","has","set","$id"],"mappings":"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","sourcesContent":["import useResize from '../services/resize.js';\n\n/**\n * @typedef {import('../Base').default} Base\n * @typedef {import('../Base').BaseComponent} BaseComponent\n */\n\n/**\n * Test the breakpoins of the given Base instance and return the hook to call.\n *\n * @param  {Array<[String[], Base]>} breakpoints The breakpoints's data.\n */\nfunction testBreakpoints(breakpoints) {\n  const { breakpoint } = useResize().props();\n  breakpoints.forEach(([breakpointKeys, instance]) => {\n    if (breakpointKeys.includes(breakpoint) && !instance.$isMounted) {\n      setTimeout(() => instance.$mount(), 0);\n    } else if (!breakpointKeys.includes(breakpoint) && instance.$isMounted) {\n      instance.$destroy();\n    }\n  });\n}\n\n/**\n * Prepare the components.\n * @param {Base} instance\n * @param {Array<[String, BaseComponent]>} breakpoints\n * @return {Array<[String, Base]>}\n */\nfunction mountComponents(instance, breakpoints) {\n  return breakpoints.map(([bk, ComponentClass]) => {\n    const child = new ComponentClass(instance.$el);\n    Object.defineProperty(child, '$parent', { get: () => instance.$parent });\n    return [bk, child];\n  });\n}\n\n/**\n * A cache object to hold each Base sub-instances.\n * @type {Object}\n */\nconst instances = new WeakMap();\n\n/**\n * BreakpointManager class.\n * @template {BaseComponent} T\n * @param {T} BaseClass\n * @param {Array<[String, BaseComponent]>} breakpoints\n * @return {T}\n */\nexport default function withBreakpointManager(BaseClass, breakpoints) {\n  if (!Array.isArray(breakpoints)) {\n    throw new Error('[withBreakpointManager] The `breakpoints` parameter must be an array.');\n  }\n\n  if (breakpoints.length < 2) {\n    throw new Error('[withBreakpointManager] You must define at least 2 breakpoints.');\n  }\n\n  const { add, props } = useResize();\n\n  // Do nothing if no breakpoint has been defined.\n  // @see https://js-toolkit.meta.fr/services/resize.html#breakpoint\n  if (!props().breakpoint) {\n    throw new Error(`The \\`BreakpointManager\\` class requires breakpoints to be defined.`);\n  }\n\n  // @ts-ignore\n  return class extends BaseClass {\n    /**\n     * Watch for the document resize to test the breakpoints.\n     * @param {HTMLElement} element The component's root element.\n     */\n    constructor(element) {\n      super(element);\n\n      if (!instances.has(this)) {\n        instances.set(this, mountComponents(this, breakpoints));\n      }\n\n      add(`BreakpointManager-${this.$id}`, () => {\n        testBreakpoints(instances.get(this));\n      });\n\n      this.instances = instances.get(this);\n\n      return this;\n    }\n\n    /**\n     * Override the default $mount method to prevent component's from being\n     * mounted when they should not.\n     *\n     * @return {this}\n     */\n    $mount() {\n      super.$mount();\n\n      testBreakpoints(instances.get(this));\n\n      return this;\n    }\n\n    /**\n     * Destroy all instances when the main one is destroyed.\n     *\n     * @return {this}\n     */\n    $destroy() {\n      if (Array.isArray(instances.get(this))) {\n        instances.get(this).forEach(([, instance]) => {\n          instance.$destroy();\n        });\n      }\n\n      return super.$destroy();\n    }\n  };\n}\n"],"file":"withBreakpointManager.js"}

package/decorators/withBreakpointObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/decorators/withBreakpointObserver.js"],"names":["useResize","testBreakpoints","instance","breakpoint","props","activeBreakpoints","inactiveBreakpoints","$options","isInActiveBreakpoint","split","includes","isInInactiveBreakpoint","hasBreakpointConfiguration","Boolean","testConflictingBreakpointConfiguration","name","Error","addToResize","key","add","has","onResize","action","$isMounted","setTimeout","withBreakpointObserver","BaseClass","constructor","element","remove","$id","mutationObserver","MutationObserver","mutation","type","attributeName","startsWith","$mount","observe","$el","attributes","config","options","String"],"mappings":"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","sourcesContent":["import useResize from '../services/resize.js';\n\n/**\n * @typedef {import('../Base').default} Base\n * @typedef {import('../Base').BaseComponent} BaseComponent\n */\n\n/**\n * @typedef {Object} WithBreakpointObserverOptions\n * @property {String} [activeBreakpoints]\n * @property {String} [inactiveBreakpoints]\n */\n\n/**\n * @typedef {Object} WithBreakpointObserverInterface\n * @property {WithBreakpointObserverOptions} $options\n */\n\n/**\n * Test the breakpoins of the given Base instance and return the hook to call.\n *\n * @param  {Base & WithBreakpointObserverInterface}   instance The component's instance.\n * @return {String}          The action to trigger.\n */\nfunction testBreakpoints(instance, breakpoint = useResize().props().breakpoint) {\n  const { activeBreakpoints, inactiveBreakpoints } = instance.$options;\n  const isInActiveBreakpoint =\n    activeBreakpoints && activeBreakpoints.split(' ').includes(breakpoint);\n  const isInInactiveBreakpoint =\n    inactiveBreakpoints && inactiveBreakpoints.split(' ').includes(breakpoint);\n\n  if (\n    (activeBreakpoints && isInActiveBreakpoint) ||\n    (inactiveBreakpoints && !isInInactiveBreakpoint)\n  ) {\n    return '$mount';\n  }\n\n  return '$destroy';\n}\n\n/**\n * Test if the given instance is configured for breakpoints.\n * @param  {Base & WithBreakpointObserverInterface}    instance A Base class instance.\n * @return {Boolean}          True if configured correctly, false otherwise.\n */\nfunction hasBreakpointConfiguration(instance) {\n  const { activeBreakpoints, inactiveBreakpoints } = instance.$options;\n  return Boolean(activeBreakpoints || inactiveBreakpoints);\n}\n\n/**\n * Test if the given instance has a conflicting configuration for breakpoints.\n * @param  {Base & WithBreakpointObserverInterface} instance A Base class instance.\n * @return {void}\n */\nfunction testConflictingBreakpointConfiguration(instance) {\n  const { activeBreakpoints, inactiveBreakpoints, name } = instance.$options;\n  if (activeBreakpoints && inactiveBreakpoints) {\n    throw new Error(\n      `[${name}] Incorrect configuration: the \\`activeBreakpoints\\` and \\`inactiveBreakpoints\\` are not compatible.`\n    );\n  }\n}\n\n/**\n * Add the current instance to the resize service.\n * @param {String} key      The key for the resize service callback.\n * @param {Base}   instance The instance to observe.\n */\nfunction addToResize(key, instance) {\n  testConflictingBreakpointConfiguration(instance);\n  const { add, has } = useResize();\n\n  if (!has(key)) {\n    add(key, function onResize({ breakpoint }) {\n      const action = testBreakpoints(instance, breakpoint);\n\n      // Always destroy before mounting\n      if (action === '$destroy' && instance.$isMounted) {\n        instance[action]();\n      } else if (action === '$mount' && !instance.$isMounted) {\n        setTimeout(() => instance[action](), 0);\n      }\n    });\n  }\n}\n\n/**\n * BreakpointObserver class.\n *\n * @template {BaseComponent} T\n * @param {T} BaseClass The Base class to extend from.\n * @return {T}\n */\nexport default function withBreakpointObserver(BaseClass) {\n  // @ts-ignore\n  return class extends BaseClass {\n    static config = {\n      ...(BaseClass.config || {}),\n      name: `${BaseClass?.config?.name ?? ''}WithBreakpointObserver`,\n      options: {\n        ...(BaseClass?.config?.options || {}),\n        activeBreakpoints: String,\n        inactiveBreakpoints: String,\n      },\n    };\n\n    /**\n     * Watch for the document resize to test the breakpoints.\n     * @this {Base & WithBreakpointObserverInterface}\n     * @param  {HTMLElement} element The component's root element.\n     */\n    constructor(element) {\n      super(element);\n\n      const { remove, props } = useResize();\n      const { name } = this.$options;\n\n      // Do nothing if no breakpoint has been defined.\n      // @see https://js-toolkit.meta.fr/services/resize.html#breakpoint\n      if (!props().breakpoint) {\n        throw new Error(\n          `[${name}] The \\`BreakpointObserver\\` class requires breakpoints to be defined.`\n        );\n      }\n\n      const key = `BreakpointObserver-${this.$id}`;\n\n      // Watch change on the `data-options` attribute to emit the `set:options` event.\n      const mutationObserver = new MutationObserver(([mutation]) => {\n        if (\n          mutation.type === 'attributes' &&\n          (mutation.attributeName === 'data-options' ||\n            mutation.attributeName.startsWith('data-option-'))\n        ) {\n          // Stop here silently when no breakpoint configuration given.\n          if (!hasBreakpointConfiguration(this)) {\n            this.$mount();\n            remove(key);\n            return;\n          }\n\n          addToResize(key, this);\n        }\n      });\n      mutationObserver.observe(this.$el, { attributes: true });\n\n      // Stop here silently when no breakpoint configuration given.\n      if (!hasBreakpointConfiguration(this)) {\n        return this;\n      }\n\n      addToResize(key, this);\n      return this;\n    }\n\n    /**\n     * Override the default $mount method to prevent component's from being\n     * mounted when they should not.\n     * @return {this}\n     */\n    $mount() {\n      // Execute normal behavior when no breakpoint configuration given.\n      if (!hasBreakpointConfiguration(this)) {\n        return super.$mount();\n      }\n\n      const action = testBreakpoints(this);\n      if (action === '$mount') {\n        return super.$mount();\n      }\n\n      return this;\n    }\n  };\n}\n"],"file":"withBreakpointObserver.js"}

package/decorators/withDrag.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/decorators/withDrag.js"],"names":["useDrag","withDrag","BaseClass","options","target","$el","constructor","el","$on","otherOptions","boundUseDrag","bind","undefined","call","$services","register","enable","disable","unregister"],"mappings":";;AAAA,OAAOA,OAAP,MAAoB,qBAApB;AAoBA,eAAe,SAASC,QAAT,CACbC,SADa,EAOb;AAAA,MALAC,OAKA,uEALU;AACRC,IAAAA,MAAM,GAAG;AACP,aAAO,KAAKC,GAAZ;AACD;;AAHO,GAKV;AAEA,SAAO,cAAcH,SAAd,CAAwB;AAK7BI,IAAAA,WAAW,CAACC,EAAD,EAAK;AACd,YAAMA,EAAN;AAEA,WAAKC,GAAL,CAAS,SAAT,EAAoB,MAAM;AACxB,YAAM;AAAEJ,UAAAA;AAAF,YAA8BD,OAApC;AAAA,YAAmBM,YAAnB,4BAAoCN,OAApC;;AACA,YAAMO,YAAY,GAAGV,OAAO,CAACW,IAAR,CAAaC,SAAb,EAAwBR,MAAM,CAACS,IAAP,CAAY,IAAZ,CAAxB,EAA2CJ,YAA3C,CAArB;AACA,aAAKK,SAAL,CAAeC,QAAf,CAAwB,SAAxB,EAAmCL,YAAnC;AACA,aAAKI,SAAL,CAAeE,MAAf,CAAsB,SAAtB;AACD,OALD;AAOA,WAAKR,GAAL,CAAS,WAAT,EAAsB,MAAM;AAC1B,aAAKM,SAAL,CAAeG,OAAf,CAAuB,SAAvB;AACA,aAAKH,SAAL,CAAeI,UAAf,CAA0B,SAA1B;AACD,OAHD;AAID;;AAnB4B,GAA/B;AAqBD","sourcesContent":["import useDrag from '../services/drag.js';\n\n/**\n * @typedef {import('../Base').default} Base\n * @typedef {import('../Base').BaseComponent} BaseComponent\n * @typedef {import('../services/drag').DragServiceOptions} DragServiceOptions\n */\n\n/**\n * @typedef {DragServiceOptions & { target: (this:Base) => HTMLElement }} DragDecoratorOptions\n */\n\n/**\n * Add dragging capabilities to a component.\n *\n * @template {BaseComponent} T\n * @param {T} BaseClass\n * @param {DragDecoratorOptions} options\n * @return {T}\n */\nexport default function withDrag(\n  BaseClass,\n  options = {\n    target() {\n      return this.$el;\n    },\n  }\n) {\n  // @ts-ignore\n  return class extends BaseClass {\n    /**\n     * Class constructor.\n     * @param {HTMLElement} el\n     */\n    constructor(el) {\n      super(el);\n\n      this.$on('mounted', () => {\n        const { target, ...otherOptions } = options;\n        const boundUseDrag = useDrag.bind(undefined, target.call(this), otherOptions);\n        this.$services.register('dragged', boundUseDrag);\n        this.$services.enable('dragged');\n      });\n\n      this.$on('destroyed', () => {\n        this.$services.disable('dragged');\n        this.$services.unregister('dragged');\n      });\n    }\n  };\n}\n"],"file":"withDrag.js"}

package/decorators/withExtraConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/decorators/withExtraConfig.js"],"names":["merge","withExtraConfig","BaseClass","config","options","newConfig","name"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,WAAlB;AAiBA,eAAe,SAASC,eAAT,CAAyBC,SAAzB,EAAoCC,MAApC,EAA0D;AAAA;;AAAA,MAAdC,OAAc,uEAAJ,EAAI;AACvE,MAAMC,SAAS,GAAGL,KAAK,CAACE,SAAS,CAACC,MAAX,EAAmBA,MAAnB,EAA2BC,OAA3B,CAAvB;;AAEA,MAAIC,SAAS,CAACC,IAAV,KAAmBJ,SAAS,CAACC,MAAV,CAAiBG,IAAxC,EAA8C;AAC5CD,IAAAA,SAAS,CAACC,IAAV,aAAoBJ,SAAS,CAACC,MAAV,CAAiBG,IAArC;AACD;;AAGD,0BAAO,cAAcJ,SAAd,CAAwB,EAA/B,oCAKkBG,SALlB;AAOD","sourcesContent":["import merge from 'deepmerge';\n\n/**\n * @typedef {import('deepmerge').Options} DeepmergeOptions\n * @typedef {import('../Base').BaseConfig} BaseConfig\n * @typedef {import('../Base').BaseComponent} BaseComponent\n */\n\n/**\n * Extends the configuration of an existing class.\n *\n * @template {BaseComponent} T\n * @param {T} BaseClass The Base class to extend.\n * @param {Partial<BaseConfig>} config Extra configuration to merge.\n * @param {DeepmergeOptions} options Options for the `deepmerge` function. {@link https://github.com/TehShrike/deepmerge#options}\n * @return {T}\n */\nexport default function withExtraConfig(BaseClass, config, options = {}) {\n  const newConfig = merge(BaseClass.config, config, options);\n\n  if (newConfig.name === BaseClass.config.name) {\n    newConfig.name = `${BaseClass.config.name}WithExtraConfig`;\n  }\n\n  // @ts-ignore\n  return class extends BaseClass {\n    /**\n     * Class config.\n     * @type {BaseConfig}\n     */\n    static config = newConfig;\n  };\n}\n"],"file":"withExtraConfig.js"}

package/decorators/withIntersectionObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/decorators/withIntersectionObserver.js"],"names":["createArrayOfNumber","length","Array","map","val","index","withIntersectionObserver","BaseClass","defaultOptions","threshold","__excludeFromAutoBind","constructor","element","intersected","Error","$observer","IntersectionObserver","entries","__debug","$emit","$options","intersectionObserver","$isMounted","observe","$el","$on","unobserve","config","name","options","Object"],"mappings":";;;;;;AAsBA,SAASA,mBAAT,CAA6BC,MAA7B,EAAqC;AACnC,SAAO,CAAC,GAAG,IAAIC,KAAJ,CAAUD,MAAM,GAAG,CAAnB,CAAJ,EAA2BE,GAA3B,CAA+B,CAACC,GAAD,EAAMC,KAAN,KAAgBA,KAAK,GAAGJ,MAAvD,CAAP;AACD;;AAUD,eAAe,SAASK,wBAAT,CACbC,SADa,EAGb;AAAA;;AAAA,MADAC,cACA,uEADiB;AAAEC,IAAAA,SAAS,EAAET,mBAAmB,CAAC,GAAD;AAAhC,GACjB;AAEA,0BAAO,cAAcO,SAAd,CAAwB;AAIJ,QAArBG,qBAAqB,GAAG;AAC1B,aAAO,CAAC,IAAI,MAAMA,qBAAN,IAA+B,EAAnC,CAAD,EAAyC,aAAzC,CAAP;AACD;;AAiBDC,IAAAA,WAAW,CAACC,OAAD,EAAU;AACnB,YAAMA,OAAN;;AAEA,UAAI,CAAC,KAAKC,WAAN,IAAqB,OAAO,KAAKA,WAAZ,KAA4B,UAArD,EAAiE;AAC/D,cAAM,IAAIC,KAAJ,CAAU,sEAAV,CAAN;AACD;;AAED,WAAKC,SAAL,GAAiB,IAAIC,oBAAJ,CACdC,OAAD,IAAa;AACX,aAAKC,OAAL,CAAa,aAAb,EAA4BD,OAA5B;;AACA,aAAKE,KAAL,CAAW,aAAX,EAA0BF,OAA1B;AACA,aAAKJ,WAAL,CAAiBI,OAAjB;AACD,OALc,kCAMVT,cANU,GAMU,KAAKY,QAAL,CAAcC,oBAAd,IAAsC,EANhD,EAAjB;;AASA,UAAI,KAAKC,UAAT,EAAqB;AACnB,aAAKP,SAAL,CAAeQ,OAAf,CAAuB,KAAKC,GAA5B;AACD;;AAED,WAAKC,GAAL,CAAS,SAAT,EAAoB,MAAM;AACxB,aAAKV,SAAL,CAAeQ,OAAf,CAAuB,KAAKC,GAA5B;AACD,OAFD;AAIA,WAAKC,GAAL,CAAS,WAAT,EAAsB,MAAM;AAC1B,aAAKV,SAAL,CAAeW,SAAf,CAAyB,KAAKF,GAA9B;AACD,OAFD;AAIA,aAAO,IAAP;AACD;;AApD4B,GAA/B,oEASQjB,SAAS,CAACoB,MAAV,IAAoB,EAT5B;AAUIC,IAAAA,IAAI,qCAAKrB,SAAL,aAAKA,SAAL,4CAAKA,SAAS,CAAEoB,MAAhB,sDAAK,kBAAmBC,IAAxB,yEAAgC,EAAhC,6BAVR;AAWIC,IAAAA,OAAO,kCACD,CAAAtB,SAAS,SAAT,IAAAA,SAAS,WAAT,kCAAAA,SAAS,CAAEoB,MAAX,0EAAmBE,OAAnB,KAA8B,EAD7B;AAELR,MAAAA,oBAAoB,EAAES;AAFjB;AAXX;AAsDD","sourcesContent":["/**\n * @typedef {import('../Base').default} Base\n * @typedef {import('../Base').BaseComponent} BaseComponent\n */\n\n/**\n * @typedef {Object} WithIntersectionObserverOptions\n * @property {Object} intersectionObserver\n */\n\n/**\n * @typedef {Object} WithIntersectionObserverInterface\n * @property {WithIntersectionObserverOptions} $options\n * @property {IntersectionObserver} $observer\n * @property {(entries: IntersectionObserverEntry[]) => void} intersected\n */\n\n/**\n * Create an array of number between 0 and 1 from the given length.\n * @param  {Number} length The length of the array.\n * @return {Array}        An array of number.\n */\nfunction createArrayOfNumber(length) {\n  return [...new Array(length + 1)].map((val, index) => index / length);\n}\n\n/**\n * IntersectionObserver decoration.\n *\n * @template {BaseComponent} T\n * @param {T} BaseClass The Base class to extend.\n * @param {Object} [defaultOptions] The options for the IntersectionObserver instance.\n * @return {T & { new: (element:HTMLElement) => { $observer: IntersectionObserver }}}\n */\nexport default function withIntersectionObserver(\n  BaseClass,\n  defaultOptions = { threshold: createArrayOfNumber(100) }\n) {\n  // @ts-ignore\n  return class extends BaseClass {\n    /**\n     * Add the `intersected` method to the list of method to exclude from the `autoBind` call.\n     */\n    get __excludeFromAutoBind() {\n      return [...(super.__excludeFromAutoBind || []), 'intersected'];\n    }\n\n    static config = {\n      ...(BaseClass.config || {}),\n      name: `${BaseClass?.config?.name ?? ''}WithIntersectionObserver`,\n      options: {\n        ...(BaseClass?.config?.options || {}),\n        intersectionObserver: Object,\n      },\n    };\n\n    /**\n     * Create an observer when the class in instantiated.\n     *\n     * @this {Base & WithIntersectionObserverInterface}\n     * @param  {HTMLElement} element The component's root element.\n     */\n    constructor(element) {\n      super(element);\n\n      if (!this.intersected || typeof this.intersected !== 'function') {\n        throw new Error('[withIntersectionObserver] The `intersected` method must be defined.');\n      }\n\n      this.$observer = new IntersectionObserver(\n        (entries) => {\n          this.__debug('intersected', entries);\n          this.$emit('intersected', entries);\n          this.intersected(entries);\n        },\n        { ...defaultOptions, ...(this.$options.intersectionObserver || {}) }\n      );\n\n      if (this.$isMounted) {\n        this.$observer.observe(this.$el);\n      }\n\n      this.$on('mounted', () => {\n        this.$observer.observe(this.$el);\n      });\n\n      this.$on('destroyed', () => {\n        this.$observer.unobserve(this.$el);\n      });\n\n      return this;\n    }\n  };\n}\n"],"file":"withIntersectionObserver.js"}

package/decorators/withMountWhenInView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/decorators/withMountWhenInView.js"],"names":["withMountWhenInView","BaseClass","defaultOptions","threshold","constructor","element","IntersectionObserver","entries","isVisible","reduce","acc","entry","isIntersecting","method","$options","intersectionObserver","observe","$el","$on","disconnect","$mount","config","name","options","Object"],"mappings":";;;;;;;;AAyBA,eAAe,SAASA,mBAAT,CAA6BC,SAA7B,EAAgF;AAAA;;AAAA,MAAxCC,cAAwC,uEAAvB;AAAEC,IAAAA,SAAS,EAAE,CAAC,CAAD,EAAI,CAAJ;AAAb,GAAuB;AAE7F,kFAAO,cAAcF,SAAd,CAAwB;AA+B7BG,IAAAA,WAAW,CAACC,OAAD,EAAU;AACnB,YAAMA,OAAN;;AADmB;AAAA;AAAA,eAbR;AAaQ;;AAAA;AAAA;AAAA;AAAA;;AAGnB,6CAAiB,IAAIC,oBAAJ,CACdC,OAAD,IAAa;AACX,YAAMC,SAAS,GAAGD,OAAO,CAACE,MAAR,CAAe,CAACC,GAAD,EAAMC,KAAN,KAAgBD,GAAG,IAAIC,KAAK,CAACC,cAA5C,EAA4D,KAA5D,CAAlB;;AACA,YAAI,4CAAoBJ,SAAxB,EAAmC;AACjC,kDAAkBA,SAAlB;;AAEA,cAAMK,MAAM,GAAGL,SAAS,GAAG,QAAH,GAAc,UAAtC;AACA,eAAKK,MAAL;AACD;AACF,OATc,kCAUVX,cAVU,GAUS,KAAKY,QAAL,CAAcC,oBAVvB,EAAjB;;AAaA,6CAAeC,OAAf,CAAuB,KAAKC,GAA5B;;AAEA,WAAKC,GAAL,CAAS,YAAT,EAAuB,MAAM;AAC3B,+CAAeC,UAAf;AACD,OAFD;AAIA,aAAO,IAAP;AACD;;AAODC,IAAAA,MAAM,GAAG;AACP,gCAAI,IAAJ,eAAqB;AACnB,cAAMA,MAAN;AACD;;AAED,aAAO,IAAP;AACD;;AAnE4B,GAA/B,qEAMQnB,SAAS,CAACoB,MAAV,IAAoB,EAN5B;AAOIC,IAAAA,IAAI,qCAAKrB,SAAL,aAAKA,SAAL,4CAAKA,SAAS,CAAEoB,MAAhB,sDAAK,kBAAmBC,IAAxB,yEAAgC,EAAhC,wBAPR;AAQIC,IAAAA,OAAO,kCACD,CAAAtB,SAAS,SAAT,IAAAA,SAAS,WAAT,kCAAAA,SAAS,CAAEoB,MAAX,0EAAmBE,OAAnB,KAA8B,EAD7B;AAELR,MAAAA,oBAAoB,EAAES;AAFjB;AARX;AAqED","sourcesContent":["/**\n * @typedef {import('../Base').default} Base\n * @typedef {import('../Base').BaseOptions} BaseOptions\n * @typedef {import('../Base').BaseComponent} BaseComponent\n */\n\n/**\n * @typedef {Object} WithMountWhenInViewOptions\n * @property {Object} intersectionObserver\n */\n\n/**\n * @typedef {Object} WithMountWhenInViewInterface\n * @property {() => void} terminated\n * @property {WithMountWhenInViewOptions & BaseOptions} $options\n */\n\n/**\n * IntersectionObserver decoration.\n *\n * @template {BaseComponent} T\n * @param {T} BaseClass The Base class to extend.\n * @param {Object} [defaultOptions] The options for the IntersectionObserver instance.\n * @return {T}\n */\nexport default function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {\n  // @ts-ignore\n  return class extends BaseClass {\n    /**\n     * Class config.\n     * @type {Object}\n     */\n    static config = {\n      ...(BaseClass.config || {}),\n      name: `${BaseClass?.config?.name ?? ''}WithMountWhenInView`,\n      options: {\n        ...(BaseClass?.config?.options || {}),\n        intersectionObserver: Object,\n      },\n    };\n\n    /**\n     * Is the component visible?\n     * @type {Boolean}\n     */\n    #isVisible = false;\n\n    /**\n     * The component's observer.\n     * @type {IntersectionObserver}\n     */\n    #observer;\n\n    /**\n     * Create an observer when the class in instantiated.\n     *\n     * @param {HTMLElement} element The component's root element.\n     */\n    constructor(element) {\n      super(element);\n\n      this.#observer = new IntersectionObserver(\n        (entries) => {\n          const isVisible = entries.reduce((acc, entry) => acc || entry.isIntersecting, false);\n          if (this.#isVisible !== isVisible) {\n            this.#isVisible = isVisible;\n\n            const method = isVisible ? '$mount' : '$destroy';\n            this[method]();\n          }\n        },\n        { ...defaultOptions, ...this.$options.intersectionObserver }\n      );\n\n      this.#observer.observe(this.$el);\n\n      this.$on('terminated', () => {\n        this.#observer.disconnect();\n      });\n\n      return this;\n    }\n\n    /**\n     * Override the mounting of the component.\n     *\n     * @return {this}\n     */\n    $mount() {\n      if (this.#isVisible) {\n        super.$mount();\n      }\n\n      return this;\n    }\n  };\n}\n"],"file":"withMountWhenInView.js"}

package/helpers/createApp.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/helpers/createApp.js"],"names":["createApp","App","rootElement","isLoaded","document","readyState","app","addEventListener","$mount","useApp","Promise","resolve","setTimeout"],"mappings":"AAoCA,eAAe,SAASA,SAAT,CAAmBC,GAAnB,EAAwBC,WAAxB,EAAqC;AAClD,MAAIC,QAAQ,GAAGC,QAAQ,CAACC,UAAT,KAAwB,UAAvC;AACA,MAAIC,GAAJ;;AAEA,MAAI,CAACH,QAAL,EAAe;AACbC,IAAAA,QAAQ,CAACG,gBAAT,CAA0B,kBAA1B,EAA8C,MAAM;AAClD,UAAIH,QAAQ,CAACC,UAAT,KAAwB,UAA5B,EAAwC;AACtCC,QAAAA,GAAG,GAAG,IAAIL,GAAJ,CAAQC,WAAR,EAAqBM,MAArB,EAAN;AACAL,QAAAA,QAAQ,GAAG,IAAX;AACD;AACF,KALD;AAMD,GAPD,MAOO;AACLG,IAAAA,GAAG,GAAG,IAAIL,GAAJ,CAAQC,WAAR,EAAqBM,MAArB,EAAN;AACD;;AAED,SAAO,SAASC,MAAT,GAAkB;AACvB,QAAIN,QAAJ,EAAc;AACZ,aAAOO,OAAO,CAACC,OAAR,CAAgBL,GAAhB,CAAP;AACD;;AAED,WAAO,IAAII,OAAJ,CAAaC,OAAD,IAAa;AAC9BP,MAAAA,QAAQ,CAACG,gBAAT,CAA0B,kBAA1B,EAA8C,MAAM;AAClD,YAAIH,QAAQ,CAACC,UAAT,KAAwB,UAA5B,EAAwC;AACtCO,UAAAA,UAAU,CAAC,MAAMD,OAAO,CAACL,GAAD,CAAd,EAAqB,CAArB,CAAV;AACD;AACF,OAJD;AAKD,KANM,CAAP;AAOD,GAZD;AAaD","sourcesContent":["/**\n * @typedef {import('../Base/index.js').BaseComponent} BaseComponent\n */\n\n/**\n * Instantiate and mount the given component on the given root element when the page has been loaded\n * and return a function to use the app instance when it is ready.\n *\n * @usage\n * ```js\n * // app.js\n * import Base, { createApp } from '@studiometa/js-toolkit';\n *\n * class App extends Base {\n *   static config = {\n *     name: 'App',\n *   }\n * }\n *\n * export default createApp(App, document.body);\n * ```\n * ```js\n * // other.js\n * import useApp from './app.js';\n *\n * const app = await useApp();\n * console.log(app.$options.name); // 'App'\n * ```\n *\n * @template {BaseComponent} T\n * @param {T} App\n * @param {HTMLElement} rootElement\n *\n * @return {() => Promise<InstanceType<T>>}\n *\n */\nexport default function createApp(App, rootElement) {\n  let isLoaded = document.readyState === 'complete';\n  let app;\n\n  if (!isLoaded) {\n    document.addEventListener('readystatechange', () => {\n      if (document.readyState === 'complete') {\n        app = new App(rootElement).$mount();\n        isLoaded = true;\n      }\n    });\n  } else {\n    app = new App(rootElement).$mount();\n  }\n\n  return function useApp() {\n    if (isLoaded) {\n      return Promise.resolve(app);\n    }\n\n    return new Promise((resolve) => {\n      document.addEventListener('readystatechange', () => {\n        if (document.readyState === 'complete') {\n          setTimeout(() => resolve(app), 0);\n        }\n      });\n    });\n  };\n}\n"],"file":"createApp.js"}

package/helpers/importOnInteraction.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/helpers/importOnInteraction.js"],"names":["getTargetElements","importOnInteraction","fn","nameOrSelectorOrElement","events","parent","normalizedEvents","ResolvedClass","resolver","resolve","then","module","default","Promise","elements","$el","eventListenerOptions","capture","passive","once","handler","forEach","element","event","addEventListener"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,YAAlC;AAuBA,eAAe,SAASC,mBAAT,CAA6BC,EAA7B,EAAiCC,uBAAjC,EAA0DC,MAA1D,EAAkEC,MAAlE,EAA0E;AACvF,MAAMC,gBAAgB,GAAG,OAAOF,MAAP,KAAkB,QAAlB,GAA6B,CAACA,MAAD,CAA7B,GAAwCA,MAAjE;AAEA,MAAIG,aAAJ;;AAEA,MAAMC,QAAQ,GAAIC,OAAD,IAAa;AAC5BP,IAAAA,EAAE,GAAGQ,IAAL,CAAWC,MAAD,IAAY;AACpBJ,MAAAA,aAAa,GAAG,aAAaI,MAAb,GAAsBA,MAAM,CAACC,OAA7B,GAAuCD,MAAvD;AACAF,MAAAA,OAAO,CAACF,aAAD,CAAP;AACD,KAHD;AAID,GALD;;AAOA,SAAO,IAAIM,OAAJ,CAAaJ,OAAD,IAAa;AAC9B,QAAMK,QAAQ,GAAGd,iBAAiB,CAACG,uBAAD,EAA0BE,MAA1B,aAA0BA,MAA1B,uBAA0BA,MAAM,CAAEU,GAAlC,CAAlC;AACA,QAAMC,oBAAoB,GAAG;AAC3BC,MAAAA,OAAO,EAAE,IADkB;AAE3BC,MAAAA,OAAO,EAAE,IAFkB;AAG3BC,MAAAA,IAAI,EAAE;AAHqB,KAA7B;;AAKA,QAAMC,OAAO,GAAG,MAAM;AACpBZ,MAAAA,QAAQ,CAACC,OAAD,CAAR;AACD,KAFD;;AAIAK,IAAAA,QAAQ,CAACO,OAAT,CAAkBC,OAAD,IAAa;AAC5BhB,MAAAA,gBAAgB,CAACe,OAAjB,CAA0BE,KAAD,IAAW;AAClCD,QAAAA,OAAO,CAACE,gBAAR,CAAyBD,KAAzB,EAAgCH,OAAhC,EAAyCJ,oBAAzC;AACD,OAFD;AAGD,KAJD;AAKD,GAhBM,CAAP;AAiBD","sourcesContent":["import { getTargetElements } from './utils.js';\n\n/**\n * @typedef {import('../Base/index.js').BaseComponent} BaseComponent\n * @typedef {import('../Base/index.js').default} Base\n */\n\n/**\n * Import a component on an interaction.\n *\n * @template {BaseComponent} T\n *\n * @param {() => Promise<T|{default:T}>} fn\n *   The import function.\n * @param {string|HTMLElement|HTMLElement[]} nameOrSelectorOrElement\n *   The name or selector for the component.\n * @param {string|string[]} events\n *   The events to listen to to trigger the import.\n * @param {Base=} [parent]\n *   The parent component.\n *\n * @return {Promise<T>}\n */\nexport default function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {\n  const normalizedEvents = typeof events === 'string' ? [events] : events;\n\n  let ResolvedClass;\n\n  const resolver = (resolve) => {\n    fn().then((module) => {\n      ResolvedClass = 'default' in module ? module.default : module;\n      resolve(ResolvedClass);\n    });\n  };\n\n  return new Promise((resolve) => {\n    const elements = getTargetElements(nameOrSelectorOrElement, parent?.$el);\n    const eventListenerOptions = {\n      capture: true,\n      passive: true,\n      once: true,\n    };\n    const handler = () => {\n      resolver(resolve);\n    };\n\n    elements.forEach((element) => {\n      normalizedEvents.forEach((event) => {\n        element.addEventListener(event, handler, eventListenerOptions);\n      });\n    });\n  });\n}\n"],"file":"importOnInteraction.js"}

package/helpers/importWhenIdle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/helpers/importWhenIdle.js"],"names":["importWhenIdle","fn","options","ResolvedClass","resolver","resolve","then","module","default","Promise","timeout","window","setTimeout","requestIdleCallback"],"mappings":"AAiBA,eAAe,SAASA,cAAT,CAAwBC,EAAxB,EAA4BC,OAA5B,EAAqC;AAClD,MAAIC,aAAJ;;AAEA,MAAMC,QAAQ,GAAIC,OAAD,IAAa;AAC5BJ,IAAAA,EAAE,GAAGK,IAAL,CAAWC,MAAD,IAAY;AACpBJ,MAAAA,aAAa,GAAG,aAAaI,MAAb,GAAsBA,MAAM,CAACC,OAA7B,GAAuCD,MAAvD;AACAF,MAAAA,OAAO,CAACF,aAAD,CAAP;AACD,KAHD;AAID,GALD;;AAOA,SAAO,IAAIM,OAAJ,CAAaJ,OAAD,IAAa;AAAA;;AAC9B,QAAMK,OAAO,uBAAGR,OAAH,aAAGA,OAAH,uBAAGA,OAAO,CAAEQ,OAAZ,+DAAuB,CAApC;;AAEA,QAAI,EAAE,yBAAyBC,MAA3B,CAAJ,EAAwC;AACtCC,MAAAA,UAAU,CAAC,MAAM;AACfR,QAAAA,QAAQ,CAACC,OAAD,CAAR;AACD,OAFS,EAEPK,OAFO,CAAV;AAGD,KAJD,MAIO;AACLC,MAAAA,MAAM,CAACE,mBAAP,CACE,MAAM;AACJD,QAAAA,UAAU,CAAC,MAAM;AACfR,UAAAA,QAAQ,CAACC,OAAD,CAAR;AACD,SAFS,EAEP,CAFO,CAAV;AAGD,OALH,EAME;AAAEK,QAAAA,OAAO,EAAER,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEQ;AAApB,OANF;AAQD;AACF,GAjBM,CAAP;AAkBD","sourcesContent":["/**\n * @typedef {import('../Base/index.js').BaseComponent} BaseComponent\n * @typedef {{ timeout?: number }} ImportWhenIdleOptions\n */\n\n/**\n * Import a component when user is idle.\n *\n * @template {BaseComponent} T\n *\n * @param {() => Promise<T|{default:T}>} fn\n *   The import function.\n * @param {ImportWhenIdleOptions=} [options]\n *   The time to wait before triggering the callback if never idle.\n *\n * @return {Promise<T>}\n */\nexport default function importWhenIdle(fn, options) {\n  let ResolvedClass;\n\n  const resolver = (resolve) => {\n    fn().then((module) => {\n      ResolvedClass = 'default' in module ? module.default : module;\n      resolve(ResolvedClass);\n    });\n  };\n\n  return new Promise((resolve) => {\n    const timeout = options?.timeout ?? 1;\n\n    if (!('requestIdleCallback' in window)) {\n      setTimeout(() => {\n        resolver(resolve);\n      }, timeout);\n    } else {\n      window.requestIdleCallback(\n        () => {\n          setTimeout(() => {\n            resolver(resolve);\n          }, 0);\n        },\n        { timeout: options?.timeout }\n      );\n    }\n  });\n}\n"],"file":"importWhenIdle.js"}

package/helpers/importWhenVisible.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/helpers/importWhenVisible.js"],"names":["getTargetElements","importWhenVisible","fn","nameOrSelectorOrElement","parent","observerOptions","ResolvedClass","resolver","resolve","cb","then","module","default","Promise","observer","IntersectionObserver","entries","someEntriesAreVisible","some","entry","isIntersecting","setTimeout","disconnect","elements","$el","forEach","element","observe"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,YAAlC;AAuBA,eAAe,SAASC,iBAAT,CACbC,EADa,EAEbC,uBAFa,EAGbC,MAHa,EAKb;AAAA,MADAC,eACA,uEADkB,EAClB;AACA,MAAIC,aAAJ;;AAEA,MAAMC,QAAQ,GAAG,CAACC,OAAD,EAAUC,EAAV,KAAiB;AAChCP,IAAAA,EAAE,GAAGQ,IAAL,CAAWC,MAAD,IAAY;AACpBL,MAAAA,aAAa,GAAG,aAAaK,MAAb,GAAsBA,MAAM,CAACC,OAA7B,GAAuCD,MAAvD;AACAH,MAAAA,OAAO,CAACF,aAAD,CAAP;;AAEA,UAAI,OAAOG,EAAP,KAAc,UAAlB,EAA8B;AAC5BA,QAAAA,EAAE;AACH;AACF,KAPD;AAQD,GATD;;AAWA,SAAO,IAAII,OAAJ,CAAaL,OAAD,IAAa;AAC9B,QAAMM,QAAQ,GAAG,IAAIC,oBAAJ,CAA0BC,OAAD,IAAa;AACrD,UAAMC,qBAAqB,GAAGD,OAAO,CAACE,IAAR,CAAcC,KAAD,IAAWA,KAAK,CAACC,cAA9B,CAA9B;;AACA,UAAIH,qBAAJ,EAA2B;AACzBI,QAAAA,UAAU,CAAC,MAAM;AACfd,UAAAA,QAAQ,CAACC,OAAD,EAAU,MAAMM,QAAQ,CAACQ,UAAT,EAAhB,CAAR;AACD,SAFS,EAEP,CAFO,CAAV;AAGD;AACF,KAPgB,EAOdjB,eAPc,CAAjB;AASA,QAAMkB,QAAQ,GAAGvB,iBAAiB,CAACG,uBAAD,EAA0BC,MAA1B,aAA0BA,MAA1B,uBAA0BA,MAAM,CAAEoB,GAAlC,CAAlC;AACAD,IAAAA,QAAQ,CAACE,OAAT,CAAkBC,OAAD,IAAaZ,QAAQ,CAACa,OAAT,CAAiBD,OAAjB,CAA9B;AACD,GAZM,CAAP;AAaD","sourcesContent":["import { getTargetElements } from './utils.js';\n\n/**\n * @typedef {import('../Base/index.js').default} Base\n * @typedef {import('../Base/index.js').BaseComponent} BaseComponent\n */\n\n/**\n * Import a component when it is visible.\n *\n * @template {BaseComponent} T\n *\n * @param {() => Promise<T|{default:T}>} fn\n *   The import function.\n * @param {string|HTMLElement|HTMLElement[]} nameOrSelectorOrElement\n *   The name or selector for the component.\n * @param {Base=} [parent]\n *   The parent component.\n * @param {IntersectionObserverInit=} [observerOptions]\n *   Options for the `IntersectionObserver` instance.\n *\n * @return {Promise<T>}\n */\nexport default function importWhenVisible(\n  fn,\n  nameOrSelectorOrElement,\n  parent,\n  observerOptions = {}\n) {\n  let ResolvedClass;\n\n  const resolver = (resolve, cb) => {\n    fn().then((module) => {\n      ResolvedClass = 'default' in module ? module.default : module;\n      resolve(ResolvedClass);\n\n      if (typeof cb === 'function') {\n        cb();\n      }\n    });\n  };\n\n  return new Promise((resolve) => {\n    const observer = new IntersectionObserver((entries) => {\n      const someEntriesAreVisible = entries.some((entry) => entry.isIntersecting);\n      if (someEntriesAreVisible) {\n        setTimeout(() => {\n          resolver(resolve, () => observer.disconnect());\n        }, 0);\n      }\n    }, observerOptions);\n\n    const elements = getTargetElements(nameOrSelectorOrElement, parent?.$el);\n    elements.forEach((element) => observer.observe(element));\n  });\n}\n"],"file":"importWhenVisible.js"}

package/helpers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/helpers/index.js"],"names":["createApp","importOnInteraction","importWhenIdle","importWhenVisible"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,gBAAtB;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AAEA,SACEH,SADF,EAEEC,mBAFF,EAGEC,cAHF,EAIEC,iBAJF","sourcesContent":["import createApp from './createApp.js';\nimport importOnInteraction from './importOnInteraction.js';\nimport importWhenIdle from './importWhenIdle.js';\nimport importWhenVisible from './importWhenVisible.js';\n\nexport {\n  createApp,\n  importOnInteraction,\n  importWhenIdle,\n  importWhenVisible,\n};\n"],"file":"index.js"}

package/helpers/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../packages/js-toolkit/helpers/utils.js"],"names":["getComponentElements","getTargetElements","nameOrSelectorOrElement","context","Array","isArray"],"mappings":"AACA,SAASA,oBAAT,QAAqC,kBAArC;AAYA,OAAO,SAASC,iBAAT,CAA2BC,uBAA3B,EAAoDC,OAApD,EAA6D;AAClE,MAAI,OAAOD,uBAAP,KAAmC,QAAvC,EAAiD;AAC/C,WAAOF,oBAAoB,CAACE,uBAAD,EAA0BC,OAA1B,CAA3B;AACD;;AAED,MAAI,CAACC,KAAK,CAACC,OAAN,CAAcH,uBAAd,CAAL,EAA6C;AAC3C,WAAO,CAACA,uBAAD,CAAP;AACD;;AAED,SAAOA,uBAAP;AACD","sourcesContent":["/* eslint-disable import/prefer-default-export */\nimport { getComponentElements } from '../Base/utils.js';\n\n/**\n * Get the target elements for the lazy import helper functions.\n *\n * @param {string|HTMLElement|HTMLElement[]} nameOrSelectorOrElement\n *   The original selector or element, or list of elements.\n * @param {HTMLElement=} [context]\n *   The optional context to use to query for elements.\n *\n * @return {HTMLElement[]} A normalized list of elements.\n */\nexport function getTargetElements(nameOrSelectorOrElement, context) {\n  if (typeof nameOrSelectorOrElement === 'string') {\n    return getComponentElements(nameOrSelectorOrElement, context);\n  }\n\n  if (!Array.isArray(nameOrSelectorOrElement)) {\n    return [nameOrSelectorOrElement];\n  }\n\n  return nameOrSelectorOrElement;\n}\n"],"file":"utils.js"}

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../packages/js-toolkit/index.js"],"names":["Base","withDrag","withBreakpointManager","withBreakpointObserver","withExtraConfig","withIntersectionObserver","withMountWhenInView","createApp","importOnInteraction","importWhenIdle","importWhenVisible","useDrag","useKey","useLoad","usePointer","useRaf","useResize","useScroll"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,iBAAjB;AACA,SACEC,QADF,EAEEC,qBAFF,EAGEC,sBAHF,EAIEC,eAJF,EAKEC,wBALF,EAMEC,mBANF,QAOO,uBAPP;AAQA,SACEC,SADF,EAEEC,mBAFF,EAGEC,cAHF,EAIEC,iBAJF,QAKO,oBALP;AAMA,SACEC,OADF,EAEEC,MAFF,EAGEC,OAHF,EAIEC,UAJF,EAKEC,MALF,EAMEC,SANF,EAOEC,SAPF,QAQO,qBARP;AAUA,SACEjB,IADF,EAEEO,SAFF,EAGEC,mBAHF,EAIEC,cAJF,EAKEC,iBALF,EAMEC,OANF,EAOEC,MAPF,EAQEC,OARF,EASEC,UATF,EAUEC,MAVF,EAWEC,SAXF,EAYEC,SAZF,EAaEhB,QAbF,EAcEC,qBAdF,EAeEC,sBAfF,EAgBEC,eAhBF,EAiBEC,wBAjBF,EAkBEC,mBAlBF","sourcesContent":["import Base from './Base/index.js';\nimport {\n  withDrag,\n  withBreakpointManager,\n  withBreakpointObserver,\n  withExtraConfig,\n  withIntersectionObserver,\n  withMountWhenInView,\n} from './decorators/index.js';\nimport {\n  createApp,\n  importOnInteraction,\n  importWhenIdle,\n  importWhenVisible,\n} from './helpers/index.js';\nimport {\n  useDrag,\n  useKey,\n  useLoad,\n  usePointer,\n  useRaf,\n  useResize,\n  useScroll,\n} from './services/index.js';\n\nexport {\n  Base,\n  createApp,\n  importOnInteraction,\n  importWhenIdle,\n  importWhenVisible,\n  useDrag,\n  useKey,\n  useLoad,\n  usePointer,\n  useRaf,\n  useResize,\n  useScroll,\n  withDrag,\n  withBreakpointManager,\n  withBreakpointObserver,\n  withExtraConfig,\n  withIntersectionObserver,\n  withMountWhenInView,\n};\n"],"file":"index.js"}