@ssv/ngx.command 3.0.0-dev.1 → 3.0.0-dev.1-dev.11

package/src/command.directive.xspec.ts

@@ -1,105 +1,105 @@
-// import {Observable} from "rxjs/Observable";
-// import {inject, addProviders, async} from "@angular/core/testing";
-// import {TestComponentBuilder, ComponentFixture} from "@angular/compiler/testing";
-// import {Component, provide} from "@angular/core";
-
-// import {Command, ICommand, CommandDirective} from "./index";
-
-// @Component({
-// 	template: `<button class="btn" [ssvCommand]="saveCmd" >Save</button>`,
-// 	directives: [
-// 		CommandDirective
-// 	]
-// })
-// class TestContainer {
-// 	saveCmd = new Command(() => Observable.of("yey").delay(2000), null, true);
-// }
-
-// @Component({
-// 	template: `<button class="btn" [ssvCommand]="emptyCmd" >Save</button>`,
-// 	directives: [
-// 		CommandDirective
-// 	]
-// })
-// class NullCommandTestContainer {
-
-// }
-
-// describe("CommandDirectiveSpecs", () => {
-
-// 	let testComponentBuilder: TestComponentBuilder;
-
-// 	beforeEach(inject([
-// 		TestComponentBuilder
-// 	], (
-// 		_testComponentBuilder: TestComponentBuilder
-// 	) => {
-// 			testComponentBuilder = _testComponentBuilder;
-// 		})
-// 	);
-
-// 	describe("given an undefined command", () => {
-// 		xit("should throw error", async(() => {
-// 			testComponentBuilder
-// 				.createAsync(NullCommandTestContainer)
-// 				.then((fixture: ComponentFixture<NullCommandTestContainer>) => {
-// 					expect(() => {
-// 						fixture.detectChanges();
-// 					}).toThrowError("[commandDirective] command should be defined!");
-// 				});
-
-// 		}));
-// 	});
-
-// 	describe("given command isExecuting is set to true", () => {
-// 		xit("should have element disabled", async(() => {
-// 			testComponentBuilder
-// 				.createAsync(TestContainer)
-// 				.then((fixture: ComponentFixture<TestContainer>) => {
-// 					fixture.detectChanges();
-// 					let container = fixture.componentInstance as TestContainer;
-// 					let element = fixture.debugElement.nativeElement.querySelector("button");
-// 					element.click();
-// 					fixture.detectChanges();
-// 					expect(element).toBeDisabled();
-// 				});
-// 		}));
-
-// 		xit("should have executingCssClass added", () => {
-
-// 		});
-
-// 		xdescribe("when isExecuting has been finished", () => {
-// 			xit("should have element enabled", () => {
-
-// 			});
-
-// 			xit("should have executingCssClass removed", () => {
-
-// 			});
-// 		});
-// 	});
-
-// 	xdescribe("given command canExecute is set to true", () => {
-// 		xit("should have element enabled", () => {
-
-// 		});
-// 	});
-
-// 	xdescribe("given command canExecute is set to false", () => {
-// 		xit("should have element disabled", () => {
-
-// 		});
-// 	});
-
-// 	xdescribe("given commandOptions are provided", () => {
-// 		xdescribe("when isExecuting is set true", () => {
-// 			xit("should have executingCssClass added with the provided option", () => {
-
-// 			});
-// 		});
-
-// 	});
-
-
-// });
+// import {Observable} from "rxjs/Observable";
+// import {inject, addProviders, async} from "@angular/core/testing";
+// import {TestComponentBuilder, ComponentFixture} from "@angular/compiler/testing";
+// import {Component, provide} from "@angular/core";
+
+// import {Command, ICommand, CommandDirective} from "./index";
+
+// @Component({
+// 	template: `<button class="btn" [ssvCommand]="saveCmd" >Save</button>`,
+// 	directives: [
+// 		CommandDirective
+// 	]
+// })
+// class TestContainer {
+// 	saveCmd = new Command(() => Observable.of("yey").delay(2000), null, true);
+// }
+
+// @Component({
+// 	template: `<button class="btn" [ssvCommand]="emptyCmd" >Save</button>`,
+// 	directives: [
+// 		CommandDirective
+// 	]
+// })
+// class NullCommandTestContainer {
+
+// }
+
+// describe("CommandDirectiveSpecs", () => {
+
+// 	let testComponentBuilder: TestComponentBuilder;
+
+// 	beforeEach(inject([
+// 		TestComponentBuilder
+// 	], (
+// 		_testComponentBuilder: TestComponentBuilder
+// 	) => {
+// 			testComponentBuilder = _testComponentBuilder;
+// 		})
+// 	);
+
+// 	describe("given an undefined command", () => {
+// 		xit("should throw error", async(() => {
+// 			testComponentBuilder
+// 				.createAsync(NullCommandTestContainer)
+// 				.then((fixture: ComponentFixture<NullCommandTestContainer>) => {
+// 					expect(() => {
+// 						fixture.detectChanges();
+// 					}).toThrowError("[commandDirective] command should be defined!");
+// 				});
+
+// 		}));
+// 	});
+
+// 	describe("given command isExecuting is set to true", () => {
+// 		xit("should have element disabled", async(() => {
+// 			testComponentBuilder
+// 				.createAsync(TestContainer)
+// 				.then((fixture: ComponentFixture<TestContainer>) => {
+// 					fixture.detectChanges();
+// 					let container = fixture.componentInstance as TestContainer;
+// 					let element = fixture.debugElement.nativeElement.querySelector("button");
+// 					element.click();
+// 					fixture.detectChanges();
+// 					expect(element).toBeDisabled();
+// 				});
+// 		}));
+
+// 		xit("should have executingCssClass added", () => {
+
+// 		});
+
+// 		xdescribe("when isExecuting has been finished", () => {
+// 			xit("should have element enabled", () => {
+
+// 			});
+
+// 			xit("should have executingCssClass removed", () => {
+
+// 			});
+// 		});
+// 	});
+
+// 	xdescribe("given command canExecute is set to true", () => {
+// 		xit("should have element enabled", () => {
+
+// 		});
+// 	});
+
+// 	xdescribe("given command canExecute is set to false", () => {
+// 		xit("should have element disabled", () => {
+
+// 		});
+// 	});
+
+// 	xdescribe("given commandOptions are provided", () => {
+// 		xdescribe("when isExecuting is set true", () => {
+// 			xit("should have executingCssClass added with the provided option", () => {
+
+// 			});
+// 		});
+
+// 	});
+
+
+// });

