@studiometa/js-toolkit 3.9.0-beta.2 → 4.0.0-alpha.0

package/dist/Base/managers/RefsManager.js

@@ -1,101 +0,0 @@
-import { getAncestorWhereUntil } from "../../utils/dom/ancestors.js";
-import { isArray, isDev } from "../../utils/is.js";
-import { memo } from "../../utils/memo.js";
-import { camelCase } from "../../utils/string/changeCase.js";
-import { endsWith } from "../../utils/string/endsWith.js";
-import { startsWith } from "../../utils/string/startsWith.js";
-import { AbstractManager } from "./AbstractManager.js";
-import { features } from "../features.js";
-const NORMALIZE_REF_NAME_REGEX = /\[\]$/;
-const NAMESPACED_REF_REGEX = /^(.*\.)/;
-const normalizeRefName = memo(function normalizeRefName2(name) {
-  let normalizedName = name;
-  if (endsWith(name, "[]")) {
-    normalizedName = normalizedName.replace(NORMALIZE_REF_NAME_REGEX, "");
-  }
-  if (normalizedName.includes(".")) {
-    return normalizedName.replace(NAMESPACED_REF_REGEX, "");
-  }
-  return normalizedName;
-});
-function refBelongToInstance(ref, rootElement, name) {
-  const attributes = features.get("attributes");
-  const isPrefixed = startsWith(ref.getAttribute(attributes.ref), name);
-  const firstComponentAncestor = getAncestorWhereUntil(
-    ref,
-    (el) => el && (isPrefixed ? el.getAttribute(attributes.component) === name && el : el.getAttribute(attributes.component)) && el !== rootElement,
-    (el) => el === rootElement
-  );
-  return firstComponentAncestor === rootElement;
-}
-class RefsManager extends AbstractManager {
-  /**
-   * Get refs configuration.
-   * @private
-   */
-  get __refs() {
-    return this.__config.refs ?? [];
-  }
-  /**
-   * Register all refs.
-   */
-  registerAll() {
-    for (const refName of this.__refs) {
-      this.__register(refName);
-    }
-  }
-  /**
-   * Unregister all refs.
-   */
-  unregisterAll() {
-    for (const refName of this.__refs) {
-      this.__unregister(refName);
-    }
-  }
-  /**
-   * Register one ref.
-   * @private
-   */
-  __register(refName) {
-    const isMultiple = endsWith(refName, "[]");
-    const propName = normalizeRefName(refName);
-    const { name } = this.__base.__config;
-    const attributes = features.get("attributes");
-    const refs = [];
-    const selector = `[${attributes.ref}="${refName}"],[${attributes.ref}="${name}.${refName}"]`;
-    for (const ref of this.__element.querySelectorAll(selector)) {
-      if (refBelongToInstance(ref, this.__element, name)) {
-        refs.push(ref);
-      }
-    }
-    if (isDev && !isMultiple && refs.length > 1) {
-      console.warn(
-        `[${this.__base.$id}]`,
-        `The "${refName}" ref has been found multiple times.`,
-        "Did you forgot to add the `[]` suffix to its name?"
-      );
-    }
-    if (refs.length) {
-      this.__eventsManager.bindRef(refName, refs);
-    }
-    Object.defineProperty(this.props, camelCase(propName), {
-      // @todo remove usage of non-multiple refs as array
-      value: isMultiple || refs.length > 1 ? refs : refs[0],
-      enumerable: true,
-      configurable: true
-    });
-  }
-  /**
-   * Unregister one ref.
-   */
-  __unregister(refName) {
-    const propName = normalizeRefName(refName);
-    const refs = this.props[propName];
-    this.__eventsManager.unbindRef(refName, isArray(refs) ? refs : [refs]);
-  }
-}
-export {
-  RefsManager,
-  normalizeRefName
-};
-//# sourceMappingURL=RefsManager.js.map

