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

package/decorators/withMutation.js

@@ -1,34 +0,0 @@
-import { useMutation } from "../services/index.js";
-function withMutation(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
-  class WithMutation extends BaseClass {
-    /**
-     * Config.
-     */
-    static config = {
-      ...BaseClass.config,
-      emits: ["mutated"]
-    };
-    /**
-     * Class constructor.
-     */
-    constructor(element) {
-      super(element);
-      this.$on("mounted", () => {
-        this.$services.register(
-          "mutated",
-          useMutation.bind(void 0, target.call(this, this), options)
-        );
-        this.$services.enable("mutated");
-      });
-      this.$on("destroyed", () => {
-        this.$services.disable("mutated");
-        this.$services.unregister("mutated");
-      });
-    }
-  }
-  return WithMutation;
-}
-export {
-  withMutation
-};
-//# sourceMappingURL=withMutation.js.map

package/decorators/withMutation.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/decorators/withMutation.ts"],
-  "sourcesContent": ["import type { BaseDecorator, BaseInterface } from '../Base/types.js';\nimport type { Base, BaseProps, BaseConfig } from '../Base/index.js';\nimport type { MutationServiceOptions, MutationServiceProps } from '../services/index.js';\nimport { useMutation } from '../services/index.js';\n\nexport type MutationDecoratorOptions = MutationServiceOptions & {\n  target?: (this: Base, instance: Base) => Node;\n};\n\nexport interface WithMutationInterface extends BaseInterface {\n  mutated?(props: MutationServiceProps): void;\n}\n\n/**\n * Add a mutation observer to a component.\n * @link https://js-toolkit.studiometa.dev/api/decorators/withMutation.html\n */\nexport function withMutation<S extends Base>(\n  BaseClass: typeof Base,\n  { target = (instance) => instance.$el, ...options }: MutationDecoratorOptions = {},\n): BaseDecorator<BaseInterface, S> {\n  /**\n   * Class.\n   */\n  class WithMutation<T extends BaseProps = BaseProps> extends BaseClass<T & WithMutationInterface> {\n    /**\n     * Config.\n     */\n    static config: BaseConfig = {\n      ...BaseClass.config,\n      emits: ['mutated'],\n    };\n\n    /**\n     * Class constructor.\n     */\n    constructor(element: HTMLElement) {\n      super(element);\n      this.$on('mounted', () => {\n        this.$services.register(\n          'mutated',\n          useMutation.bind(undefined, target.call(this, this), options),\n        );\n        this.$services.enable('mutated');\n      });\n\n      this.$on('destroyed', () => {\n        this.$services.disable('mutated');\n        this.$services.unregister('mutated');\n      });\n    }\n  }\n\n  // @ts-ignore\n  return WithMutation;\n}\n"],
-  "mappings": "AAGA,SAAS,mBAAmB;AAcrB,SAAS,aACd,WACA,EAAE,SAAS,CAAC,aAAa,SAAS,KAAK,GAAG,QAAQ,IAA8B,CAAC,GAChD;AAAA,EAIjC,MAAM,qBAAsD,UAAqC;AAAA;AAAA;AAAA;AAAA,IAI/F,OAAO,SAAqB;AAAA,MAC1B,GAAG,UAAU;AAAA,MACb,OAAO,CAAC,SAAS;AAAA,IACnB;AAAA;AAAA;AAAA;AAAA,IAKA,YAAY,SAAsB;AAChC,YAAM,OAAO;AACb,WAAK,IAAI,WAAW,MAAM;AACxB,aAAK,UAAU;AAAA,UACb;AAAA,UACA,YAAY,KAAK,QAAW,OAAO,KAAK,MAAM,IAAI,GAAG,OAAO;AAAA,QAC9D;AACA,aAAK,UAAU,OAAO,SAAS;AAAA,MACjC,CAAC;AAED,WAAK,IAAI,aAAa,MAAM;AAC1B,aAAK,UAAU,QAAQ,SAAS;AAChC,aAAK,UAAU,WAAW,SAAS;AAAA,MACrC,CAAC;AAAA,IACH;AAAA,EACF;AAGA,SAAO;AACT;",
-  "names": []
-}

package/decorators/withName.d.ts

@@ -1,6 +0,0 @@
-import type { BaseDecorator, BaseInterface } from '../Base/types.js';
-import type { Base, BaseProps } from '../Base/index.js';
-/**
- * Override the name of the given component.
- */
-export declare function withName<S extends Base = Base>(BaseClass: typeof Base, name: string): BaseDecorator<BaseInterface, S, BaseProps>;

package/decorators/withName.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/decorators/withName.ts"],
-  "sourcesContent": ["import type { BaseDecorator, BaseInterface } from '../Base/types.js';\nimport type { Base, BaseProps, BaseConfig } from '../Base/index.js';\n\n/**\n * Override the name of the given component.\n */\nexport function withName<S extends Base = Base>(\n  BaseClass: typeof Base,\n  name: string,\n): BaseDecorator<BaseInterface, S, BaseProps> {\n  // @ts-ignore\n  return class extends BaseClass {\n    static config: BaseConfig = {\n      ...BaseClass.config,\n      name,\n    };\n  };\n}\n"],
-  "mappings": "AAMO,SAAS,SACd,WACA,MAC4C;AAE5C,SAAO,cAAc,UAAU;AAAA,IAC7B,OAAO,SAAqB;AAAA,MAC1B,GAAG,UAAU;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;",
-  "names": []
-}

package/decorators/withRelativePointer.d.ts

@@ -1,14 +0,0 @@
-import type { BaseDecorator, BaseInterface } from '../Base/types.js';
-import type { Base } from '../Base/index.js';
-import type { PointerServiceProps } from '../services/index.js';
-export type RelativePointerDecoratorOptions = {
-    target?: (this: Base, instance: Base) => HTMLElement;
-};
-export interface RelativePointerInterface extends BaseInterface {
-    movedrelative?(props: PointerServiceProps): void;
-}
-/**
- * Add dragging capabilities to a component.
- * @link https://js-toolkit.studiometa.dev/api/decorators/withRelativePointer.html
- */
-export declare function withRelativePointer<S extends Base>(BaseClass: typeof Base, { target }?: RelativePointerDecoratorOptions): BaseDecorator<RelativePointerInterface, S>;

