@ssv/ngx.command 4.0.0 → 5.0.0-dev.113

package/README.md

@@ -18,21 +18,22 @@ npm install @ssv/ngx.command
 
 Choose the version corresponding to your Angular version:
 
- | Angular | library |
+ | library | Angular |
  | ------- | ------- |
- | 17+     | 4.x+    |
- | 17+     | 3.x+    |
- | 10+     | 2.x+    |
- | 4 to 9  | 1.x+    |
+ | 5.x+    | 17+     |
+ | 4.x+    | 17+     |
+ | 3.x+    | 17+     |
+ | 2.x+    | 10+     |
+ | 1.x+    | 4 to 9  |
 
 
 # Usage
 
 ## Command
-In order to start working with Command, you need to create a new instance of it.
+Create a new instance of `Command`
 
 ```ts
-import { command, commandAsync } from "@ssv/ngx.command";
+import { command } from "@ssv/ngx.command";
 
 const isValid = signal(false);
 const isValid$ = new BehaviorSubject(false);
@@ -41,12 +42,13 @@ const isValid$ = new BehaviorSubject(false);
 saveCmd = command(() => this.save(), isValid);
 
 // async - returns an observable/promise.
-saveCmd = commandAsync(() => Observable.timer(2000), isValid);
+saveCmd = command(() => Observable.timer(2000), isValid);
 
 // can execute diff ways
 saveCmd = command(() => this.save(), () => isValid()); // reactive fn (signal)
 saveCmd = command(() => this.save(), isValid); // signal
 saveCmd = command(() => this.save(), isValid$); // rx
+saveCmd = command(() => this.save(), false); // boolean (perma disabled)
 ```
 
 ## Command Attribute (Directive)
@@ -124,10 +126,10 @@ Command creator ref, directive which allows creating Command in the template and
 ```html
 @for (hero of heroes; track hero.key) {
   <div #actionCmd="ssvCommandRef" [ssvCommandRef]="{host: this, execute: removeHero$, canExecute: isValid$}" class="button-group">
-    <button [ssvCommand]="actionCmd.command" [ssvCommandParams]="hero">
+    <button [ssvCommand]="actionCmd.command()" [ssvCommandParams]="hero">
       Remove
     </button>
-    <button [ssvCommand]="actionCmd.command" [ssvCommandParams]="hero">
+    <button [ssvCommand]="actionCmd.command()" [ssvCommandParams]="hero">
       Remove
     </button>
   </div>
@@ -141,17 +143,30 @@ In order to use with `NgForm` easily, you can use the following utility method.
 This will make canExecute respond to `form.valid` and for `form.dirty` - also can optionally disable validity or dirty.
 
 ```ts
-import { commandAsync, canExecuteFromNgForm, canExecuteFromSignals } from "@ssv/ngx.command";
+import { command, canExecuteFromNgForm, canExecuteFromSignals } from "@ssv/ngx.command";
 
-loginCmd = commandAsync(x => this.login(), canExecuteFromNgForm(this.form));
+loginCmd = command(x => this.login(), canExecuteFromNgForm(this.form));
 
 // options - disable dirty check