package/dist/Base/managers/RefsManager.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../packages/js-toolkit/Base/managers/RefsManager.ts"],
-  "sourcesContent": ["import { getAncestorWhereUntil } from '../../utils/dom/ancestors.js';\nimport { isArray, isDev } from '../../utils/is.js';\nimport { memo } from '../../utils/memo.js';\nimport { camelCase } from '../../utils/string/changeCase.js';\nimport { endsWith } from '../../utils/string/endsWith.js';\nimport { startsWith } from '../../utils/string/startsWith.js';\nimport { AbstractManager } from './AbstractManager.js';\nimport { features } from '../features.js';\n\nconst NORMALIZE_REF_NAME_REGEX = /\\[\\]$/;\nconst NAMESPACED_REF_REGEX = /^(.*\\.)/;\n\n/**\n * Normalize the name of ref.\n */\nexport const normalizeRefName = memo(function normalizeRefName(name: string) {\n  let normalizedName = name;\n\n  if (endsWith(name, '[]')) {\n    normalizedName = normalizedName.replace(NORMALIZE_REF_NAME_REGEX, '');\n  }\n\n  if (normalizedName.includes('.')) {\n    return normalizedName.replace(NAMESPACED_REF_REGEX, '');\n  }\n\n  return normalizedName;\n});\n\n/**\n * Filter refs belonging to the related Base instance.\n */\nfunction refBelongToInstance(ref: HTMLElement, rootElement: HTMLElement, name: string) {\n  const attributes = features.get('attributes');\n  const isPrefixed = startsWith(ref.getAttribute(attributes.ref), name);\n  const firstComponentAncestor = getAncestorWhereUntil(\n    ref,\n    (el) =>\n      el &&\n      (isPrefixed\n        ? el.getAttribute(attributes.component) === name && el\n        : el.getAttribute(attributes.component)) &&\n      el !== rootElement,\n    (el) => el === rootElement,\n  );\n\n  return firstComponentAncestor === rootElement;\n}\n\n/**\n * Refs Manager\n *\n * @todo Use `MutationObserver` to automatically update refs?\n */\nexport class RefsManager<T> extends AbstractManager<T> {\n  /**\n   * Get refs configuration.\n   * @private\n   */\n  get __refs() {\n    return this.__config.refs ?? [];\n  }\n\n  /**\n   * Register all refs.\n   */\n  registerAll() {\n    for (const refName of this.__refs) {\n      this.__register(refName);\n    }\n  }\n\n  /**\n   * Unregister all refs.\n   */\n  unregisterAll() {\n    for (const refName of this.__refs) {\n      this.__unregister(refName);\n    }\n  }\n\n  /**\n   * Register one ref.\n   * @private\n   */\n  __register(refName: string) {\n    const isMultiple = endsWith(refName, '[]');\n    const propName = normalizeRefName(refName);\n    const { name } = this.__base.__config;\n    const attributes = features.get('attributes');\n    const refs = [] as HTMLElement[];\n    const selector = `[${attributes.ref}=\"${refName}\"],[${attributes.ref}=\"${name}.${refName}\"]`;\n\n    for (const ref of this.__element.querySelectorAll<HTMLElement>(selector)) {\n      if (refBelongToInstance(ref, this.__element, name)) {\n        refs.push(ref);\n      }\n    }\n\n    /* v8 ignore next 7 */\n    if (isDev && !isMultiple && refs.length > 1) {\n      console.warn(\n        `[${this.__base.$id}]`,\n        `The \"${refName}\" ref has been found multiple times.`,\n        'Did you forgot to add the `[]` suffix to its name?',\n      );\n    }\n\n    if (refs.length) {\n      this.__eventsManager.bindRef(refName, refs);\n    }\n\n    Object.defineProperty(this.props, camelCase(propName), {\n      // @todo remove usage of non-multiple refs as array\n      value: isMultiple || refs.length > 1 ? refs : refs[0],\n      enumerable: true,\n      configurable: true,\n    });\n  }\n\n  /**\n   * Unregister one ref.\n   */\n  __unregister(refName: string) {\n    const propName = normalizeRefName(refName);\n    const refs = this.props[propName];\n    this.__eventsManager.unbindRef(refName, isArray(refs) ? refs : [refs]);\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,6BAA6B;AACtC,SAAS,SAAS,aAAa;AAC/B,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAEzB,MAAM,2BAA2B;AACjC,MAAM,uBAAuB;AAKtB,MAAM,mBAAmB,KAAK,SAASA,kBAAiB,MAAc;AAC3E,MAAI,iBAAiB;AAErB,MAAI,SAAS,MAAM,IAAI,GAAG;AACxB,qBAAiB,eAAe,QAAQ,0BAA0B,EAAE;AAAA,EACtE;AAEA,MAAI,eAAe,SAAS,GAAG,GAAG;AAChC,WAAO,eAAe,QAAQ,sBAAsB,EAAE;AAAA,EACxD;AAEA,SAAO;AACT,CAAC;AAKD,SAAS,oBAAoB,KAAkB,aAA0B,MAAc;AACrF,QAAM,aAAa,SAAS,IAAI,YAAY;AAC5C,QAAM,aAAa,WAAW,IAAI,aAAa,WAAW,GAAG,GAAG,IAAI;AACpE,QAAM,yBAAyB;AAAA,IAC7B;AAAA,IACA,CAAC,OACC,OACC,aACG,GAAG,aAAa,WAAW,SAAS,MAAM,QAAQ,KAClD,GAAG,aAAa,WAAW,SAAS,MACxC,OAAO;AAAA,IACT,CAAC,OAAO,OAAO;AAAA,EACjB;AAEA,SAAO,2BAA2B;AACpC;AAOO,MAAM,oBAAuB,gBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrD,IAAI,SAAS;AACX,WAAO,KAAK,SAAS,QAAQ,CAAC;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc;AACZ,eAAW,WAAW,KAAK,QAAQ;AACjC,WAAK,WAAW,OAAO;AAAA,IACzB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,gBAAgB;AACd,eAAW,WAAW,KAAK,QAAQ;AACjC,WAAK,aAAa,OAAO;AAAA,IAC3B;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,SAAiB;AAC1B,UAAM,aAAa,SAAS,SAAS,IAAI;AACzC,UAAM,WAAW,iBAAiB,OAAO;AACzC,UAAM,EAAE,KAAK,IAAI,KAAK,OAAO;AAC7B,UAAM,aAAa,SAAS,IAAI,YAAY;AAC5C,UAAM,OAAO,CAAC;AACd,UAAM,WAAW,IAAI,WAAW,GAAG,KAAK,OAAO,OAAO,WAAW,GAAG,KAAK,IAAI,IAAI,OAAO;AAExF,eAAW,OAAO,KAAK,UAAU,iBAA8B,QAAQ,GAAG;AACxE,UAAI,oBAAoB,KAAK,KAAK,WAAW,IAAI,GAAG;AAClD,aAAK,KAAK,GAAG;AAAA,MACf;AAAA,IACF;AAGA,QAAI,SAAS,CAAC,cAAc,KAAK,SAAS,GAAG;AAC3C,cAAQ;AAAA,QACN,IAAI,KAAK,OAAO,GAAG;AAAA,QACnB,QAAQ,OAAO;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAEA,QAAI,KAAK,QAAQ;AACf,WAAK,gBAAgB,QAAQ,SAAS,IAAI;AAAA,IAC5C;AAEA,WAAO,eAAe,KAAK,OAAO,UAAU,QAAQ,GAAG;AAAA;AAAA,MAErD,OAAO,cAAc,KAAK,SAAS,IAAI,OAAO,KAAK,CAAC;AAAA,MACpD,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,aAAa,SAAiB;AAC5B,UAAM,WAAW,iBAAiB,OAAO;AACzC,UAAM,OAAO,KAAK,MAAM,QAAQ;AAChC,SAAK,gBAAgB,UAAU,SAAS,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;AAAA,EACvE;AACF;",
-  "names": ["normalizeRefName"]
-}

