@ssv/ngx.command 3.0.0-dev.36 → 3.0.0-dev.40

package/README.md

@@ -31,18 +31,15 @@ Choose the version corresponding to your Angular version:
 In order to start working with Command, you need to create a new instance of it.
 
 ```ts
-import { Command, CommandAsync, ICommand } from "@ssv/ngx.command";
+import { command, commandAsync } from "@ssv/ngx.command";
 
 isValid$ = new BehaviorSubject(false);
 
-// use `CommandAsync` when execute function returns an observable/promise OR else 3rd argument must be true.
-saveCmd = new Command(() => this.save()), this.isValid$);
+// non async
+saveCmd = command(() => this.save()), this.isValid$);
 
-// using CommandAsync
-saveCmd = new CommandAsync(() => Observable.timer(2000), this.isValid$);
-
-// using ICommand interface
-saveCmd: ICommand = new CommandAsync(() => Observable.timer(2000), this.isValid$);
+// async - returns an observable/promise.
+saveCmd = commandAsync(() => Observable.timer(2000), this.isValid$);
 ```
 
 ## Command Attribute (Directive)
@@ -135,12 +132,12 @@ 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 } from "@ssv/ngx.command";
+import { commandAsync, canExecuteFromNgForm } from "@ssv/ngx.command";
 
-loginCmd = new CommandAsync(x => this.login(), canExecuteFromNgForm(this.form));
+loginCmd = commandAsync(x => this.login(), canExecuteFromNgForm(this.form));
 
 // options - disable dirty check
