dothtml-interfaces 0.1.2 → 0.1.4

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "dothtml-interfaces",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Dependency injection interfaces for DOTHtml.",
-  "main": "./src/index.d.ts",
-  "types": "./src/index.d.ts",
+  "main": "src/index.d.ts",
+  "types": "src/index.d.ts",
   "scripts": {},
   "author": "",
   "license": "ISC",
@@ -12,6 +12,6 @@
   },
   "exports": "./src/index.d.ts",
   "files": [
-    "./src/**/*"
+    "src/**/*"
   ]
 }

package/src/i-component.d.ts

@@ -0,0 +1,58 @@
+
+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>;
+
+	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;
+}