package/dist/Base/managers/ResponsiveOptionsManager.d.ts

@@ -1,33 +0,0 @@
-import { type OptionObject, OptionsManager } from './OptionsManager.js';
-export type ResponsiveOptionObject = OptionObject & {
-    responsive?: boolean;
-};
-/**
- * Class options to manage options as data attributes on an HTML element.
- */
-export declare class ResponsiveOptionsManager<T> extends OptionsManager<T> {
-    /**
-     * Get an option value.
-     *
-     * @param  {string} name The option name.
-     * @param  {ResponsiveOptionObject} config The option configuration.
-     * @return {any}
-     */
-    get(name: string, config: ResponsiveOptionObject): any;
-    /**
-     * Set an option value.
-     *
-     * @param {string} name The option name.
-     * @param {any} value The new value.
-     * @param {ResponsiveOptionObject} config The option configuration.
-     */
-    set(name: string, value: unknown, config: ResponsiveOptionObject): void;
-    /**
-     * Get the currently active responsive name of an option.
-     *
-     * @param  {ResponsiveOptionsManager} that
-     * @param  {string} name The default name of the option.
-     * @return {string}      The responsive name if one matches the current breakpoint, the default name otherwise.
-     */
-    __getResponsiveName(name: string): string;
-}

package/dist/Base/managers/ResponsiveOptionsManager.js