package/decorators/withRelativePointer.js

@@ -1,34 +0,0 @@
-import { usePointer } from "../services/index.js";
-function withRelativePointer(BaseClass, { target = (instance) => instance.$el } = {}) {
-  class WithRelativePointer extends BaseClass {
-    /**
-     * Config.
-     */
-    static config = {
-      ...BaseClass.config,
-      emits: ["movedrelative"]
-    };
-    /**
-     * Class constructor.
-     */
-    constructor(element) {
-      super(element);
-      this.$on("mounted", () => {
-        this.$services.register(
-          "movedrelative",
-          usePointer.bind(void 0, target.call(this, this))
-        );
-        this.$services.enable("movedrelative");
-      });
-      this.$on("destroyed", () => {
-        this.$services.disable("movedrelative");
-        this.$services.unregister("movedrelative");
-      });
-    }
-  }
-  return WithRelativePointer;
-}
-export {
-  withRelativePointer
-};
-//# sourceMappingURL=withRelativePointer.js.map

package/decorators/withRelativePointer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/decorators/withRelativePointer.ts"],
-  "sourcesContent": ["import type { BaseDecorator, BaseInterface } from '../Base/types.js';\nimport type { Base, BaseProps, BaseConfig } from '../Base/index.js';\nimport type { PointerServiceProps } from '../services/index.js';\nimport { usePointer } from '../services/index.js';\n\nexport type RelativePointerDecoratorOptions = {\n  target?: (this: Base, instance: Base) => HTMLElement;\n};\n\nexport interface RelativePointerInterface extends BaseInterface {\n  movedrelative?(props: PointerServiceProps): void;\n}\n\n/**\n * Add dragging capabilities to a component.\n * @link https://js-toolkit.studiometa.dev/api/decorators/withRelativePointer.html\n */\nexport function withRelativePointer<S extends Base>(\n  BaseClass: typeof Base,\n  { target = (instance) => instance.$el }: RelativePointerDecoratorOptions = {},\n): BaseDecorator<RelativePointerInterface, S> {\n  /**\n   * Class.\n   */\n  class WithRelativePointer<T extends BaseProps = BaseProps> extends BaseClass<T> {\n    /**\n     * Config.\n     */\n    static config: BaseConfig = {\n      ...BaseClass.config,\n      emits: ['movedrelative'],\n    };\n\n    /**\n     * Class constructor.\n     */\n    constructor(element: HTMLElement) {\n      super(element);\n\n      this.$on('mounted', () => {\n        this.$services.register(\n          'movedrelative',\n          usePointer.bind(undefined, target.call(this, this)),\n        );\n        this.$services.enable('movedrelative');\n      });\n\n      this.$on('destroyed', () => {\n        this.$services.disable('movedrelative');\n        this.$services.unregister('movedrelative');\n      });\n    }\n  }\n\n  // @ts-ignore\n  return WithRelativePointer;\n}\n"],
-  "mappings": "AAGA,SAAS,kBAAkB;AAcpB,SAAS,oBACd,WACA,EAAE,SAAS,CAAC,aAAa,SAAS,IAAI,IAAqC,CAAC,GAChC;AAAA,EAI5C,MAAM,4BAA6D,UAAa;AAAA;AAAA;AAAA;AAAA,IAI9E,OAAO,SAAqB;AAAA,MAC1B,GAAG,UAAU;AAAA,MACb,OAAO,CAAC,eAAe;AAAA,IACzB;AAAA;AAAA;AAAA;AAAA,IAKA,YAAY,SAAsB;AAChC,YAAM,OAAO;AAEb,WAAK,IAAI,WAAW,MAAM;AACxB,aAAK,UAAU;AAAA,UACb;AAAA,UACA,WAAW,KAAK,QAAW,OAAO,KAAK,MAAM,IAAI,CAAC;AAAA,QACpD;AACA,aAAK,UAAU,OAAO,eAAe;AAAA,MACvC,CAAC;AAED,WAAK,IAAI,aAAa,MAAM;AAC1B,aAAK,UAAU,QAAQ,eAAe;AACtC,aAAK,UAAU,WAAW,eAAe;AAAA,MAC3C,CAAC;AAAA,IACH;AAAA,EACF;AAGA,SAAO;AACT;",
-  "names": []
-}

package/decorators/withResponsiveOptions.d.ts

@@ -1,9 +0,0 @@
-import type { BaseInterface, BaseDecorator } from '../Base/types.js';
-import type { Base } from '../Base/index.js';
-/**
- * Extends the configuration of an existing class.
- * @link https://js-toolkit.studiometa.dev/api/decorators/withResponsiveOptions.html
- */
-export declare function withResponsiveOptions<S extends Base>(BaseClass: typeof Base, { responsiveOptions }?: {
-    responsiveOptions?: any[];
-}): BaseDecorator<BaseInterface, S>;

package/decorators/withResponsiveOptions.js

@@ -1,39 +0,0 @@
-import {
-  ResponsiveOptionsManager
-} from "../Base/managers/ResponsiveOptionsManager.js";
-import { isDefined, isObject } from "../utils/index.js";
-function withResponsiveOptions(BaseClass, { responsiveOptions = [] } = {}) {
-  class WithResponsiveOptions extends BaseClass {
-    /**
-     * Configure responsive options.
-     */
-    get __config() {
-      const config = super.__config;
-      const options = config.options;
-      for (const option of responsiveOptions) {
-        if (isDefined(options[option])) {
-          const oldOption = options[option];
-          options[option] = {
-            type: isObject(oldOption) ? oldOption.type : oldOption,
-            responsive: true
-          };
-        }
-      }
-      return config;
-    }
-    /**
-     * Get managers.
-     */
-    get __managers() {
-      return {
-        ...super.__managers,
-        OptionsManager: ResponsiveOptionsManager
-      };
-    }
-  }
-  return WithResponsiveOptions;
-}
-export {
-  withResponsiveOptions
-};
-//# sourceMappingURL=withResponsiveOptions.js.map