package/src/command.model.ts

@@ -1,36 +1,36 @@
-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: unknown[]) => Observable<unknown> | Promise<unknown> | void;
-	// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
-	canExecute?: Observable<boolean> | Function;
-	params?: unknown | unknown[];
-	isAsync?: boolean;
-	host: unknown;
-}
+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: unknown[]) => Observable<unknown> | Promise<unknown> | void;
+	// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+	canExecute?: Observable<boolean> | Function;
+	params?: unknown | unknown[];
+	isAsync?: boolean;
+	host: unknown;
+}

package/src/command.options.ts

@@ -1,45 +1,45 @@
-import { EnvironmentProviders, InjectionToken, makeEnvironmentProviders } 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;
-}
-
-const DEFAULT_OPTIONS = Object.freeze<CommandOptions>({
-	executingCssClass: "executing",
-	handleDisabled: true,
-	hasDisabledDelay: false,
-});
-
-export const COMMAND_OPTIONS = new InjectionToken<CommandOptions>("SSV_COMMAND_OPTIONS", {
-	factory: () => DEFAULT_OPTIONS,
-});
-
-export function provideSsvCommandOptions(options: CommandOptions | (() => CommandOptions)): EnvironmentProviders {
-	let opts = typeof options === "function" ? options() : options;
-	opts = opts
-		? {
-			...DEFAULT_OPTIONS,
-			...opts,
-		}
-		: DEFAULT_OPTIONS;
-	return makeEnvironmentProviders([
-		{
-			provide: DEFAULT_OPTIONS,
-			useValue: opts,
-		},
-	]);
-}
+import { EnvironmentProviders, InjectionToken, makeEnvironmentProviders } 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;
+}
+
+const DEFAULT_OPTIONS = Object.freeze<CommandOptions>({
+	executingCssClass: "executing",
+	handleDisabled: true,
+	hasDisabledDelay: false,
+});
+
+export const COMMAND_OPTIONS = new InjectionToken<CommandOptions>("SSV_COMMAND_OPTIONS", {
+	factory: () => DEFAULT_OPTIONS,
+});
+
+export function provideSsvCommandOptions(options: CommandOptions | (() => CommandOptions)): EnvironmentProviders {
+	let opts = typeof options === "function" ? options() : options;
+	opts = opts
+		? {
+			...DEFAULT_OPTIONS,
+			...opts,
+		}
+		: DEFAULT_OPTIONS;
+	return makeEnvironmentProviders([
+		{
+			provide: DEFAULT_OPTIONS,
+			useValue: opts,
+		},
+	]);
+}