@@ -1,67 +0,0 @@
-import { useResize } from "../../services/ResizeService.js";
-import { isDev } from "../../utils/is.js";
-import { __getPropertyName, OptionsManager } from "./OptionsManager.js";
-import { features } from "../features.js";
-class ResponsiveOptionsManager extends OptionsManager {
-  /**
-   * Get an option value.
-   *
-   * @param  {string} name The option name.
-   * @param  {ResponsiveOptionObject} config The option configuration.
-   * @return {any}
-   */
-  get(name, config) {
-    if (!config.responsive) {
-      return super.get(name, config);
-    }
-    return super.get(this.__getResponsiveName(name), config);
-  }
-  /**
-   * Set an option value.
-   *
-   * @param {string} name The option name.
-   * @param {any} value The new value.
-   * @param {ResponsiveOptionObject} config The option configuration.
-   */
-  set(name, value, config) {
-    if (!config.responsive) {
-      super.set(name, value, config);
-      return;
-    }
-    if (isDev) {
-      console.warn(`[${this.__base.$id}]`, "Responsive options are read-only.");
-    }
-  }
-  /**
-   * Get the currently active responsive name of an option.
-   *
-   * @param  {ResponsiveOptionsManager} that
-   * @param  {string} name The default name of the option.
-   * @return {string}      The responsive name if one matches the current breakpoint, the default name otherwise.
-   */
-  __getResponsiveName(name) {
-    const { breakpoint } = useResize().props();
-    if (!breakpoint) {
-      return name;
-    }
-    let responsiveName = name;
-    const propertyName = __getPropertyName(name).toLowerCase();
-    const regex = new RegExp(`${propertyName}:(.+)$`, "i");
-    const attributes = features.get("attributes");
-    const dataOptionRegExp = new RegExp(`^${attributes.option}-`);
-    for (const optionName of this.__element.getAttributeNames()) {
-      if (regex.test(optionName)) {
-        const [, breakpoints] = optionName.match(regex);
-        const isInBreakpoint = breakpoints.split(":").includes(breakpoint);
-        if (isInBreakpoint) {
-          responsiveName = optionName.replace(dataOptionRegExp, "");
-        }
-      }
-    }
-    return responsiveName;
-  }
-}
-export {
-  ResponsiveOptionsManager
-};
-//# sourceMappingURL=ResponsiveOptionsManager.js.map