-loginCmd = commandAsync(x => this.login(), canExecuteFromNgForm(this.form, {
+loginCmd = command(x => this.login(), canExecuteFromNgForm(this.form, {
   dirty: false
 }));
 
 // similar functionality using custom signals (or form which provide signals)
-loginCmd = commandAsync(x => this.login(), canExecuteFromSignals({dirty: $dirty, valid: $valid}));
+loginCmd = command(x => this.login(), canExecuteFromSignals({dirty: $dirty, valid: $valid}));
+```
+
+### Command Input (type)
+Simplifies the definition when used as an input.
+
+```ts
+// For a command with a single parameter:
+readonly myCmd = input.required<CommandInput<MyType>>();
+// For a command with multiple parameters:
+readonly myCmd = input.required<CommandInput<[param1: string, param2: number]>>();
+
+// instead of
+readonly myCmd = input.required<Command<(param1: string, param2: number) => unknown>>();
 ```
 
 

package/fesm2022/ssv-ngx.command.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, assertInInjectionContext, inject, Injector, DestroyRef, signal, computed, isSignal, Renderer2, ElementRef, ChangeDetectorRef, input, effect, Directive, NgModule } from '@angular/core';
-import { Subject, Subscription, filter, tap, switchMap, of, finalize, take, catchError, EMPTY, concat, defer, map, distinctUntilChanged, combineLatest } from 'rxjs';
+import { InjectionToken, assertInInjectionContext, inject, Injector, signal, computed, isSignal, Renderer2, ElementRef, ChangeDetectorRef, input, effect, Directive, NgModule } from '@angular/core';
+import { isObservable, lastValueFrom, concat, defer, of, filter, map, distinctUntilChanged, combineLatest } from 'rxjs';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { PristineChangeEvent, StatusChangeEvent } from '@angular/forms';
 
@@ -29,134 +29,87 @@ function provideSsvCommandOptions(options) {
     ];
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-const COMMAND_ASYNC_DEFAULT_OPTIONS = { isAsync: true };
+// todo: remove
 /** Creates an async {@link Command}. Must be used within an injection context.
- * NOTE: this auto injects `DestroyRef` and handles auto destroy. {@link ICommand.autoDestroy} should not be used.
+ * @deprecated Use {@link command} instead, as it handles both sync and async execute functions.
  */
-function commandAsync(execute, canExecute$, opts) {
-    return command(execute, canExecute$, opts ? { ...opts, ...COMMAND_ASYNC_DEFAULT_OPTIONS } : COMMAND_ASYNC_DEFAULT_OPTIONS);
-}
-/** Creates a {@link Command}. Must be used within an injection context.
- * NOTE: this auto injects `DestroyRef` and handles auto destroy. {@link ICommand.autoDestroy} should not be used.
- */
-function command(execute, canExecute$, opts) {
+const commandAsync = command;
+/** Creates a {@link Command}. Must be used within an injection context (or the injector must be provided in the options). */
+function command(execute, canExecute, opts) {
     if (!opts?.injector) {
         assertInInjectionContext(command);
     }
     const injector = opts?.injector ?? inject(Injector);
-    const isAsync = opts?.isAsync ?? false;
-    const destroyRef = injector.get(DestroyRef);
-    const cmd = new Command(execute, canExecute$, isAsync, injector);
-    cmd.autoDestroy = false;
-    destroyRef.onDestroy(() => {
-        // console.warn("[command::destroy]");
-        cmd.destroy();
-    });
+    const cmd = new Command(execute, canExecute, injector);
     return cmd;
 }
 /**
  * Command object used to encapsulate information which is needed to perform an action.
- *
  */
 class Command {
+    _execute;
     get isExecuting() { return this.$isExecuting(); }
     get canExecute() { return this.$canExecute(); }
-    $isExecuting = signal(false, ...(ngDevMode ? [{ debugName: "$isExecuting" }] : []));
-    $canExecute = computed(() => !this.$isExecuting() && this._$canExecute(), ...(ngDevMode ? [{ debugName: "$canExecute" }] : []));
-    _$canExecute;
-    autoDestroy = true;
-    executionPipe$ = new Subject();
-    executionPipe$$ = Subscription.EMPTY;
-    subscribersCount = 0;
+    $isExecuting = signal(false, ...(ngDevMode ? [{ debugName: "$isExecuting" }] : /* istanbul ignore next */ []));
+    $canExecute = computed(() => !this.$isExecuting() && this.#canExecute(), ...(ngDevMode ? [{ debugName: "$canExecute" }] : /* istanbul ignore next */ []));
+    #canExecute;
     /**
      * Creates an instance of Command.
      *
-     * @param execute Execute function to invoke - use `isAsync: true` when `Observable<any>`.
+     * @param execute Execute function to invoke.
      * @param canExecute Observable which determines whether it can execute or not.
-     * @param isAsync Indicates that the execute function is async e.g. Observable.
      * @deprecated Use {@link command} or {@link commandAsync} instead for creating instances.
      */
-    constructor(execute, canExecute$, isAsync, injector) {
-        if (canExecute$) {
-            const canExecute = typeof canExecute$ === "function"
-                ? computed(canExecute$)
-                : canExecute$;
-            this._$canExecute = isSignal(canExecute)
-                ? canExecute
-                : toSignal(canExecute, { initialValue: false, injector });
-        }
-        else {
-            this._$canExecute = signal(true, ...(ngDevMode ? [{ debugName: "_$canExecute" }] : []));
-        }
-        this.executionPipe$$ = this.buildExecutionPipe(execute, isAsync).subscribe();
+    constructor(_execute, canExecute, injector) {
+        this._execute = _execute;
+        this.#canExecute = this.#buildCanExecuteSignal(canExecute, injector);
     }
-    /** Execute function to invoke. */
+    /** Execute function to invoke. Returns Promise if the execute function returns Observable, otherwise returns the original type. */
     execute(...args) {
-        // console.warn("[command::execute]", args);
-        this.executionPipe$.next(args);
-    }
-    /** Disposes all resources held by subscriptions. */
-    destroy() {
-        // console.warn("[command::destroy]");
-        this.executionPipe$$.unsubscribe();
-    }
-    subscribe() {
-        this.subscribersCount++;
-    }
-    unsubscribe() {
-        this.subscribersCount--;
-        // console.log("[command::unsubscribe]", { autoDestroy: this.autoDestroy, subscribersCount: this.subscribersCount });
-        if (this.autoDestroy && this.subscribersCount <= 0) {
-            this.destroy();
+        if (!this.$canExecute()) {
+            throw new Error("Command cannot execute in its current state.");
+            // return Promise.reject() as ReturnType<TExecute>;
         }
-    }
-    buildExecutionPipe(execute, isAsync) {
-        let pipe$ = this.executionPipe$.pipe(
-        // tap(x => console.warn(">>>> executionPipe", this._canExecute)),
-        filter(() => this.$canExecute()), tap(() => {
-            // console.log("[command::executionPipe$] do#1 - set execute", { args: x });
-            this.$isExecuting.set(true);
-        }));
-        const execFn = isAsync
-            ? switchMap(args => {
-                if (args) {
-                    return execute(...args);
-                }
-                return execute();
-            })
-            : tap((args) => {
-                if (args) {
-                    execute(...args);
-                    return;
-                }
-                execute();
-            });
-        pipe$ = pipe$.pipe(switchMap(args => of(args).pipe(execFn, finalize(() => {
-            // console.log("[command::executionPipe$]  finalize inner#1 - set idle");
+        this.$isExecuting.set(true);
+        // console.warn("[command::execute]", args);
+        try {
+            const result = args.length > 0 ? this._execute(...args) : this._execute();
+            if (isObservable(result)) {
+                // Convert observable to promise using lastValueFrom
+                // This ensures fire-and-forget execution without requiring manual subscription
+                // Use defaultValue to handle empty observables (those that complete without emitting)
+                const promise = lastValueFrom(result, { defaultValue: undefined })
+                    .finally(() => this.$isExecuting.set(false));
+                return promise;
+            }
+            else if (result instanceof Promise) {
+                // Return promise with proper cleanup
+                return result
+                    .finally(() => this.$isExecuting.set(false));
+            }
+            // Sync execution
             this.$isExecuting.set(false);
-        }), take(1), catchError(error => {
-            console.error("Unhandled execute error", error);
-            return EMPTY;
-        }))), tap(() => {
-            // console.log("[command::executionPipe$] tap#2 - set idle");
-            // this._isExecuting$.next(false);
+            return result;
+        }
+        catch (err) {
             this.$isExecuting.set(false);
-        }));
-        return pipe$;
+            throw err;
+        }
     }
-}
-/**
- * Async Command object used to encapsulate information which is needed to perform an action,
- * which takes an execute function as Observable/Promise.
- * @deprecated Use {@link commandAsync} instead.
- */
-class CommandAsync extends Command {
-    /**
-     * @deprecated Use {@link commandAsync} instead to create an instance.
-     */
-    constructor(execute, canExecute$) {
-        super(execute, canExecute$, true);
+    #buildCanExecuteSignal(canExecute, injector) {
+        if (canExecute === undefined) {
+            return computed(() => true);
+        }
+        if (isSignal(canExecute)) {
+            return canExecute;
+        }
+        if (typeof canExecute === "function") {
+            return computed(canExecute);
+        }
+        if (typeof canExecute === "boolean") {
+            return computed(() => canExecute);
+        }
+        return toSignal(canExecute, { initialValue: false, injector });
     }
 }
 
@@ -202,6 +155,8 @@ function isAssumedType(x) {
     return x !== null && typeof x === "object";
 }
 
+const NAME_CAMEL$1 = "ssvCommand";
+// let nextUniqueId = 0;
 /**
  * Controls the state of a component in sync with `Command`.
  *
@@ -222,13 +177,20 @@ function isAssumedType(x) {
  * This is useful for collections (loops) or using multiple actions with different args.
  * *NOTE: This will share the `isExecuting` when used with multiple controls.*
  *
- * #### With single param
+ * #### With single param (direct)
  *
  * ```html
- * <button [ssvCommand]="saveCmd" [ssvCommandParams]="{id: 1}">Save</button>
+ * <button [ssvCommand]="saveCmd" [ssvCommandParams]="hero">Save</button>
  * ```
+ *
+ * #### With single param (array)
+ *
+ * ```html
+ * <button [ssvCommand]="saveCmd" [ssvCommandParams]="[hero]">Save</button>
+ * ```
+ *
  * *NOTE: if you have only 1 argument as an array, it should be enclosed within an array e.g. `[['apple', 'banana']]`,
- * else it will spread and you will `arg1: "apple", arg2: "banana"`*
+ * else it will spread and you will get `arg1: "apple", arg2: "banana"`*
  *
  * #### With multi params
  * ```html
@@ -244,8 +206,6 @@ function isAssumedType(x) {
  * ```
  *
  */
-const NAME_CAMEL$1 = "ssvCommand";
-// let nextUniqueId = 0;
 class SsvCommand {
     // readonly id = `${NAME_CAMEL}-${nextUniqueId++}`;
     #options = inject(COMMAND_OPTIONS);
@@ -253,10 +213,8 @@ class SsvCommand {
     #element = inject(ElementRef);
     #cdr = inject(ChangeDetectorRef);
     #injector = inject(Injector);
-    commandOrCreator = input.required(...(ngDevMode ? [{ debugName: "commandOrCreator", alias: `ssvCommand` }] : [{
-            alias: `ssvCommand`
-        }]));
-    ssvCommandOptions = input(this.#options, ...(ngDevMode ? [{ debugName: "ssvCommandOptions" }] : []));
+    commandOrCreator = input.required({ ...(ngDevMode ? { debugName: "commandOrCreator" } : /* istanbul ignore next */ {}), alias: `ssvCommand` });
+    ssvCommandOptions = input(this.#options, ...(ngDevMode ? [{ debugName: "ssvCommandOptions" }] : /* istanbul ignore next */ []));
     commandOptions = computed(() => {
         const value = this.ssvCommandOptions();
         if (value === this.#options) {
@@ -266,61 +224,72 @@ class SsvCommand {
             ...this.#options,
             ...value,
         };
-    }, ...(ngDevMode ? [{ debugName: "commandOptions" }] : []));
-    ssvCommandParams = input(undefined, ...(ngDevMode ? [{ debugName: "ssvCommandParams" }] : []));
-    commandParams = computed(() => this.ssvCommandParams() || this.creatorParams, ...(ngDevMode ? [{ debugName: "commandParams" }] : []));
-    _hostClasses = computed(() => ["ssv-command", this.#executingClass()], ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
-    #executingClass = computed(() => this._command.$isExecuting() ? this.commandOptions().executingCssClass : "", ...(ngDevMode ? [{ debugName: "#executingClass" }] : []));
-    creatorParams = [];
-    get command() { return this._command; }
-    _command;
+    }, ...(ngDevMode ? [{ debugName: "commandOptions" }] : /* istanbul ignore next */ []));
+    ssvCommandParams = input(...(ngDevMode ? [undefined, { debugName: "ssvCommandParams" }] : /* istanbul ignore next */ []));
+    commandParams = computed(() => {
+        const params = this.ssvCommandParams();
+        if (params === undefined) {
+            return this.#creatorParams();
+        }
+        // Normalize single param to array format for consistent handling
+        return this.#normalizeParams(params);
+    }, ...(ngDevMode ? [{ debugName: "commandParams" }] : /* istanbul ignore next */ []));
+    _hostClasses = computed(() => ["ssv-command", this.#executingClass()], ...(ngDevMode ? [{ debugName: "_hostClasses" }] : /* istanbul ignore next */ []));
+    #executingClass = computed(() => this.#command().$isExecuting() ? this.commandOptions().executingCssClass : "", ...(ngDevMode ? [{ debugName: "#executingClass" }] : /* istanbul ignore next */ []));
+    #creatorParams = signal(undefined, ...(ngDevMode ? [{ debugName: "#creatorParams" }] : /* istanbul ignore next */ []));
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    #command = signal(undefined, ...(ngDevMode ? [{ debugName: "#command" }] : /* istanbul ignore next */ []));
+    command = this.#command.asReadonly();
     constructor() {
-        const destroyRef = inject(DestroyRef);
-        destroyRef.onDestroy(() => {
-            this._command?.unsubscribe();
-        });
         effect(() => {
-            const canExecute = this._command.$canExecute();
+            const canExecute = this.#command().$canExecute();
             this.trySetDisabled(!canExecute);
             // console.log("[ssvCommand::canExecute$]", { canExecute: x });
             this.#cdr.markForCheck();
         });
     }
+    // todo: afterNextRender
     ngOnInit() {
         const commandOrCreator = this.commandOrCreator();
         // console.log("[ssvCommand::init]", this.#options);
         if (isCommand(commandOrCreator)) {
-            this._command = commandOrCreator;
+            this.#command.set(commandOrCreator);
         }
         else if (isCommandCreator(commandOrCreator)) {
-            const isAsync = commandOrCreator.isAsync || commandOrCreator.isAsync === undefined;
-            this.creatorParams = commandOrCreator.params;
+            this.#creatorParams.set(this.#normalizeParams(commandOrCreator.params));
             // todo: find something like this for ivy (or angular10+)
             // const hostComponent = (this.viewContainer as any)._view.component;
             const execFn = commandOrCreator.execute.bind(commandOrCreator.host);
             const params = this.commandParams();
-            const canExec = commandOrCreator.canExecute instanceof Function
-                ? commandOrCreator.canExecute.bind(commandOrCreator.host, params)()
-                : commandOrCreator.canExecute;
+            let canExec;
+            if (commandOrCreator.canExecute instanceof Function) {
+                const boundFn = commandOrCreator.canExecute.bind(commandOrCreator.host);
+                const result = Array.isArray(params) ? boundFn(...params) : boundFn();
+                canExec = result;
+            }
+            else {
+                canExec = commandOrCreator.canExecute;
+            }
             // console.log("[ssvCommand::init] command creator", {
             // 	firstParam: params ? params[0] : null,
             // 	params
             // });
-            this._command = command(execFn, canExec, { isAsync, injector: this.#injector });
+            const cmd = command(execFn, canExec, { injector: this.#injector });
+            this.#command.set(cmd);
         }
         else {
             throw new Error(`${NAME_CAMEL$1}: [${NAME_CAMEL$1}] is not defined properly!`);
         }
-        this._command.subscribe();
     }
     _handleClick() {
         const commandParams = this.commandParams();
         // console.log("[ssvCommand::onClick]", commandParams);
         if (Array.isArray(commandParams)) {
-            this._command.execute(...commandParams);
+            this.#command().execute(...commandParams);
         }
         else {
-            this._command.execute(commandParams);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.#command().execute();
         }
     }
     trySetDisabled(disabled) {
@@ -329,10 +298,19 @@ class SsvCommand {
             this.#renderer.setProperty(this.#element.nativeElement, "disabled", disabled);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvCommand, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.7", type: SsvCommand, isStandalone: true, selector: "[ssvCommand]", inputs: { commandOrCreator: { classPropertyName: "commandOrCreator", publicName: "ssvCommand", isSignal: true, isRequired: true, transformFunction: null }, ssvCommandOptions: { classPropertyName: "ssvCommandOptions", publicName: "ssvCommandOptions", isSignal: true, isRequired: false, transformFunction: null }, ssvCommandParams: { classPropertyName: "ssvCommandParams", publicName: "ssvCommandParams", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, properties: { "class": "_hostClasses()" } }, exportAs: ["ssvCommand"], ngImport: i0 });
+    /** Normalizes params to array format for consistent execution */
+    #normalizeParams(params) {
+        // If params is already an array, return as-is
+        if (Array.isArray(params)) {
+            return params;
+        }
+        // Single non-array param - wrap it
+        return [params];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SsvCommand, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: SsvCommand, isStandalone: true, selector: "[ssvCommand]", inputs: { commandOrCreator: { classPropertyName: "commandOrCreator", publicName: "ssvCommand", isSignal: true, isRequired: true, transformFunction: null }, ssvCommandOptions: { classPropertyName: "ssvCommandOptions", publicName: "ssvCommandOptions", isSignal: true, isRequired: false, transformFunction: null }, ssvCommandParams: { classPropertyName: "ssvCommandParams", publicName: "ssvCommandParams", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, properties: { "class": "_hostClasses()" } }, exportAs: ["ssvCommand"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvCommand, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SsvCommand, decorators: [{
             type: Directive,
             args: [{
                     selector: `[${NAME_CAMEL$1}]`,
@@ -340,6 +318,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
                         "[class]": "_hostClasses()",
                         "(click)": "_handleClick()",
                     },
+                    // todo: handle keydown/enter?
                     exportAs: NAME_CAMEL$1,
                     standalone: true,
                 }]
@@ -353,10 +332,10 @@ const NAME_CAMEL = "ssvCommandRef";
  * ### Most common usage
  * ```html
  * <div #actionCmd="ssvCommandRef" [ssvCommandRef]="{host: this, execute: removeHero$, canExecute: isValid$}">
- *    <button [ssvCommand]="actionCmd.command" [ssvCommandParams]="hero">
+ *    <button [ssvCommand]="actionCmd.command()" [ssvCommandParams]="[hero]">
  *      Remove
  *    </button>
- *    <button [ssvCommand]="actionCmd.command" [ssvCommandParams]="hero">
+ *    <button [ssvCommand]="actionCmd.command()" [ssvCommandParams]="[hero]">
  *       Remove
  *    </button>
  * </div>
@@ -365,39 +344,34 @@ const NAME_CAMEL = "ssvCommandRef";
  */
 class SsvCommandRef {
     #injector = inject(Injector);
-    commandCreator = input.required(...(ngDevMode ? [{ debugName: "commandCreator", alias: `ssvCommandRef` }] : [{
-            alias: `ssvCommandRef`
-        }]));
-    get command() { return this._command; }
-    _command;
-    constructor() {
-        const destroyRef = inject(DestroyRef);
-        destroyRef.onDestroy(() => {
-            this._command?.unsubscribe();
-        });
-    }
+    commandCreator = input.required({ ...(ngDevMode ? { debugName: "commandCreator" } : /* istanbul ignore next */ {}), alias: `ssvCommandRef` });
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    #command = signal(undefined, ...(ngDevMode ? [{ debugName: "#command" }] : /* istanbul ignore next */ []));
+    command = this.#command.asReadonly();
+    // todo: use afterNextRender
     ngOnInit() {
-        if (isCommandCreator(this.commandCreator())) {
-            const commandCreator = this.commandCreator();
-            const isAsync = commandCreator.isAsync || commandCreator.isAsync === undefined;
+        const commandOrCreator = this.commandCreator();
+        if (isCommandCreator(commandOrCreator)) {
+            const commandCreator = commandOrCreator;
             const execFn = commandCreator.execute.bind(commandCreator.host);
-            this._command = command(execFn, commandCreator.canExecute, { isAsync, injector: this.#injector });
+            const cmd = command(execFn, commandCreator.canExecute, { injector: this.#injector });
+            this.#command.set(cmd);
         }
         else {
             throw new Error(`${NAME_CAMEL}: [${NAME_CAMEL}] is not defined properly!`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvCommandRef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.7", type: SsvCommandRef, isStandalone: true, selector: "[ssvCommandRef]", inputs: { commandCreator: { classPropertyName: "commandCreator", publicName: "ssvCommandRef", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ssvCommandRef"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SsvCommandRef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: SsvCommandRef, isStandalone: true, selector: "[ssvCommandRef]", inputs: { commandCreator: { classPropertyName: "commandCreator", publicName: "ssvCommandRef", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ssvCommandRef"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvCommandRef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SsvCommandRef, decorators: [{
             type: Directive,
             args: [{
                     selector: `[${NAME_CAMEL}]`,
                     exportAs: NAME_CAMEL,
                     standalone: true,
                 }]
-        }], ctorParameters: () => [], propDecorators: { commandCreator: [{ type: i0.Input, args: [{ isSignal: true, alias: "ssvCommandRef", required: true }] }] } });
+        }], propDecorators: { commandCreator: [{ type: i0.Input, args: [{ isSignal: true, alias: "ssvCommandRef", required: true }] }] } });
 
 const EXPORTED_IMPORTS = [
     SsvCommand,
@@ -405,13 +379,13 @@ const EXPORTED_IMPORTS = [
 ];
 /** @deprecated Use standalone instead. */
 class SsvCommandModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: SsvCommandModule, imports: [SsvCommand,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SsvCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.2", ngImport: i0, type: SsvCommandModule, imports: [SsvCommand,
             SsvCommandRef], exports: [SsvCommand,
             SsvCommandRef] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvCommandModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SsvCommandModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvCommandModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SsvCommandModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EXPORTED_IMPORTS],
@@ -419,11 +393,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
                 }]
         }] });
 
-const VERSION = "4.0.0";
+const VERSION = "5.0.0-dev.113";
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { COMMAND_OPTIONS, Command, CommandAsync, SsvCommand, SsvCommandModule, SsvCommandRef, VERSION, canExecuteFromNgForm, canExecuteFromSignals, command, commandAsync, isCommand, isCommandCreator, provideSsvCommandOptions };
+export { COMMAND_OPTIONS, Command, SsvCommand, SsvCommandModule, SsvCommandRef, VERSION, canExecuteFromNgForm, canExecuteFromSignals, command, commandAsync, isCommand, isCommandCreator, provideSsvCommandOptions };
 //# sourceMappingURL=ssv-ngx.command.mjs.map

package/fesm2022/ssv-ngx.command.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ssv-ngx.command.mjs","sources":["../../../../libs/ngx.command/src/command.options.ts","../../../../libs/ngx.command/src/command.ts","../../../../libs/ngx.command/src/command.util.ts","../../../../libs/ngx.command/src/command.directive.ts","../../../../libs/ngx.command/src/command-ref.directive.ts","../../../../libs/ngx.command/src/command.module.ts","../../../../libs/ngx.command/src/version.ts","../../../../libs/ngx.command/src/ssv-ngx.command.ts"],"sourcesContent":["import { InjectionToken, type Provider } from \"@angular/core\";\n\nexport interface CommandOptions {\n\t/**\n\t * Css Class which gets added/removed on the Command element's host while Command `isExecuting$`.\n\t */\n\texecutingCssClass: string;\n\n\t/** Determines whether the disabled will be handled by the directive or not.\n\t * Disable handled by directive's doesn't always play nice when used with other component/pipe/directive and they also handle disabled.\n\t * This disables the handling manually and need to pass explicitly `[disabled]=\"!saveCmd.canExecute\"`.\n\t */\n\thandleDisabled: boolean;\n}\n\nconst DEFAULT_OPTIONS = Object.freeze<CommandOptions>({\n\texecutingCssClass: \"executing\",\n\thandleDisabled: true,\n});\n\nexport const COMMAND_OPTIONS = new InjectionToken<CommandOptions>(\"SSV_COMMAND_OPTIONS\", {\n\tfactory: () => DEFAULT_OPTIONS,\n});\n\nexport function provideSsvCommandOptions(\n\toptions: Partial<CommandOptions> | ((defaults: Readonly<CommandOptions>) => Partial<CommandOptions>)\n): Provider[] {\n\treturn [\n\t\t{\n\t\t\tprovide: COMMAND_OPTIONS,\n\t\t\tuseFactory: () => {\n\t\t\t\tlet opts = typeof options === \"function\" ? options(DEFAULT_OPTIONS) : options;\n\t\t\t\topts = opts\n\t\t\t\t\t? {\n\t\t\t\t\t\t...DEFAULT_OPTIONS,\n\t\t\t\t\t\t...opts,\n\t\t\t\t\t}\n\t\t\t\t\t: DEFAULT_OPTIONS;\n\t\t\t\treturn opts;\n\t\t\t},\n\t\t},\n\t];\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n\tObservable, Subscription, Subject, of, EMPTY,\n\ttap, filter, switchMap, catchError, finalize, take,\n} from \"rxjs\";\nimport { toSignal } from \"@angular/core/rxjs-interop\";\nimport type { CanExecute, ExecuteAsyncFn, ExecuteFn, ICommand } from \"./command.model\";\nimport { assertInInjectionContext, computed, DestroyRef, inject, Injector, isSignal, signal, type Signal } from \"@angular/core\";\n\nexport interface CommandCreateOptions {\n\tisAsync: boolean,\n\tinjector?: Injector;\n}\n\nconst COMMAND_ASYNC_DEFAULT_OPTIONS: CommandCreateOptions = { isAsync: true };\n\n/** Creates an async {@link Command}. Must be used within an injection context.\n * NOTE: this auto injects `DestroyRef` and handles auto destroy. {@link ICommand.autoDestroy} should not be used.\n */\nexport function commandAsync(\n\texecute: ExecuteAsyncFn,\n\tcanExecute$?: CanExecute,\n\topts?: Omit<CommandCreateOptions, \"isAsync\">,\n): Command {\n\treturn command(execute, canExecute$, opts ? { ...opts, ...COMMAND_ASYNC_DEFAULT_OPTIONS } : COMMAND_ASYNC_DEFAULT_OPTIONS);\n}\n\n/** Creates a {@link Command}. Must be used within an injection context.\n * NOTE: this auto injects `DestroyRef` and handles auto destroy. {@link ICommand.autoDestroy} should not be used.\n */\nexport function command(\n\texecute: ExecuteFn,\n\tcanExecute$?: CanExecute,\n\topts?: CommandCreateOptions,\n): Command {\n\tif (!opts?.injector) {\n\t\tassertInInjectionContext(command);\n\t}\n\tconst injector = opts?.injector ?? inject(Injector);\n\tconst isAsync = opts?.isAsync ?? false;\n\tconst destroyRef = injector.get(DestroyRef);\n\tconst cmd = new Command(execute, canExecute$, isAsync, injector);\n\tcmd.autoDestroy = false;\n\n\tdestroyRef.onDestroy(() => {\n\t\t// console.warn(\"[command::destroy]\");\n\t\tcmd.destroy();\n\t});\n\treturn cmd;\n}\n\n/**\n * Command object used to encapsulate information which is needed to perform an action.\n *\n */\nexport class Command implements ICommand {\n\n\tget isExecuting(): boolean { return this.$isExecuting(); }\n\n\tget canExecute(): boolean { return this.$canExecute(); }\n\n\treadonly $isExecuting = signal(false);\n\treadonly $canExecute = computed(() => !this.$isExecuting() && this._$canExecute());\n\n\tprivate readonly _$canExecute: Signal<boolean>;\n\n\tautoDestroy = true;\n\n\tprivate executionPipe$ = new Subject<unknown[] | undefined>();\n\tprivate executionPipe$$ = Subscription.EMPTY;\n\tprivate subscribersCount = 0;\n\n\t/**\n\t * Creates an instance of Command.\n\t *\n\t * @param execute Execute function to invoke - use `isAsync: true` when `Observable<any>`.\n\t * @param canExecute Observable which determines whether it can execute or not.\n\t * @param isAsync Indicates that the execute function is async e.g. Observable.\n\t * @deprecated Use {@link command} or {@link commandAsync} instead for creating instances.\n\t */\n\tconstructor(\n\t\texecute: ExecuteFn,\n\t\tcanExecute$?: CanExecute,\n\t\tisAsync?: boolean,\n\t\tinjector?: Injector,\n\t) {\n\t\tif (canExecute$) {\n\t\t\tconst canExecute = typeof canExecute$ === \"function\"\n\t\t\t\t? computed(canExecute$)\n\t\t\t\t: canExecute$;\n\t\t\tthis._$canExecute = isSignal(canExecute)\n\t\t\t\t? canExecute\n\t\t\t\t: toSignal(canExecute, { initialValue: false, injector });\n\t\t} else {\n\t\t\tthis._$canExecute = signal(true);\n\t\t}\n\t\tthis.executionPipe$$ = this.buildExecutionPipe(execute, isAsync).subscribe();\n\t}\n\n\t/** Execute function to invoke. */\n\texecute(...args: unknown[]): void {\n\t\t// console.warn(\"[command::execute]\", args);\n\t\tthis.executionPipe$.next(args);\n\t}\n\n\t/** Disposes all resources held by subscriptions. */\n\tdestroy(): void {\n\t\t// console.warn(\"[command::destroy]\");\n\t\tthis.executionPipe$$.unsubscribe();\n\t}\n\n\tsubscribe(): void {\n\t\tthis.subscribersCount++;\n\t}\n\n\tunsubscribe(): void {\n\t\tthis.subscribersCount--;\n\t\t// console.log(\"[command::unsubscribe]\", { autoDestroy: this.autoDestroy, subscribersCount: this.subscribersCount });\n\t\tif (this.autoDestroy && this.subscribersCount <= 0) {\n\t\t\tthis.destroy();\n\t\t}\n\t}\n\n\tprivate buildExecutionPipe(execute: (...args: unknown[]) => any, isAsync?: boolean): Observable<unknown> {\n\t\tlet pipe$ = this.executionPipe$.pipe(\n\t\t\t// tap(x => console.warn(\">>>> executionPipe\", this._canExecute)),\n\t\t\tfilter(() => this.$canExecute()),\n\t\t\ttap(() => {\n\t\t\t\t// console.log(\"[command::executionPipe$] do#1 - set execute\", { args: x });\n\t\t\t\tthis.$isExecuting.set(true);\n\t\t\t})\n\t\t);\n\n\t\tconst execFn = isAsync\n\t\t\t? switchMap<unknown[] | undefined, any[]>(args => {\n\t\t\t\tif (args) {\n\t\t\t\t\treturn execute(...args);\n\t\t\t\t}\n\t\t\t\treturn execute();\n\t\t\t})\n\t\t\t: tap((args: unknown[] | undefined) => {\n\t\t\t\tif (args) {\n\t\t\t\t\texecute(...args);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\texecute();\n\t\t\t});\n\n\t\tpipe$ = pipe$.pipe(\n\t\t\tswitchMap(args => of(args).pipe(\n\t\t\t\texecFn,\n\t\t\t\tfinalize(() => {\n\t\t\t\t\t// console.log(\"[command::executionPipe$]  finalize inner#1 - set idle\");\n\t\t\t\t\tthis.$isExecuting.set(false);\n\t\t\t\t}),\n\t\t\t\ttake(1),\n\t\t\t\tcatchError(error => {\n\t\t\t\t\tconsole.error(\"Unhandled execute error\", error);\n\t\t\t\t\treturn EMPTY;\n\t\t\t\t}),\n\t\t\t)),\n\t\t\ttap(() => {\n\t\t\t\t// console.log(\"[command::executionPipe$] tap#2 - set idle\");\n\t\t\t\t// this._isExecuting$.next(false);\n\t\t\t\tthis.$isExecuting.set(false);\n\t\t\t}),\n\t\t);\n\t\treturn pipe$;\n\t}\n\n}\n\n/**\n * Async Command object used to encapsulate information which is needed to perform an action,\n * which takes an execute function as Observable/Promise.\n * @deprecated Use {@link commandAsync} instead.\n */\nexport class CommandAsync extends Command {\n\n\t/**\n\t * @deprecated Use {@link commandAsync} instead to create an instance.\n\t */\n\tconstructor(\n\t\texecute: ExecuteAsyncFn,\n\t\tcanExecute$?: CanExecute,\n\t) {\n\t\tsuper(execute, canExecute$, true);\n\t}\n\n}\n","import { AbstractControl, PristineChangeEvent, StatusChangeEvent } from \"@angular/forms\";\nimport { Observable, map, distinctUntilChanged, filter, combineLatest, of, defer, concat } from \"rxjs\";\n\nimport { CommandCreator, ICommand } from \"./command.model\";\nimport { Command } from \"./command\";\nimport { type Signal, computed } from \"@angular/core\";\n\n/** Determines whether the arg object is of type `Command`. */\nexport function isCommand(arg: unknown): arg is ICommand {\n\treturn arg instanceof Command;\n}\n\n/** Determines whether the arg object is of type `CommandCreator`. */\nexport function isCommandCreator(arg: unknown): arg is CommandCreator {\n\tif (arg instanceof Command) {\n\t\treturn false;\n\t} else if (isAssumedType<CommandCreator>(arg) && arg.execute && arg.host) {\n\t\treturn true;\n\t}\n\treturn false;\n}\n\nexport interface CanExecuteFormOptions {\n\t/** Determines whether to check for validity. (defaults: true) */\n\tvalidity?: boolean;\n\n\t/** Determines whether to check whether UI has been touched. (defaults: true) */\n\tdirty?: boolean;\n}\n\nconst CAN_EXECUTE_FORM_OPTIONS_DEFAULTS = Object.freeze<CanExecuteFormOptions>({\n\tvalidity: true,\n\tdirty: true,\n})\n\n/** Get can execute from form validity/pristine as an observable. */\nexport function canExecuteFromNgForm(\n\tform: AbstractControl,\n\toptions?: CanExecuteFormOptions\n): Observable<boolean> {\n\tconst opts: CanExecuteFormOptions = options ?\n\t\t{ ...CAN_EXECUTE_FORM_OPTIONS_DEFAULTS, ...options }\n\t\t: CAN_EXECUTE_FORM_OPTIONS_DEFAULTS;\n\n\tconst pristine$ = opts.dirty\n\t\t? concat(\n\t\t\tdefer(() => of(form.pristine)),\n\t\t\tform.events.pipe(\n\t\t\t\tfilter(x => x instanceof PristineChangeEvent),\n\t\t\t\tmap(x => x.pristine),\n\t\t\t)\n\t\t).pipe(distinctUntilChanged(),)\n\t\t: of(true);\n\n\tconst valid$ = opts.validity\n\t\t? concat(\n\t\t\tdefer(() => of(form.valid)),\n\t\t\tform.events.pipe(\n\t\t\t\tfilter(x => x instanceof StatusChangeEvent),\n\t\t\t\tmap(x => x.status === \"VALID\"),\n\t\t\t)\n\t\t).pipe(distinctUntilChanged(),)\n\t\t: of(true);\n\n\treturn combineLatest([pristine$, valid$]).pipe(\n\t\tmap(([pristine, valid]) => !!(!opts.validity || valid) && !!(!opts.dirty || !pristine)),\n\t\tdistinctUntilChanged(),\n\t);\n}\n\n/** Can executed based on valid/dirty signal inputs. */\nexport function canExecuteFromSignals(\n\tsignals: { valid: Signal<boolean>, dirty: Signal<boolean> },\n\toptions?: CanExecuteFormOptions\n): Signal<boolean> {\n\tconst opts: CanExecuteFormOptions = options ?\n\t\t{ ...CAN_EXECUTE_FORM_OPTIONS_DEFAULTS, ...options }\n\t\t: CAN_EXECUTE_FORM_OPTIONS_DEFAULTS;\n\treturn computed(() => !!(!opts.validity || signals.valid()) && !!(!opts.dirty || signals.dirty()));\n}\n\n\nfunction isAssumedType<T = Record<string, unknown>>(x: unknown): x is Partial<T> {\n\treturn x !== null && typeof x === \"object\";\n}\n","import {\n\tDirective,\n\tOnInit,\n\tElementRef,\n\tRenderer2,\n\tChangeDetectorRef,\n\tinject,\n\teffect,\n\tinput,\n\tInjector,\n\tcomputed,\n\tDestroyRef,\n} from \"@angular/core\";\n\nimport { type CommandOptions, COMMAND_OPTIONS } from \"./command.options\";\nimport { command } from \"./command\";\nimport { isCommand, isCommandCreator } from \"./command.util\";\nimport { CommandCreator, type ICommand } from \"./command.model\";\n\n/**\n * Controls the state of a component in sync with `Command`.\n *\n * @example\n * ### Most common usage\n * ```html\n * <button [ssvCommand]=\"saveCmd\">Save</button>\n * ```\n *\n *\n * ### Usage with options\n * ```html\n * <button [ssvCommand]=\"saveCmd\" [ssvCommandOptions]=\"{executingCssClass: 'in-progress'}\">Save</button>\n * ```\n *\n *\n * ### Usage with params\n * This is useful for collections (loops) or using multiple actions with different args.\n * *NOTE: This will share the `isExecuting` when used with multiple controls.*\n *\n * #### With single param\n *\n * ```html\n * <button [ssvCommand]=\"saveCmd\" [ssvCommandParams]=\"{id: 1}\">Save</button>\n * ```\n * *NOTE: if you have only 1 argument as an array, it should be enclosed within an array e.g. `[['apple', 'banana']]`,\n * else it will spread and you will `arg1: \"apple\", arg2: \"banana\"`*\n *\n * #### With multi params\n * ```html\n * <button [ssvCommand]=\"saveCmd\" [ssvCommandParams]=\"[{id: 1}, 'hello', hero]\">Save</button>\n * ```\n *\n * ### Usage with Command Creator\n * This is useful for collections (loops) or using multiple actions with different args, whilst not sharing `isExecuting`.\n *\n *\n * ```html\n * <button [ssvCommand]=\"{host: this, execute: removeHero$, canExecute: isValid$, params: [hero, 1337, 'xx']}\">Save</button>\n * ```\n *\n */\n\nconst NAME_CAMEL = \"ssvCommand\";\n\n// let nextUniqueId = 0;\n\n@Directive({\n\tselector: `[${NAME_CAMEL}]`,\n\thost: {\n\t\t\"[class]\": \"_hostClasses()\",\n\t\t\"(click)\": \"_handleClick()\",\n\t},\n\texportAs: NAME_CAMEL,\n\tstandalone: true,\n})\nexport class SsvCommand implements OnInit {\n\n\t// readonly id = `${NAME_CAMEL}-${nextUniqueId++}`;\n\treadonly #options = inject(COMMAND_OPTIONS);\n\treadonly #renderer = inject(Renderer2);\n\treadonly #element = inject(ElementRef);\n\treadonly #cdr = inject(ChangeDetectorRef);\n\treadonly #injector = inject(Injector);\n\n\treadonly commandOrCreator = input.required<ICommand | CommandCreator>({\n\t\talias: `ssvCommand`\n\t});\n\treadonly ssvCommandOptions = input<Partial<CommandOptions>>(this.#options);\n\treadonly commandOptions = computed<CommandOptions>(() => {\n\t\tconst value = this.ssvCommandOptions();\n\t\tif (value === this.#options) {\n\t\t\treturn this.#options;\n\t\t}\n\t\treturn {\n\t\t\t...this.#options,\n\t\t\t...value,\n\t\t};\n\t});\n\treadonly ssvCommandParams = input<unknown | unknown[]>(undefined);\n\treadonly commandParams = computed<unknown | unknown[]>(() => this.ssvCommandParams() || this.creatorParams);\n\treadonly _hostClasses = computed(() => [\"ssv-command\", this.#executingClass()]);\n\treadonly #executingClass = computed(() => this._command.$isExecuting() ? this.commandOptions().executingCssClass : \"\");\n\n\tprivate creatorParams: unknown | unknown[] = [];\n\n\tget command(): ICommand { return this._command; }\n\n\tprivate _command!: ICommand;\n\n\tconstructor() {\n\t\tconst destroyRef = inject(DestroyRef);\n\t\tdestroyRef.onDestroy(() => {\n\t\t\tthis._command?.unsubscribe();\n\t\t});\n\t\teffect(() => {\n\t\t\tconst canExecute = this._command.$canExecute();\n\t\t\tthis.trySetDisabled(!canExecute);\n\t\t\t// console.log(\"[ssvCommand::canExecute$]\", { canExecute: x });\n\t\t\tthis.#cdr.markForCheck();\n\t\t});\n\t}\n\n\tngOnInit(): void {\n\t\tconst commandOrCreator = this.commandOrCreator();\n\t\t// console.log(\"[ssvCommand::init]\", this.#options);\n\t\tif (isCommand(commandOrCreator)) {\n\t\t\tthis._command = commandOrCreator;\n\t\t} else if (isCommandCreator(commandOrCreator)) {\n\t\t\tconst isAsync = commandOrCreator.isAsync || commandOrCreator.isAsync === undefined;\n\t\t\tthis.creatorParams = commandOrCreator.params;\n\n\t\t\t// todo: find something like this for ivy (or angular10+)\n\t\t\t// const hostComponent = (this.viewContainer as any)._view.component;\n\n\t\t\tconst execFn = commandOrCreator.execute.bind(commandOrCreator.host);\n\t\t\tconst params = this.commandParams();\n\n\t\t\tconst canExec = commandOrCreator.canExecute instanceof Function\n\t\t\t\t? commandOrCreator.canExecute.bind(commandOrCreator.host, params)()\n\t\t\t\t: commandOrCreator.canExecute;\n\n\t\t\t// console.log(\"[ssvCommand::init] command creator\", {\n\t\t\t// \tfirstParam: params ? params[0] : null,\n\t\t\t// \tparams\n\t\t\t// });\n\n\t\t\tthis._command = command(execFn, canExec, { isAsync, injector: this.#injector });\n\t\t} else {\n\t\t\tthrow new Error(`${NAME_CAMEL}: [${NAME_CAMEL}] is not defined properly!`);\n\t\t}\n\n\t\tthis._command.subscribe();\n\t}\n\n\t_handleClick(): void {\n\t\tconst commandParams = this.commandParams();\n\t\t// console.log(\"[ssvCommand::onClick]\", commandParams);\n\t\tif (Array.isArray(commandParams)) {\n\t\t\tthis._command.execute(...commandParams);\n\t\t} else {\n\t\t\tthis._command.execute(commandParams);\n\t\t}\n\t}\n\n\tprivate trySetDisabled(disabled: boolean) {\n\t\tif (this.commandOptions().handleDisabled) {\n\t\t\t// console.warn(\">>>> disabled\", { id: this.id, disabled });\n\t\t\tthis.#renderer.setProperty(this.#element.nativeElement, \"disabled\", disabled);\n\t\t}\n\t}\n\n}\n\n","import { Directive, OnInit, inject, Injector, DestroyRef, input } from \"@angular/core\";\n\nimport type { ICommand, CommandCreator, CanExecute } from \"./command.model\";\nimport { isCommandCreator } from \"./command.util\";\nimport { command } from \"./command\";\n\nconst NAME_CAMEL = \"ssvCommandRef\";\n\n/**\n * Command creator ref, directive which allows creating Command in the template\n * and associate it to a command (in order to share executions).\n * @example\n * ### Most common usage\n * ```html\n * <div #actionCmd=\"ssvCommandRef\" [ssvCommandRef]=\"{host: this, execute: removeHero$, canExecute: isValid$}\">\n *    <button [ssvCommand]=\"actionCmd.command\" [ssvCommandParams]=\"hero\">\n *      Remove\n *    </button>\n *    <button [ssvCommand]=\"actionCmd.command\" [ssvCommandParams]=\"hero\">\n *       Remove\n *    </button>\n * </div>\n * ```\n *\n */\n@Directive({\n\tselector: `[${NAME_CAMEL}]`,\n\texportAs: NAME_CAMEL,\n\tstandalone: true,\n})\nexport class SsvCommandRef implements OnInit {\n\n\treadonly #injector = inject(Injector);\n\n\treadonly commandCreator = input.required<CommandCreator>({\n\t\talias: `ssvCommandRef`\n\t});\n\n\tget command(): ICommand { return this._command; }\n\tprivate _command!: ICommand;\n\n\tconstructor() {\n\t\tconst destroyRef = inject(DestroyRef);\n\t\tdestroyRef.onDestroy(() => {\n\t\t\tthis._command?.unsubscribe();\n\t\t});\n\t}\n\n\tngOnInit(): void {\n\t\tif (isCommandCreator(this.commandCreator())) {\n\t\t\tconst commandCreator = this.commandCreator();\n\t\t\tconst isAsync = commandCreator.isAsync || commandCreator.isAsync === undefined;\n\n\t\t\tconst execFn = commandCreator.execute.bind(commandCreator.host);\n\n\t\t\tthis._command = command(execFn, commandCreator.canExecute as CanExecute, { isAsync, injector: this.#injector });\n\t\t} else {\n\t\t\tthrow new Error(`${NAME_CAMEL}: [${NAME_CAMEL}] is not defined properly!`);\n\t\t}\n\t}\n\n}\n","import { NgModule } from \"@angular/core\";\n\nimport { SsvCommand } from \"./command.directive\";\nimport { SsvCommandRef } from \"./command-ref.directive\";\n\nconst EXPORTED_IMPORTS = [\n\tSsvCommand,\n\tSsvCommandRef\n];\n\n/** @deprecated Use standalone instead. */\n@NgModule({\n\timports: [EXPORTED_IMPORTS],\n\texports: [EXPORTED_IMPORTS]\n})\nexport class SsvCommandModule {\n\n}\n","export const VERSION = \"4.0.0\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["NAME_CAMEL"],"mappings":"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"}
+{"version":3,"file":"ssv-ngx.command.mjs","sources":["../../../../libs/ngx.command/src/command.options.ts","../../../../libs/ngx.command/src/command.ts","../../../../libs/ngx.command/src/command.util.ts","../../../../libs/ngx.command/src/command.directive.ts","../../../../libs/ngx.command/src/command-ref.directive.ts","../../../../libs/ngx.command/src/command.module.ts","../../../../libs/ngx.command/src/version.ts","../../../../libs/ngx.command/src/ssv-ngx.command.ts"],"sourcesContent":["import { InjectionToken, type Provider } from \"@angular/core\";\n\nexport interface CommandOptions {\n\t/**\n\t * Css Class which gets added/removed on the Command element's host while Command `isExecuting$`.\n\t */\n\texecutingCssClass: string;\n\n\t/** Determines whether the disabled will be handled by the directive or not.\n\t * Disable handled by directive's doesn't always play nice when used with other component/pipe/directive and they also handle disabled.\n\t * This disables the handling manually and need to pass explicitly `[disabled]=\"!saveCmd.canExecute\"`.\n\t */\n\thandleDisabled: boolean;\n}\n\nconst DEFAULT_OPTIONS = Object.freeze<CommandOptions>({\n\texecutingCssClass: \"executing\",\n\thandleDisabled: true,\n});\n\nexport const COMMAND_OPTIONS = new InjectionToken<CommandOptions>(\"SSV_COMMAND_OPTIONS\", {\n\tfactory: () => DEFAULT_OPTIONS,\n});\n\nexport function provideSsvCommandOptions(\n\toptions: Partial<CommandOptions> | ((defaults: Readonly<CommandOptions>) => Partial<CommandOptions>)\n): Provider[] {\n\treturn [\n\t\t{\n\t\t\tprovide: COMMAND_OPTIONS,\n\t\t\tuseFactory: () => {\n\t\t\t\tlet opts = typeof options === \"function\" ? options(DEFAULT_OPTIONS) : options;\n\t\t\t\topts = opts\n\t\t\t\t\t? {\n\t\t\t\t\t\t...DEFAULT_OPTIONS,\n\t\t\t\t\t\t...opts,\n\t\t\t\t\t}\n\t\t\t\t\t: DEFAULT_OPTIONS;\n\t\t\t\treturn opts;\n\t\t\t},\n\t\t},\n\t];\n}\n","\nimport { isObservable, lastValueFrom } from \"rxjs\";\nimport { toSignal } from \"@angular/core/rxjs-interop\";\nimport type { CanExecute, ExecuteFn, ExecuteReturnType, ICommand } from \"./command.model\";\nimport { assertInInjectionContext, computed, inject, Injector, isSignal, signal, type Signal } from \"@angular/core\";\n\nexport interface CommandCreateOptions {\n\tinjector?: Injector;\n}\n\n// todo: remove\n/** Creates an async {@link Command}. Must be used within an injection context.\n * @deprecated Use {@link command} instead, as it handles both sync and async execute functions.\n */\nexport const commandAsync = command;\n\n/** Creates a {@link Command}. Must be used within an injection context (or the injector must be provided in the options). */\nexport function command<TExecute extends ExecuteFn>(\n\texecute: TExecute,\n\tcanExecute?: CanExecute,\n\topts?: CommandCreateOptions,\n): Command<TExecute> {\n\tif (!opts?.injector) {\n\t\tassertInInjectionContext(command);\n\t}\n\tconst injector = opts?.injector ?? inject(Injector);\n\tconst cmd = new Command(execute, canExecute, injector);\n\treturn cmd;\n}\n\n/**\n * Command object used to encapsulate information which is needed to perform an action.\n */\nexport class Command<TExecute extends ExecuteFn = ExecuteFn> implements ICommand<TExecute> {\n\n\tget isExecuting(): boolean { return this.$isExecuting(); }\n\n\tget canExecute(): boolean { return this.$canExecute(); }\n\n\treadonly $isExecuting = signal(false);\n\treadonly $canExecute = computed(() => !this.$isExecuting() && this.#canExecute());\n\n\treadonly #canExecute: Signal<boolean>;\n\n\t/**\n\t * Creates an instance of Command.\n\t *\n\t * @param execute Execute function to invoke.\n\t * @param canExecute Observable which determines whether it can execute or not.\n\t * @deprecated Use {@link command} or {@link commandAsync} instead for creating instances.\n\t */\n\tconstructor(\n\t\tprivate readonly _execute: TExecute,\n\t\tcanExecute?: CanExecute,\n\t\tinjector?: Injector,\n\t) {\n\t\tthis.#canExecute = this.#buildCanExecuteSignal(canExecute, injector);\n\t}\n\n\t/** Execute function to invoke. Returns Promise if the execute function returns Observable, otherwise returns the original type. */\n\texecute(...args: Parameters<TExecute>): ExecuteReturnType<TExecute> {\n\t\tif (!this.$canExecute()) {\n\t\t\tthrow new Error(\"Command cannot execute in its current state.\");\n\t\t\t// return Promise.reject() as ReturnType<TExecute>;\n\t\t}\n\t\tthis.$isExecuting.set(true);\n\n\t\t// console.warn(\"[command::execute]\", args);\n\n\t\ttry {\n\t\t\tconst result = args.length > 0 ? this._execute(...args) : this._execute();\n\n\t\t\tif (isObservable(result)) {\n\t\t\t\t// Convert observable to promise using lastValueFrom\n\t\t\t\t// This ensures fire-and-forget execution without requiring manual subscription\n\t\t\t\t// Use defaultValue to handle empty observables (those that complete without emitting)\n\t\t\t\tconst promise = lastValueFrom(result, { defaultValue: undefined })\n\t\t\t\t\t.finally(() => this.$isExecuting.set(false));\n\t\t\t\treturn promise as ExecuteReturnType<TExecute>;\n\t\t\t} else if (result instanceof Promise) {\n\t\t\t\t// Return promise with proper cleanup\n\t\t\t\treturn result\n\t\t\t\t\t.finally(() => this.$isExecuting.set(false)) as ExecuteReturnType<TExecute>;\n\t\t\t}\n\t\t\t// Sync execution\n\t\t\tthis.$isExecuting.set(false);\n\t\t\treturn result as ExecuteReturnType<TExecute>;\n\t\t} catch (err) {\n\t\t\tthis.$isExecuting.set(false);\n\t\t\tthrow err;\n\t\t}\n\t}\n\n\t#buildCanExecuteSignal(canExecute?: CanExecute, injector?: Injector): Signal<boolean> {\n\t\tif (canExecute === undefined) {\n\t\t\treturn computed(() => true);\n\t\t}\n\t\tif (isSignal(canExecute)) {\n\t\t\treturn canExecute;\n\t\t}\n\t\tif (typeof canExecute === \"function\") {\n\t\t\treturn computed(canExecute);\n\t\t}\n\t\tif (typeof canExecute === \"boolean\") {\n\t\t\treturn computed(() => canExecute);\n\t\t}\n\t\treturn toSignal(canExecute, { initialValue: false, injector });\n\t}\n\n}\n","import { type AbstractControl, PristineChangeEvent, StatusChangeEvent } from \"@angular/forms\";\nimport { Observable, map, distinctUntilChanged, filter, combineLatest, of, defer, concat } from \"rxjs\";\n\nimport type { CommandCreator, ICommand } from \"./command.model\";\nimport { Command } from \"./command\";\nimport { type Signal, computed } from \"@angular/core\";\n\n/** Determines whether the arg object is of type `Command`. */\nexport function isCommand<T extends ICommand>(arg: unknown | T): arg is T {\n\treturn arg instanceof Command;\n}\n\n/** Determines whether the arg object is of type `CommandCreator`. */\nexport function isCommandCreator<T extends CommandCreator>(arg: unknown | T): arg is T {\n\tif (arg instanceof Command) {\n\t\treturn false;\n\t} else if (isAssumedType<T>(arg) && arg.execute && arg.host) {\n\t\treturn true;\n\t}\n\treturn false;\n}\n\nexport interface CanExecuteFormOptions {\n\t/** Determines whether to check for validity. (defaults: true) */\n\tvalidity?: boolean;\n\n\t/** Determines whether to check whether UI has been touched. (defaults: true) */\n\tdirty?: boolean;\n}\n\nconst CAN_EXECUTE_FORM_OPTIONS_DEFAULTS = Object.freeze<CanExecuteFormOptions>({\n\tvalidity: true,\n\tdirty: true,\n})\n\n/** Get can execute from form validity/pristine as an observable. */\nexport function canExecuteFromNgForm(\n\tform: AbstractControl,\n\toptions?: CanExecuteFormOptions\n): Observable<boolean> {\n\tconst opts: CanExecuteFormOptions = options ?\n\t\t{ ...CAN_EXECUTE_FORM_OPTIONS_DEFAULTS, ...options }\n\t\t: CAN_EXECUTE_FORM_OPTIONS_DEFAULTS;\n\n\tconst pristine$ = opts.dirty\n\t\t? concat(\n\t\t\tdefer(() => of(form.pristine)),\n\t\t\tform.events.pipe(\n\t\t\t\tfilter(x => x instanceof PristineChangeEvent),\n\t\t\t\tmap(x => x.pristine),\n\t\t\t)\n\t\t).pipe(distinctUntilChanged(),)\n\t\t: of(true);\n\n\tconst valid$ = opts.validity\n\t\t? concat(\n\t\t\tdefer(() => of(form.valid)),\n\t\t\tform.events.pipe(\n\t\t\t\tfilter(x => x instanceof StatusChangeEvent),\n\t\t\t\tmap(x => x.status === \"VALID\"),\n\t\t\t)\n\t\t).pipe(distinctUntilChanged(),)\n\t\t: of(true);\n\n\treturn combineLatest([pristine$, valid$]).pipe(\n\t\tmap(([pristine, valid]) => !!(!opts.validity || valid) && !!(!opts.dirty || !pristine)),\n\t\tdistinctUntilChanged(),\n\t);\n}\n\n/** Can executed based on valid/dirty signal inputs. */\nexport function canExecuteFromSignals(\n\tsignals: { valid: Signal<boolean>, dirty: Signal<boolean> },\n\toptions?: CanExecuteFormOptions\n): Signal<boolean> {\n\tconst opts: CanExecuteFormOptions = options ?\n\t\t{ ...CAN_EXECUTE_FORM_OPTIONS_DEFAULTS, ...options }\n\t\t: CAN_EXECUTE_FORM_OPTIONS_DEFAULTS;\n\treturn computed(() => !!(!opts.validity || signals.valid()) && !!(!opts.dirty || signals.dirty()));\n}\n\n\nfunction isAssumedType<T = Record<string, unknown>>(x: unknown): x is Partial<T> {\n\treturn x !== null && typeof x === \"object\";\n}\n","import {\n\tDirective,\n\tOnInit,\n\tElementRef,\n\tRenderer2,\n\tChangeDetectorRef,\n\tinject,\n\teffect,\n\tinput,\n\tInjector,\n\tcomputed,\n\tsignal,\n} from \"@angular/core\";\n\nimport { type CommandOptions, COMMAND_OPTIONS } from \"./command.options\";\nimport { command, type Command } from \"./command\";\nimport { isCommand, isCommandCreator } from \"./command.util\";\nimport { CommandCreator, type ICommand, type CanExecute, type ExecuteFn, type CommandParams, type Simplify } from \"./command.model\";\n\n/** Helper type to extract ExecuteFn from ICommand/Command or use ExecuteFn directly */\ntype ExtractExecuteFn<T> = T extends Command<infer TExec>\n\t? TExec\n\t: T extends ICommand<infer TExec>\n\t? TExec\n\t: T extends ExecuteFn\n\t? T\n\t: never;\n\nconst NAME_CAMEL = \"ssvCommand\";\n\n// let nextUniqueId = 0;\n\n/**\n * Controls the state of a component in sync with `Command`.\n *\n * @example\n * ### Most common usage\n * ```html\n * <button [ssvCommand]=\"saveCmd\">Save</button>\n * ```\n *\n *\n * ### Usage with options\n * ```html\n * <button [ssvCommand]=\"saveCmd\" [ssvCommandOptions]=\"{executingCssClass: 'in-progress'}\">Save</button>\n * ```\n *\n *\n * ### Usage with params\n * This is useful for collections (loops) or using multiple actions with different args.\n * *NOTE: This will share the `isExecuting` when used with multiple controls.*\n *\n * #### With single param (direct)\n *\n * ```html\n * <button [ssvCommand]=\"saveCmd\" [ssvCommandParams]=\"hero\">Save</button>\n * ```\n *\n * #### With single param (array)\n *\n * ```html\n * <button [ssvCommand]=\"saveCmd\" [ssvCommandParams]=\"[hero]\">Save</button>\n * ```\n *\n * *NOTE: if you have only 1 argument as an array, it should be enclosed within an array e.g. `[['apple', 'banana']]`,\n * else it will spread and you will get `arg1: \"apple\", arg2: \"banana\"`*\n *\n * #### With multi params\n * ```html\n * <button [ssvCommand]=\"saveCmd\" [ssvCommandParams]=\"[{id: 1}, 'hello', hero]\">Save</button>\n * ```\n *\n * ### Usage with Command Creator\n * This is useful for collections (loops) or using multiple actions with different args, whilst not sharing `isExecuting`.\n *\n *\n * ```html\n * <button [ssvCommand]=\"{host: this, execute: removeHero$, canExecute: isValid$, params: [hero, 1337, 'xx']}\">Save</button>\n * ```\n *\n */\n@Directive({\n\tselector: `[${NAME_CAMEL}]`,\n\thost: {\n\t\t\"[class]\": \"_hostClasses()\",\n\t\t\"(click)\": \"_handleClick()\",\n\t},\n\t// todo: handle keydown/enter?\n\texportAs: NAME_CAMEL,\n\tstandalone: true,\n})\nexport class SsvCommand<T extends ICommand | ExecuteFn = ExecuteFn> implements OnInit {\n\n\t// readonly id = `${NAME_CAMEL}-${nextUniqueId++}`;\n\treadonly #options = inject(COMMAND_OPTIONS);\n\treadonly #renderer = inject(Renderer2);\n\treadonly #element = inject(ElementRef);\n\treadonly #cdr = inject(ChangeDetectorRef);\n\treadonly #injector = inject(Injector);\n\n\treadonly commandOrCreator = input.required<T extends ICommand ? T : (ICommand<ExtractExecuteFn<T>> | CommandCreator<ExtractExecuteFn<T>>)>({\n\t\talias: `ssvCommand`\n\t});\n\treadonly ssvCommandOptions = input<Partial<CommandOptions>>(this.#options);\n\treadonly commandOptions = computed<CommandOptions>(() => {\n\t\tconst value = this.ssvCommandOptions();\n\t\tif (value === this.#options) {\n\t\t\treturn this.#options;\n\t\t}\n\t\treturn {\n\t\t\t...this.#options,\n\t\t\t...value,\n\t\t};\n\t});\n\treadonly ssvCommandParams = input<Simplify<CommandParams<ExtractExecuteFn<T>>>>();\n\treadonly commandParams = computed(() => {\n\t\tconst params = this.ssvCommandParams();\n\t\tif (params === undefined) {\n\t\t\treturn this.#creatorParams();\n\t\t}\n\t\t// Normalize single param to array format for consistent handling\n\t\treturn this.#normalizeParams(params as CommandParams<ExtractExecuteFn<T>>);\n\t});\n\treadonly _hostClasses = computed(() => [\"ssv-command\", this.#executingClass()]);\n\treadonly #executingClass = computed(() => this.#command().$isExecuting() ? this.commandOptions().executingCssClass : \"\");\n\n\treadonly #creatorParams = signal<Parameters<ExtractExecuteFn<T>> | undefined>(undefined);\n\n\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\treadonly #command = signal<ICommand<ExtractExecuteFn<T>>>(undefined!);\n\treadonly command = this.#command.asReadonly();\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst canExecute = this.#command().$canExecute();\n\t\t\tthis.trySetDisabled(!canExecute);\n\t\t\t// console.log(\"[ssvCommand::canExecute$]\", { canExecute: x });\n\t\t\tthis.#cdr.markForCheck();\n\t\t});\n\t}\n\n\t// todo: afterNextRender\n\tngOnInit(): void {\n\t\tconst commandOrCreator = this.commandOrCreator();\n\t\t// console.log(\"[ssvCommand::init]\", this.#options);\n\t\tif (isCommand(commandOrCreator)) {\n\t\t\tthis.#command.set(commandOrCreator);\n\t\t} else if (isCommandCreator(commandOrCreator)) {\n\t\t\tthis.#creatorParams.set(this.#normalizeParams(commandOrCreator.params as CommandParams<ExtractExecuteFn<T>>));\n\n\t\t\t// todo: find something like this for ivy (or angular10+)\n\t\t\t// const hostComponent = (this.viewContainer as any)._view.component;\n\n\t\t\tconst execFn = commandOrCreator.execute.bind(commandOrCreator.host) as ExtractExecuteFn<T>;\n\t\t\tconst params = this.commandParams();\n\n\t\t\tlet canExec: CanExecute | undefined;\n\t\t\tif (commandOrCreator.canExecute instanceof Function) {\n\t\t\t\tconst boundFn = commandOrCreator.canExecute.bind(commandOrCreator.host);\n\t\t\t\tconst result = Array.isArray(params) ? boundFn(...params) : boundFn();\n\t\t\t\tcanExec = result as CanExecute;\n\t\t\t} else {\n\t\t\t\tcanExec = commandOrCreator.canExecute;\n\t\t\t}\n\n\t\t\t// console.log(\"[ssvCommand::init] command creator\", {\n\t\t\t// \tfirstParam: params ? params[0] : null,\n\t\t\t// \tparams\n\t\t\t// });\n\t\t\tconst cmd = command(execFn, canExec, { injector: this.#injector });\n\t\t\tthis.#command.set(cmd);\n\t\t} else {\n\t\t\tthrow new Error(`${NAME_CAMEL}: [${NAME_CAMEL}] is not defined properly!`);\n\t\t}\n\t}\n\n\t_handleClick(): void {\n\t\tconst commandParams = this.commandParams();\n\t\t// console.log(\"[ssvCommand::onClick]\", commandParams);\n\t\tif (Array.isArray(commandParams)) {\n\t\t\tthis.#command().execute(...commandParams);\n\t\t} else {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t(this.#command().execute as any)();\n\t\t}\n\t}\n\n\tprivate trySetDisabled(disabled: boolean) {\n\t\tif (this.commandOptions().handleDisabled) {\n\t\t\t// console.warn(\">>>> disabled\", { id: this.id, disabled });\n\t\t\tthis.#renderer.setProperty(this.#element.nativeElement, \"disabled\", disabled);\n\t\t}\n\t}\n\n\t/** Normalizes params to array format for consistent execution */\n\t#normalizeParams(params: CommandParams<ExtractExecuteFn<T>>): Parameters<ExtractExecuteFn<T>> | undefined {\n\t\t// If params is already an array, return as-is\n\t\tif (Array.isArray(params)) {\n\t\t\treturn params as Parameters<ExtractExecuteFn<T>>;\n\t\t}\n\t\t// Single non-array param - wrap it\n\t\treturn [params] as Parameters<ExtractExecuteFn<T>>;\n\t}\n\n}\n","import { Directive, OnInit, inject, Injector, input, signal } from \"@angular/core\";\n\nimport type { ICommand, CommandCreator, CanExecute, ExecuteFn } from \"./command.model\";\nimport { isCommandCreator } from \"./command.util\";\nimport { command } from \"./command\";\n\nconst NAME_CAMEL = \"ssvCommandRef\";\n\n/**\n * Command creator ref, directive which allows creating Command in the template\n * and associate it to a command (in order to share executions).\n * @example\n * ### Most common usage\n * ```html\n * <div #actionCmd=\"ssvCommandRef\" [ssvCommandRef]=\"{host: this, execute: removeHero$, canExecute: isValid$}\">\n *    <button [ssvCommand]=\"actionCmd.command()\" [ssvCommandParams]=\"[hero]\">\n *      Remove\n *    </button>\n *    <button [ssvCommand]=\"actionCmd.command()\" [ssvCommandParams]=\"[hero]\">\n *       Remove\n *    </button>\n * </div>\n * ```\n *\n */\n@Directive({\n\tselector: `[${NAME_CAMEL}]`,\n\texportAs: NAME_CAMEL,\n\tstandalone: true,\n})\nexport class SsvCommandRef<TExecute extends ExecuteFn = ExecuteFn> implements OnInit {\n\n\treadonly #injector = inject(Injector);\n\n\treadonly commandCreator = input.required<CommandCreator<TExecute>>({\n\t\talias: `ssvCommandRef`\n\t});\n\n\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\treadonly #command = signal<ICommand<TExecute>>(undefined!);\n\treadonly command = this.#command.asReadonly();\n\n\t// todo: use afterNextRender\n\tngOnInit(): void {\n\t\tconst commandOrCreator = this.commandCreator();\n\t\tif (isCommandCreator(commandOrCreator)) {\n\t\t\tconst commandCreator = commandOrCreator;\n\n\t\t\tconst execFn = commandCreator.execute.bind(commandCreator.host) as TExecute;\n\n\t\t\tconst cmd = command(execFn, commandCreator.canExecute as CanExecute, { injector: this.#injector });\n\t\t\tthis.#command.set(cmd);\n\t\t} else {\n\t\t\tthrow new Error(`${NAME_CAMEL}: [${NAME_CAMEL}] is not defined properly!`);\n\t\t}\n\t}\n\n}\n","import { NgModule } from \"@angular/core\";\n\nimport { SsvCommand } from \"./command.directive\";\nimport { SsvCommandRef } from \"./command-ref.directive\";\n\nconst EXPORTED_IMPORTS = [\n\tSsvCommand,\n\tSsvCommandRef\n];\n\n/** @deprecated Use standalone instead. */\n@NgModule({\n\timports: [EXPORTED_IMPORTS],\n\texports: [EXPORTED_IMPORTS]\n})\nexport class SsvCommandModule {\n\n}\n","export const VERSION = \"5.0.0-dev.113\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["NAME_CAMEL"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssv/ngx.command",
-  "version": "4.0.0",
+  "version": "5.0.0-dev.113",
   "versionSuffix": "",
   "description": "Command pattern implementation for angular. Command used to encapsulate information which is needed to perform an action.",
   "keywords": [
@@ -19,9 +19,6 @@
     "type": "git",
     "url": "https://github.com/sketch7/ssv.ngx.git"
   },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
   "peerDependencies": {
     "@angular/core": ">=17.0.0",
     "@angular/forms": ">=17.0.0",
@@ -29,14 +26,17 @@
   },
   "sideEffects": false,
   "module": "fesm2022/ssv-ngx.command.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/ssv-ngx.command.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/ssv-ngx.command.d.ts",
       "default": "./fesm2022/ssv-ngx.command.mjs"
     }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
   }
 }