-loginCmd = new CommandAsync(x => this.login(), canExecuteFromNgForm(this.form, {
+loginCmd = commandAsync(x => this.login(), canExecuteFromNgForm(this.form, {
   dirty: false
 }));
 

package/command-ref.directive.d.ts

@@ -0,0 +1,29 @@
+import { OnInit, OnDestroy } from "@angular/core";
+import { ICommand, CommandCreator } from "./command.model";
+import * as i0 from "@angular/core";
+/**
+ * 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>
+ * ```
+ *
+ */
+export declare class CommandRefDirective implements OnInit, OnDestroy {
+    commandCreator: CommandCreator | undefined;
+    get command(): ICommand;
+    private _command;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommandRefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CommandRefDirective, "[ssvCommandRef]", ["ssvCommandRef"], { "commandCreator": { "alias": "ssvCommandRef"; "required": false; }; }, {}, never, never, true, never>;
+}

package/command.d.ts

@@ -0,0 +1,59 @@
+import { Observable } from "rxjs";
+import type { ICommand } from "./command.model";
+import { type Signal } from "@angular/core";
+export type ExecuteFn = (...args: any[]) => unknown;
+export type ExecuteAsyncFn = (...args: any[]) => Observable<unknown> | Promise<unknown>;
+export type CanExecute = Signal<boolean> | Observable<boolean>;
+/** 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.
+ */
+export declare function commandAsync(execute: ExecuteAsyncFn, canExecute$?: CanExecute): 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.
+ */
+export declare function command(execute: ExecuteFn, canExecute$?: CanExecute, isAsync?: boolean): Command;
+/**
+ * Command object used to encapsulate information which is needed to perform an action.
+ */
+export declare class Command implements ICommand {
+    /** Determines whether the command is currently executing, as a snapshot value. */
+    get isExecuting(): boolean;
+    /** Determines whether the command can execute or not, as a snapshot value. */
+    get canExecute(): boolean;
+    /** Determines whether the command is currently executing, as an observable. */
+    get isExecuting$(): Observable<boolean>;
+    /** Determines whether to auto destroy when having 0 subscribers. */
+    autoDestroy: boolean;
+    /** Determines whether the command can execute or not, as an observable. */
+    readonly canExecute$: Observable<boolean>;
+    private _isExecuting$;
+    private _isExecuting;
+    private _canExecute;
+    private executionPipe$;
+    private isExecuting$$;
+    private canExecute$$;
+    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.
+     */
+    constructor(execute: ExecuteFn, canExecute$?: CanExecute, isAsync?: boolean);
+    /** 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.
+ */
+export declare class CommandAsync extends Command {
+    constructor(execute: ExecuteAsyncFn, canExecute$?: CanExecute);
+}

package/command.directive.d.ts

@@ -0,0 +1,24 @@
+import { OnInit, OnDestroy } from "@angular/core";
+import { type CommandOptions } from "./command.options";
+import { CommandCreator, type ICommand } from "./command.model";
+import * as i0 from "@angular/core";
+export declare class CommandDirective implements OnInit, OnDestroy {
+    private readonly globalOptions;
+    private readonly renderer;
+    private readonly element;
+    private readonly cdr;
+    commandOrCreator: ICommand | CommandCreator | undefined;
+    get commandOptions(): CommandOptions;
+    set commandOptions(value: Partial<CommandOptions>);
+    commandParams: unknown | unknown[];
+    get command(): ICommand;
+    private _command;
+    private _commandOptions;
+    private _destroy$;
+    ngOnInit(): void;
+    onClick(): void;
+    ngOnDestroy(): void;
+    private trySetDisabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommandDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CommandDirective, "[ssvCommand]", ["ssvCommand"], { "commandOrCreator": { "alias": "ssvCommand"; "required": false; }; "commandOptions": { "alias": "ssvCommandOptions"; "required": false; }; "commandParams": { "alias": "ssvCommandParams"; "required": false; }; }, {}, never, never, true, never>;
+}

package/command.model.d.ts

@@ -0,0 +1,28 @@
+import { Observable } from "rxjs";
+export interface ICommand {
+    /** Determines whether the command is currently executing, as a snapshot value. */
+    readonly isExecuting: boolean;
+    /** Determines whether the command is currently executing, as an observable. */
+    readonly isExecuting$: Observable<boolean>;
+    /** Determines whether the command can execute or not, as a snapshot value. */
+    readonly canExecute: boolean;
+    /** Determines whether the command can execute or not, as an observable. */
+    readonly canExecute$: Observable<boolean>;
+    /** Determines whether to auto destroy when having 0 subscribers (defaults to `true`). */
+    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. */
+    subscribe(): void;
+    /** Unsubscribe listener, in order to handle auto disposing. */
+    unsubscribe(): void;
+}
+export interface CommandCreator {
+    execute: (...args: any[]) => Observable<unknown> | Promise<unknown> | void;
+    canExecute?: Observable<boolean> | Function;
+    params?: unknown | unknown[];
+    isAsync?: boolean;
+    host: unknown;
+}

package/command.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./command.directive";
+import * as i2 from "./command-ref.directive";
+export declare class SsvCommandModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SsvCommandModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SsvCommandModule, never, [typeof i1.CommandDirective, typeof i2.CommandRefDirective], [typeof i1.CommandDirective, typeof i2.CommandRefDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SsvCommandModule>;
+}

package/command.options.d.ts

@@ -0,0 +1,18 @@
+import { type EnvironmentProviders, InjectionToken } from "@angular/core";
+export 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;
+    /** Determine whether to set a `delay(1)` when setting the disabled. Which might be needed when working with external
+     * components/directives (such as material button)
+     */
+    hasDisabledDelay: boolean;
+}
+export declare const COMMAND_OPTIONS: InjectionToken<CommandOptions>;
+export declare function provideSsvCommandOptions(options: Partial<CommandOptions> | ((defaults: Readonly<CommandOptions>) => Partial<CommandOptions>)): EnvironmentProviders;

package/command.util.d.ts

@@ -0,0 +1,15 @@
+import { AbstractControl, AbstractControlDirective } from "@angular/forms";
+import { Observable } from "rxjs";
+import { CommandCreator, ICommand } from "./command.model";
+/** Determines whether the arg object is of type `Command`. */
+export declare function isCommand(arg: unknown): arg is ICommand;
+/** Determines whether the arg object is of type `CommandCreator`. */
+export declare function isCommandCreator(arg: unknown): arg is CommandCreator;
+export 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 form is valid as an observable. */
+export declare function canExecuteFromNgForm(form: AbstractControl | AbstractControlDirective, options?: CanExecuteFormOptions): Observable<boolean>;

package/esm2022/command-ref.directive.mjs

@@ -0,0 +1,57 @@
+import { Directive, Input } from "@angular/core";
+import { isCommandCreator } from "./command.util";
+import { Command } from "./command";
+import * as i0 from "@angular/core";
+const NAME_CAMEL = "ssvCommandRef";
+/**
+ * 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>
+ * ```
+ *
+ */
+export class CommandRefDirective {
+    commandCreator;
+    get command() { return this._command; }
+    _command;
+    ngOnInit() {
+        if (isCommandCreator(this.commandCreator)) {
+            const isAsync = this.commandCreator.isAsync || this.commandCreator.isAsync === undefined;
+            const execFn = this.commandCreator.execute.bind(this.commandCreator.host);
+            this._command = new Command(execFn, this.commandCreator.canExecute, isAsync);
+        }
+        else {
+            throw new Error(`${NAME_CAMEL}: [${NAME_CAMEL}] is not defined properly!`);
+        }
+    }
+    ngOnDestroy() {
+        // console.log("[commandRef::destroy]");
+        if (this._command) {
+            this._command.destroy();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CommandRefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: CommandRefDirective, isStandalone: true, selector: "[ssvCommandRef]", inputs: { commandCreator: ["ssvCommandRef", "commandCreator"] }, exportAs: ["ssvCommandRef"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CommandRefDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[${NAME_CAMEL}]`,
+                    exportAs: NAME_CAMEL,
+                    standalone: true,
+                }]
+        }], propDecorators: { commandCreator: [{
+                type: Input,
+                args: [NAME_CAMEL]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC1yZWYuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy9uZ3guY29tbWFuZC9zcmMvY29tbWFuZC1yZWYuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDOztBQUVwQyxNQUFNLFVBQVUsR0FBRyxlQUFlLENBQUM7QUFFbkM7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFNSCxNQUFNLE9BQU8sbUJBQW1CO0lBRVosY0FBYyxDQUE2QjtJQUU5RCxJQUFJLE9BQU8sS0FBZSxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ3pDLFFBQVEsQ0FBWTtJQUU1QixRQUFRO1FBQ1AsSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQztZQUMzQyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sS0FBSyxTQUFTLENBQUM7WUFFekYsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDMUUsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLE9BQU8sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUE2QyxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ2pILENBQUM7YUFBTSxDQUFDO1lBQ1AsTUFBTSxJQUFJLEtBQUssQ0FBQyxHQUFHLFVBQVUsTUFBTSxVQUFVLDRCQUE0QixDQUFDLENBQUM7UUFDNUUsQ0FBQztJQUNGLENBQUM7SUFFRCxXQUFXO1FBQ1Ysd0NBQXdDO1FBQ3hDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDekIsQ0FBQztJQUNGLENBQUM7dUdBdkJXLG1CQUFtQjsyRkFBbkIsbUJBQW1COzsyRkFBbkIsbUJBQW1CO2tCQUwvQixTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxJQUFJLFVBQVUsR0FBRztvQkFDM0IsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFVBQVUsRUFBRSxJQUFJO2lCQUNoQjs4QkFHbUIsY0FBYztzQkFBaEMsS0FBSzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIE9uSW5pdCwgT25EZXN0cm95LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IElDb21tYW5kLCBDb21tYW5kQ3JlYXRvciB9IGZyb20gXCIuL2NvbW1hbmQubW9kZWxcIjtcbmltcG9ydCB7IGlzQ29tbWFuZENyZWF0b3IgfSBmcm9tIFwiLi9jb21tYW5kLnV0aWxcIjtcbmltcG9ydCB7IENvbW1hbmQgfSBmcm9tIFwiLi9jb21tYW5kXCI7XG5cbmNvbnN0IE5BTUVfQ0FNRUwgPSBcInNzdkNvbW1hbmRSZWZcIjtcblxuLyoqXG4gKiBDb21tYW5kIGNyZWF0b3IgcmVmLCBkaXJlY3RpdmUgd2hpY2ggYWxsb3dzIGNyZWF0aW5nIENvbW1hbmQgaW4gdGhlIHRlbXBsYXRlXG4gKiBhbmQgYXNzb2NpYXRlIGl0IHRvIGEgY29tbWFuZCAoaW4gb3JkZXIgdG8gc2hhcmUgZXhlY3V0aW9ucykuXG4gKiBAZXhhbXBsZVxuICogIyMjIE1vc3QgY29tbW9uIHVzYWdlXG4gKiBgYGBodG1sXG4gKiA8ZGl2ICNhY3Rpb25DbWQ9XCJzc3ZDb21tYW5kUmVmXCIgW3NzdkNvbW1hbmRSZWZdPVwie2hvc3Q6IHRoaXMsIGV4ZWN1dGU6IHJlbW92ZUhlcm8kLCBjYW5FeGVjdXRlOiBpc1ZhbGlkJH1cIj5cbiAqICAgIDxidXR0b24gW3NzdkNvbW1hbmRdPVwiYWN0aW9uQ21kLmNvbW1hbmRcIiBbc3N2Q29tbWFuZFBhcmFtc109XCJoZXJvXCI+XG4gKiAgICAgIFJlbW92ZVxuICogICAgPC9idXR0b24+XG4gKiAgICA8YnV0dG9uIFtzc3ZDb21tYW5kXT1cImFjdGlvbkNtZC5jb21tYW5kXCIgW3NzdkNvbW1hbmRQYXJhbXNdPVwiaGVyb1wiPlxuICogICAgICAgUmVtb3ZlXG4gKiAgICA8L2J1dHRvbj5cbiAqIDwvZGl2PlxuICogYGBgXG4gKlxuICovXG5ARGlyZWN0aXZlKHtcblx0c2VsZWN0b3I6IGBbJHtOQU1FX0NBTUVMfV1gLFxuXHRleHBvcnRBczogTkFNRV9DQU1FTCxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQ29tbWFuZFJlZkRpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuXHRASW5wdXQoTkFNRV9DQU1FTCkgY29tbWFuZENyZWF0b3I6IENvbW1hbmRDcmVhdG9yIHwgdW5kZWZpbmVkO1xuXG5cdGdldCBjb21tYW5kKCk6IElDb21tYW5kIHsgcmV0dXJuIHRoaXMuX2NvbW1hbmQ7IH1cblx0cHJpdmF0ZSBfY29tbWFuZCE6IElDb21tYW5kO1xuXG5cdG5nT25Jbml0KCk6IHZvaWQge1xuXHRcdGlmIChpc0NvbW1hbmRDcmVhdG9yKHRoaXMuY29tbWFuZENyZWF0b3IpKSB7XG5cdFx0XHRjb25zdCBpc0FzeW5jID0gdGhpcy5jb21tYW5kQ3JlYXRvci5pc0FzeW5jIHx8IHRoaXMuY29tbWFuZENyZWF0b3IuaXNBc3luYyA9PT0gdW5kZWZpbmVkO1xuXG5cdFx0XHRjb25zdCBleGVjRm4gPSB0aGlzLmNvbW1hbmRDcmVhdG9yLmV4ZWN1dGUuYmluZCh0aGlzLmNvbW1hbmRDcmVhdG9yLmhvc3QpO1xuXHRcdFx0dGhpcy5fY29tbWFuZCA9IG5ldyBDb21tYW5kKGV4ZWNGbiwgdGhpcy5jb21tYW5kQ3JlYXRvci5jYW5FeGVjdXRlIGFzIE9ic2VydmFibGU8Ym9vbGVhbj4gfCB1bmRlZmluZWQsIGlzQXN5bmMpO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHR0aHJvdyBuZXcgRXJyb3IoYCR7TkFNRV9DQU1FTH06IFske05BTUVfQ0FNRUx9XSBpcyBub3QgZGVmaW5lZCBwcm9wZXJseSFgKTtcblx0XHR9XG5cdH1cblxuXHRuZ09uRGVzdHJveSgpOiB2b2lkIHtcblx0XHQvLyBjb25zb2xlLmxvZyhcIltjb21tYW5kUmVmOjpkZXN0cm95XVwiKTtcblx0XHRpZiAodGhpcy5fY29tbWFuZCkge1xuXHRcdFx0dGhpcy5fY29tbWFuZC5kZXN0cm95KCk7XG5cdFx0fVxuXHR9XG5cbn1cbiJdfQ==

package/esm2022/command.directive.mjs

@@ -0,0 +1,165 @@
+import { Directive, Input, HostListener, ElementRef, Renderer2, ChangeDetectorRef, inject, } from "@angular/core";
+import { Subject, tap, delay, takeUntil } from "rxjs";
+import { COMMAND_OPTIONS } from "./command.options";
+import { Command } from "./command";
+import { isCommand, isCommandCreator } from "./command.util";
+import * as i0 from "@angular/core";
+/**
+ * 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
+ *
+ * ```html
+ * <button [ssvCommand]="saveCmd" [ssvCommandParams]="{id: 1}">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"`*
+ *
+ * #### 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>
+ * ```
+ *
+ */
+const NAME_CAMEL = "ssvCommand";
+// let nextUniqueId = 0;
+export class CommandDirective {
+    // readonly id = `${NAME_CAMEL}-${nextUniqueId++}`;
+    globalOptions = inject(COMMAND_OPTIONS);
+    renderer = inject(Renderer2);
+    element = inject(ElementRef);
+    cdr = inject(ChangeDetectorRef);
+    commandOrCreator;
+    get commandOptions() { return this._commandOptions; }
+    set commandOptions(value) {
+        if (value === this._commandOptions) {
+            return;
+        }
+        this._commandOptions = {
+            ...this.globalOptions,
+            ...value,
+        };
+    }
+    commandParams;
+    get command() { return this._command; }
+    _command;
+    _commandOptions = this.globalOptions;
+    _destroy$ = new Subject();
+    ngOnInit() {
+        // console.log("[ssvCommand::init]", this.globalOptions);
+        if (!this.commandOrCreator) {
+            throw new Error(`${NAME_CAMEL}: [${NAME_CAMEL}] should be defined!`);
+        }
+        else if (isCommand(this.commandOrCreator)) {
+            this._command = this.commandOrCreator;
+        }
+        else if (isCommandCreator(this.commandOrCreator)) {
+            const isAsync = this.commandOrCreator.isAsync || this.commandOrCreator.isAsync === undefined;
+            // todo: find something like this for ivy (or angular10+)
+            // const hostComponent = (this.viewContainer as any)._view.component;
+            const execFn = this.commandOrCreator.execute.bind(this.commandOrCreator.host);
+            this.commandParams = this.commandParams || this.commandOrCreator.params;
+            const canExec = this.commandOrCreator.canExecute instanceof Function
+                ? this.commandOrCreator.canExecute.bind(this.commandOrCreator.host, this.commandParams)()
+                : this.commandOrCreator.canExecute;
+            // console.log("[ssvCommand::init] command creator", {
+            // 	firstParam: this.commandParams ? this.commandParams[0] : null,
+            // 	params: this.commandParams
+            // });
+            this._command = new Command(execFn, canExec, isAsync);
+        }
+        else {
+            throw new Error(`${NAME_CAMEL}: [${NAME_CAMEL}] is not defined properly!`);
+        }
+        this._command.subscribe();
+        this._command.canExecute$.pipe(this.commandOptions.hasDisabledDelay
+            ? delay(1)
+            : tap(() => { }), tap(x => {
+            this.trySetDisabled(!x);
+            // console.log("[ssvCommand::canExecute$]", { canExecute: x });
+            this.cdr.markForCheck();
+        }), takeUntil(this._destroy$)).subscribe();
+        if (this._command.isExecuting$) {
+            this._command.isExecuting$.pipe(tap(x => {
+                // console.log("[ssvCommand::isExecuting$]", x, this.commandOptions);
+                if (x) {
+                    this.renderer.addClass(this.element.nativeElement, this.commandOptions.executingCssClass);
+                }
+                else {
+                    this.renderer.removeClass(this.element.nativeElement, this.commandOptions.executingCssClass);
+                }
+            }), takeUntil(this._destroy$)).subscribe();
+        }
+    }
+    onClick() {
+        // console.log("[ssvCommand::onClick]", this.commandParams);
+        if (Array.isArray(this.commandParams)) {
+            this._command.execute(...this.commandParams);
+        }
+        else {
+            this._command.execute(this.commandParams);
+        }
+    }
+    ngOnDestroy() {
+        // console.log("[ssvCommand::destroy]");
+        this._destroy$.next();
+        this._destroy$.complete();
+        if (this._command) {
+            this._command.unsubscribe();
+        }
+    }
+    trySetDisabled(disabled) {
+        if (this.commandOptions.handleDisabled) {
+            // console.warn(">>>> disabled", { id: this.id, disabled });
+            this.renderer.setProperty(this.element.nativeElement, "disabled", disabled);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: CommandDirective, isStandalone: true, selector: "[ssvCommand]", inputs: { commandOrCreator: ["ssvCommand", "commandOrCreator"], commandOptions: ["ssvCommandOptions", "commandOptions"], commandParams: ["ssvCommandParams", "commandParams"] }, host: { listeners: { "click": "onClick()" } }, exportAs: ["ssvCommand"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CommandDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[${NAME_CAMEL}]`,
+                    exportAs: NAME_CAMEL,
+                    standalone: true,
+                }]
+        }], propDecorators: { commandOrCreator: [{
+                type: Input,
+                args: [NAME_CAMEL]
+            }], commandOptions: [{
+                type: Input,
+                args: [`${NAME_CAMEL}Options`]
+            }], commandParams: [{
+                type: Input,
+                args: [`${NAME_CAMEL}Params`]
+            }], onClick: [{
+                type: HostListener,
+                args: ["click"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL25neC5jb21tYW5kL3NyYy9jb21tYW5kLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ04sU0FBUyxFQUdULEtBQUssRUFDTCxZQUFZLEVBQ1osVUFBVSxFQUNWLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsTUFBTSxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFdEQsT0FBTyxFQUF1QixlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFHN0Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUNHO0FBRUgsTUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO0FBRWhDLHdCQUF3QjtBQU94QixNQUFNLE9BQU8sZ0JBQWdCO0lBRTVCLG1EQUFtRDtJQUNsQyxhQUFhLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3hDLFFBQVEsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDN0IsT0FBTyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM3QixHQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFFOUIsZ0JBQWdCLENBQXdDO0lBRTNFLElBQ0ksY0FBYyxLQUFxQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO0lBQ3JFLElBQUksY0FBYyxDQUFDLEtBQThCO1FBQ2hELElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxlQUFl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UUFBaUI7UUFDdkMsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hDLDREQUE0RDtZQUM1RCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRSxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDN0UsQ0FBQztJQUNGLENBQUM7dUdBcEhXLGdCQUFnQjsyRkFBaEIsZ0JBQWdCOzsyRkFBaEIsZ0JBQWdCO2tCQUw1QixTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxJQUFJLFVBQVUsR0FBRztvQkFDM0IsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFVBQVUsRUFBRSxJQUFJO2lCQUNoQjs4QkFTbUIsZ0JBQWdCO3NCQUFsQyxLQUFLO3VCQUFDLFVBQVU7Z0JBR2IsY0FBYztzQkFEakIsS0FBSzt1QkFBQyxHQUFHLFVBQVUsU0FBUztnQkFZQyxhQUFhO3NCQUExQyxLQUFLO3VCQUFDLEdBQUcsVUFBVSxRQUFRO2dCQXVFNUIsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuXHREaXJlY3RpdmUsXG5cdE9uSW5pdCxcblx0T25EZXN0cm95LFxuXHRJbnB1dCxcblx0SG9zdExpc3RlbmVyLFxuXHRFbGVtZW50UmVmLFxuXHRSZW5kZXJlcjIsXG5cdENoYW5nZURldGVjdG9yUmVmLFxuXHRpbmplY3QsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YXAsIGRlbGF5LCB0YWtlVW50aWwgfSBmcm9tIFwicnhqc1wiO1xuXG5pbXBvcnQgeyB0eXBlIENvbW1hbmRPcHRpb25zLCBDT01NQU5EX09QVElPTlMgfSBmcm9tIFwiLi9jb21tYW5kLm9wdGlvbnNcIjtcbmltcG9ydCB7IENvbW1hbmQgfSBmcm9tIFwiLi9jb21tYW5kXCI7XG5pbXBvcnQgeyBpc0NvbW1hbmQsIGlzQ29tbWFuZENyZWF0b3IgfSBmcm9tIFwiLi9jb21tYW5kLnV0aWxcIjtcbmltcG9ydCB7IENvbW1hbmRDcmVhdG9yLCB0eXBlIElDb21tYW5kIH0gZnJvbSBcIi4vY29tbWFuZC5tb2RlbFwiO1xuXG4vKipcbiAqIENvbnRyb2xzIHRoZSBzdGF0ZSBvZiBhIGNvbXBvbmVudCBpbiBzeW5jIHdpdGggYENvbW1hbmRgLlxuICpcbiAqIEBleGFtcGxlXG4gKiAjIyMgTW9zdCBjb21tb24gdXNhZ2VcbiAqIGBgYGh0bWxcbiAqIDxidXR0b24gW3NzdkNvbW1hbmRdPVwic2F2ZUNtZFwiPlNhdmU8L2J1dHRvbj5cbiAqIGBgYFxuICpcbiAqXG4gKiAjIyMgVXNhZ2Ugd2l0aCBvcHRpb25zXG4gKiBgYGBodG1sXG4gKiA8YnV0dG9uIFtzc3ZDb21tYW5kXT1cInNhdmVDbWRcIiBbc3N2Q29tbWFuZE9wdGlvbnNdPVwie2V4ZWN1dGluZ0Nzc0NsYXNzOiAnaW4tcHJvZ3Jlc3MnfVwiPlNhdmU8L2J1dHRvbj5cbiAqIGBgYFxuICpcbiAqXG4gKiAjIyMgVXNhZ2Ugd2l0aCBwYXJhbXNcbiAqIFRoaXMgaXMgdXNlZnVsIGZvciBjb2xsZWN0aW9ucyAobG9vcHMpIG9yIHVzaW5nIG11bHRpcGxlIGFjdGlvbnMgd2l0aCBkaWZmZXJlbnQgYXJncy5cbiAqICpOT1RFOiBUaGlzIHdpbGwgc2hhcmUgdGhlIGBpc0V4ZWN1dGluZ2Agd2hlbiB1c2VkIHdpdGggbXVsdGlwbGUgY29udHJvbHMuKlxuICpcbiAqICMjIyMgV2l0aCBzaW5nbGUgcGFyYW1cbiAqXG4gKiBgYGBodG1sXG4gKiA8YnV0dG9uIFtzc3ZDb21tYW5kXT1cInNhdmVDbWRcIiBbc3N2Q29tbWFuZFBhcmFtc109XCJ7aWQ6IDF9XCI+U2F2ZTwvYnV0dG9uPlxuICogYGBgXG4gKiAqTk9URTogaWYgeW91IGhhdmUgb25seSAxIGFyZ3VtZW50IGFzIGFuIGFycmF5LCBpdCBzaG91bGQgYmUgZW5jbG9zZWQgd2l0aGluIGFuIGFycmF5IGUuZy4gYFtbJ2FwcGxlJywgJ2JhbmFuYSddXWAsXG4gKiBlbHNlIGl0IHdpbGwgc3ByZWFkIGFuZCB5b3Ugd2lsbCBgYXJnMTogXCJhcHBsZVwiLCBhcmcyOiBcImJhbmFuYVwiYCpcbiAqXG4gKiAjIyMjIFdpdGggbXVsdGkgcGFyYW1zXG4gKiBgYGBodG1sXG4gKiA8YnV0dG9uIFtzc3ZDb21tYW5kXT1cInNhdmVDbWRcIiBbc3N2Q29tbWFuZFBhcmFtc109XCJbe2lkOiAxfSwgJ2hlbGxvJywgaGVyb11cIj5TYXZlPC9idXR0b24+XG4gKiBgYGBcbiAqXG4gKiAjIyMgVXNhZ2Ugd2l0aCBDb21tYW5kIENyZWF0b3JcbiAqIFRoaXMgaXMgdXNlZnVsIGZvciBjb2xsZWN0aW9ucyAobG9vcHMpIG9yIHVzaW5nIG11bHRpcGxlIGFjdGlvbnMgd2l0aCBkaWZmZXJlbnQgYXJncywgd2hpbHN0IG5vdCBzaGFyaW5nIGBpc0V4ZWN1dGluZ2AuXG4gKlxuICpcbiAqIGBgYGh0bWxcbiAqIDxidXR0b24gW3NzdkNvbW1hbmRdPVwie2hvc3Q6IHRoaXMsIGV4ZWN1dGU6IHJlbW92ZUhlcm8kLCBjYW5FeGVjdXRlOiBpc1ZhbGlkJCwgcGFyYW1zOiBbaGVybywgMTMzNywgJ3h4J119XCI+U2F2ZTwvYnV0dG9uPlxuICogYGBgXG4gKlxuICovXG5cbmNvbnN0IE5BTUVfQ0FNRUwgPSBcInNzdkNvbW1hbmRcIjtcblxuLy8gbGV0IG5leHRVbmlxdWVJZCA9IDA7XG5cbkBEaXJlY3RpdmUoe1xuXHRzZWxlY3RvcjogYFske05BTUVfQ0FNRUx9XWAsXG5cdGV4cG9ydEFzOiBOQU1FX0NBTUVMLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBDb21tYW5kRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG5cdC8vIHJlYWRvbmx5IGlkID0gYCR7TkFNRV9DQU1FTH0tJHtuZXh0VW5pcXVlSWQrK31gO1xuXHRwcml2YXRlIHJlYWRvbmx5IGdsb2JhbE9wdGlvbnMgPSBpbmplY3QoQ09NTUFORF9PUFRJT05TKTtcblx0cHJpdmF0ZSByZWFkb25seSByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xuXHRwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cdHByaXZhdGUgcmVhZG9ubHkgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcblxuXHRASW5wdXQoTkFNRV9DQU1FTCkgY29tbWFuZE9yQ3JlYXRvcjogSUNvbW1hbmQgfCBDb21tYW5kQ3JlYXRvciB8IHVuZGVmaW5lZDtcblxuXHRASW5wdXQoYCR7TkFNRV9DQU1FTH1PcHRpb25zYClcblx0Z2V0IGNvbW1hbmRPcHRpb25zKCk6IENvbW1hbmRPcHRpb25zIHsgcmV0dXJuIHRoaXMuX2NvbW1hbmRPcHRpb25zOyB9XG5cdHNldCBjb21tYW5kT3B0aW9ucyh2YWx1ZTogUGFydGlhbDxDb21tYW5kT3B0aW9ucz4pIHtcblx0XHRpZiAodmFsdWUgPT09IHRoaXMuX2NvbW1hbmRPcHRpb25zKSB7XG5cdFx0XHRyZXR1cm47XG5cdFx0fVxuXHRcdHRoaXMuX2NvbW1hbmRPcHRpb25zID0ge1xuXHRcdFx0Li4udGhpcy5nbG9iYWxPcHRpb25zLFxuXHRcdFx0Li4udmFsdWUsXG5cdFx0fTtcblx0fVxuXG5cdEBJbnB1dChgJHtOQU1FX0NBTUVMfVBhcmFtc2ApIGNvbW1hbmRQYXJhbXM6IHVua25vd24gfCB1bmtub3duW107XG5cblx0Z2V0IGNvbW1hbmQoKTogSUNvbW1hbmQgeyByZXR1cm4gdGhpcy5fY29tbWFuZDsgfVxuXG5cdHByaXZhdGUgX2NvbW1hbmQhOiBJQ29tbWFuZDtcblx0cHJpdmF0ZSBfY29tbWFuZE9wdGlvbnM6IENvbW1hbmRPcHRpb25zID0gdGhpcy5nbG9iYWxPcHRpb25zO1xuXHRwcml2YXRlIF9kZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cblx0bmdPbkluaXQoKTogdm9pZCB7XG5cdFx0Ly8gY29uc29sZS5sb2coXCJbc3N2Q29tbWFuZDo6aW5pdF1cIiwgdGhpcy5nbG9iYWxPcHRpb25zKTtcblx0XHRpZiAoIXRoaXMuY29tbWFuZE9yQ3JlYXRvcikge1xuXHRcdFx0dGhyb3cgbmV3IEVycm9yKGAke05BTUVfQ0FNRUx9OiBbJHtOQU1FX0NBTUVMfV0gc2hvdWxkIGJlIGRlZmluZWQhYCk7XG5cdFx0fSBlbHNlIGlmIChpc0NvbW1hbmQodGhpcy5jb21tYW5kT3JDcmVhdG9yKSkge1xuXHRcdFx0dGhpcy5fY29tbWFuZCA9IHRoaXMuY29tbWFuZE9yQ3JlYXRvcjtcblx0XHR9IGVsc2UgaWYgKGlzQ29tbWFuZENyZWF0b3IodGhpcy5jb21tYW5kT3JDcmVhdG9yKSkge1xuXHRcdFx0Y29uc3QgaXNBc3luYyA9IHRoaXMuY29tbWFuZE9yQ3JlYXRvci5pc0FzeW5jIHx8IHRoaXMuY29tbWFuZE9yQ3JlYXRvci5pc0FzeW5jID09PSB1bmRlZmluZWQ7XG5cblx0XHRcdC8vIHRvZG86IGZpbmQgc29tZXRoaW5nIGxpa2UgdGhpcyBmb3IgaXZ5IChvciBhbmd1bGFyMTArKVxuXHRcdFx0Ly8gY29uc3QgaG9zdENvbXBvbmVudCA9ICh0aGlzLnZpZXdDb250YWluZXIgYXMgYW55KS5fdmlldy5jb21wb25lbnQ7XG5cblx0XHRcdGNvbnN0IGV4ZWNGbiA9IHRoaXMuY29tbWFuZE9yQ3JlYXRvci5leGVjdXRlLmJpbmQodGhpcy5jb21tYW5kT3JDcmVhdG9yLmhvc3QpO1xuXHRcdFx0dGhpcy5jb21tYW5kUGFyYW1zID0gdGhpcy5jb21tYW5kUGFyYW1zIHx8IHRoaXMuY29tbWFuZE9yQ3JlYXRvci5wYXJhbXM7XG5cblx0XHRcdGNvbnN0IGNhbkV4ZWMgPSB0aGlzLmNvbW1hbmRPckNyZWF0b3IuY2FuRXhlY3V0ZSBpbnN0YW5jZW9mIEZ1bmN0aW9uXG5cdFx0XHRcdD8gdGhpcy5jb21tYW5kT3JDcmVhdG9yLmNhbkV4ZWN1dGUuYmluZCh0aGlzLmNvbW1hbmRPckNyZWF0b3IuaG9zdCwgdGhpcy5jb21tYW5kUGFyYW1zKSgpXG5cdFx0XHRcdDogdGhpcy5jb21tYW5kT3JDcmVhdG9yLmNhbkV4ZWN1dGU7XG5cblx0XHRcdC8vIGNvbnNvbGUubG9nKFwiW3NzdkNvbW1hbmQ6OmluaXRdIGNvbW1hbmQgY3JlYXRvclwiLCB7XG5cdFx0XHQvLyBcdGZpcnN0UGFyYW06IHRoaXMuY29tbWFuZFBhcmFtcyA/IHRoaXMuY29tbWFuZFBhcmFtc1swXSA6IG51bGwsXG5cdFx0XHQvLyBcdHBhcmFtczogdGhpcy5jb21tYW5kUGFyYW1zXG5cdFx0XHQvLyB9KTtcblx0XHRcdHRoaXMuX2NvbW1hbmQgPSBuZXcgQ29tbWFuZChleGVjRm4sIGNhbkV4ZWMsIGlzQXN5bmMpO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHR0aHJvdyBuZXcgRXJyb3IoYCR7TkFNRV9DQU1FTH06IFske05BTUVfQ0FNRUx9XSBpcyBub3QgZGVmaW5lZCBwcm9wZXJseSFgKTtcblx0XHR9XG5cblx0XHR0aGlzLl9jb21tYW5kLnN1YnNjcmliZSgpO1xuXHRcdHRoaXMuX2NvbW1hbmQuY2FuRXhlY3V0ZSQucGlwZShcblx0XHRcdHRoaXMuY29tbWFuZE9wdGlvbnMuaGFzRGlzYWJsZWREZWxheVxuXHRcdFx0XHQ/IGRlbGF5KDEpXG5cdFx0XHRcdDogdGFwKCgpID0+IHsgLyogc3R1YiAqLyB9KSxcblx0XHRcdHRhcCh4ID0+IHtcblx0XHRcdFx0dGhpcy50cnlTZXREaXNhYmxlZCgheCk7XG5cdFx0XHRcdC8vIGNvbnNvbGUubG9nKFwiW3NzdkNvbW1hbmQ6OmNhbkV4ZWN1dGUkXVwiLCB7IGNhbkV4ZWN1dGU6IHggfSk7XG5cdFx0XHRcdHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuXHRcdFx0fSksXG5cdFx0XHR0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpLFxuXHRcdCkuc3Vic2NyaWJlKCk7XG5cblx0XHRpZiAodGhpcy5fY29tbWFuZC5pc0V4ZWN1dGluZyQpIHtcblx0XHRcdHRoaXMuX2NvbW1hbmQuaXNFeGVjdXRpbmckLnBpcGUoXG5cdFx0XHRcdHRhcCh4ID0+IHtcblx0XHRcdFx0XHQvLyBjb25zb2xlLmxvZyhcIltzc3ZDb21tYW5kOjppc0V4ZWN1dGluZyRdXCIsIHgsIHRoaXMuY29tbWFuZE9wdGlvbnMpO1xuXHRcdFx0XHRcdGlmICh4KSB7XG5cdFx0XHRcdFx0XHR0aGlzLnJlbmRlcmVyLmFkZENsYXNzKFxuXHRcdFx0XHRcdFx0XHR0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcblx0XHRcdFx0XHRcdFx0dGhpcy5jb21tYW5kT3B0aW9ucy5leGVjdXRpbmdDc3NDbGFzc1xuXHRcdFx0XHRcdFx0KTtcblx0XHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdFx0dGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhcblx0XHRcdFx0XHRcdFx0dGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG5cdFx0XHRcdFx0XHRcdHRoaXMuY29tbWFuZE9wdGlvbnMuZXhlY3V0aW5nQ3NzQ2xhc3Ncblx0XHRcdFx0XHRcdCk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9KSxcblx0XHRcdFx0dGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcblx0XHRcdCkuc3Vic2NyaWJlKCk7XG5cdFx0fVxuXHR9XG5cblx0QEhvc3RMaXN0ZW5lcihcImNsaWNrXCIpXG5cdG9uQ2xpY2soKTogdm9pZCB7XG5cdFx0Ly8gY29uc29sZS5sb2coXCJbc3N2Q29tbWFuZDo6b25DbGlja11cIiwgdGhpcy5jb21tYW5kUGFyYW1zKTtcblx0XHRpZiAoQXJyYXkuaXNBcnJheSh0aGlzLmNvbW1hbmRQYXJhbXMpKSB7XG5cdFx0XHR0aGlzLl9jb21tYW5kLmV4ZWN1dGUoLi4udGhpcy5jb21tYW5kUGFyYW1zKTtcblx0XHR9IGVsc2Uge1xuXHRcdFx0dGhpcy5fY29tbWFuZC5leGVjdXRlKHRoaXMuY29tbWFuZFBhcmFtcyk7XG5cdFx0fVxuXHR9XG5cblx0bmdPbkRlc3Ryb3koKTogdm9pZCB7XG5cdFx0Ly8gY29uc29sZS5sb2coXCJbc3N2Q29tbWFuZDo6ZGVzdHJveV1cIik7XG5cdFx0dGhpcy5fZGVzdHJveSQubmV4dCgpO1xuXHRcdHRoaXMuX2Rlc3Ryb3kkLmNvbXBsZXRlKCk7XG5cdFx0aWYgKHRoaXMuX2NvbW1hbmQpIHtcblx0XHRcdHRoaXMuX2NvbW1hbmQudW5zdWJzY3JpYmUoKTtcblx0XHR9XG5cdH1cblxuXHRwcml2YXRlIHRyeVNldERpc2FibGVkKGRpc2FibGVkOiBib29sZWFuKSB7XG5cdFx0aWYgKHRoaXMuY29tbWFuZE9wdGlvbnMuaGFuZGxlRGlzYWJsZWQpIHtcblx0XHRcdC8vIGNvbnNvbGUud2FybihcIj4+Pj4gZGlzYWJsZWRcIiwgeyBpZDogdGhpcy5pZCwgZGlzYWJsZWQgfSk7XG5cdFx0XHR0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCBcImRpc2FibGVkXCIsIGRpc2FibGVkKTtcblx0XHR9XG5cdH1cblxufVxuXG4iXX0=