package/dist/Base/managers/ResponsiveOptionsManager.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../packages/js-toolkit/Base/managers/ResponsiveOptionsManager.ts"],
-  "sourcesContent": ["import { useResize } from '../../services/ResizeService.js';\nimport { isDev } from '../../utils/is.js';\nimport { __getPropertyName, type OptionObject, OptionsManager } from './OptionsManager.js';\nimport { features } from '../features.js';\n\nexport type ResponsiveOptionObject = OptionObject & { responsive?: boolean };\n\n/**\n * Class options to manage options as data attributes on an HTML element.\n */\nexport class ResponsiveOptionsManager<T> extends OptionsManager<T> {\n  /**\n   * Get an option value.\n   *\n   * @param  {string} name The option name.\n   * @param  {ResponsiveOptionObject} config The option configuration.\n   * @return {any}\n   */\n  get(name: string, config: ResponsiveOptionObject) {\n    if (!config.responsive) {\n      return super.get(name, config);\n    }\n\n    return super.get(this.__getResponsiveName(name), config);\n  }\n\n  /**\n   * Set an option value.\n   *\n   * @param {string} name The option name.\n   * @param {any} value The new value.\n   * @param {ResponsiveOptionObject} config The option configuration.\n   */\n  set(name: string, value: unknown, config: ResponsiveOptionObject) {\n    if (!config.responsive) {\n      super.set(name, value, config);\n      return;\n    }\n\n    if (isDev) {\n      console.warn(`[${this.__base.$id}]`, 'Responsive options are read-only.');\n    }\n  }\n\n  /**\n   * Get the currently active responsive name of an option.\n   *\n   * @param  {ResponsiveOptionsManager} that\n   * @param  {string} name The default name of the option.\n   * @return {string}      The responsive name if one matches the current breakpoint, the default name otherwise.\n   */\n  __getResponsiveName(name: string) {\n    const { breakpoint } = useResize().props();\n\n    if (!breakpoint) {\n      return name;\n    }\n\n    let responsiveName = name;\n    const propertyName = __getPropertyName(name).toLowerCase();\n    const regex = new RegExp(`${propertyName}:(.+)$`, 'i');\n    const attributes = features.get('attributes');\n    const dataOptionRegExp = new RegExp(`^${attributes.option}-`);\n\n    for (const optionName of this.__element.getAttributeNames()) {\n      if (regex.test(optionName)) {\n        const [, breakpoints] = optionName.match(regex);\n        const isInBreakpoint = breakpoints.split(':').includes(breakpoint);\n        if (isInBreakpoint) {\n          responsiveName = optionName.replace(dataOptionRegExp, '');\n        }\n      }\n    }\n\n    return responsiveName;\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,mBAAsC,sBAAsB;AACrE,SAAS,gBAAgB;AAOlB,MAAM,iCAAoC,eAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjE,IAAI,MAAc,QAAgC;AAChD,QAAI,CAAC,OAAO,YAAY;AACtB,aAAO,MAAM,IAAI,MAAM,MAAM;AAAA,IAC/B;AAEA,WAAO,MAAM,IAAI,KAAK,oBAAoB,IAAI,GAAG,MAAM;AAAA,EACzD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,IAAI,MAAc,OAAgB,QAAgC;AAChE,QAAI,CAAC,OAAO,YAAY;AACtB,YAAM,IAAI,MAAM,OAAO,MAAM;AAC7B;AAAA,IACF;AAEA,QAAI,OAAO;AACT,cAAQ,KAAK,IAAI,KAAK,OAAO,GAAG,KAAK,mCAAmC;AAAA,IAC1E;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,oBAAoB,MAAc;AAChC,UAAM,EAAE,WAAW,IAAI,UAAU,EAAE,MAAM;AAEzC,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAEA,QAAI,iBAAiB;AACrB,UAAM,eAAe,kBAAkB,IAAI,EAAE,YAAY;AACzD,UAAM,QAAQ,IAAI,OAAO,GAAG,YAAY,UAAU,GAAG;AACrD,UAAM,aAAa,SAAS,IAAI,YAAY;AAC5C,UAAM,mBAAmB,IAAI,OAAO,IAAI,WAAW,MAAM,GAAG;AAE5D,eAAW,cAAc,KAAK,UAAU,kBAAkB,GAAG;AAC3D,UAAI,MAAM,KAAK,UAAU,GAAG;AAC1B,cAAM,CAAC,EAAE,WAAW,IAAI,WAAW,MAAM,KAAK;AAC9C,cAAM,iBAAiB,YAAY,MAAM,GAAG,EAAE,SAAS,UAAU;AACjE,YAAI,gBAAgB;AAClB,2BAAiB,WAAW,QAAQ,kBAAkB,EAAE;AAAA,QAC1D;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AACF;",
-  "names": []
-}

package/dist/Base/managers/ServicesManager.d.ts

