dothtml-interfaces 0.4.7 → 1.0.0

package/src/{i-event-bus.d.ts → i-event-bus.ts}

@@ -1,11 +1,11 @@
-
-export default interface IEventBus{
-    
-    on (event, callback);
-    
-    off (event, callback);
-    
-    emit (event, ...args);
-    
-    flush (event);
+
+export default interface IEventBus{
+    
+    on (event, callback);
+    
+    off (event, callback);
+    
+    emit (event, ...args);
+    
+    flush (event);
 }

package/src/{index.d.ts → index.ts}

@@ -1,15 +1,15 @@
-import { IDotCore } from "./i-dot";
-
-export * from "./i-dot";
-
-export { default as IDotCss } from "./styles/i-dot-css";
-export * from "./styles/i-dot-css";
-
-
-export { default as IDotComponent, FrameworkItems } from "./i-dot-component";
-
-export { IWatcher } from "./bindings/i-watcher";
-export { IObserver } from "./bindings/i-observer";
-export { IBinding } from "./bindings/i-binding";
-export { IReactive } from "./bindings/i-reactive";
+import { IDotCore } from "./i-dot";
+
+export * from "./i-dot";
+
+export { default as IDotCss } from "./styles/i-dot-css";
+export * from "./styles/i-dot-css";
+
+
+export { default as IDotComponent, FrameworkItems } from "./i-dot-component";
+
+export { IWatcher } from "./bindings/i-watcher";
+export { IObserver } from "./bindings/i-observer";
+export { IBinding } from "./bindings/i-binding";
+export { IReactive } from "./bindings/i-reactive";
 export { default as IEventBus } from "./i-event-bus";

package/src/styles/at-rules/{i-at-color-profile-builder.d.ts → i-at-color-profile-builder.ts}

@@ -1,5 +1,5 @@
-
-export default interface IAtColorProfileBuilder{
-	src?: string;
-	renderingIntent?: "relative-colorimetric"|"absolute-colorimetric"|"perceptual"|"saturation";
+
+export default interface IAtColorProfileBuilder{
+	src?: string;
+	renderingIntent?: "relative-colorimetric"|"absolute-colorimetric"|"perceptual"|"saturation";
 }

package/src/styles/at-rules/{i-at-counter-style-builder.d.ts → i-at-counter-style-builder.ts}

@@ -1,15 +1,15 @@
-type SystemValue = "cyclic"|"numeric"|"alphabetic"|"symbolic"|"additive"|`fixed ${number}`|`extends ${string}`;
-export default interface IAtCounterStyleBuilder{
-
-	// TODO: need a testcase on this.
-	system?: SystemValue|["fixed", number]|["extends", string];
-
-	symbols?: string;
-	additiveSymbols?: string;
-	negative?: string;
-	prefix?: string;
-	suffix?: string;
-	range?: string;
-	pad?: string;
-	speakAs?: string;
+type SystemValue = "cyclic"|"numeric"|"alphabetic"|"symbolic"|"additive"|`fixed ${number}`|`extends ${string}`;
+export default interface IAtCounterStyleBuilder{
+
+	// TODO: need a testcase on this.
+	system?: SystemValue|["fixed", number]|["extends", string];
+
+	symbols?: string;
+	additiveSymbols?: string;
+	negative?: string;
+	prefix?: string;
+	suffix?: string;
+	range?: string;
+	pad?: string;
+	speakAs?: string;
 }

package/src/styles/at-rules/{i-at-font-family-builder.d.ts → i-at-font-family-builder.ts}

@@ -1,19 +1,19 @@
-
-type NormalOrPercentage = "normal" | number | `${string}%`;
-type StretchValues = `${number}%`|number|"ultra-condensed"|"extra-condensed"|"condensed"|"semi-condensed"|"normal"|"semi-expanded"|"expanded"|"extra-expanded"|"ultra-expanded";
-
-export default interface IAtFontFamilyBuilder{
-	ascentOverride?: string;
-	descentOverride?: NormalOrPercentage | [NormalOrPercentage] | [NormalOrPercentage, NormalOrPercentage];
-	fontDisplay?: "auto"|"block"|"swap"|"fallback"|"optional";
-	fontFamily: string;
-	fontStretch?: StretchValues | [StretchValues] | [StretchValues, StretchValues];
-	fontStyle?: "normal"|"italic"|"auto"|"oblique"|`oblique ${string}`;
-	fontWeight?: "normal"|"bold"|number|`${number}`;
-	fontFeatureSettings?: string;
-	fontVariationSettings?: string|string[];
-	lineGapOverride?: NormalOrPercentage | [NormalOrPercentage] | [NormalOrPercentage, NormalOrPercentage];
-	sizeAdjust?: `${number}%`|number;
-	src?: string;
-	unicodeRange?: string;
+
+type NormalOrPercentage = "normal" | number | `${string}%`;
+type StretchValues = `${number}%`|number|"ultra-condensed"|"extra-condensed"|"condensed"|"semi-condensed"|"normal"|"semi-expanded"|"expanded"|"extra-expanded"|"ultra-expanded";
+
+export default interface IAtFontFamilyBuilder{
+	ascentOverride?: string;
+	descentOverride?: NormalOrPercentage | [NormalOrPercentage] | [NormalOrPercentage, NormalOrPercentage];
+	fontDisplay?: "auto"|"block"|"swap"|"fallback"|"optional";
+	fontFamily: string;
+	fontStretch?: StretchValues | [StretchValues] | [StretchValues, StretchValues];
+	fontStyle?: "normal"|"italic"|"auto"|"oblique"|`oblique ${string}`;
+	fontWeight?: "normal"|"bold"|number|`${number}`;
+	fontFeatureSettings?: string;
+	fontVariationSettings?: string|string[];
+	lineGapOverride?: NormalOrPercentage | [NormalOrPercentage] | [NormalOrPercentage, NormalOrPercentage];
+	sizeAdjust?: `${number}%`|number;
+	src?: string;
+	unicodeRange?: string;
 }

package/src/styles/at-rules/{i-at-font-palette-values.d.ts → i-at-font-palette-values.ts}

@@ -1,6 +1,6 @@
-
-export default interface IAtFontPaletteValues{
-	fontFamily?: string;
-	basePalette?: string;
-	overrideColors?: string[];
+
+export default interface IAtFontPaletteValues{
+	fontFamily?: string;
+	basePalette?: string;
+	overrideColors?: string[];
 }

package/src/styles/at-rules/{i-at-keyframes-builder.d.ts → i-at-keyframes-builder.ts}

@@ -1,8 +1,8 @@
-import IDotcssProp from "../i-css-prop";
-
-export default interface IAtKeyframesBuilder{
-	to: IDotcssProp;
-	from: IDotcssProp;
-
-	[key: `${number}%`]: IDotcssProp;
+import IDotcssProp from "../i-css-prop";
+
+export default interface IAtKeyframesBuilder{
+	to: IDotcssProp;
+	from: IDotcssProp;
+
+	[key: `${number}%`]: IDotcssProp;
 }

package/src/styles/at-rules/{i-at-page-builder.d.ts → i-at-page-builder.ts}

@@ -1,20 +1,20 @@
-import IDotcssProp from "../i-css-prop";
-
-export default interface IAtPageBuilder extends IDotcssProp{
-	topLeftCorner: IDotcssProp;
-	topLeft: IDotcssProp;
-	topCenter: IDotcssProp;
-	topRight: IDotcssProp;
-	topRightCorner: IDotcssProp;
-	bottomLeftCorner: IDotcssProp;
-	bottomLeft: IDotcssProp;
-	bottomCenter: IDotcssProp;
-	bottomRight: IDotcssProp;
-	bottomRightCorner: IDotcssProp;
-	leftTop: IDotcssProp;
-	leftMiddle: IDotcssProp;
-	leftBottom: IDotcssProp;
-	rightTop: IDotcssProp;
-	rightMiddle: IDotcssProp;
-	rightBottom: IDotcssProp;
+import IDotcssProp from "../i-css-prop";
+
+export default interface IAtPageBuilder extends IDotcssProp{
+	topLeftCorner: IDotcssProp;
+	topLeft: IDotcssProp;
+	topCenter: IDotcssProp;
+	topRight: IDotcssProp;
+	topRightCorner: IDotcssProp;
+	bottomLeftCorner: IDotcssProp;
+	bottomLeft: IDotcssProp;
+	bottomCenter: IDotcssProp;
+	bottomRight: IDotcssProp;
+	bottomRightCorner: IDotcssProp;
+	leftTop: IDotcssProp;
+	leftMiddle: IDotcssProp;
+	leftBottom: IDotcssProp;
+	rightTop: IDotcssProp;
+	rightMiddle: IDotcssProp;
+	rightBottom: IDotcssProp;
 }

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

@@ -1,20 +1,20 @@
-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
-	AngleProp<["hueRotate"]>,
-	LengthProp<"blur", 1>
-{
-	// url(commonfilters.svg#filter); // Don't know how this works yet.
-	brightness?: ValueOrReactive<number> | Percentage;
-	contrast?: ValueOrReactive<number> | Percentage;
-	dropShadow?: IShadowProp | IShadowProp[];
-	grayscale?: ValueOrReactive<number> | Percentage;
-	invert?: ValueOrReactive<number> | Percentage;
-	opacity?: ValueOrReactive<number> | Percentage;
-	sepia?: ValueOrReactive<number> | Percentage;
-	saturate?: ValueOrReactive<number> | Percentage;
-	// url(filters.svg#filter) blur(4px) saturate(150%); // example.
+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
+	AngleProp<["hueRotate"]>,
+	LengthProp<"blur", 1>
+{
+	// url(commonfilters.svg#filter); // Don't know how this works yet.
+	brightness?: ValueOrReactive<number> | Percentage;
+	contrast?: ValueOrReactive<number> | Percentage;
+	dropShadow?: IShadowProp | IShadowProp[];
+	grayscale?: ValueOrReactive<number> | Percentage;
+	invert?: ValueOrReactive<number> | Percentage;
+	opacity?: ValueOrReactive<number> | Percentage;
+	sepia?: ValueOrReactive<number> | Percentage;
+	saturate?: ValueOrReactive<number> | Percentage;
+	// url(filters.svg#filter) blur(4px) saturate(150%); // example.
 }

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

@@ -1,12 +1,12 @@
-import ColorProps from "../mapped-types/color-props.js";
-import LengthProp from "../mapped-types/length-prop.js";
-
-
-export default interface IShadowProp extends
-	LengthProp<"length", 2>,
-	LengthProp<"blur">,
-	LengthProp<"spread">,
-	ColorProps<"color">
-{
-	
+import ColorProps from "../mapped-types/color-props.js";
+import LengthProp from "../mapped-types/length-prop.js";
+
+
+export default interface IShadowProp extends
+	LengthProp<"length", 2>,
+	LengthProp<"blur">,
+	LengthProp<"spread">,
+	ColorProps<"color">
+{
+	
 }

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

@@ -1,33 +1,33 @@
-import AngleProp from "../mapped-types/angle-prop";
-import { ValueOrReactive } from "../css-types";
-import LengthProp from "../mapped-types/length-prop";
-
-// 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">,
-	LengthProp<"translateY">,
-	LengthProp<"translateZ">,
-	LengthProp<"perspective">,
-	AngleProp<["rotate3d"], 4>,
-	AngleProp<["skew"], 1|2>,
-	AngleProp<["rotate", "rotateX", "rotateY", "rotateZ", "skewX", "skewY"]>
-{
-	// a, b, c, d, tx, ty
-	matrix?: [ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>];
-	// a1, b1, c1, d1,  a2, b2, c2, d2,  a3, b3, c3, d3,  a4, b4, c4, d4
-	matrix3d?: [
-		ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, 
-		ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, 
-		ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, 
-		ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>
-	];
-	
-	scale?: ValueOrReactive<number> | [ValueOrReactive<number>, ValueOrReactive<number>];
-	scale3d?: [ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>];
-	scaleX?: ValueOrReactive<number>;
-	scaleY?: ValueOrReactive<number>;
-	scaleZ?: ValueOrReactive<number>;
+import AngleProp from "../mapped-types/angle-prop";
+import { ValueOrReactive } from "../css-types";
+import LengthProp from "../mapped-types/length-prop";
+
+// 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">,
+	LengthProp<"translateY">,
+	LengthProp<"translateZ">,
+	LengthProp<"perspective">,
+	AngleProp<["rotate3d"], 4>,
+	AngleProp<["skew"], 1|2>,
+	AngleProp<["rotate", "rotateX", "rotateY", "rotateZ", "skewX", "skewY"]>
+{
+	// a, b, c, d, tx, ty
+	matrix?: [ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>];
+	// a1, b1, c1, d1,  a2, b2, c2, d2,  a3, b3, c3, d3,  a4, b4, c4, d4
+	matrix3d?: [
+		ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, 
+		ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, 
+		ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, 
+		ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>
+	];
+	
+	scale?: ValueOrReactive<number> | [ValueOrReactive<number>, ValueOrReactive<number>];
+	scale3d?: [ValueOrReactive<number>, ValueOrReactive<number>, ValueOrReactive<number>];
+	scaleX?: ValueOrReactive<number>;
+	scaleY?: ValueOrReactive<number>;
+	scaleZ?: ValueOrReactive<number>;
 }