dothtml-interfaces 0.1.3 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dothtml-interfaces",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Dependency injection interfaces for DOTHtml.",
   "main": "src/index.d.ts",
   "types": "src/index.d.ts",

package/src/i-component.d.ts

@@ -1,29 +1,58 @@
 
-import { IDotElement } from "./i-dot";
+import { IDotElement, IDotGenericElement } from "./i-dot";
 import IDotCss from "./i-dot-css";
 
+export interface FrameworkItems {
+	el: HTMLElement;
+	css: IDotCss;
+	html: IDotGenericElement;
+	refs: { [key: string]: HTMLElement };
+	restyle(): void;
+}
+
 export default interface IComponent {
     // Properties
-    props: { [key: string]: any };
-    bindings: { [key: string]: any };
-    events: Array<string>;
-    $refs: { [key: string]: HTMLElement };
-    name: string;
-
-    // Methods
-    builder(...args: Array<any>): IDotElement;
-    created(...args: Array<any>): void;
-    ready(): void;
-    deleting(): void;
-    deleted(): void;
-    built(): void;
-    on(event: string, handler: Function): void;
-    off(event: string, handler: Function): void;
-    $updateStyles(): void;
-
-    // Accessors
-    readonly $el: HTMLElement;
-
-    // Optional Method
+    props?: { [key: string]: any };
+    bindings?: { [key: string]: any };
+    events?: Array<string>;
+
+	readonly $?: FrameworkItems;
+
+    // Lifecycle hooks
+
+	/**
+	 * 
+	 * @param args 
+	 */
+    build(...args: Array<any>): IDotElement;
+
+	/**
+	 * An optional function that is called after builder that stylizes the component using a scoped style builder.
+	 */
     style?(css: IDotCss): void;
+
+	/**
+	 * An optional function that gets called before the component is created, scoped to the new component object.
+	 */
+    creating?(...args: Array<any>): void;
+
+	/**
+	 * An optional function called after the element has been added. One parameter will be provided containing the added element.
+	 */
+    ready?(): void;
+
+	/**
+	 * An optional function called before the component is deleted.
+	 */
+    deleting?(): void;
+
+	/**
+	 * An optional function called after the component is deleted.
+	 */
+    deleted?(): void;
+
+	/**
+	 * An optional function called after the component is built.
+	 */
+    built?(): void;
 }

package/src/i-dot.d.ts

@@ -1,5 +1,5 @@
 
-import IComponent from "./i-component";
+import IComponent, { FrameworkItems } from "./i-component";
 import IDotCss, { IDotcssProp } from "./i-dot-css";
 import IEventBus from "./i-event-bus";
 
@@ -241,15 +241,9 @@ export interface IDotCore extends IDotDocument
 	navigate(path: string, noHistory?: boolean, force?: boolean): void;
 	css: IDotCss;
 	bus: IEventBus;
-	resetScopeClass(): void;
-	setTargetWindow(target: Window): IDotDocument;
-	unsetTargetWindow(): void;
-	// component(component: typeof Component): void;
-	// removeComponent = removeComponent;
-
-	Component: {
-		new (...args: any[]): IComponent
-	};
+	
+	component<T extends {new(...args: any[]): (IComponent)}>(ComponentClass: T): T&{new(...args: any[]): ({$: FrameworkItems})};
+
 }
 
 /**

package/src/index.d.ts

@@ -1,9 +1,10 @@
 
+export * from "./i-dot";
+
 export { default as IDotCss } from "./i-dot-css";
 export * from "./i-dot-css";
 
-export * from "./i-dot";
 
-export { default as IComponent } from "./i-component";
+export { default as IComponent, FrameworkItems } from "./i-component";
 
 export { default as IEventBus } from "./i-event-bus";