@@ -1,85 +0,0 @@
-import type { ServiceInterface } from '../../services/AbstractService.js';
-import { type KeyServiceInterface, useKey } from '../../services/KeyService.js';
-import { type PointerServiceInterface, usePointer } from '../../services/PointerService.js';
-import { type RafServiceInterface, useRaf } from '../../services/RafService.js';
-import { type ResizeServiceInterface, useResize } from '../../services/ResizeService.js';
-import { type ScrollServiceInterface, useScroll } from '../../services/ScrollService.js';
-import { AbstractManager } from './AbstractManager.js';
-declare const SERVICES_MAP: {
-    scrolled: typeof useScroll;
-    resized: typeof useResize;
-    ticked: typeof useRaf;
-    moved: typeof usePointer;
-    keyed: typeof useKey;
-};
-type Services = {
-    scrolled: ScrollServiceInterface;
-    resized: ResizeServiceInterface;
-    ticked: RafServiceInterface;
-    moved: PointerServiceInterface;
-    keyed: KeyServiceInterface;
-} & Record<string, ServiceInterface<unknown>>;
-type ServiceProps = typeof SERVICES_MAP & Record<string, <T>() => ServiceInterface<T>>;
-type ServiceNames = keyof Services;
-/**
- * Services management for the Base class.
- *
- * @todo Add support for disabled services on mount when the method is defined.
- */
-export declare class ServicesManager extends AbstractManager<ServiceProps> {
-    /**
-     * Custom props
-     * @private
-     */
-    __props: ServiceProps;
-    /**
-     * Test if the given service is registered.
-     */
-    has(service: ServiceNames | string): boolean;
-    /**
-     * Get a service props by name.
-     */
-    get<S extends ServiceNames | string>(service: S): ReturnType<Services[S]['props']>;
-    /**
-     * Init the given service and bind it to the given instance.
-     *
-     * @param  {ServiceNames} service The name of the service.
-     * @return {() => void}          A function to unbind the service.
-     */
-    enable(service: ServiceNames): () => void;
-    /**
-     * Enable all services and return methods to disable them.
-     */
-    enableAll(): (() => void)[];
-    /**
-     * Disable all services.
-     *
-     * @return {void}
-     */
-    disableAll(): void;
-    /**
-     * Disable a service.
-     */
-    disable(service: ServiceNames): void;
-    /**
-     * Toggle a service.
-     */
-    toggle(service: ServiceNames, force?: boolean): void;
-    /**
-     * Register a new service to be enabled/disabled.
-     *
-     * @param {string} name
-     *   The name of the service hook.
-     * @param {<T>(...args:unknown[]) => ServiceInterface<T>} useFunction
-     *   The `use...` function for the service.
-     */
-    register(name: string, useFunction: <T>(...args: unknown[]) => ServiceInterface<T>): void;
-    /**
-     * Unregister a new service to be enabled disabled.
-     *
-     * @param {string} name
-     *   The name of the service hook.
-     */
-    unregister(name: string): void;
-}
-export {};

package/dist/Base/managers/ServicesManager.js

@@ -1,137 +0,0 @@
-import { useKey } from "../../services/KeyService.js";
-import { usePointer } from "../../services/PointerService.js";
-import { useRaf } from "../../services/RafService.js";
-import { useResize } from "../../services/ResizeService.js";
-import { useScroll } from "../../services/ScrollService.js";
-import { isDefined, isDev, isFunction } from "../../utils/is.js";
-import { noop } from "../../utils/noop.js";
-import { AbstractManager } from "./AbstractManager.js";
-const SERVICES_MAP = {
-  scrolled: useScroll,
-  resized: useResize,
-  ticked: useRaf,
-  moved: usePointer,
-  keyed: useKey
-};
-const SERVICE_NAMES = Object.keys(SERVICES_MAP);
-class ServicesManager extends AbstractManager {
-  /**
-   * Custom props
-   * @private
-   */
-  __props = {
-    ...SERVICES_MAP
-  };
-  /**
-   * Test if the given service is registered.
-   */
-  has(service) {
-    if (!((isFunction(this.__base[service]) || // @ts-ignore
-    this.__base.__hasEvent(service)) && this.props[service])) {
-      return false;
-    }
-    const { has } = this.props[service]();
-    return has(this.__base.$id);
-  }
-  /**
-   * Get a service props by name.
-   */
-  get(service) {
-    return this.props[service]().props();
-  }
-  /**
-   * Init the given service and bind it to the given instance.
-   *
-   * @param  {ServiceNames} service The name of the service.
-   * @return {() => void}          A function to unbind the service.
-   */
-  enable(service) {
-    if (this.has(service)) {
-      return this.disable.bind(this, service);
-    }
-    if (
-      // @ts-ignore
-      !(isFunction(this.__base[service]) || this.__base.__hasEvent(service)) || !this.props[service]
-    ) {
-      return noop;
-    }
-    const serviceInstance = this.props[service]();
-    serviceInstance.add(this.__base.$id, (...args) => this.__base.__callMethod(service, ...args));
-    return this.disable.bind(this, service);
-  }
-  /**
-   * Enable all services and return methods to disable them.
-   */
-  enableAll() {
-    return Object.keys(this.props).map((serviceName) => this.enable(serviceName));
-  }
-  /**
-   * Disable all services.
-   *
-   * @return {void}
-   */
-  disableAll() {
-    for (const serviceName of Object.keys(this.props)) {
-      this.disable(serviceName);
-    }
-  }
-  /**
-   * Disable a service.
-   */
-  disable(service) {
-    if (!this.props[service]) {
-      return;
-    }
-    const { remove } = this.props[service]();
-    remove(this.__base.$id);
-  }
-  /**
-   * Toggle a service.
-   */
-  toggle(service, force) {
-    if (isDefined(force)) {
-      if (force && !this.has(service)) {
-        this.enable(service);
-      }
-      if (!force && this.has(service)) {
-        this.disable(service);
-      }
-    } else if (this.has(service)) {
-      this.disable(service);
-    } else {
-      this.enable(service);
-    }
-  }
-  /**
-   * Register a new service to be enabled/disabled.
-   *
-   * @param {string} name
-   *   The name of the service hook.
-   * @param {<T>(...args:unknown[]) => ServiceInterface<T>} useFunction
-   *   The `use...` function for the service.
-   */
-  register(name, useFunction) {
-    this.props[name] = useFunction;
-    this.__base.__addEmits(name);
-  }
-  /**
-   * Unregister a new service to be enabled disabled.
-   *
-   * @param {string} name
-   *   The name of the service hook.
-   */
-  unregister(name) {
-    if (SERVICE_NAMES.includes(name)) {
-      if (isDev) {
-        throw new Error(`[ServicesManager] The \`${name}\` core service can not be unregistered.`);
-      }
-      return;
-    }
-    this.__base.__removeEmits(name);
-    delete this.props[name];
-  }
-}
-export {
-  ServicesManager
-};
-//# sourceMappingURL=ServicesManager.js.map

