@tanstack/angular-pacer 0.20.0

package/dist/queuer/injectQueuedSignal.cjs

@@ -0,0 +1,47 @@
+const require_injectQueuer = require('./injectQueuer.cjs');
+let _angular_core = require("@angular/core");
+
+//#region src/queuer/injectQueuedSignal.ts
+/**
+* An Angular function that creates a queuer with managed state, combining Angular's signals with queuing functionality.
+* This function provides both the current queue state and queue control methods.
+*
+* The queue state is automatically updated whenever items are added, removed, or reordered in the queue.
+* All queue operations are reflected in the state array returned by the function.
+*
+* The function returns a callable object:
+* - `queued()`: Get the current queue items as an array
+* - `queued.addItem(...)`: Add an item to the queue
+* - `queued.queue`: The queuer instance with additional control methods
+*
+* @example
+* ```ts
+* // Default behavior - track items
+* const queued = injectQueuedSignal(
+*   (item) => console.log('Processing:', item),
+*   { started: true, wait: 1000 }
+* );
+*
+* // Add items
+* queued.addItem('task1');
+*
+* // Access items
+* console.log(queued()); // ['task1']
+*
+* // Control the queue
+* queued.queuer.start();
+* queued.queuer.stop();
+* ```
+*/
+function injectQueuedSignal(fn, options = {}, selector = (state) => ({ items: state.items })) {
+	const queuer = require_injectQueuer.injectQueuer(fn, options, selector);
+	const items = (0, _angular_core.computed)(() => queuer.state().items);
+	return Object.assign(items, {
+		addItem: queuer.addItem.bind(queuer),
+		queuer
+	});
+}
+
+//#endregion
+exports.injectQueuedSignal = injectQueuedSignal;
+//# sourceMappingURL=injectQueuedSignal.cjs.map

