dothtml-interfaces 0.3.4 → 0.3.7

package/package.json

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

package/src/i-dot.d.ts

@@ -370,7 +370,7 @@ export interface IDotCore extends IDotDocument {
 	navigate(path: string, noHistory?: boolean, force?: boolean): void;
 	css: IDotCss;
 	bus: IEventBus;
-	// window: IDotWindowBuilder;
+	window: IDotWindowBuilder;
 
 	watch<Ti = IReactive | Array<any> | { [key: string | number]: any } | string | number | boolean, To = Ti>(initValue?: Ti, props?: { key?: string, transformer?: (value: Ti) => To }): IReactive<Ti, To>;
 
@@ -388,8 +388,16 @@ export interface IDotCore extends IDotDocument {
 	useStyles(document: Document, styles: Styles): HTMLStyleElement;
 }
 
+export interface IDotWindowWrapper{
+	open(): void;
+	close(): void;
+	window: Window;
+	document: Document;
+	title: string;
+}
+
 export interface IDotWindowBuilder {
-	(content): Window;
+	(options: {content: IDotDocument, width: number, height: number, title: string}): IDotWindowWrapper;
 }
 
 export interface IDotConditionalDocument extends IDotDocument {

package/src/styles/{i-filter-prop.d.ts → complex-css-types/i-filter-prop.d.ts}

@@ -1,6 +1,6 @@
-import AngleProp from "./mapped-types/angle-prop";
-import { Percentage, ValueOrReactive } from "./css-types";
-import LengthProp from "./mapped-types/length-prop";
+import AngleProp from "../mapped-types/angle-prop";
+import { Percentage, ValueOrReactive } from "../css-types";
+import LengthProp from "../mapped-types/length-prop";
 import IShadowProp from "./i-shadow-prop";
 
 export default interface IFilterProp extends

package/src/styles/{i-shadow-prop.d.ts → complex-css-types/i-shadow-prop.d.ts}

@@ -1,5 +1,5 @@
-import ColorProps from "./mapped-types/color-props.js";
-import LengthProp from "./mapped-types/length-prop.js";
+import ColorProps from "../mapped-types/color-props.js";
+import LengthProp from "../mapped-types/length-prop.js";
 
 
 export default interface IShadowProp extends

package/src/styles/{i-transformation-prop.d.ts → complex-css-types/i-transformation-prop.d.ts}

@@ -1,8 +1,10 @@
-import AngleProp from "./mapped-types/angle-prop";
-import { ValueOrReactive } from "./css-types";
-import LengthProp from "./mapped-types/length-prop";
+import AngleProp from "../mapped-types/angle-prop";
+import { ValueOrReactive } from "../css-types";
+import LengthProp from "../mapped-types/length-prop";
 
-export interface ITransformationProp extends
+// Transforms are special because the order matters and functions can be called mulitple times.
+// To support this functionality, we use an array of transform JSON specs.
+export default interface ITransformationProp extends
 	LengthProp<"translate", 1|2>, 
 	LengthProp<"translate3d", 3>,
 	LengthProp<"translateX">,

package/src/styles/i-css-prop.d.ts

@@ -1,9 +1,9 @@
 
 import { IReactive } from "../i-reactive";
 import { GKV, ValueOrReactive } from "./css-types";
-import IFilterProp from "./i-filter-prop";
-import IShadowProp from "./i-shadow-prop";
-import { ITransformationProp } from "./i-transformation-prop";
+import IFilterProp from "./complex-css-types/i-filter-prop";
+import IShadowProp from "./complex-css-types/i-shadow-prop";
+import ITransformationProp from "./complex-css-types/i-transformation-prop";
 import ColorProp from "./mapped-types/color-props";
 import LengthProp from "./mapped-types/length-prop";
 
@@ -79,7 +79,7 @@ export default interface IDotcssProp extends
 	content?: ValueOrReactive<string>;
 
 	//complex: 
-	transform?: ValueOrReactive<string>|ITransformationProp;
+	transform?: ValueOrReactive<string>|ITransformationProp|Array<ITransformationProp>;
 	filter?: ValueOrReactive<string>|IFilterProp;
 	backdropFilter?: ValueOrReactive<string>|IFilterProp;