package/dist/Base/managers/ServicesManager.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../packages/js-toolkit/Base/managers/ServicesManager.ts"],
-  "sourcesContent": ["import type { ServiceInterface } from '../../services/AbstractService.js';\nimport { type KeyServiceInterface, useKey } from '../../services/KeyService.js';\nimport { type PointerServiceInterface, usePointer } from '../../services/PointerService.js';\nimport { type RafServiceInterface, useRaf } from '../../services/RafService.js';\nimport { type ResizeServiceInterface, useResize } from '../../services/ResizeService.js';\nimport { type ScrollServiceInterface, useScroll } from '../../services/ScrollService.js';\nimport { isDefined, isDev, isFunction } from '../../utils/is.js';\nimport { noop } from '../../utils/noop.js';\nimport { AbstractManager } from './AbstractManager.js';\n\nconst SERVICES_MAP = {\n  scrolled: useScroll,\n  resized: useResize,\n  ticked: useRaf,\n  moved: usePointer,\n  keyed: useKey,\n};\n\nconst SERVICE_NAMES = Object.keys(SERVICES_MAP);\n\ntype Services = {\n  scrolled: ScrollServiceInterface;\n  resized: ResizeServiceInterface;\n  ticked: RafServiceInterface;\n  moved: PointerServiceInterface;\n  keyed: KeyServiceInterface;\n} & Record<string, ServiceInterface<unknown>>;\n\ntype ServiceProps = typeof SERVICES_MAP & Record<string, <T>() => ServiceInterface<T>>;\n\ntype ServiceNames = keyof Services;\n\n/**\n * Services management for the Base class.\n *\n * @todo Add support for disabled services on mount when the method is defined.\n */\nexport class ServicesManager extends AbstractManager<ServiceProps> {\n  /**\n   * Custom props\n   * @private\n   */\n  __props = {\n    ...SERVICES_MAP,\n  } as ServiceProps;\n\n  /**\n   * Test if the given service is registered.\n   */\n  has(service: ServiceNames | string): boolean {\n    if (\n      !(\n        (isFunction(this.__base[service]) ||\n          // @ts-ignore\n          this.__base.__hasEvent(service)) &&\n        this.props[service]\n      )\n    ) {\n      return false;\n    }\n\n    const { has } = this.props[service]();\n    return has(this.__base.$id);\n  }\n\n  /**\n   * Get a service props by name.\n   */\n  get<S extends ServiceNames | string>(service: S): ReturnType<Services[S]['props']> {\n    // @ts-ignore\n    return this.props[service]().props();\n  }\n\n  /**\n   * Init the given service and bind it to the given instance.\n   *\n   * @param  {ServiceNames} service The name of the service.\n   * @return {() => void}          A function to unbind the service.\n   */\n  enable(service: ServiceNames): () => void {\n    if (this.has(service)) {\n      return this.disable.bind(this, service);\n    }\n\n    if (\n      // @ts-ignore\n      !(isFunction(this.__base[service]) || this.__base.__hasEvent(service)) ||\n      !this.props[service]\n    ) {\n      return noop;\n    }\n    const serviceInstance = this.props[service]();\n\n    serviceInstance.add(this.__base.$id, (...args) => this.__base.__callMethod(service, ...args));\n\n    return this.disable.bind(this, service);\n  }\n\n  /**\n   * Enable all services and return methods to disable them.\n   */\n  enableAll() {\n    return Object.keys(this.props).map((serviceName) => this.enable(serviceName));\n  }\n\n  /**\n   * Disable all services.\n   *\n   * @return {void}\n   */\n  disableAll() {\n    for (const serviceName of Object.keys(this.props)) {\n      this.disable(serviceName);\n    }\n  }\n\n  /**\n   * Disable a service.\n   */\n  disable(service: ServiceNames) {\n    if (!this.props[service]) {\n      return;\n    }\n\n    const { remove } = this.props[service]();\n    remove(this.__base.$id);\n  }\n\n  /**\n   * Toggle a service.\n   */\n  toggle(service: ServiceNames, force?: boolean) {\n    if (isDefined(force)) {\n      if (force && !this.has(service)) {\n        this.enable(service);\n      }\n\n      if (!force && this.has(service)) {\n        this.disable(service);\n      }\n    } else if (this.has(service)) {\n      this.disable(service);\n    } else {\n      this.enable(service);\n    }\n  }\n\n  /**\n   * Register a new service to be enabled/disabled.\n   *\n   * @param {string} name\n   *   The name of the service hook.\n   * @param {<T>(...args:unknown[]) => ServiceInterface<T>} useFunction\n   *   The `use...` function for the service.\n   */\n  register(name: string, useFunction: <T>(...args: unknown[]) => ServiceInterface<T>) {\n    this.props[name] = useFunction;\n    this.__base.__addEmits(name);\n  }\n\n  /**\n   * Unregister a new service to be enabled disabled.\n   *\n   * @param {string} name\n   *   The name of the service hook.\n   */\n  unregister(name: string) {\n    if (SERVICE_NAMES.includes(name)) {\n      if (isDev) {\n        throw new Error(`[ServicesManager] The \\`${name}\\` core service can not be unregistered.`);\n      }\n      return;\n    }\n\n    this.__base.__removeEmits(name);\n    delete this.props[name];\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/Base/managers/index.d.ts

@@ -1,7 +0,0 @@
-export { AbstractManager } from './AbstractManager.js';
-export { ChildrenManager } from './ChildrenManager.js';
-export { EventsManager } from './EventsManager.js';
-export { OptionsManager } from './OptionsManager.js';
-export { RefsManager } from './RefsManager.js';
-export { ResponsiveOptionsManager } from './ResponsiveOptionsManager.js';
-export { ServicesManager } from './ServicesManager.js';

package/dist/Base/managers/index.js

@@ -1,17 +0,0 @@
-import { AbstractManager } from "./AbstractManager.js";
-import { ChildrenManager } from "./ChildrenManager.js";
-import { EventsManager } from "./EventsManager.js";
-import { OptionsManager } from "./OptionsManager.js";
-import { RefsManager } from "./RefsManager.js";
-import { ResponsiveOptionsManager } from "./ResponsiveOptionsManager.js";
-import { ServicesManager } from "./ServicesManager.js";
-export {
-  AbstractManager,
-  ChildrenManager,
-  EventsManager,
-  OptionsManager,
-  RefsManager,
-  ResponsiveOptionsManager,
-  ServicesManager
-};
-//# sourceMappingURL=index.js.map

package/dist/Base/managers/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../packages/js-toolkit/Base/managers/index.ts"],
-  "sourcesContent": ["export { AbstractManager } from './AbstractManager.js';\nexport { ChildrenManager } from './ChildrenManager.js';\nexport { EventsManager } from './EventsManager.js';\nexport { OptionsManager } from './OptionsManager.js';\nexport { RefsManager } from './RefsManager.js';\nexport { ResponsiveOptionsManager } from './ResponsiveOptionsManager.js';\nexport { ServicesManager } from './ServicesManager.js';\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;",
-  "names": []
-}