package/dist/queuer/injectQueuedSignal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectQueuedSignal.cjs","names":["injectQueuer"],"sources":["../../src/queuer/injectQueuedSignal.ts"],"sourcesContent":["import { computed } from '@angular/core'\nimport { injectQueuer } from './injectQueuer'\nimport type { AngularQueuer } from './injectQueuer'\nimport type { QueuerOptions, QueuerState } from '@tanstack/pacer/queuer'\n\nexport type QueuedSignal<TValue, TSelected = {}> = (() => Array<TValue>) & {\n  /**\n   * Add an item to the queue.\n   */\n  readonly addItem: AngularQueuer<TValue, TSelected>['addItem']\n  /**\n   * The queuer instance with additional control methods and state signals.\n   */\n  readonly queuer: AngularQueuer<TValue, TSelected>\n}\n\n/**\n * An Angular function that creates a queuer with managed state, combining Angular's signals with queuing functionality.\n * This function provides both the current queue state and queue control methods.\n *\n * The queue state is automatically updated whenever items are added, removed, or reordered in the queue.\n * All queue operations are reflected in the state array returned by the function.\n *\n * The function returns a callable object:\n * - `queued()`: Get the current queue items as an array\n * - `queued.addItem(...)`: Add an item to the queue\n * - `queued.queue`: The queuer instance with additional control methods\n *\n * @example\n * ```ts\n * // Default behavior - track items\n * const queued = injectQueuedSignal(\n *   (item) => console.log('Processing:', item),\n *   { started: true, wait: 1000 }\n * );\n *\n * // Add items\n * queued.addItem('task1');\n *\n * // Access items\n * console.log(queued()); // ['task1']\n *\n * // Control the queue\n * queued.queuer.start();\n * queued.queuer.stop();\n * ```\n */\nexport function injectQueuedSignal<\n  TValue,\n  TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<\n    QueuerState<TValue>,\n    'items'\n  >,\n>(\n  fn: (item: TValue) => void,\n  options: QueuerOptions<TValue> = {},\n  selector: (state: QueuerState<TValue>) => TSelected = (state) =>\n    ({ items: state.items }) as TSelected,\n): QueuedSignal<TValue, TSelected> {\n  const queuer = injectQueuer(fn, options, selector)\n\n  const items = computed(() => queuer.state().items as Array<TValue>)\n\n  const queued = Object.assign(items, {\n    addItem: queuer.addItem.bind(queuer),\n    queuer,\n  }) as QueuedSignal<TValue, TSelected>\n\n  return queued\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,mBAOd,IACA,UAAiC,EAAE,EACnC,YAAuD,WACpD,EAAE,OAAO,MAAM,OAAO,GACQ;CACjC,MAAM,SAASA,kCAAa,IAAI,SAAS,SAAS;CAElD,MAAM,0CAAuB,OAAO,OAAO,CAAC,MAAuB;AAOnE,QALe,OAAO,OAAO,OAAO;EAClC,SAAS,OAAO,QAAQ,KAAK,OAAO;EACpC;EACD,CAAC"}

package/dist/queuer/injectQueuedSignal.d.cts

@@ -0,0 +1,49 @@
+import { AngularQueuer } from "./injectQueuer.cjs";
+import { QueuerOptions, QueuerState } from "@tanstack/pacer/queuer";
+
+//#region src/queuer/injectQueuedSignal.d.ts
+type QueuedSignal<TValue, TSelected = {}> = (() => Array<TValue>) & {
+  /**
+   * Add an item to the queue.
+   */
+  readonly addItem: AngularQueuer<TValue, TSelected>['addItem'];
+  /**
+   * The queuer instance with additional control methods and state signals.
+   */
+  readonly queuer: AngularQueuer<TValue, TSelected>;
+};
+/**
+ * An Angular function that creates a queuer with managed state, combining Angular's signals with queuing functionality.
+ * This function provides both the current queue state and queue control methods.
+ *
+ * The queue state is automatically updated whenever items are added, removed, or reordered in the queue.
+ * All queue operations are reflected in the state array returned by the function.
+ *
+ * The function returns a callable object:
+ * - `queued()`: Get the current queue items as an array
+ * - `queued.addItem(...)`: Add an item to the queue
+ * - `queued.queue`: The queuer instance with additional control methods
+ *
+ * @example
+ * ```ts
+ * // Default behavior - track items
+ * const queued = injectQueuedSignal(
+ *   (item) => console.log('Processing:', item),
+ *   { started: true, wait: 1000 }
+ * );
+ *
+ * // Add items
+ * queued.addItem('task1');
+ *
+ * // Access items
+ * console.log(queued()); // ['task1']
+ *
+ * // Control the queue
+ * queued.queuer.start();
+ * queued.queuer.stop();
+ * ```
+ */
+declare function injectQueuedSignal<TValue, TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<QueuerState<TValue>, 'items'>>(fn: (item: TValue) => void, options?: QueuerOptions<TValue>, selector?: (state: QueuerState<TValue>) => TSelected): QueuedSignal<TValue, TSelected>;
+//#endregion
+export { QueuedSignal, injectQueuedSignal };
+//# sourceMappingURL=injectQueuedSignal.d.cts.map

package/dist/queuer/injectQueuedSignal.d.ts

@@ -0,0 +1,49 @@
+import { AngularQueuer } from "./injectQueuer.js";
+import { QueuerOptions, QueuerState } from "@tanstack/pacer/queuer";
+
+//#region src/queuer/injectQueuedSignal.d.ts
+type QueuedSignal<TValue, TSelected = {}> = (() => Array<TValue>) & {
+  /**
+   * Add an item to the queue.
+   */
+  readonly addItem: AngularQueuer<TValue, TSelected>['addItem'];
+  /**
+   * The queuer instance with additional control methods and state signals.
+   */
+  readonly queuer: AngularQueuer<TValue, TSelected>;
+};
+/**
+ * An Angular function that creates a queuer with managed state, combining Angular's signals with queuing functionality.
+ * This function provides both the current queue state and queue control methods.
+ *
+ * The queue state is automatically updated whenever items are added, removed, or reordered in the queue.
+ * All queue operations are reflected in the state array returned by the function.
+ *
+ * The function returns a callable object:
+ * - `queued()`: Get the current queue items as an array
+ * - `queued.addItem(...)`: Add an item to the queue
+ * - `queued.queue`: The queuer instance with additional control methods
+ *
+ * @example
+ * ```ts
+ * // Default behavior - track items
+ * const queued = injectQueuedSignal(
+ *   (item) => console.log('Processing:', item),
+ *   { started: true, wait: 1000 }
+ * );
+ *
+ * // Add items
+ * queued.addItem('task1');
+ *
+ * // Access items
+ * console.log(queued()); // ['task1']
+ *
+ * // Control the queue
+ * queued.queuer.start();
+ * queued.queuer.stop();
+ * ```
+ */
+declare function injectQueuedSignal<TValue, TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<QueuerState<TValue>, 'items'>>(fn: (item: TValue) => void, options?: QueuerOptions<TValue>, selector?: (state: QueuerState<TValue>) => TSelected): QueuedSignal<TValue, TSelected>;
+//#endregion
+export { QueuedSignal, injectQueuedSignal };
+//# sourceMappingURL=injectQueuedSignal.d.ts.map

package/dist/queuer/injectQueuedSignal.js

@@ -0,0 +1,47 @@
+import { injectQueuer } from "./injectQueuer.js";
+import { computed } from "@angular/core";
+
+//#region src/queuer/injectQueuedSignal.ts
+/**
+* An Angular function that creates a queuer with managed state, combining Angular's signals with queuing functionality.
+* This function provides both the current queue state and queue control methods.
+*
+* The queue state is automatically updated whenever items are added, removed, or reordered in the queue.
+* All queue operations are reflected in the state array returned by the function.
+*
+* The function returns a callable object:
+* - `queued()`: Get the current queue items as an array
+* - `queued.addItem(...)`: Add an item to the queue
+* - `queued.queue`: The queuer instance with additional control methods
+*
+* @example
+* ```ts
+* // Default behavior - track items
+* const queued = injectQueuedSignal(
+*   (item) => console.log('Processing:', item),
+*   { started: true, wait: 1000 }
+* );
+*
+* // Add items
+* queued.addItem('task1');
+*
+* // Access items
+* console.log(queued()); // ['task1']
+*
+* // Control the queue
+* queued.queuer.start();
+* queued.queuer.stop();
+* ```
+*/
+function injectQueuedSignal(fn, options = {}, selector = (state) => ({ items: state.items })) {
+	const queuer = injectQueuer(fn, options, selector);
+	const items = computed(() => queuer.state().items);
+	return Object.assign(items, {
+		addItem: queuer.addItem.bind(queuer),
+		queuer
+	});
+}
+
+//#endregion
+export { injectQueuedSignal };
+//# sourceMappingURL=injectQueuedSignal.js.map

package/dist/queuer/injectQueuedSignal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectQueuedSignal.js","names":[],"sources":["../../src/queuer/injectQueuedSignal.ts"],"sourcesContent":["import { computed } from '@angular/core'\nimport { injectQueuer } from './injectQueuer'\nimport type { AngularQueuer } from './injectQueuer'\nimport type { QueuerOptions, QueuerState } from '@tanstack/pacer/queuer'\n\nexport type QueuedSignal<TValue, TSelected = {}> = (() => Array<TValue>) & {\n  /**\n   * Add an item to the queue.\n   */\n  readonly addItem: AngularQueuer<TValue, TSelected>['addItem']\n  /**\n   * The queuer instance with additional control methods and state signals.\n   */\n  readonly queuer: AngularQueuer<TValue, TSelected>\n}\n\n/**\n * An Angular function that creates a queuer with managed state, combining Angular's signals with queuing functionality.\n * This function provides both the current queue state and queue control methods.\n *\n * The queue state is automatically updated whenever items are added, removed, or reordered in the queue.\n * All queue operations are reflected in the state array returned by the function.\n *\n * The function returns a callable object:\n * - `queued()`: Get the current queue items as an array\n * - `queued.addItem(...)`: Add an item to the queue\n * - `queued.queue`: The queuer instance with additional control methods\n *\n * @example\n * ```ts\n * // Default behavior - track items\n * const queued = injectQueuedSignal(\n *   (item) => console.log('Processing:', item),\n *   { started: true, wait: 1000 }\n * );\n *\n * // Add items\n * queued.addItem('task1');\n *\n * // Access items\n * console.log(queued()); // ['task1']\n *\n * // Control the queue\n * queued.queuer.start();\n * queued.queuer.stop();\n * ```\n */\nexport function injectQueuedSignal<\n  TValue,\n  TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<\n    QueuerState<TValue>,\n    'items'\n  >,\n>(\n  fn: (item: TValue) => void,\n  options: QueuerOptions<TValue> = {},\n  selector: (state: QueuerState<TValue>) => TSelected = (state) =>\n    ({ items: state.items }) as TSelected,\n): QueuedSignal<TValue, TSelected> {\n  const queuer = injectQueuer(fn, options, selector)\n\n  const items = computed(() => queuer.state().items as Array<TValue>)\n\n  const queued = Object.assign(items, {\n    addItem: queuer.addItem.bind(queuer),\n    queuer,\n  }) as QueuedSignal<TValue, TSelected>\n\n  return queued\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,mBAOd,IACA,UAAiC,EAAE,EACnC,YAAuD,WACpD,EAAE,OAAO,MAAM,OAAO,GACQ;CACjC,MAAM,SAAS,aAAa,IAAI,SAAS,SAAS;CAElD,MAAM,QAAQ,eAAe,OAAO,OAAO,CAAC,MAAuB;AAOnE,QALe,OAAO,OAAO,OAAO;EAClC,SAAS,OAAO,QAAQ,KAAK,OAAO;EACpC;EACD,CAAC"}

package/dist/queuer/injectQueuedValue.cjs

@@ -0,0 +1,23 @@
+const require_injectQueuedSignal = require('./injectQueuedSignal.cjs');
+let _angular_core = require("@angular/core");
+
+//#region src/queuer/injectQueuedValue.ts
+function injectQueuedValue(value, initialValueOrOptions, initialOptionsOrSelector, maybeSelector) {
+	const hasInitialValue = initialOptionsOrSelector !== void 0 && !(typeof initialOptionsOrSelector === "function") || maybeSelector !== void 0;
+	const initialValue = hasInitialValue ? initialValueOrOptions : value();
+	const initialOptions = hasInitialValue ? initialOptionsOrSelector : initialValueOrOptions;
+	const selector = hasInitialValue ? maybeSelector : initialOptionsOrSelector;
+	const linkedValue = (0, _angular_core.linkedSignal)(() => value());
+	const queuedValue = (0, _angular_core.signal)(initialValue);
+	const queued = require_injectQueuedSignal.injectQueuedSignal((item) => {
+		queuedValue.set(item);
+	}, initialOptions, selector);
+	(0, _angular_core.effect)(() => {
+		queued.addItem(linkedValue());
+	});
+	return queued;
+}
+
+//#endregion
+exports.injectQueuedValue = injectQueuedValue;
+//# sourceMappingURL=injectQueuedValue.cjs.map

package/dist/queuer/injectQueuedValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectQueuedValue.cjs","names":["injectQueuedSignal"],"sources":["../../src/queuer/injectQueuedValue.ts"],"sourcesContent":["import { effect, linkedSignal, signal } from '@angular/core'\nimport { injectQueuedSignal } from './injectQueuedSignal'\nimport type { QueuedSignal } from './injectQueuedSignal'\nimport type { Signal } from '@angular/core'\nimport type { QueuerOptions, QueuerState } from '@tanstack/pacer/queuer'\n\n/**\n * An Angular function that creates a queued value that processes state changes in order with an optional delay.\n * This function uses injectQueuedSignal internally to manage a queue of state changes and apply them sequentially.\n *\n * The queued value will process changes in the order they are received, with optional delays between\n * processing each change. This is useful for handling state updates that need to be processed\n * in a specific order, like animations or sequential UI updates.\n *\n * The function returns a tuple containing:\n * - A Signal that provides the current queued value\n * - The queuer instance with control methods\n *\n * @example\n * ```ts\n * const initialValue = signal('initial')\n * const queued = injectQueuedValue(initialValue, {\n *   wait: 500,\n *   started: true,\n * })\n *\n * // Add changes to the queue\n * queued.addItem('new value')\n * ```\n */\nexport function injectQueuedValue<\n  TValue,\n  TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<\n    QueuerState<TValue>,\n    'items'\n  >,\n>(\n  value: Signal<TValue>,\n  options?: QueuerOptions<TValue>,\n  selector?: (state: QueuerState<TValue>) => TSelected,\n): QueuedSignal<TValue, TSelected>\nexport function injectQueuedValue<\n  TValue,\n  TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<\n    QueuerState<TValue>,\n    'items'\n  >,\n>(\n  value: Signal<TValue>,\n  initialValue: TValue,\n  options?: QueuerOptions<TValue>,\n  selector?: (state: QueuerState<TValue>) => TSelected,\n): QueuedSignal<TValue, TSelected>\nexport function injectQueuedValue<\n  TValue,\n  TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<\n    QueuerState<TValue>,\n    'items'\n  >,\n>(\n  value: Signal<TValue>,\n  initialValueOrOptions?: TValue | QueuerOptions<TValue>,\n  initialOptionsOrSelector?:\n    | QueuerOptions<TValue>\n    | ((state: QueuerState<TValue>) => TSelected),\n  maybeSelector?: (state: QueuerState<TValue>) => TSelected,\n): QueuedSignal<TValue, TSelected> {\n  const hasSelector = typeof initialOptionsOrSelector === 'function'\n  const hasInitialValue =\n    (initialOptionsOrSelector !== undefined && !hasSelector) ||\n    maybeSelector !== undefined\n\n  const initialValue = hasInitialValue\n    ? (initialValueOrOptions as TValue)\n    : value()\n  const initialOptions = hasInitialValue\n    ? (initialOptionsOrSelector as QueuerOptions<TValue>)\n    : (initialValueOrOptions as QueuerOptions<TValue>)\n  const selector = hasInitialValue\n    ? maybeSelector\n    : (initialOptionsOrSelector as\n        | ((state: QueuerState<TValue>) => TSelected)\n        | undefined)\n\n  const linkedValue = linkedSignal(() => value())\n  const queuedValue = signal<TValue>(initialValue)\n\n  const queued = injectQueuedSignal(\n    (item) => {\n      queuedValue.set(item)\n    },\n    initialOptions,\n    selector,\n  )\n\n  effect(() => {\n    queued.addItem(linkedValue())\n  })\n\n  return queued\n}\n"],"mappings":";;;;AAqDA,SAAgB,kBAOd,OACA,uBACA,0BAGA,eACiC;CAEjC,MAAM,kBACH,6BAA6B,UAAa,EAFzB,OAAO,6BAA6B,eAGtD,kBAAkB;CAEpB,MAAM,eAAe,kBAChB,wBACD,OAAO;CACX,MAAM,iBAAiB,kBAClB,2BACA;CACL,MAAM,WAAW,kBACb,gBACC;CAIL,MAAM,oDAAiC,OAAO,CAAC;CAC/C,MAAM,wCAA6B,aAAa;CAEhD,MAAM,SAASA,+CACZ,SAAS;AACR,cAAY,IAAI,KAAK;IAEvB,gBACA,SACD;AAED,iCAAa;AACX,SAAO,QAAQ,aAAa,CAAC;GAC7B;AAEF,QAAO"}

package/dist/queuer/injectQueuedValue.d.cts

@@ -0,0 +1,34 @@
+import { QueuedSignal } from "./injectQueuedSignal.cjs";
+import { Signal } from "@angular/core";
+import { QueuerOptions, QueuerState } from "@tanstack/pacer/queuer";
+
+//#region src/queuer/injectQueuedValue.d.ts
+/**
+ * An Angular function that creates a queued value that processes state changes in order with an optional delay.
+ * This function uses injectQueuedSignal internally to manage a queue of state changes and apply them sequentially.
+ *
+ * The queued value will process changes in the order they are received, with optional delays between
+ * processing each change. This is useful for handling state updates that need to be processed
+ * in a specific order, like animations or sequential UI updates.
+ *
+ * The function returns a tuple containing:
+ * - A Signal that provides the current queued value
+ * - The queuer instance with control methods
+ *
+ * @example
+ * ```ts
+ * const initialValue = signal('initial')
+ * const queued = injectQueuedValue(initialValue, {
+ *   wait: 500,
+ *   started: true,
+ * })
+ *
+ * // Add changes to the queue
+ * queued.addItem('new value')
+ * ```
+ */
+declare function injectQueuedValue<TValue, TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<QueuerState<TValue>, 'items'>>(value: Signal<TValue>, options?: QueuerOptions<TValue>, selector?: (state: QueuerState<TValue>) => TSelected): QueuedSignal<TValue, TSelected>;
+declare function injectQueuedValue<TValue, TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<QueuerState<TValue>, 'items'>>(value: Signal<TValue>, initialValue: TValue, options?: QueuerOptions<TValue>, selector?: (state: QueuerState<TValue>) => TSelected): QueuedSignal<TValue, TSelected>;
+//#endregion
+export { injectQueuedValue };
+//# sourceMappingURL=injectQueuedValue.d.cts.map

package/dist/queuer/injectQueuedValue.d.ts

@@ -0,0 +1,34 @@
+import { QueuedSignal } from "./injectQueuedSignal.js";
+import { Signal } from "@angular/core";
+import { QueuerOptions, QueuerState } from "@tanstack/pacer/queuer";
+
+//#region src/queuer/injectQueuedValue.d.ts
+/**
+ * An Angular function that creates a queued value that processes state changes in order with an optional delay.
+ * This function uses injectQueuedSignal internally to manage a queue of state changes and apply them sequentially.
+ *
+ * The queued value will process changes in the order they are received, with optional delays between
+ * processing each change. This is useful for handling state updates that need to be processed
+ * in a specific order, like animations or sequential UI updates.
+ *
+ * The function returns a tuple containing:
+ * - A Signal that provides the current queued value
+ * - The queuer instance with control methods
+ *
+ * @example
+ * ```ts
+ * const initialValue = signal('initial')
+ * const queued = injectQueuedValue(initialValue, {
+ *   wait: 500,
+ *   started: true,
+ * })
+ *
+ * // Add changes to the queue
+ * queued.addItem('new value')
+ * ```
+ */
+declare function injectQueuedValue<TValue, TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<QueuerState<TValue>, 'items'>>(value: Signal<TValue>, options?: QueuerOptions<TValue>, selector?: (state: QueuerState<TValue>) => TSelected): QueuedSignal<TValue, TSelected>;
+declare function injectQueuedValue<TValue, TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<QueuerState<TValue>, 'items'>>(value: Signal<TValue>, initialValue: TValue, options?: QueuerOptions<TValue>, selector?: (state: QueuerState<TValue>) => TSelected): QueuedSignal<TValue, TSelected>;
+//#endregion
+export { injectQueuedValue };
+//# sourceMappingURL=injectQueuedValue.d.ts.map

package/dist/queuer/injectQueuedValue.js

@@ -0,0 +1,23 @@
+import { injectQueuedSignal } from "./injectQueuedSignal.js";
+import { effect, linkedSignal, signal } from "@angular/core";
+
+//#region src/queuer/injectQueuedValue.ts
+function injectQueuedValue(value, initialValueOrOptions, initialOptionsOrSelector, maybeSelector) {
+	const hasInitialValue = initialOptionsOrSelector !== void 0 && !(typeof initialOptionsOrSelector === "function") || maybeSelector !== void 0;
+	const initialValue = hasInitialValue ? initialValueOrOptions : value();
+	const initialOptions = hasInitialValue ? initialOptionsOrSelector : initialValueOrOptions;
+	const selector = hasInitialValue ? maybeSelector : initialOptionsOrSelector;
+	const linkedValue = linkedSignal(() => value());
+	const queuedValue = signal(initialValue);
+	const queued = injectQueuedSignal((item) => {
+		queuedValue.set(item);
+	}, initialOptions, selector);
+	effect(() => {
+		queued.addItem(linkedValue());
+	});
+	return queued;
+}
+
+//#endregion
+export { injectQueuedValue };
+//# sourceMappingURL=injectQueuedValue.js.map

package/dist/queuer/injectQueuedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectQueuedValue.js","names":[],"sources":["../../src/queuer/injectQueuedValue.ts"],"sourcesContent":["import { effect, linkedSignal, signal } from '@angular/core'\nimport { injectQueuedSignal } from './injectQueuedSignal'\nimport type { QueuedSignal } from './injectQueuedSignal'\nimport type { Signal } from '@angular/core'\nimport type { QueuerOptions, QueuerState } from '@tanstack/pacer/queuer'\n\n/**\n * An Angular function that creates a queued value that processes state changes in order with an optional delay.\n * This function uses injectQueuedSignal internally to manage a queue of state changes and apply them sequentially.\n *\n * The queued value will process changes in the order they are received, with optional delays between\n * processing each change. This is useful for handling state updates that need to be processed\n * in a specific order, like animations or sequential UI updates.\n *\n * The function returns a tuple containing:\n * - A Signal that provides the current queued value\n * - The queuer instance with control methods\n *\n * @example\n * ```ts\n * const initialValue = signal('initial')\n * const queued = injectQueuedValue(initialValue, {\n *   wait: 500,\n *   started: true,\n * })\n *\n * // Add changes to the queue\n * queued.addItem('new value')\n * ```\n */\nexport function injectQueuedValue<\n  TValue,\n  TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<\n    QueuerState<TValue>,\n    'items'\n  >,\n>(\n  value: Signal<TValue>,\n  options?: QueuerOptions<TValue>,\n  selector?: (state: QueuerState<TValue>) => TSelected,\n): QueuedSignal<TValue, TSelected>\nexport function injectQueuedValue<\n  TValue,\n  TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<\n    QueuerState<TValue>,\n    'items'\n  >,\n>(\n  value: Signal<TValue>,\n  initialValue: TValue,\n  options?: QueuerOptions<TValue>,\n  selector?: (state: QueuerState<TValue>) => TSelected,\n): QueuedSignal<TValue, TSelected>\nexport function injectQueuedValue<\n  TValue,\n  TSelected extends Pick<QueuerState<TValue>, 'items'> = Pick<\n    QueuerState<TValue>,\n    'items'\n  >,\n>(\n  value: Signal<TValue>,\n  initialValueOrOptions?: TValue | QueuerOptions<TValue>,\n  initialOptionsOrSelector?:\n    | QueuerOptions<TValue>\n    | ((state: QueuerState<TValue>) => TSelected),\n  maybeSelector?: (state: QueuerState<TValue>) => TSelected,\n): QueuedSignal<TValue, TSelected> {\n  const hasSelector = typeof initialOptionsOrSelector === 'function'\n  const hasInitialValue =\n    (initialOptionsOrSelector !== undefined && !hasSelector) ||\n    maybeSelector !== undefined\n\n  const initialValue = hasInitialValue\n    ? (initialValueOrOptions as TValue)\n    : value()\n  const initialOptions = hasInitialValue\n    ? (initialOptionsOrSelector as QueuerOptions<TValue>)\n    : (initialValueOrOptions as QueuerOptions<TValue>)\n  const selector = hasInitialValue\n    ? maybeSelector\n    : (initialOptionsOrSelector as\n        | ((state: QueuerState<TValue>) => TSelected)\n        | undefined)\n\n  const linkedValue = linkedSignal(() => value())\n  const queuedValue = signal<TValue>(initialValue)\n\n  const queued = injectQueuedSignal(\n    (item) => {\n      queuedValue.set(item)\n    },\n    initialOptions,\n    selector,\n  )\n\n  effect(() => {\n    queued.addItem(linkedValue())\n  })\n\n  return queued\n}\n"],"mappings":";;;;AAqDA,SAAgB,kBAOd,OACA,uBACA,0BAGA,eACiC;CAEjC,MAAM,kBACH,6BAA6B,UAAa,EAFzB,OAAO,6BAA6B,eAGtD,kBAAkB;CAEpB,MAAM,eAAe,kBAChB,wBACD,OAAO;CACX,MAAM,iBAAiB,kBAClB,2BACA;CACL,MAAM,WAAW,kBACb,gBACC;CAIL,MAAM,cAAc,mBAAmB,OAAO,CAAC;CAC/C,MAAM,cAAc,OAAe,aAAa;CAEhD,MAAM,SAAS,oBACZ,SAAS;AACR,cAAY,IAAI,KAAK;IAEvB,gBACA,SACD;AAED,cAAa;AACX,SAAO,QAAQ,aAAa,CAAC;GAC7B;AAEF,QAAO"}

package/dist/queuer/injectQueuer.cjs

@@ -0,0 +1,61 @@
+const require_pacer_context = require('../provider/pacer-context.cjs');
+let _tanstack_angular_store = require("@tanstack/angular-store");
+let _tanstack_pacer_queuer = require("@tanstack/pacer/queuer");
+
+//#region src/queuer/injectQueuer.ts
+/**
+* An Angular function that creates and manages a Queuer instance.
+*
+* This is a lower-level function that provides direct access to the Queuer's functionality.
+* This allows you to integrate it with any state management solution you prefer.
+*
+* The Queuer processes items synchronously in order, with optional delays between processing each item.
+* The queuer includes an internal tick mechanism that can be started and stopped, making it useful as a scheduler.
+*
+* ## State Management and Selector
+*
+* The function uses TanStack Store for state management and wraps it with Angular signals.
+* The `selector` parameter allows you to specify which state changes will trigger signal updates,
+* optimizing performance by preventing unnecessary updates when irrelevant state changes occur.
+*
+* **By default, there will be no reactive state subscriptions** and you must opt-in to state
+* tracking by providing a selector function. This prevents unnecessary updates and gives you
+* full control over when your component tracks state changes.
+*
+* @example
+* ```ts
+* // Default behavior - no reactive state subscriptions
+* const queue = injectQueuer(
+*   (item) => console.log('Processing:', item),
+*   { started: true, wait: 1000 }
+* );
+*
+* // Opt-in to track queue contents changes
+* const queue = injectQueuer(
+*   (item) => console.log('Processing:', item),
+*   { started: true, wait: 1000 },
+*   (state) => ({ items: state.items, size: state.size })
+* );
+*
+* // Add items
+* queue.addItem('task1');
+*
+* // Access the selected state
+* const { items, isRunning } = queue.state();
+* ```
+*/
+function injectQueuer(fn, options = {}, selector = () => ({})) {
+	const queuer = new _tanstack_pacer_queuer.Queuer(fn, {
+		...require_pacer_context.injectPacerOptions().queuer,
+		...options
+	});
+	const state = (0, _tanstack_angular_store.injectStore)(queuer.store, selector);
+	return {
+		...queuer,
+		state
+	};
+}
+
+//#endregion
+exports.injectQueuer = injectQueuer;
+//# sourceMappingURL=injectQueuer.cjs.map

package/dist/queuer/injectQueuer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectQueuer.cjs","names":["Queuer","injectPacerOptions"],"sources":["../../src/queuer/injectQueuer.ts"],"sourcesContent":["import { injectStore } from '@tanstack/angular-store'\nimport { Queuer } from '@tanstack/pacer/queuer'\nimport { injectPacerOptions } from '../provider/pacer-context'\nimport type { Signal } from '@angular/core'\nimport type { Store } from '@tanstack/store'\nimport type { QueuerOptions, QueuerState } from '@tanstack/pacer/queuer'\n\nexport interface AngularQueuer<TValue, TSelected = {}> extends Omit<\n  Queuer<TValue>,\n  'store'\n> {\n  /**\n   * Reactive state signal that will be updated when the queuer state changes\n   *\n   * Use this instead of `queuer.store.state`\n   */\n  readonly state: Signal<Readonly<TSelected>>\n  /**\n   * @deprecated Use `queuer.state` instead of `queuer.store.state` if you want to read reactive state.\n   * The state on the store object is not reactive in Angular signals.\n   */\n  readonly store: Store<Readonly<QueuerState<TValue>>>\n}\n\n/**\n * An Angular function that creates and manages a Queuer instance.\n *\n * This is a lower-level function that provides direct access to the Queuer's functionality.\n * This allows you to integrate it with any state management solution you prefer.\n *\n * The Queuer processes items synchronously in order, with optional delays between processing each item.\n * The queuer includes an internal tick mechanism that can be started and stopped, making it useful as a scheduler.\n *\n * ## State Management and Selector\n *\n * The function uses TanStack Store for state management and wraps it with Angular signals.\n * The `selector` parameter allows you to specify which state changes will trigger signal updates,\n * optimizing performance by preventing unnecessary updates when irrelevant state changes occur.\n *\n * **By default, there will be no reactive state subscriptions** and you must opt-in to state\n * tracking by providing a selector function. This prevents unnecessary updates and gives you\n * full control over when your component tracks state changes.\n *\n * @example\n * ```ts\n * // Default behavior - no reactive state subscriptions\n * const queue = injectQueuer(\n *   (item) => console.log('Processing:', item),\n *   { started: true, wait: 1000 }\n * );\n *\n * // Opt-in to track queue contents changes\n * const queue = injectQueuer(\n *   (item) => console.log('Processing:', item),\n *   { started: true, wait: 1000 },\n *   (state) => ({ items: state.items, size: state.size })\n * );\n *\n * // Add items\n * queue.addItem('task1');\n *\n * // Access the selected state\n * const { items, isRunning } = queue.state();\n * ```\n */\nexport function injectQueuer<TValue, TSelected = {}>(\n  fn: (item: TValue) => void,\n  options: QueuerOptions<TValue> = {},\n  selector: (state: QueuerState<TValue>) => TSelected = () => ({}) as TSelected,\n): AngularQueuer<TValue, TSelected> {\n  const mergedOptions = {\n    ...injectPacerOptions().queuer,\n    ...options,\n  } as QueuerOptions<TValue>\n\n  const queuer = new Queuer<TValue>(fn, mergedOptions)\n  const state = injectStore(queuer.store, selector)\n\n  return {\n    ...queuer,\n    state,\n  } as AngularQueuer<TValue, TSelected>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,SAAgB,aACd,IACA,UAAiC,EAAE,EACnC,kBAA6D,EAAE,GAC7B;CAMlC,MAAM,SAAS,IAAIA,8BAAe,IALZ;EACpB,GAAGC,0CAAoB,CAAC;EACxB,GAAG;EACJ,CAEmD;CACpD,MAAM,iDAAoB,OAAO,OAAO,SAAS;AAEjD,QAAO;EACL,GAAG;EACH;EACD"}

package/dist/queuer/injectQueuer.d.cts

@@ -0,0 +1,63 @@
+import { Signal } from "@angular/core";
+import { Store } from "@tanstack/store";
+import { Queuer, QueuerOptions, QueuerState } from "@tanstack/pacer/queuer";
+
+//#region src/queuer/injectQueuer.d.ts
+interface AngularQueuer<TValue, TSelected = {}> extends Omit<Queuer<TValue>, 'store'> {
+  /**
+   * Reactive state signal that will be updated when the queuer state changes
+   *
+   * Use this instead of `queuer.store.state`
+   */
+  readonly state: Signal<Readonly<TSelected>>;
+  /**
+   * @deprecated Use `queuer.state` instead of `queuer.store.state` if you want to read reactive state.
+   * The state on the store object is not reactive in Angular signals.
+   */
+  readonly store: Store<Readonly<QueuerState<TValue>>>;
+}
+/**
+ * An Angular function that creates and manages a Queuer instance.
+ *
+ * This is a lower-level function that provides direct access to the Queuer's functionality.
+ * This allows you to integrate it with any state management solution you prefer.
+ *
+ * The Queuer processes items synchronously in order, with optional delays between processing each item.
+ * The queuer includes an internal tick mechanism that can be started and stopped, making it useful as a scheduler.
+ *
+ * ## State Management and Selector
+ *
+ * The function uses TanStack Store for state management and wraps it with Angular signals.
+ * The `selector` parameter allows you to specify which state changes will trigger signal updates,
+ * optimizing performance by preventing unnecessary updates when irrelevant state changes occur.
+ *
+ * **By default, there will be no reactive state subscriptions** and you must opt-in to state
+ * tracking by providing a selector function. This prevents unnecessary updates and gives you
+ * full control over when your component tracks state changes.
+ *
+ * @example
+ * ```ts
+ * // Default behavior - no reactive state subscriptions
+ * const queue = injectQueuer(
+ *   (item) => console.log('Processing:', item),
+ *   { started: true, wait: 1000 }
+ * );
+ *
+ * // Opt-in to track queue contents changes
+ * const queue = injectQueuer(
+ *   (item) => console.log('Processing:', item),
+ *   { started: true, wait: 1000 },
+ *   (state) => ({ items: state.items, size: state.size })
+ * );
+ *
+ * // Add items
+ * queue.addItem('task1');
+ *
+ * // Access the selected state
+ * const { items, isRunning } = queue.state();
+ * ```
+ */
+declare function injectQueuer<TValue, TSelected = {}>(fn: (item: TValue) => void, options?: QueuerOptions<TValue>, selector?: (state: QueuerState<TValue>) => TSelected): AngularQueuer<TValue, TSelected>;
+//#endregion
+export { AngularQueuer, injectQueuer };
+//# sourceMappingURL=injectQueuer.d.cts.map

package/dist/queuer/injectQueuer.d.ts

@@ -0,0 +1,63 @@
+import { Signal } from "@angular/core";
+import { Queuer, QueuerOptions, QueuerState } from "@tanstack/pacer/queuer";
+import { Store } from "@tanstack/store";
+
+//#region src/queuer/injectQueuer.d.ts
+interface AngularQueuer<TValue, TSelected = {}> extends Omit<Queuer<TValue>, 'store'> {
+  /**
+   * Reactive state signal that will be updated when the queuer state changes
+   *
+   * Use this instead of `queuer.store.state`
+   */
+  readonly state: Signal<Readonly<TSelected>>;
+  /**
+   * @deprecated Use `queuer.state` instead of `queuer.store.state` if you want to read reactive state.
+   * The state on the store object is not reactive in Angular signals.
+   */
+  readonly store: Store<Readonly<QueuerState<TValue>>>;
+}
+/**
+ * An Angular function that creates and manages a Queuer instance.
+ *
+ * This is a lower-level function that provides direct access to the Queuer's functionality.
+ * This allows you to integrate it with any state management solution you prefer.
+ *
+ * The Queuer processes items synchronously in order, with optional delays between processing each item.
+ * The queuer includes an internal tick mechanism that can be started and stopped, making it useful as a scheduler.
+ *
+ * ## State Management and Selector
+ *
+ * The function uses TanStack Store for state management and wraps it with Angular signals.
+ * The `selector` parameter allows you to specify which state changes will trigger signal updates,
+ * optimizing performance by preventing unnecessary updates when irrelevant state changes occur.
+ *
+ * **By default, there will be no reactive state subscriptions** and you must opt-in to state
+ * tracking by providing a selector function. This prevents unnecessary updates and gives you
+ * full control over when your component tracks state changes.
+ *
+ * @example
+ * ```ts
+ * // Default behavior - no reactive state subscriptions
+ * const queue = injectQueuer(
+ *   (item) => console.log('Processing:', item),
+ *   { started: true, wait: 1000 }
+ * );
+ *
+ * // Opt-in to track queue contents changes
+ * const queue = injectQueuer(
+ *   (item) => console.log('Processing:', item),
+ *   { started: true, wait: 1000 },
+ *   (state) => ({ items: state.items, size: state.size })
+ * );
+ *
+ * // Add items
+ * queue.addItem('task1');
+ *
+ * // Access the selected state
+ * const { items, isRunning } = queue.state();
+ * ```
+ */
+declare function injectQueuer<TValue, TSelected = {}>(fn: (item: TValue) => void, options?: QueuerOptions<TValue>, selector?: (state: QueuerState<TValue>) => TSelected): AngularQueuer<TValue, TSelected>;
+//#endregion
+export { AngularQueuer, injectQueuer };
+//# sourceMappingURL=injectQueuer.d.ts.map

package/dist/queuer/injectQueuer.js

@@ -0,0 +1,61 @@
+import { injectPacerOptions } from "../provider/pacer-context.js";
+import { injectStore } from "@tanstack/angular-store";
+import { Queuer } from "@tanstack/pacer/queuer";
+
+//#region src/queuer/injectQueuer.ts
+/**
+* An Angular function that creates and manages a Queuer instance.
+*
+* This is a lower-level function that provides direct access to the Queuer's functionality.
+* This allows you to integrate it with any state management solution you prefer.
+*
+* The Queuer processes items synchronously in order, with optional delays between processing each item.
+* The queuer includes an internal tick mechanism that can be started and stopped, making it useful as a scheduler.
+*
+* ## State Management and Selector
+*
+* The function uses TanStack Store for state management and wraps it with Angular signals.
+* The `selector` parameter allows you to specify which state changes will trigger signal updates,
+* optimizing performance by preventing unnecessary updates when irrelevant state changes occur.
+*
+* **By default, there will be no reactive state subscriptions** and you must opt-in to state
+* tracking by providing a selector function. This prevents unnecessary updates and gives you
+* full control over when your component tracks state changes.
+*
+* @example
+* ```ts
+* // Default behavior - no reactive state subscriptions
+* const queue = injectQueuer(
+*   (item) => console.log('Processing:', item),
+*   { started: true, wait: 1000 }
+* );
+*
+* // Opt-in to track queue contents changes
+* const queue = injectQueuer(
+*   (item) => console.log('Processing:', item),
+*   { started: true, wait: 1000 },
+*   (state) => ({ items: state.items, size: state.size })
+* );
+*
+* // Add items
+* queue.addItem('task1');
+*
+* // Access the selected state
+* const { items, isRunning } = queue.state();
+* ```
+*/
+function injectQueuer(fn, options = {}, selector = () => ({})) {
+	const queuer = new Queuer(fn, {
+		...injectPacerOptions().queuer,
+		...options
+	});
+	const state = injectStore(queuer.store, selector);
+	return {
+		...queuer,
+		state
+	};
+}
+
+//#endregion
+export { injectQueuer };
+//# sourceMappingURL=injectQueuer.js.map

package/dist/queuer/injectQueuer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectQueuer.js","names":[],"sources":["../../src/queuer/injectQueuer.ts"],"sourcesContent":["import { injectStore } from '@tanstack/angular-store'\nimport { Queuer } from '@tanstack/pacer/queuer'\nimport { injectPacerOptions } from '../provider/pacer-context'\nimport type { Signal } from '@angular/core'\nimport type { Store } from '@tanstack/store'\nimport type { QueuerOptions, QueuerState } from '@tanstack/pacer/queuer'\n\nexport interface AngularQueuer<TValue, TSelected = {}> extends Omit<\n  Queuer<TValue>,\n  'store'\n> {\n  /**\n   * Reactive state signal that will be updated when the queuer state changes\n   *\n   * Use this instead of `queuer.store.state`\n   */\n  readonly state: Signal<Readonly<TSelected>>\n  /**\n   * @deprecated Use `queuer.state` instead of `queuer.store.state` if you want to read reactive state.\n   * The state on the store object is not reactive in Angular signals.\n   */\n  readonly store: Store<Readonly<QueuerState<TValue>>>\n}\n\n/**\n * An Angular function that creates and manages a Queuer instance.\n *\n * This is a lower-level function that provides direct access to the Queuer's functionality.\n * This allows you to integrate it with any state management solution you prefer.\n *\n * The Queuer processes items synchronously in order, with optional delays between processing each item.\n * The queuer includes an internal tick mechanism that can be started and stopped, making it useful as a scheduler.\n *\n * ## State Management and Selector\n *\n * The function uses TanStack Store for state management and wraps it with Angular signals.\n * The `selector` parameter allows you to specify which state changes will trigger signal updates,\n * optimizing performance by preventing unnecessary updates when irrelevant state changes occur.\n *\n * **By default, there will be no reactive state subscriptions** and you must opt-in to state\n * tracking by providing a selector function. This prevents unnecessary updates and gives you\n * full control over when your component tracks state changes.\n *\n * @example\n * ```ts\n * // Default behavior - no reactive state subscriptions\n * const queue = injectQueuer(\n *   (item) => console.log('Processing:', item),\n *   { started: true, wait: 1000 }\n * );\n *\n * // Opt-in to track queue contents changes\n * const queue = injectQueuer(\n *   (item) => console.log('Processing:', item),\n *   { started: true, wait: 1000 },\n *   (state) => ({ items: state.items, size: state.size })\n * );\n *\n * // Add items\n * queue.addItem('task1');\n *\n * // Access the selected state\n * const { items, isRunning } = queue.state();\n * ```\n */\nexport function injectQueuer<TValue, TSelected = {}>(\n  fn: (item: TValue) => void,\n  options: QueuerOptions<TValue> = {},\n  selector: (state: QueuerState<TValue>) => TSelected = () => ({}) as TSelected,\n): AngularQueuer<TValue, TSelected> {\n  const mergedOptions = {\n    ...injectPacerOptions().queuer,\n    ...options,\n  } as QueuerOptions<TValue>\n\n  const queuer = new Queuer<TValue>(fn, mergedOptions)\n  const state = injectStore(queuer.store, selector)\n\n  return {\n    ...queuer,\n    state,\n  } as AngularQueuer<TValue, TSelected>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,SAAgB,aACd,IACA,UAAiC,EAAE,EACnC,kBAA6D,EAAE,GAC7B;CAMlC,MAAM,SAAS,IAAI,OAAe,IALZ;EACpB,GAAG,oBAAoB,CAAC;EACxB,GAAG;EACJ,CAEmD;CACpD,MAAM,QAAQ,YAAY,OAAO,OAAO,SAAS;AAEjD,QAAO;EACL,GAAG;EACH;EACD"}

package/dist/rate-limiter/index.cjs

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_injectRateLimiter = require('./injectRateLimiter.cjs');
+const require_injectRateLimitedCallback = require('./injectRateLimitedCallback.cjs');
+const require_injectRateLimitedSignal = require('./injectRateLimitedSignal.cjs');
+const require_injectRateLimitedValue = require('./injectRateLimitedValue.cjs');
+
+exports.injectRateLimitedCallback = require_injectRateLimitedCallback.injectRateLimitedCallback;
+exports.injectRateLimitedSignal = require_injectRateLimitedSignal.injectRateLimitedSignal;
+exports.injectRateLimitedValue = require_injectRateLimitedValue.injectRateLimitedValue;
+exports.injectRateLimiter = require_injectRateLimiter.injectRateLimiter;
+var _tanstack_pacer_rate_limiter = require("@tanstack/pacer/rate-limiter");
+Object.keys(_tanstack_pacer_rate_limiter).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return _tanstack_pacer_rate_limiter[k]; }
+  });
+});