package/decorators/withResponsiveOptions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/decorators/withResponsiveOptions.ts"],
-  "sourcesContent": ["import type { BaseInterface, BaseDecorator } from '../Base/types.js';\nimport type { Base, BaseProps, Managers } from '../Base/index.js';\nimport type { OptionObject, OptionType } from '../Base/managers/OptionsManager.js';\nimport {\n  ResponsiveOptionsManager,\n  ResponsiveOptionObject,\n} from '../Base/managers/ResponsiveOptionsManager.js';\nimport { isDefined, isObject } from '../utils/index.js';\n\n/**\n * Extends the configuration of an existing class.\n * @link https://js-toolkit.studiometa.dev/api/decorators/withResponsiveOptions.html\n */\nexport function withResponsiveOptions<S extends Base>(\n  BaseClass: typeof Base,\n  { responsiveOptions = [] } = {},\n): BaseDecorator<BaseInterface, S> {\n  /**\n   * Class.\n   */\n  class WithResponsiveOptions<T extends BaseProps = BaseProps> extends BaseClass<T> {\n    /**\n     * Configure responsive options.\n     */\n    get __config() {\n      const config = super.__config;\n      const options = config.options;\n\n      for (const option of responsiveOptions) {\n        if (isDefined(options[option])) {\n          const oldOption = options[option];\n          options[option] = {\n            type: isObject(oldOption)\n              ? (oldOption as OptionObject).type\n              : (oldOption as OptionType),\n            responsive: true,\n          } as ResponsiveOptionObject;\n        }\n      }\n\n      return config;\n    }\n\n    /**\n     * Get managers.\n     */\n    get __managers(): Managers & { OptionsManager: typeof ResponsiveOptionsManager } {\n      return {\n        ...super.__managers,\n        OptionsManager: ResponsiveOptionsManager,\n      };\n    }\n  }\n\n  // @ts-ignore\n  return WithResponsiveOptions;\n}\n"],
-  "mappings": "AAGA;AAAA,EACE;AAAA,OAEK;AACP,SAAS,WAAW,gBAAgB;AAM7B,SAAS,sBACd,WACA,EAAE,oBAAoB,CAAC,EAAE,IAAI,CAAC,GACG;AAAA,EAIjC,MAAM,8BAA+D,UAAa;AAAA;AAAA;AAAA;AAAA,IAIhF,IAAI,WAAW;AACb,YAAM,SAAS,MAAM;AACrB,YAAM,UAAU,OAAO;AAEvB,iBAAW,UAAU,mBAAmB;AACtC,YAAI,UAAU,QAAQ,MAAM,CAAC,GAAG;AAC9B,gBAAM,YAAY,QAAQ,MAAM;AAChC,kBAAQ,MAAM,IAAI;AAAA,YAChB,MAAM,SAAS,SAAS,IACnB,UAA2B,OAC3B;AAAA,YACL,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA;AAAA;AAAA;AAAA,IAKA,IAAI,aAA6E;AAC/E,aAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAGA,SAAO;AACT;",
-  "names": []
-}

package/decorators/withScrolledInView/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/js-toolkit/decorators/withScrolledInView/index.ts"],
-  "sourcesContent": ["export {\n  withScrolledInView,\n  type ScrollInViewProps,\n  type WithScrolledInViewInterface,\n  type WithScrolledInViewOptions,\n  type WithScrolledInViewProps,\n} from './withScrolledInView.js';\nexport { type NormalizedOffset, type OffsetValue } from './types.js';\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAKK;",
-  "names": []
-}

package/decorators/withScrolledInView/utils.js

@@ -1,77 +0,0 @@
-import { isNumber, isString, endsWith } from "../../utils/index.js";
-const units = {
-  px: "px",
-  vh: "vh",
-  vw: "vw",
-  vmin: "vmin",
-  vmax: "vmax",
-  percent: "%"
-};
-const namedOffsets = {
-  start: 0,
-  center: 0.5,
-  end: 1
-};
-function normalizeOffset(offsets) {
-  return offsets.split("/").map((offset) => offset.trim().split(" ").slice(0, 2));
-}
-function parseNamedOffset(offset) {
-  if (isNumber(offset)) {
-    return offset;
-  }
-  if (isNumber(namedOffsets[offset])) {
-    return namedOffsets[offset];
-  }
-  if (isNumber(Number(offset))) {
-    return Number(offset);
-  }
-  if (isString(offset) && endsWith(offset, units.percent)) {
-    return Number.parseFloat(offset) / 100;
-  }
-  return offset;
-}
-function getEdgeWithOffset(start, size, offset) {
-  if (isNumber(offset)) {
-    return start + size * offset;
-  }
-  const parsedNamedOffset = parseNamedOffset(offset);
-  if (isNumber(parsedNamedOffset)) {
-    return start + size * parsedNamedOffset;
-  }
-  if (isString(parsedNamedOffset)) {
-    const parsedOffset = Number.parseFloat(parsedNamedOffset);
-    if (endsWith(parsedNamedOffset, units.px)) {
-      return start + parsedOffset;
-    }
-    if (endsWith(parsedNamedOffset, units.vh)) {
-      return start + parsedOffset * window.innerHeight / 100;
-    }
-    if (endsWith(parsedNamedOffset, units.vw)) {
-      return start + parsedOffset * window.innerWidth / 100;
-    }
-    if (endsWith(parsedNamedOffset, units.vmin)) {
-      return start + parsedOffset * Math.min(window.innerWidth, window.innerHeight) / 100;
-    }
-    if (endsWith(parsedNamedOffset, units.vmax)) {
-      return start + parsedOffset * Math.max(window.innerWidth, window.innerHeight) / 100;
-    }
-  }
-  return start;
-}
-function getEdges(axis, targetSizes, containerSizes, offset) {
-  const sizeKey = axis === "x" ? "width" : "height";
-  const targetStart = getEdgeWithOffset(targetSizes[axis], targetSizes[sizeKey], offset[0][0]);
-  const containerStart = getEdgeWithOffset(0, containerSizes[sizeKey], offset[0][1]);
-  const targetEnd = getEdgeWithOffset(targetSizes[axis], targetSizes[sizeKey], offset[1][0]);
-  const containerEnd = getEdgeWithOffset(0, containerSizes[sizeKey], offset[1][1]);
-  const start = targetStart - containerStart;
-  const end = targetEnd - containerEnd;
-  return [start, end];
-}
-export {
-  getEdgeWithOffset,
-  getEdges,
-  normalizeOffset,
-  parseNamedOffset
-};
-//# sourceMappingURL=utils.js.map