package/types/ssv-ngx.command.d.ts

@@ -0,0 +1,228 @@
+import * as _angular_core from '@angular/core';
+import { Provider, InjectionToken, Signal, Injector, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { AbstractControl } from '@angular/forms';
+
+interface CommandOptions {
+    /**
+     * Css Class which gets added/removed on the Command element's host while Command `isExecuting$`.
+     */
+    executingCssClass: string;
+    /** Determines whether the disabled will be handled by the directive or not.
+     * Disable handled by directive's doesn't always play nice when used with other component/pipe/directive and they also handle disabled.
+     * This disables the handling manually and need to pass explicitly `[disabled]="!saveCmd.canExecute"`.
+     */
+    handleDisabled: boolean;
+}
+declare const COMMAND_OPTIONS: InjectionToken<CommandOptions>;
+declare function provideSsvCommandOptions(options: Partial<CommandOptions> | ((defaults: Readonly<CommandOptions>) => Partial<CommandOptions>)): Provider[];
+
+/** Type that represents a sync or async value. */
+type MaybeAsync<T> = T | Observable<T> | Promise<T>;
+type SignalLike<T> = (() => T);
+/** Converts Observable<T> to Promise<T>, leaves other types unchanged */
+type ConvertObservableToPromise<T> = T extends Observable<infer U> ? Promise<U> : T;
+/** Return type of Execute function, converting `Observable` to `Promise` if needed */
+type ExecuteReturnType<TExecute extends ExecuteFn> = ConvertObservableToPromise<ReturnType<TExecute>>;
+type ExecuteFn<TArgs extends any[] = any[], TReturn = unknown> = (...args: TArgs) => MaybeAsync<TReturn>;
+type CanExecute = SignalLike<boolean> | Signal<boolean> | Observable<boolean> | boolean;
+/**
+ * Type for command parameters that allows:
+ * - Single parameter passed directly (not in array)
+ * - Multiple parameters as tuple array
+ * - Single array parameter wrapped in array to prevent spreading
+ */
+type CommandParams<TExec extends ExecuteFn> = Parameters<TExec> extends [infer Single] ? Single | [Single] : Parameters<TExec> extends [] ? never : Parameters<TExec>;
+/** `command` input type convenience.
+ * @example
+ * For a command with a single parameter:
+ * ```ts
+ * readonly myCmd = input.required<CommandInput<MyType>>();
+ * ```
+ * For a command with multiple parameters:
+ * ```ts
+ * readonly myCmd = input.required<CommandInput<[param1: string, param2: number]>>();
+ * ```
+ */
+type CommandInput<TArgs = unknown, R = unknown> = TArgs extends readonly [unknown, ...unknown[]] ? Command<(...args: TArgs) => R> : TArgs extends readonly [infer Single] ? Command<(arg: Single) => R> : Command<(arg: TArgs) => R>;
+interface ICommand<TExecute extends ExecuteFn = ExecuteFn> {
+    /** Determines whether the command is currently executing, as a snapshot value.
+     * @deprecated Use {@link $isExecuting} signal instead.
+    */
+    readonly isExecuting: boolean;
+    /** Determines whether the command is currently executing, as a signal. */
+    readonly $isExecuting: Signal<boolean>;
+    /** Determines whether the command can execute or not, as a snapshot value.
+     * @deprecated Use {@link $canExecute} signal instead.
+    */
+    readonly canExecute: boolean;
+    /** Determines whether the command can execute or not, as a signal. */
+    readonly $canExecute: Signal<boolean>;
+    /** Execute function to invoke. Returns Promise if the execute function returns Observable, otherwise returns the original type. */
+    execute(...args: Parameters<TExecute>): ExecuteReturnType<TExecute>;
+}
+interface CommandCreator<TExecute extends ExecuteFn = ExecuteFn> {
+    /** Execute function to invoke. */
+    execute: TExecute;
+    /** Determines whether the command can execute or not. Can be a signal, observable, or function. */
+    canExecute?: CanExecute | ((...args: Parameters<TExecute>) => CanExecute);
+    /** Parameters to pass to the execute function. */
+    params?: CommandParams<TExecute>;
+    /** Host context for binding the execute function. */
+    host: unknown;
+}
+
+interface CommandCreateOptions {
+    injector?: Injector;
+}
+/** Creates an async {@link Command}. Must be used within an injection context.
+ * @deprecated Use {@link command} instead, as it handles both sync and async execute functions.
+ */
+declare const commandAsync: typeof command;
+/** Creates a {@link Command}. Must be used within an injection context (or the injector must be provided in the options). */
+declare function command<TExecute extends ExecuteFn>(execute: TExecute, canExecute?: CanExecute, opts?: CommandCreateOptions): Command<TExecute>;
+/**
+ * Command object used to encapsulate information which is needed to perform an action.
+ */
+declare class Command<TExecute extends ExecuteFn = ExecuteFn> implements ICommand<TExecute> {
+    #private;
+    private readonly _execute;
+    get isExecuting(): boolean;
+    get canExecute(): boolean;
+    readonly $isExecuting: _angular_core.WritableSignal<boolean>;
+    readonly $canExecute: Signal<boolean>;
+    /**
+     * Creates an instance of Command.
+     *
+     * @param execute Execute function to invoke.
+     * @param canExecute Observable which determines whether it can execute or not.
+     * @deprecated Use {@link command} or {@link commandAsync} instead for creating instances.
+     */
+    constructor(_execute: TExecute, canExecute?: CanExecute, injector?: Injector);
+    /** Execute function to invoke. Returns Promise if the execute function returns Observable, otherwise returns the original type. */
+    execute(...args: Parameters<TExecute>): ExecuteReturnType<TExecute>;
+}
+
+/** Helper type to extract ExecuteFn from ICommand/Command or use ExecuteFn directly */
+type ExtractExecuteFn<T> = T extends Command<infer TExec> ? TExec : T extends ICommand<infer TExec> ? TExec : T extends ExecuteFn ? T : never;
+/**
+ * Controls the state of a component in sync with `Command`.
+ *
+ * @example
+ * ### Most common usage
+ * ```html
+ * <button [ssvCommand]="saveCmd">Save</button>
+ * ```
+ *
+ *
+ * ### Usage with options
+ * ```html
+ * <button [ssvCommand]="saveCmd" [ssvCommandOptions]="{executingCssClass: 'in-progress'}">Save</button>
+ * ```
+ *
+ *
+ * ### Usage with params
+ * This is useful for collections (loops) or using multiple actions with different args.
+ * *NOTE: This will share the `isExecuting` when used with multiple controls.*
+ *
+ * #### With single param (direct)
+ *
+ * ```html
+ * <button [ssvCommand]="saveCmd" [ssvCommandParams]="hero">Save</button>
+ * ```
+ *
+ * #### With single param (array)
+ *
+ * ```html
+ * <button [ssvCommand]="saveCmd" [ssvCommandParams]="[hero]">Save</button>
+ * ```
+ *
+ * *NOTE: if you have only 1 argument as an array, it should be enclosed within an array e.g. `[['apple', 'banana']]`,
+ * else it will spread and you will get `arg1: "apple", arg2: "banana"`*
+ *
+ * #### With multi params
+ * ```html
+ * <button [ssvCommand]="saveCmd" [ssvCommandParams]="[{id: 1}, 'hello', hero]">Save</button>
+ * ```
+ *
+ * ### Usage with Command Creator
+ * This is useful for collections (loops) or using multiple actions with different args, whilst not sharing `isExecuting`.
+ *
+ *
+ * ```html
+ * <button [ssvCommand]="{host: this, execute: removeHero$, canExecute: isValid$, params: [hero, 1337, 'xx']}">Save</button>
+ * ```
+ *
+ */
+declare class SsvCommand<T extends ICommand | ExecuteFn = ExecuteFn> implements OnInit {
+    #private;
+    readonly commandOrCreator: _angular_core.InputSignal<T extends ICommand<ExecuteFn<any[], unknown>> ? T : ICommand<ExtractExecuteFn<T>> | CommandCreator<ExtractExecuteFn<T>>>;
+    readonly ssvCommandOptions: _angular_core.InputSignal<Partial<CommandOptions>>;
+    readonly commandOptions: _angular_core.Signal<CommandOptions>;
+    readonly ssvCommandParams: _angular_core.InputSignal<(CommandParams<ExtractExecuteFn<T>> extends infer T_1 ? { [KeyType in keyof T_1]: T_1[KeyType]; } : never) | undefined>;
+    readonly commandParams: _angular_core.Signal<Parameters<ExtractExecuteFn<T>> | undefined>;
+    readonly _hostClasses: _angular_core.Signal<string[]>;
+    readonly command: _angular_core.Signal<ICommand<ExtractExecuteFn<T>>>;
+    constructor();
+    ngOnInit(): void;
+    _handleClick(): void;
+    private trySetDisabled;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SsvCommand<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SsvCommand<any>, "[ssvCommand]", ["ssvCommand"], { "commandOrCreator": { "alias": "ssvCommand"; "required": true; "isSignal": true; }; "ssvCommandOptions": { "alias": "ssvCommandOptions"; "required": false; "isSignal": true; }; "ssvCommandParams": { "alias": "ssvCommandParams"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Command creator ref, directive which allows creating Command in the template
+ * and associate it to a command (in order to share executions).
+ * @example
+ * ### Most common usage
+ * ```html
+ * <div #actionCmd="ssvCommandRef" [ssvCommandRef]="{host: this, execute: removeHero$, canExecute: isValid$}">
+ *    <button [ssvCommand]="actionCmd.command()" [ssvCommandParams]="[hero]">
+ *      Remove
+ *    </button>
+ *    <button [ssvCommand]="actionCmd.command()" [ssvCommandParams]="[hero]">
+ *       Remove
+ *    </button>
+ * </div>
+ * ```
+ *
+ */
+declare class SsvCommandRef<TExecute extends ExecuteFn = ExecuteFn> implements OnInit {
+    #private;
+    readonly commandCreator: _angular_core.InputSignal<CommandCreator<TExecute>>;
+    readonly command: _angular_core.Signal<ICommand<TExecute>>;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SsvCommandRef<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SsvCommandRef<any>, "[ssvCommandRef]", ["ssvCommandRef"], { "commandCreator": { "alias": "ssvCommandRef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** @deprecated Use standalone instead. */
+declare class SsvCommandModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SsvCommandModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SsvCommandModule, never, [typeof SsvCommand, typeof SsvCommandRef], [typeof SsvCommand, typeof SsvCommandRef]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SsvCommandModule>;
+}
+
+/** Determines whether the arg object is of type `Command`. */
+declare function isCommand<T extends ICommand>(arg: unknown | T): arg is T;
+/** Determines whether the arg object is of type `CommandCreator`. */
+declare function isCommandCreator<T extends CommandCreator>(arg: unknown | T): arg is T;
+interface CanExecuteFormOptions {
+    /** Determines whether to check for validity. (defaults: true) */
+    validity?: boolean;
+    /** Determines whether to check whether UI has been touched. (defaults: true) */
+    dirty?: boolean;
+}
+/** Get can execute from form validity/pristine as an observable. */
+declare function canExecuteFromNgForm(form: AbstractControl, options?: CanExecuteFormOptions): Observable<boolean>;
+/** Can executed based on valid/dirty signal inputs. */
+declare function canExecuteFromSignals(signals: {
+    valid: Signal<boolean>;
+    dirty: Signal<boolean>;
+}, options?: CanExecuteFormOptions): Signal<boolean>;
+
+declare const VERSION = "5.0.0-dev.113";
+
+export { COMMAND_OPTIONS, Command, SsvCommand, SsvCommandModule, SsvCommandRef, VERSION, canExecuteFromNgForm, canExecuteFromSignals, command, commandAsync, isCommand, isCommandCreator, provideSsvCommandOptions };
+export type { CanExecute, CanExecuteFormOptions, CommandCreateOptions, CommandCreator, CommandInput, CommandOptions, ExecuteFn, ICommand };

package/index.d.ts

@@ -1,192 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { InjectionToken, Provider, Signal, OnInit, Injector } from '@angular/core';
-import { Observable } from 'rxjs';
-import { AbstractControl } from '@angular/forms';
-
-interface CommandOptions {
-    /**
-     * Css Class which gets added/removed on the Command element's host while Command `isExecuting$`.
-     */
-    executingCssClass: string;
-    /** Determines whether the disabled will be handled by the directive or not.
-     * Disable handled by directive's doesn't always play nice when used with other component/pipe/directive and they also handle disabled.
-     * This disables the handling manually and need to pass explicitly `[disabled]="!saveCmd.canExecute"`.
-     */
-    handleDisabled: boolean;
-}
-declare const COMMAND_OPTIONS: InjectionToken<CommandOptions>;
-declare function provideSsvCommandOptions(options: Partial<CommandOptions> | ((defaults: Readonly<CommandOptions>) => Partial<CommandOptions>)): Provider[];
-
-type ExecuteFn = (...args: any[]) => unknown;
-type ExecuteAsyncFn = (...args: any[]) => Observable<unknown> | Promise<unknown>;
-type CanExecute = (() => boolean) | Signal<boolean> | Observable<boolean>;
-interface ICommand {
-    /** Determines whether the command is currently executing, as a snapshot value.
-     * @deprecated Use {@link $isExecuting} signal instead.
-    */
-    readonly isExecuting: boolean;
-    /** Determines whether the command is currently executing, as a signal. */
-    readonly $isExecuting: Signal<boolean>;
-    /** Determines whether the command can execute or not, as a snapshot value.
-     * @deprecated Use {@link $canExecute} signal instead.
-    */
-    readonly canExecute: boolean;
-    /** Determines whether the command can execute or not, as a signal. */
-    readonly $canExecute: Signal<boolean>;
-    /** Determines whether to auto destroy when having 0 subscribers (defaults to `true`).
-     * @deprecated Use using command/commandAsync is handled automatically.
-     */
-    autoDestroy: boolean;
-    /** Execute function to invoke. */
-    execute(...args: unknown[]): void;
-    /** Disposes all resources held by subscriptions. */
-    destroy(): void;
-    /** Subscribe listener, in order to handle auto disposing.
-     * @deprecated Use using command/commandAsync is handled automatically.
-     */
-    subscribe(): void;
-    /**
-     * Unsubscribe listener, in order to handle auto disposing.
-     * @deprecated Use using command/commandAsync is handled automatically.
-    */
-    unsubscribe(): void;
-}
-interface CommandCreator {
-    execute: (...args: any[]) => Observable<unknown> | Promise<unknown> | void;
-    canExecute?: CanExecute | Function;
-    params?: unknown | unknown[];
-    isAsync?: boolean;
-    host: unknown;
-}
-
-declare class SsvCommand implements OnInit {
-    #private;
-    readonly commandOrCreator: _angular_core.InputSignal<ICommand | CommandCreator>;
-    readonly ssvCommandOptions: _angular_core.InputSignal<Partial<CommandOptions>>;
-    readonly commandOptions: _angular_core.Signal<CommandOptions>;
-    readonly ssvCommandParams: _angular_core.InputSignal<unknown>;
-    readonly commandParams: _angular_core.Signal<unknown>;
-    readonly _hostClasses: _angular_core.Signal<string[]>;
-    private creatorParams;
-    get command(): ICommand;
-    private _command;
-    constructor();
-    ngOnInit(): void;
-    _handleClick(): void;
-    private trySetDisabled;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SsvCommand, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SsvCommand, "[ssvCommand]", ["ssvCommand"], { "commandOrCreator": { "alias": "ssvCommand"; "required": true; "isSignal": true; }; "ssvCommandOptions": { "alias": "ssvCommandOptions"; "required": false; "isSignal": true; }; "ssvCommandParams": { "alias": "ssvCommandParams"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Command creator ref, directive which allows creating Command in the template
- * and associate it to a command (in order to share executions).
- * @example
- * ### Most common usage
- * ```html
- * <div #actionCmd="ssvCommandRef" [ssvCommandRef]="{host: this, execute: removeHero$, canExecute: isValid$}">
- *    <button [ssvCommand]="actionCmd.command" [ssvCommandParams]="hero">
- *      Remove
- *    </button>
- *    <button [ssvCommand]="actionCmd.command" [ssvCommandParams]="hero">
- *       Remove
- *    </button>
- * </div>
- * ```
- *
- */
-declare class SsvCommandRef implements OnInit {
-    #private;
-    readonly commandCreator: _angular_core.InputSignal<CommandCreator>;
-    get command(): ICommand;
-    private _command;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SsvCommandRef, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SsvCommandRef, "[ssvCommandRef]", ["ssvCommandRef"], { "commandCreator": { "alias": "ssvCommandRef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/** @deprecated Use standalone instead. */
-declare class SsvCommandModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SsvCommandModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SsvCommandModule, never, [typeof SsvCommand, typeof SsvCommandRef], [typeof SsvCommand, typeof SsvCommandRef]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SsvCommandModule>;
-}
-
-interface CommandCreateOptions {
-    isAsync: boolean;
-    injector?: Injector;
-}
-/** Creates an async {@link Command}. Must be used within an injection context.
- * NOTE: this auto injects `DestroyRef` and handles auto destroy. {@link ICommand.autoDestroy} should not be used.
- */
-declare function commandAsync(execute: ExecuteAsyncFn, canExecute$?: CanExecute, opts?: Omit<CommandCreateOptions, "isAsync">): Command;
-/** Creates a {@link Command}. Must be used within an injection context.
- * NOTE: this auto injects `DestroyRef` and handles auto destroy. {@link ICommand.autoDestroy} should not be used.
- */
-declare function command(execute: ExecuteFn, canExecute$?: CanExecute, opts?: CommandCreateOptions): Command;
-/**
- * Command object used to encapsulate information which is needed to perform an action.
- *
- */
-declare class Command implements ICommand {
-    get isExecuting(): boolean;
-    get canExecute(): boolean;
-    readonly $isExecuting: _angular_core.WritableSignal<boolean>;
-    readonly $canExecute: Signal<boolean>;
-    private readonly _$canExecute;
-    autoDestroy: boolean;
-    private executionPipe$;
-    private executionPipe$$;
-    private subscribersCount;
-    /**
-     * Creates an instance of Command.
-     *
-     * @param execute Execute function to invoke - use `isAsync: true` when `Observable<any>`.
-     * @param canExecute Observable which determines whether it can execute or not.
-     * @param isAsync Indicates that the execute function is async e.g. Observable.
-     * @deprecated Use {@link command} or {@link commandAsync} instead for creating instances.
-     */
-    constructor(execute: ExecuteFn, canExecute$?: CanExecute, isAsync?: boolean, injector?: Injector);
-    /** Execute function to invoke. */
-    execute(...args: unknown[]): void;
-    /** Disposes all resources held by subscriptions. */
-    destroy(): void;
-    subscribe(): void;
-    unsubscribe(): void;
-    private buildExecutionPipe;
-}
-/**
- * Async Command object used to encapsulate information which is needed to perform an action,
- * which takes an execute function as Observable/Promise.
- * @deprecated Use {@link commandAsync} instead.
- */
-declare class CommandAsync extends Command {
-    /**
-     * @deprecated Use {@link commandAsync} instead to create an instance.
-     */
-    constructor(execute: ExecuteAsyncFn, canExecute$?: CanExecute);
-}
-
-/** Determines whether the arg object is of type `Command`. */
-declare function isCommand(arg: unknown): arg is ICommand;
-/** Determines whether the arg object is of type `CommandCreator`. */
-declare function isCommandCreator(arg: unknown): arg is CommandCreator;
-interface CanExecuteFormOptions {
-    /** Determines whether to check for validity. (defaults: true) */
-    validity?: boolean;
-    /** Determines whether to check whether UI has been touched. (defaults: true) */
-    dirty?: boolean;
-}
-/** Get can execute from form validity/pristine as an observable. */
-declare function canExecuteFromNgForm(form: AbstractControl, options?: CanExecuteFormOptions): Observable<boolean>;
-/** Can executed based on valid/dirty signal inputs. */
-declare function canExecuteFromSignals(signals: {
-    valid: Signal<boolean>;
-    dirty: Signal<boolean>;
-}, options?: CanExecuteFormOptions): Signal<boolean>;
-
-declare const VERSION = "4.0.0";
-
-export { COMMAND_OPTIONS, Command, CommandAsync, SsvCommand, SsvCommandModule, SsvCommandRef, VERSION, canExecuteFromNgForm, canExecuteFromSignals, command, commandAsync, isCommand, isCommandCreator, provideSsvCommandOptions };
-export type { CanExecute, CanExecuteFormOptions, CommandCreateOptions, CommandCreator, CommandOptions, ExecuteAsyncFn, ExecuteFn, ICommand };