package/decorators/withScrolledInView/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/js-toolkit/decorators/withScrolledInView/utils.ts"],
-  "sourcesContent": ["import { isNumber, isString, endsWith } from '../../utils/index.js';\nimport type { NormalizedOffset } from './types.js';\n\nconst units = {\n  px: 'px',\n  vh: 'vh',\n  vw: 'vw',\n  vmin: 'vmin',\n  vmax: 'vmax',\n  percent: '%',\n};\n\nconst namedOffsets = {\n  start: 0,\n  center: 0.5,\n  end: 1,\n};\n\n/**\n * Normalize offset input.\n */\nexport function normalizeOffset(offsets: string): NormalizedOffset {\n  return offsets\n    .split('/')\n    .map((offset) => offset.trim().split(' ').slice(0, 2)) as NormalizedOffset;\n}\n\n/**\n * Parse the given offset.\n */\nexport function parseNamedOffset(offset: string | number): string | number {\n  if (isNumber(offset)) {\n    return offset;\n  }\n\n  if (isNumber(namedOffsets[offset])) {\n    return namedOffsets[offset];\n  }\n\n  if (isNumber(Number(offset))) {\n    return Number(offset);\n  }\n\n  if (isString(offset) && endsWith(offset, units.percent)) {\n    return Number.parseFloat(offset) / 100;\n  }\n\n  return offset;\n}\n\n/**\n * Get an edge value given a start, size and offset value.\n */\nexport function getEdgeWithOffset(start: number, size: number, offset: string | number): number {\n  if (isNumber(offset)) {\n    return start + size * offset;\n  }\n\n  const parsedNamedOffset = parseNamedOffset(offset);\n  if (isNumber(parsedNamedOffset)) {\n    return start + size * parsedNamedOffset;\n  }\n\n  if (isString(parsedNamedOffset)) {\n    const parsedOffset = Number.parseFloat(parsedNamedOffset);\n\n    if (endsWith(parsedNamedOffset, units.px)) {\n      return start + parsedOffset;\n    }\n\n    if (endsWith(parsedNamedOffset, units.vh)) {\n      return start + (parsedOffset * window.innerHeight) / 100;\n    }\n\n    if (endsWith(parsedNamedOffset, units.vw)) {\n      return start + (parsedOffset * window.innerWidth) / 100;\n    }\n\n    if (endsWith(parsedNamedOffset, units.vmin)) {\n      return start + (parsedOffset * Math.min(window.innerWidth, window.innerHeight)) / 100;\n    }\n\n    if (endsWith(parsedNamedOffset, units.vmax)) {\n      return start + (parsedOffset * Math.max(window.innerWidth, window.innerHeight)) / 100;\n    }\n  }\n\n  return start;\n}\n\ntype HorizontalOnlyRect = {\n  x: number;\n  width: number;\n};\n\ntype VerticalOnlyRect = {\n  y: number;\n  height: number;\n};\n\ntype HorizontalRect = HorizontalOnlyRect & Partial<VerticalOnlyRect>;\ntype VerticalRect = Partial<HorizontalOnlyRect> & VerticalOnlyRect;\n\n/**\n * Get starting and ending edges for a given axis, a target sizings, a container sizings and their offset.\n */\nexport function getEdges<T extends 'x' | 'y'>(\n  axis: T,\n  targetSizes: T extends 'x' ? HorizontalRect : VerticalRect,\n  containerSizes: T extends 'x' ? HorizontalRect : VerticalRect,\n  offset: NormalizedOffset,\n): [number, number] {\n  const sizeKey = axis === 'x' ? 'width' : 'height';\n  const targetStart = getEdgeWithOffset(targetSizes[axis], targetSizes[sizeKey], offset[0][0]);\n  const containerStart = getEdgeWithOffset(0, containerSizes[sizeKey], offset[0][1]);\n  const targetEnd = getEdgeWithOffset(targetSizes[axis], targetSizes[sizeKey], offset[1][0]);\n  const containerEnd = getEdgeWithOffset(0, containerSizes[sizeKey], offset[1][1]);\n  const start = targetStart - containerStart;\n  const end = targetEnd - containerEnd;\n\n  return [start, end];\n}\n"],
-  "mappings": "AAAA,SAAS,UAAU,UAAU,gBAAgB;AAG7C,MAAM,QAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAKO,SAAS,gBAAgB,SAAmC;AACjE,SAAO,QACJ,MAAM,GAAG,EACT,IAAI,CAAC,WAAW,OAAO,KAAK,EAAE,MAAM,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC;AACzD;AAKO,SAAS,iBAAiB,QAA0C;AACzE,MAAI,SAAS,MAAM,GAAG;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,SAAS,aAAa,MAAM,CAAC,GAAG;AAClC,WAAO,aAAa,MAAM;AAAA,EAC5B;AAEA,MAAI,SAAS,OAAO,MAAM,CAAC,GAAG;AAC5B,WAAO,OAAO,MAAM;AAAA,EACtB;AAEA,MAAI,SAAS,MAAM,KAAK,SAAS,QAAQ,MAAM,OAAO,GAAG;AACvD,WAAO,OAAO,WAAW,MAAM,IAAI;AAAA,EACrC;AAEA,SAAO;AACT;AAKO,SAAS,kBAAkB,OAAe,MAAc,QAAiC;AAC9F,MAAI,SAAS,MAAM,GAAG;AACpB,WAAO,QAAQ,OAAO;AAAA,EACxB;AAEA,QAAM,oBAAoB,iBAAiB,MAAM;AACjD,MAAI,SAAS,iBAAiB,GAAG;AAC/B,WAAO,QAAQ,OAAO;AAAA,EACxB;AAEA,MAAI,SAAS,iBAAiB,GAAG;AAC/B,UAAM,eAAe,OAAO,WAAW,iBAAiB;AAExD,QAAI,SAAS,mBAAmB,MAAM,EAAE,GAAG;AACzC,aAAO,QAAQ;AAAA,IACjB;AAEA,QAAI,SAAS,mBAAmB,MAAM,EAAE,GAAG;AACzC,aAAO,QAAS,eAAe,OAAO,cAAe;AAAA,IACvD;AAEA,QAAI,SAAS,mBAAmB,MAAM,EAAE,GAAG;AACzC,aAAO,QAAS,eAAe,OAAO,aAAc;AAAA,IACtD;AAEA,QAAI,SAAS,mBAAmB,MAAM,IAAI,GAAG;AAC3C,aAAO,QAAS,eAAe,KAAK,IAAI,OAAO,YAAY,OAAO,WAAW,IAAK;AAAA,IACpF;AAEA,QAAI,SAAS,mBAAmB,MAAM,IAAI,GAAG;AAC3C,aAAO,QAAS,eAAe,KAAK,IAAI,OAAO,YAAY,OAAO,WAAW,IAAK;AAAA,IACpF;AAAA,EACF;AAEA,SAAO;AACT;AAkBO,SAAS,SACd,MACA,aACA,gBACA,QACkB;AAClB,QAAM,UAAU,SAAS,MAAM,UAAU;AACzC,QAAM,cAAc,kBAAkB,YAAY,IAAI,GAAG,YAAY,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AAC3F,QAAM,iBAAiB,kBAAkB,GAAG,eAAe,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AACjF,QAAM,YAAY,kBAAkB,YAAY,IAAI,GAAG,YAAY,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AACzF,QAAM,eAAe,kBAAkB,GAAG,eAAe,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AAC/E,QAAM,QAAQ,cAAc;AAC5B,QAAM,MAAM,YAAY;AAExB,SAAO,CAAC,OAAO,GAAG;AACpB;",
-  "names": []
-}

package/decorators/withScrolledInView/withScrolledInView.d.ts

@@ -1,57 +0,0 @@
-import type { BaseInterface, BaseDecorator } from '../../Base/types.js';
-import type { Base, BaseProps } from '../../Base/index.js';
-import type { RafServiceProps, ScrollServiceProps, ResizeServiceProps } from '../../services/index.js';
-export interface WithScrolledInViewProps extends BaseProps {
-    $options: {
-        dampFactor: number;
-        dampPrecision: number;
-        offset: string;
-    };
-}
-export type ScrollInViewProps = {
-    start: {
-        x: number;
-        y: number;
-    };
-    end: {
-        x: number;
-        y: number;
-    };
-    current: {
-        x: number;
-        y: number;
-    };
-    dampedCurrent: {
-        x: number;
-        y: number;
-    };
-    progress: {
-        x: number;
-        y: number;
-    };
-    dampedProgress: {
-        x: number;
-        y: number;
-    };
-};
-export type WithScrolledInViewOptions = IntersectionObserverInit & {
-    useOffsetSizes?: boolean;
-};
-export interface WithScrolledInViewInterface extends BaseInterface {
-    /**
-     * @type {ScrollInViewProps}
-     */
-    readonly props: ScrollInViewProps;
-    dampFactor?: number;
-    dampPrecision?: number;
-    mounted(): void;
-    resized(props: ResizeServiceProps): void;
-    scrolled(props: ScrollServiceProps): void;
-    ticked(props: RafServiceProps): void;
-    destroyed(): void;
-}
-/**
- * Add scrolled in view capabilities to a component.
- * @link https://js-toolkit.studiometa.dev/api/decorators/withScrolledInView.html
- */
-export declare function withScrolledInView<S extends Base = Base>(BaseClass: typeof Base, options?: WithScrolledInViewOptions): BaseDecorator<WithScrolledInViewInterface, S, WithScrolledInViewProps>;

package/decorators/withScrolledInView/withScrolledInView.js

@@ -1,178 +0,0 @@
-import { useScroll } from "../../services/index.js";
-import { withMountWhenInView } from "../withMountWhenInView.js";
-import {
-  damp,
-  clamp,
-  clamp01,
-  getOffsetSizes,
-  isFunction,
-  domScheduler as scheduler
-} from "../../utils/index.js";
-import { normalizeOffset, getEdges } from "./utils.js";
-function updateProgress(props, axis, progressKey, currentKey) {
-  props[progressKey][axis] = props.start[axis] === props.end[axis] ? 0 : clamp01(
-    (props[currentKey][axis] - props.start[axis]) / (props.end[axis] - props.start[axis])
-  );
-}
-function updateProps(props, dampFactor, dampPrecision, axis = "x") {
-  props.current[axis] = clamp(useScroll().props()[axis], props.start[axis], props.end[axis]);
-  props.dampedCurrent[axis] = damp(
-    props.current[axis],
-    props.dampedCurrent[axis],
-    dampFactor,
-    dampPrecision
-  );
-  updateProgress(props, axis, "progress", "current");
-  updateProgress(props, axis, "dampedProgress", "dampedCurrent");
-}
-function withScrolledInView(BaseClass, options = {}) {
-  class WithScrolledInView extends withMountWhenInView(
-    BaseClass,
-    options
-  ) {
-    /**
-     * Config.
-     */
-    static config = {
-      ...BaseClass.config,
-      emits: ["scrolledInView"],
-      options: {
-        dampFactor: {
-          type: Number,
-          default: 0.1
-        },
-        dampPrecision: {
-          type: Number,
-          default: 1e-3
-        },
-        offset: {
-          type: String,
-          default: "start end / end start"
-        }
-      }
-    };
-    __props = {
-      start: {
-        x: 0,
-        y: 0
-      },
-      end: {
-        x: 0,
-        y: 0
-      },
-      current: {
-        x: 0,
-        y: 0
-      },
-      dampedCurrent: {
-        x: 0,
-        y: 0
-      },
-      progress: {
-        x: 0,
-        y: 0
-      },
-      dampedProgress: {
-        x: 0,
-        y: 0
-      }
-    };
-    shouldEvaluateProps = true;
-    get props() {
-      if (this.shouldEvaluateProps) {
-        this.shouldEvaluateProps = false;
-        const targetSizes = options.useOffsetSizes ? getOffsetSizes(this.$el) : this.$el.getBoundingClientRect();
-        targetSizes.y += window.scrollY;
-        targetSizes.x += window.scrollX;
-        const containerSizes = {
-          x: 0,
-          y: 0,
-          height: window.innerHeight,
-          width: window.innerWidth
-        };
-        const offset = normalizeOffset(this.$options.offset);
-        const [yStart, yEnd] = getEdges("y", targetSizes, containerSizes, offset);
-        const yCurrent = clamp(window.scrollY, yStart, yEnd);
-        const yProgress = yStart === yEnd ? 0 : clamp01((yCurrent - yStart) / (yEnd - yStart));
-        const [xStart, xEnd] = getEdges("x", targetSizes, containerSizes, offset);
-        const xCurrent = clamp(window.scrollX, xStart, xEnd);
-        const xProgress = xStart === xEnd ? 0 : clamp01((xCurrent - xStart) / (xEnd - xStart));
-        this.__props.start.x = xStart;
-        this.__props.start.y = yStart;
-        this.__props.end.x = xEnd;
-        this.__props.end.y = yEnd;
-        this.__props.current.x = xCurrent;
-        this.__props.current.y = yCurrent;
-        this.__props.dampedCurrent.x = xCurrent;
-        this.__props.dampedCurrent.y = yCurrent;
-        this.__props.progress.x = xProgress;
-        this.__props.progress.y = yProgress;
-        this.__props.dampedProgress.x = xProgress;
-        this.__props.dampedProgress.y = yProgress;
-      }
-      return this.__props;
-    }
-    /**
-     * Bind listeners.
-     */
-    constructor(element) {
-      super(element);
-      const render = () => {
-        scheduler.read(() => {
-          const renderFn = this.__callMethod("scrolledInView", this.props);
-          if (isFunction(renderFn)) {
-            scheduler.write(() => {
-              renderFn(this.__props);
-            });
-          }
-        });
-      };
-      const delegate = {
-        handleEvent(event) {
-          delegate[event.type](event.detail[0]);
-        },
-        resized: () => {
-          this.shouldEvaluateProps = true;
-          render();
-        },
-        scrolled: (props) => {
-          if (props.changed.y || props.changed.x) {
-            this.$services.enable("ticked");
-          }
-        },
-        mounted: () => render(),
-        ticked: () => {
-          const { dampFactor, dampPrecision } = this.$options;
-          updateProps(this.__props, dampFactor, dampPrecision, "x");
-          updateProps(this.__props, dampFactor, dampPrecision, "y");
-          if (this.__props.dampedCurrent.x === this.__props.current.x && this.__props.dampedCurrent.y === this.__props.current.y) {
-            this.$services.disable("ticked");
-          }
-          render();
-        }
-      };
-      this.$on("before-mounted", () => {
-        this.$on("mounted", delegate);
-        this.$on("resized", delegate);
-        this.$on("scrolled", delegate);
-        this.$on("ticked", delegate);
-      });
-      this.$on("destroyed", () => {
-        this.$off("mounted", delegate);
-        this.$off("resized", delegate);
-        this.$off("scrolled", delegate);
-        this.$off("ticked", delegate);
-        this.__props.dampedCurrent.x = this.__props.current.x;
-        this.__props.dampedCurrent.y = this.__props.current.y;
-        this.__props.dampedProgress.x = this.__props.progress.x;
-        this.__props.dampedProgress.y = this.__props.progress.y;
-        render();
-      });
-    }
-  }
-  return WithScrolledInView;
-}
-export {
-  withScrolledInView
-};
-//# sourceMappingURL=withScrolledInView.js.map

package/decorators/withScrolledInView/withScrolledInView.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/js-toolkit/decorators/withScrolledInView/withScrolledInView.ts"],
-  "sourcesContent": ["import type { BaseInterface, BaseDecorator } from '../../Base/types.js';\nimport type { Base, BaseProps, BaseConfig } from '../../Base/index.js';\nimport type {\n  RafServiceProps,\n  ScrollServiceProps,\n  ResizeServiceProps,\n} from '../../services/index.js';\nimport { useScroll } from '../../services/index.js';\nimport { withMountWhenInView } from '../withMountWhenInView.js';\nimport {\n  damp,\n  clamp,\n  clamp01,\n  getOffsetSizes,\n  isFunction,\n  domScheduler as scheduler,\n} from '../../utils/index.js';\nimport { normalizeOffset, getEdges } from './utils.js';\n\nexport interface WithScrolledInViewProps extends BaseProps {\n  $options: {\n    dampFactor: number;\n    dampPrecision: number;\n    offset: string;\n  };\n}\n\nexport type ScrollInViewProps = {\n  start: {\n    x: number;\n    y: number;\n  };\n  end: {\n    x: number;\n    y: number;\n  };\n  current: {\n    x: number;\n    y: number;\n  };\n  dampedCurrent: {\n    x: number;\n    y: number;\n  };\n  progress: {\n    x: number;\n    y: number;\n  };\n  dampedProgress: {\n    x: number;\n    y: number;\n  };\n};\n\nexport type WithScrolledInViewOptions = IntersectionObserverInit & {\n  useOffsetSizes?: boolean;\n};\n\nfunction updateProgress(\n  props: ScrollInViewProps,\n  axis: 'x' | 'y',\n  progressKey: 'progress' | 'dampedProgress',\n  currentKey: 'current' | 'dampedCurrent',\n) {\n  props[progressKey][axis] =\n    props.start[axis] === props.end[axis]\n      ? 0\n      : clamp01(\n          (props[currentKey][axis] - props.start[axis]) / (props.end[axis] - props.start[axis]),\n        );\n}\n\n/**\n * Update props on tick.\n */\nfunction updateProps(\n  props: ScrollInViewProps,\n  dampFactor: number,\n  dampPrecision: number,\n  axis: 'x' | 'y' = 'x',\n): void {\n  props.current[axis] = clamp(useScroll().props()[axis], props.start[axis], props.end[axis]);\n  props.dampedCurrent[axis] = damp(\n    props.current[axis],\n    props.dampedCurrent[axis],\n    dampFactor,\n    dampPrecision,\n  );\n  updateProgress(props, axis, 'progress', 'current');\n  updateProgress(props, axis, 'dampedProgress', 'dampedCurrent');\n}\n\nexport interface WithScrolledInViewInterface extends BaseInterface {\n  /**\n   * @type {ScrollInViewProps}\n   */\n  readonly props: ScrollInViewProps;\n  dampFactor?: number;\n  dampPrecision?: number;\n  mounted(): void;\n  resized(props: ResizeServiceProps): void;\n  scrolled(props: ScrollServiceProps): void;\n  ticked(props: RafServiceProps): void;\n  destroyed(): void;\n}\n\n/**\n * Add scrolled in view capabilities to a component.\n * @link https://js-toolkit.studiometa.dev/api/decorators/withScrolledInView.html\n */\nexport function withScrolledInView<S extends Base = Base>(\n  BaseClass: typeof Base,\n  options: WithScrolledInViewOptions = {},\n): BaseDecorator<WithScrolledInViewInterface, S, WithScrolledInViewProps> {\n  /**\n   * Class.\n   */\n  class WithScrolledInView<T extends BaseProps = BaseProps> extends withMountWhenInView(\n    BaseClass,\n    options,\n  )<T & WithScrolledInViewProps> {\n    /**\n     * Config.\n     */\n    static config: BaseConfig = {\n      ...BaseClass.config,\n      emits: ['scrolledInView'],\n      options: {\n        dampFactor: {\n          type: Number,\n          default: 0.1,\n        },\n        dampPrecision: {\n          type: Number,\n          default: 0.001,\n        },\n        offset: {\n          type: String,\n          default: 'start end / end start',\n        },\n      },\n    };\n\n    __props: ScrollInViewProps = {\n      start: {\n        x: 0,\n        y: 0,\n      },\n      end: {\n        x: 0,\n        y: 0,\n      },\n      current: {\n        x: 0,\n        y: 0,\n      },\n      dampedCurrent: {\n        x: 0,\n        y: 0,\n      },\n      progress: {\n        x: 0,\n        y: 0,\n      },\n      dampedProgress: {\n        x: 0,\n        y: 0,\n      },\n    };\n\n    shouldEvaluateProps = true;\n\n    get props() {\n      if (this.shouldEvaluateProps) {\n        this.shouldEvaluateProps = false;\n        const targetSizes = options.useOffsetSizes\n          ? getOffsetSizes(this.$el)\n          : this.$el.getBoundingClientRect();\n\n        targetSizes.y += window.scrollY;\n        targetSizes.x += window.scrollX;\n\n        const containerSizes = {\n          x: 0,\n          y: 0,\n          height: window.innerHeight,\n          width: window.innerWidth,\n        };\n\n        const offset = normalizeOffset(this.$options.offset);\n\n        // Y axis\n        const [yStart, yEnd] = getEdges('y', targetSizes, containerSizes, offset);\n        const yCurrent = clamp(window.scrollY, yStart, yEnd);\n        const yProgress = yStart === yEnd ? 0 : clamp01((yCurrent - yStart) / (yEnd - yStart));\n        // X axis\n        const [xStart, xEnd] = getEdges('x', targetSizes, containerSizes, offset);\n        const xCurrent = clamp(window.scrollX, xStart, xEnd);\n        const xProgress = xStart === xEnd ? 0 : clamp01((xCurrent - xStart) / (xEnd - xStart));\n\n        this.__props.start.x = xStart;\n        this.__props.start.y = yStart;\n        this.__props.end.x = xEnd;\n        this.__props.end.y = yEnd;\n        this.__props.current.x = xCurrent;\n        this.__props.current.y = yCurrent;\n        this.__props.dampedCurrent.x = xCurrent;\n        this.__props.dampedCurrent.y = yCurrent;\n        this.__props.progress.x = xProgress;\n        this.__props.progress.y = yProgress;\n        this.__props.dampedProgress.x = xProgress;\n        this.__props.dampedProgress.y = yProgress;\n      }\n\n      return this.__props;\n    }\n\n    /**\n     * Bind listeners.\n     */\n    constructor(element: HTMLElement) {\n      super(element);\n\n      const render = () => {\n        scheduler.read(() => {\n          // @ts-ignore\n          const renderFn = this.__callMethod('scrolledInView', this.props);\n          if (isFunction(renderFn)) {\n            scheduler.write(() => {\n              renderFn(this.__props);\n            });\n          }\n        });\n      };\n\n      const delegate = {\n        handleEvent(event: CustomEvent) {\n          delegate[event.type](event.detail[0]);\n        },\n        resized: () => {\n          this.shouldEvaluateProps = true;\n          render();\n        },\n        scrolled: (props: ScrollServiceProps) => {\n          if (props.changed.y || props.changed.x) {\n            this.$services.enable('ticked');\n          }\n        },\n        mounted: () => render(),\n        ticked: () => {\n          const { dampFactor, dampPrecision } = this.$options;\n          updateProps(this.__props, dampFactor, dampPrecision, 'x');\n          updateProps(this.__props, dampFactor, dampPrecision, 'y');\n\n          if (\n            this.__props.dampedCurrent.x === this.__props.current.x &&\n            this.__props.dampedCurrent.y === this.__props.current.y\n          ) {\n            this.$services.disable('ticked');\n          }\n\n          render();\n        },\n      };\n\n      this.$on('before-mounted', () => {\n        this.$on('mounted', delegate);\n        this.$on('resized', delegate);\n        this.$on('scrolled', delegate);\n        this.$on('ticked', delegate);\n      });\n\n      this.$on('destroyed', () => {\n        this.$off('mounted', delegate);\n        this.$off('resized', delegate);\n        this.$off('scrolled', delegate);\n        this.$off('ticked', delegate);\n\n        // Clamp damped values to their final value and trigger one last render on destroy\n        this.__props.dampedCurrent.x = this.__props.current.x;\n        this.__props.dampedCurrent.y = this.__props.current.y;\n        this.__props.dampedProgress.x = this.__props.progress.x;\n        this.__props.dampedProgress.y = this.__props.progress.y;\n        render();\n      });\n    }\n  }\n\n  // @ts-ignore\n  return WithScrolledInView;\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/helpers/createApp.d.ts

@@ -1,11 +0,0 @@
-import type { Base, BaseConstructor, BaseProps } from '../Base/index.js';
-import type { Features } from '../Base/features.js';
-export type CreateAppOptions = Partial<Features> & {
-    root?: HTMLElement;
-};
-/**
- * Instantiate and mount the given component on the given root element when the page has been loaded
- * and return a function to use the app instance when it is ready.
- * @link https://js-toolkit.studiometa.dev/api/helpers/createApp.html
- */
-export declare function createApp<S extends BaseConstructor<Base>, T extends BaseProps = BaseProps>(App: S, options?: HTMLElement | CreateAppOptions): () => Promise<S & Base<T>>;

package/helpers/createApp.js

@@ -1,38 +0,0 @@
-import { features } from "../Base/features.js";
-import { defineFeatures } from "./defineFeatures.js";
-import { isDev } from "../utils/index.js";
-import { logTree } from "./logTree.js";
-function createApp(App, options = {}) {
-  let app;
-  const { root = document.body, ...featureOptions } = options instanceof HTMLElement ? { root: options } : options;
-  defineFeatures(featureOptions);
-  async function init() {
-    app = new App(root);
-    await app.$mount();
-    if (isDev) {
-      globalThis.$logTree = () => logTree(app);
-    }
-    return app;
-  }
-  let p;
-  if (features.get("blocking")) {
-    p = init();
-  } else {
-    p = new Promise((resolve) => {
-      if (document.readyState === "complete") {
-        resolve(init());
-      } else {
-        document.addEventListener("readystatechange", () => {
-          if (document.readyState === "complete") {
-            resolve(init());
-          }
-        });
-      }
-    });
-  }
-  return () => p;
-}
-export {
-  createApp
-};
-//# sourceMappingURL=createApp.js.map

package/helpers/createApp.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../packages/js-toolkit/helpers/createApp.ts"],
-  "sourcesContent": ["import type { Base, BaseConstructor, BaseProps } from '../Base/index.js';\nimport type { Features } from '../Base/features.js';\nimport { features } from '../Base/features.js';\nimport { defineFeatures } from './defineFeatures.js';\nimport { isDev } from '../utils/index.js';\nimport { logTree } from './logTree.js';\n\nexport type CreateAppOptions = Partial<Features> & {\n  root?: HTMLElement;\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 * @link https://js-toolkit.studiometa.dev/api/helpers/createApp.html\n */\nexport function createApp<S extends BaseConstructor<Base>, T extends BaseProps = BaseProps>(\n  App: S,\n  options: HTMLElement | CreateAppOptions = {},\n): () => Promise<S & Base<T>> {\n  let app: S & Base<T>;\n  const { root = document.body, ...featureOptions } =\n    options instanceof HTMLElement ? { root: options } : options;\n\n  defineFeatures(featureOptions);\n\n  async function init() {\n    app = new App(root) as S & Base<T>;\n    await app.$mount();\n    if (isDev) {\n      globalThis.$logTree = () => logTree(app);\n    }\n    return app;\n  }\n\n  let p: Promise<S & Base<T>>;\n\n  if (features.get('blocking')) {\n    p = init();\n  } else {\n    p = new Promise<S & Base<T>>((resolve) => {\n      if (document.readyState === 'complete') {\n        resolve(init());\n      } else {\n        document.addEventListener('readystatechange', () => {\n          if (document.readyState === 'complete') {\n            resolve(init());\n          }\n        });\n      }\n    });\n  }\n\n  return () => p;\n}\n"],
-  "mappings": "AAEA,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,eAAe;AAWjB,SAAS,UACd,KACA,UAA0C,CAAC,GACf;AAC5B,MAAI;AACJ,QAAM,EAAE,OAAO,SAAS,MAAM,GAAG,eAAe,IAC9C,mBAAmB,cAAc,EAAE,MAAM,QAAQ,IAAI;AAEvD,iBAAe,cAAc;AAE7B,iBAAe,OAAO;AACpB,UAAM,IAAI,IAAI,IAAI;AAClB,UAAM,IAAI,OAAO;AACjB,QAAI,OAAO;AACT,iBAAW,WAAW,MAAM,QAAQ,GAAG;AAAA,IACzC;AACA,WAAO;AAAA,EACT;AAEA,MAAI;AAEJ,MAAI,SAAS,IAAI,UAAU,GAAG;AAC5B,QAAI,KAAK;AAAA,EACX,OAAO;AACL,QAAI,IAAI,QAAqB,CAAC,YAAY;AACxC,UAAI,SAAS,eAAe,YAAY;AACtC,gBAAQ,KAAK,CAAC;AAAA,MAChB,OAAO;AACL,iBAAS,iBAAiB,oBAAoB,MAAM;AAClD,cAAI,SAAS,eAAe,YAAY;AACtC,oBAAQ,KAAK,CAAC;AAAA,UAChB;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,MAAM;AACf;",
-  "names": []
-}

package/helpers/defineFeatures.d.ts

@@ -1,7 +0,0 @@
-import type { Features } from '../Base/features.js';
-/**
- * Configure global features outside of `createApp`.
- * Useful when using `registerComponent` instead of `createApp`.
- * @link https://js-toolkit.studiometa.dev/api/helpers/defineFeatures.html
- */
-export declare function defineFeatures(options: Partial<Features>): void;