dothtml 5.0.0 → 5.0.3

package/src/i-dotcss.ts

@@ -5,6 +5,7 @@ export declare type RelativeUnits = "em"|"ex"|"ch"|"rem"|"vw"|"vh"|"vmin"|"vmax"
 export declare type AllUnits = AbsoluteUnits|RelativeUnits;
 export declare type OptionalWhitespace = ""|" ";
 export declare type UrlType = `url('${string}')`;
+export declare type LengthOrDefault = number|`${number}${AllUnits}`;
 
 // ts starts complaining about the complexity of the type :(
 //export declare type DigitStr = "0"|"1"|"2"|"3"|"4"|"5"|"6"|"7"|"8"|"9";
@@ -14,21 +15,35 @@ export declare type UrlType = `url('${string}')`;
 export declare type BackgroundAttachmentValues = BasicCommonValues|"scroll"|"fixed"|"local"
 export declare type BackgroundRepeatValues = BasicCommonValues|"no-repeat"|"repeat"|"space"|"round";
 export declare type BackgroundOriginValues = BasicCommonValues|"padding-box"|"border-box"|"content-box";
-export declare type BackgroundSizeValues = BasicCommonValues|"auto"|number|`${number}${AllUnits}`|"cover"|"contain";
+export declare type BackgroundSizeValues = BasicCommonValues|"auto"|LengthOrDefault|"cover"|"contain";
 export declare type BackfaceVisibilityValues = BasicCommonValues|"visible"|"hidden";
 export declare type BorderStyles = BasicCommonValues|"dotted"|"dashed"|"solid"|"double"|"groove"|"ridge"|"inset"|"outset"|"none"|"hidden";
 export declare type ColorName = BasicCommonValues|"aliceblue"|"antiquewhite"|"aqua"|"aquamarine"|"azure"|"beige"|"bisque"|"black"|"blanchedalmond"|"blue"|"blueviolet"|"brown"|"burlywood"|"cadetblue"|"chartreuse"|"chocolate"|"coral"|"cornflowerblue"|"cornsilk"|"crimson"|"cyan"|"darkblue"|"darkcyan"|"darkgoldenrod"|"darkgray"|"darkgrey"|"darkgreen"|"darkkhaki"|"darkmagenta"|"darkolivegreen"|"darkorange"|"darkorchid"|"darkred"|"darksalmon"|"darkseagreen"|"darkslateblue"|"darkslategray"|"darkslategrey"|"darkturquoise"|"darkviolet"|"deeppink"|"deepskyblue"|"dimgray"|"dimgrey"|"dodgerblue"|"firebrick"|"floralwhite"|"forestgreen"|"fuchsia"|"gainsboro"|"ghostwhite"|"gold"|"goldenrod"|"gray"|"grey"|"green"|"greenyellow"|"honeydew"|"hotpink"|"indianred"|"indigo"|"ivory"|"khaki"|"lavender"|"lavenderblush"|"lawngreen"|"lemonchiffon"|"lightblue"|"lightcoral"|"lightcyan"|"lightgoldenrodyellow"|"lightgray"|"lightgrey"|"lightgreen"|"lightpink"|"lightsalmon"|"lightseagreen"|"lightskyblue"|"lightslategray"|"lightslategrey"|"lightsteelblue"|"lightyellow"|"lime"|"limegreen"|"linen"|"magenta"|"maroon"|"mediumaquamarine"|"mediumblue"|"mediumorchid"|"mediumpurple"|"mediumseagreen"|"mediumslateblue"|"mediumspringgreen"|"mediumturquoise"|"mediumvioletred"|"midnightblue"|"mintcream"|"mistyrose"|"moccasin"|"navajowhite"|"navy"|"oldlace"|"olive"|"olivedrab"|"orange"|"orangered"|"orchid"|"palegoldenrod"|"palegreen"|"paleturquoise"|"palevioletred"|"papayawhip"|"peachpuff"|"peru"|"pink"|"plum"|"powderblue"|"purple"|"rebeccapurple"|"red"|"rosybrown"|"royalblue"|"saddlebrown"|"salmon"|"sandybrown"|"seagreen"|"seashell"|"sienna"|"silver"|"skyblue"|"slateblue"|"slategray"|"slategrey"|"snow"|"springgreen"|"steelblue"|"tan"|"teal"|"thistle"|"tomato"|"turquoise"|"violet"|"wheat"|"white"|"whitesmoke"|"yellow"|"yellowgreen";
-export declare type LengthProp = BasicCommonValues|"maxHeight"|"minHeight"|"top"|"bottom"|"height"|"maxHidth"|"minWidth"|"right"|"left"|"width"|"margin"|"marginTop"|"marginBottom"|"marginLeft"|"marginRight"|"padding"|"paddingTop"|"paddingBottom"|"paddingLeft"|"paddingRight"|"lineHeight"|"fontSize";
+export declare type DisplayValues = BasicCommonValues|"inline"|"block"|"contents"|"flex"|"grid"|"inline-block"|"inline-flex"|"inline-grid"|"inline-table"|"list-item"|"run-in"|"table"|"table-caption"|"table-column-group"|"table-header-group"|"table-footer-group"|"table-row-group"|"table-cell"|"table-column"|"table-row"|"none";
+export declare type DirectionValues = BasicCommonValues|"ltr"|"rtl";
+export declare type FontStyleValues = BasicCommonValues|"normal"|"italic"|"oblique";
+export declare type FontVariantValues = BasicCommonValues|"normal"|"small-caps";
+export declare type FontVariantCapsValues = FontVariantValues|"all-small-caps"|"petite-caps"|"all-petite-caps"|"unicase"|"titling-caps";
+export declare type FontWeightValues = BasicCommonValues|number|"normal"|"bold"|"bolder"|"lighter";
+export declare type LengthProp = BasicCommonValues|"maxHeight"|"minHeight"|"top"|"bottom"|"height"|"maxHidth"|"minWidth"|"right"|"left"|"width"|"margin"|"marginTop"|"marginBottom"|"marginLeft"|"marginRight"|"outlineOffset"|"padding"|"paddingTop"|"paddingBottom"|"paddingLeft"|"paddingRight"|"lineHeight"|"flexBasis"|"fontSize";
+export declare type OutlineWidthValues = BasicCommonValues|"medium"|"thin"|"thick"|LengthOrDefault;
 export declare type PositionNames = BasicCommonValues|"static"|"relative"|"fixed"|"absolute"|"sticky";
 
+export declare type FlexDirectionNames = BasicCommonValues|"row"|"row-reverse"|"column"|"column-reverse";
+export declare type FlexWrapNames = BasicCommonValues|"nowrap"|"wrap"|"wrap-reverse";
+
+
 // Advanced formatted types.
 export declare type ColorFormat = BasicCommonValues|ColorName|number|`#${string}`|`rgb(${number},${OptionalWhitespace}${number},${OptionalWhitespace}${number})`|`rgba(${number},${OptionalWhitespace}${number},${OptionalWhitespace}${number},${OptionalWhitespace}${number})`|`hsl(${number},${OptionalWhitespace}${number}%,${OptionalWhitespace}${number}%)`|`hsla(${number},${OptionalWhitespace}${number}%,${OptionalWhitespace}${number}%,${OptionalWhitespace}${number})`;
 
 export declare type BackgroundRepeatValues2d = BackgroundRepeatValues|"repeat-x"|"repeat-y"|`${BackgroundRepeatValues} ${BackgroundRepeatValues}`;
 export declare type BorderShorthand = BasicCommonValues|`${number}${AllUnits} ${BorderStyles} ${ColorFormat}`;
 export declare type BackgroundImageFormat = BasicCommonValues|UrlType|`${UrlType}, ${UrlType}`;
-export declare type BackgroundPositionShorthand2D = BasicCommonValues|`${number} ${number}`|`${number}% ${number}%`|`${"left"|"right"|"center"} ${"top"|"center"|"bottom"}`;
-export declare type BackgroundShorthand = BasicCommonValues|`${ColorFormat} ${UrlType} ${BackgroundRepeatValues} ${BackgroundPositionShorthand2D}`
+export declare type BackgroundPositionShorthand2D = BasicCommonValues|`${BasicCommonValues|number} ${BasicCommonValues|number}`|`${number}% ${number}%`|`${"left"|"right"|"center"} ${"top"|"center"|"bottom"}`;
+export declare type BackgroundShorthand = BasicCommonValues|`${ColorFormat} ${UrlType} ${BackgroundRepeatValues} ${BackgroundPositionShorthand2D}`;
+export declare type FlexFlowShorthand = BasicCommonValues|`${FlexDirectionNames} ${FlexWrapNames}`;
+export declare type FlexShorthand = BasicCommonValues|`${BasicCommonValues|number} ${BasicCommonValues|number} ${BasicCommonValues|`${number}${AllUnits}`}`;
+
 
 export interface IDotcssProp{
 	angleToDeg(a: number|string);
@@ -45,6 +60,11 @@ export interface IDotcssProp{
 	unscope();
 	formatNumberValue(value: number, unit?: string);
 
+	hide(params?: HideParams);
+	show(params?: ShowParams);
+	fadeOut(duration: number, complete: Function);
+	fadeIn(duration: number, complete: Function);
+
 	// Private.
 	//cacheScopedStaticStyles(el: HTMLElement);
 	//clearCachedStyles(el: HTMLElement);
@@ -79,7 +99,7 @@ export interface IDotcssProp{
 	columnRuleColor: IDotcssAnimatableColor;
 
 	//length: 
-	backgroundSize: IDotcssAnimatable<BackgroundSizeValues>;
+	backgroundSize: ((value: BasicCommonValues)=>IDotcssProp)|IDotcssAnimatable<BackgroundSizeValues>;
 	backgroundSizeCm: IDotcssAnimatable<number>;
 	backgroundSizeCh: IDotcssAnimatable<number>;
 	backgroundSizeEm: IDotcssAnimatable<number>;
@@ -487,6 +507,23 @@ export interface IDotcssProp{
 	minWidthVMax: IDotcssAnimatable<number>;
 	minWidthVMin: IDotcssAnimatable<number>;
 
+	outlineOffset: IDotcssAnimatable<number|string>;
+	outlineOffsetCm: IDotcssAnimatable<number>;
+	outlineOffsetCh: IDotcssAnimatable<number>;
+	outlineOffsetEm: IDotcssAnimatable<number>;
+	outlineOffsetEx: IDotcssAnimatable<number>;
+	outlineOffsetIn: IDotcssAnimatable<number>;
+	outlineOffsetMm: IDotcssAnimatable<number>;
+	outlineOffsetP: IDotcssAnimatable<number>;
+	outlineOffsetPc: IDotcssAnimatable<number>;
+	outlineOffsetPt: IDotcssAnimatable<number>;
+	outlineOffsetPx: IDotcssAnimatable<number>;
+	outlineOffsetRem: IDotcssAnimatable<number>;
+	outlineOffsetVh: IDotcssAnimatable<number>;
+	outlineOffsetVw: IDotcssAnimatable<number>;
+	outlineOffsetVMax: IDotcssAnimatable<number>;
+	outlineOffsetVMin: IDotcssAnimatable<number>;
+
 	padding: IDotcssAnimatable<number|string>;
 	paddingCm: IDotcssAnimatable<number>;
 	paddingCh: IDotcssAnimatable<number>;
@@ -656,6 +693,23 @@ export interface IDotcssProp{
 	fontSizeVw: IDotcssAnimatable<number>;
 	fontSizeVMax: IDotcssAnimatable<number>;
 	fontSizeVMin: IDotcssAnimatable<number>;
+
+	flexBasis: IDotcssAnimatable<number|string>;
+	flexBasisCm: IDotcssAnimatable<number>;
+	flexBasisCh: IDotcssAnimatable<number>;
+	flexBasisEm: IDotcssAnimatable<number>;
+	flexBasisEx: IDotcssAnimatable<number>;
+	flexBasisIn: IDotcssAnimatable<number>;
+	flexBasisMm: IDotcssAnimatable<number>;
+	flexBasisP: IDotcssAnimatable<number>;
+	flexBasisPc: IDotcssAnimatable<number>;
+	flexBasisPt: IDotcssAnimatable<number>;
+	flexBasisPx: IDotcssAnimatable<number>;
+	flexBasisRem: IDotcssAnimatable<number>;
+	flexBasisVh: IDotcssAnimatable<number>;
+	flexBasisVw: IDotcssAnimatable<number>;
+	flexBasisVMax: IDotcssAnimatable<number>;
+	flexBasisVMin: IDotcssAnimatable<number>;
 	
 	//url: 
 	backgroundImage: (value: BackgroundImageFormat)=>IDotcssProp
@@ -670,18 +724,18 @@ export interface IDotcssProp{
 	opacity: IDotcssAnimatable<number|string>;
 
 	//misc: 
-	background: (value: string)=>IDotcssProp
+	background: (value: BasicCommonValues|string)=>IDotcssProp
 	backgroundAttachment: (value: BackgroundAttachmentValues)=>IDotcssProp
-	backgroundBlendMode: (value: string)=>IDotcssProp
+	backgroundBlendMode: (value: BasicCommonValues|string)=>IDotcssProp
 	backgroundPosition: (value: BackgroundPositionShorthand2D)=>IDotcssProp
 	backgroundRepeat: (value: BackgroundRepeatValues2d)=>IDotcssProp
-	backgroundClip: (value: string)=>IDotcssProp
+	backgroundClip: (value: BasicCommonValues|string)=>IDotcssProp
 	backgroundOrigin: (value: BackgroundOriginValues)=>IDotcssProp
 
-	borderImageOutset: (value: string)=>IDotcssProp
+	borderImageOutset: (value: BasicCommonValues|string)=>IDotcssProp
 	borderImageRepeat: (value: BackgroundRepeatValues2d)=>IDotcssProp
-	borderImageSlice: (value: string)=>IDotcssProp
-	borderImageSource: (value: string)=>IDotcssProp
+	borderImageSlice: (value: BasicCommonValues|string)=>IDotcssProp
+	borderImageSource: (value: BasicCommonValues|string)=>IDotcssProp
 	
 	border: (value: BorderShorthand)=>IDotcssProp
 	borderBottom: (value: BorderShorthand)=>IDotcssProp
@@ -695,181 +749,181 @@ export interface IDotcssProp{
 	borderStyle: (value: BorderStyles)=>IDotcssProp
 	borderTopStyle: (value: BorderStyles)=>IDotcssProp
 
-	boxDecorationBreak: (value: string)=>IDotcssProp
-	boxShadow: (value: string)=>IDotcssProp
-	clear: (value: string)=>IDotcssProp
-	clip: (value: string)=>IDotcssProp
-	display: (value: string)=>IDotcssProp
-	float: (value: string)=>IDotcssProp
-	overflow: (value: string)=>IDotcssProp
-	box: (value: string)=>IDotcssProp
-	overflowX: (value: string)=>IDotcssProp
-	overflowY: (value: string)=>IDotcssProp
+	boxDecorationBreak: (value: BasicCommonValues|string)=>IDotcssProp
+	boxShadow: (value: BasicCommonValues|string)=>IDotcssProp
+	clear: (value: BasicCommonValues|string)=>IDotcssProp
+	clip: (value: BasicCommonValues|string)=>IDotcssProp
+	display: (value: DisplayValues)=>IDotcssProp
+	float: (value: BasicCommonValues|string)=>IDotcssProp
+	overflow: (value: BasicCommonValues|string)=>IDotcssProp
+	box: (value: BasicCommonValues|string)=>IDotcssProp
+	overflowX: (value: BasicCommonValues|string)=>IDotcssProp
+	overflowY: (value: BasicCommonValues|string)=>IDotcssProp
 	position: (value: PositionNames)=>IDotcssProp
-	visibility: (value: string)=>IDotcssProp
-	verticalAlign: (value: string)=>IDotcssProp
-	zIndex: (value: string)=>IDotcssProp
-	alignContent: (value: string)=>IDotcssProp
-	alignItems: (value: string)=>IDotcssProp
-	alignSelf: (value: string)=>IDotcssProp
-	flex: (value: string)=>IDotcssProp
-	flexBasis: (value: string)=>IDotcssProp
-	flexDirection: (value: string)=>IDotcssProp
-	flexFlow: (value: string)=>IDotcssProp
-	flexGrow: (value: string)=>IDotcssProp
-	flexShrink: (value: string)=>IDotcssProp
-	flexWrap: (value: string)=>IDotcssProp
-	grid: (value: string)=>IDotcssProp
-	gridArea: (value: string)=>IDotcssProp
-	gridAutoColumns: (value: string)=>IDotcssProp
-	gridautoRows: (value: string)=>IDotcssProp
-	gridColumn: (value: string)=>IDotcssProp
-	gridColumnEnd: (value: string)=>IDotcssProp
-	gridColumnGap: (value: string)=>IDotcssProp
-	gridColumnStart: (value: string)=>IDotcssProp
-	gridGap: (value: string)=>IDotcssProp
-	gridRow: (value: string)=>IDotcssProp
-	gridRowEnd: (value: string)=>IDotcssProp
-	gridRowGap: (value: string)=>IDotcssProp
-	gridRowStart: (value: string)=>IDotcssProp
-	gridTemplate: (value: string)=>IDotcssProp
-	gridTemplateAreas: (value: string)=>IDotcssProp
-	gridTemplateColumns: (value: string)=>IDotcssProp
-	gridTemplateRows: (value: string)=>IDotcssProp
-	imageOrientation: (value: string)=>IDotcssProp
-	justifyContent: (value: string)=>IDotcssProp
-	order: (value: string)=>IDotcssProp
-	hangingPunctuation: (value: string)=>IDotcssProp
-	hyphens: (value: string)=>IDotcssProp
-	letterSpacing: (value: string)=>IDotcssProp
-	lineBreak: (value: string)=>IDotcssProp
-	overflowWrap: (value: string)=>IDotcssProp
-	tabSize: (value: string)=>IDotcssProp
-	textAlign: (value: string)=>IDotcssProp
-	textAlignLast: (value: string)=>IDotcssProp
-	textCombineUpright: (value: string)=>IDotcssProp
-	textIndent: (value: string)=>IDotcssProp
-	textJustify: (value: string)=>IDotcssProp
-	textTransform: (value: string)=>IDotcssProp
-	whiteSpace: (value: string)=>IDotcssProp
-	wordBreak: (value: string)=>IDotcssProp
-	wordSpacing: (value: string)=>IDotcssProp
-	wordWrap: (value: string)=>IDotcssProp
-	textDecoration: (value: string)=>IDotcssProp
-	textDecorationLine: (value: string)=>IDotcssProp
-	textDecorationStyle: (value: string)=>IDotcssProp
-	textShadow: (value: string)=>IDotcssProp
-	textUnderlinePosition: (value: string)=>IDotcssProp
-	font: (value: string)=>IDotcssProp
-	fontFamily: (value: string)=>IDotcssProp
-	fontFeatureSettings: (value: string)=>IDotcssProp
-	fontKerning: (value: string)=>IDotcssProp
-	fontLanguageOverride: (value: string)=>IDotcssProp
-	fontSizeAdjust: (value: string)=>IDotcssProp
-	fontStretch: (value: string)=>IDotcssProp
-	fontStyle: (value: string)=>IDotcssProp
-	fontSynthesis: (value: string)=>IDotcssProp
-	fontVariant: (value: string)=>IDotcssProp
-	fontVariantAlternates: (value: string)=>IDotcssProp
-	fontVariantCaps: (value: string)=>IDotcssProp
-	fontVariantEastAsian: (value: string)=>IDotcssProp
-	fontVariantLigatures: (value: string)=>IDotcssProp
-	fontVariantNumeric: (value: string)=>IDotcssProp
-	fontVariantPosition: (value: string)=>IDotcssProp
-	fontWeight: (value: string)=>IDotcssProp
-	direction: (value: string)=>IDotcssProp
-	textOrientation: (value: string)=>IDotcssProp
-	unicodeBidi: (value: string)=>IDotcssProp
-	userSelect: (value: string)=>IDotcssProp
-	writingMode: (value: string)=>IDotcssProp
-	borderCollapse: (value: string)=>IDotcssProp
-	borderSpacing: (value: string)=>IDotcssProp
-	captionSide: (value: string)=>IDotcssProp
-	emptyCells: (value: string)=>IDotcssProp
-	tableLayout: (value: string)=>IDotcssProp
-	counterIncrement: (value: string)=>IDotcssProp
-	counterReset: (value: string)=>IDotcssProp
-	listStyle: (value: string)=>IDotcssProp
-	listStylePosition: (value: string)=>IDotcssProp
-	listStyleType: (value: string)=>IDotcssProp
-	animation: (value: string)=>IDotcssProp
-	animationDelay: (value: string)=>IDotcssProp
-	animationDirection: (value: string)=>IDotcssProp
-	animationDuration: (value: string)=>IDotcssProp
-	animationFillMode: (value: string)=>IDotcssProp
-	animationIterationCount: (value: string)=>IDotcssProp
-	animationName: (value: string)=>IDotcssProp
-	animationPlayState: (value: string)=>IDotcssProp
-	animationTimingFunction: (value: string)=>IDotcssProp
+	visibility: (value: BasicCommonValues|string)=>IDotcssProp
+	verticalAlign: (value: BasicCommonValues|string)=>IDotcssProp
+	zIndex: (value: string|number)=>IDotcssProp
+	alignContent: (value: BasicCommonValues|string)=>IDotcssProp
+	alignItems: (value: BasicCommonValues|string)=>IDotcssProp
+	alignSelf: (value: BasicCommonValues|string)=>IDotcssProp
+	flex: (value: FlexShorthand)=>IDotcssProp
+	// flexBasis: (value: FlexBasisNames)=>IDotcssProp
+	flexDirection: (value: FlexDirectionNames)=>IDotcssProp
+	flexFlow: (value: FlexFlowShorthand)=>IDotcssProp
+	flexGrow: (value: BasicCommonValues|number)=>IDotcssProp
+	flexShrink: (value: BasicCommonValues|number)=>IDotcssProp
+	flexWrap: (value: FlexWrapNames)=>IDotcssProp
+	grid: (value: BasicCommonValues|string)=>IDotcssProp
+	gridArea: (value: BasicCommonValues|string)=>IDotcssProp
+	gridAutoColumns: (value: BasicCommonValues|string)=>IDotcssProp
+	gridautoRows: (value: BasicCommonValues|string)=>IDotcssProp
+	gridColumn: (value: BasicCommonValues|string)=>IDotcssProp
+	gridColumnEnd: (value: BasicCommonValues|string)=>IDotcssProp
+	gridColumnGap: (value: BasicCommonValues|string)=>IDotcssProp
+	gridColumnStart: (value: BasicCommonValues|string)=>IDotcssProp
+	gridGap: (value: BasicCommonValues|string)=>IDotcssProp
+	gridRow: (value: BasicCommonValues|string)=>IDotcssProp
+	gridRowEnd: (value: BasicCommonValues|string)=>IDotcssProp
+	gridRowGap: (value: BasicCommonValues|string)=>IDotcssProp
+	gridRowStart: (value: BasicCommonValues|string)=>IDotcssProp
+	gridTemplate: (value: BasicCommonValues|string)=>IDotcssProp
+	gridTemplateAreas: (value: BasicCommonValues|string)=>IDotcssProp
+	gridTemplateColumns: (value: BasicCommonValues|string)=>IDotcssProp
+	gridTemplateRows: (value: BasicCommonValues|string)=>IDotcssProp
+	imageOrientation: (value: BasicCommonValues|string)=>IDotcssProp
+	justifyContent: (value: BasicCommonValues|string)=>IDotcssProp
+	order: (value: BasicCommonValues|number)=>IDotcssProp
+	hangingPunctuation: (value: BasicCommonValues|string)=>IDotcssProp
+	hyphens: (value: BasicCommonValues|string)=>IDotcssProp
+	letterSpacing: (value: BasicCommonValues|string)=>IDotcssProp
+	lineBreak: (value: BasicCommonValues|string)=>IDotcssProp
+	overflowWrap: (value: BasicCommonValues|string)=>IDotcssProp
+	tabSize: (value: BasicCommonValues|string)=>IDotcssProp
+	textAlign: (value: BasicCommonValues|string)=>IDotcssProp
+	textAlignLast: (value: BasicCommonValues|string)=>IDotcssProp
+	textCombineUpright: (value: BasicCommonValues|string)=>IDotcssProp
+	textIndent: (value: BasicCommonValues|string)=>IDotcssProp
+	textJustify: (value: BasicCommonValues|string)=>IDotcssProp
+	textTransform: (value: BasicCommonValues|string)=>IDotcssProp
+	whiteSpace: (value: BasicCommonValues|string)=>IDotcssProp
+	wordBreak: (value: BasicCommonValues|string)=>IDotcssProp
+	wordSpacing: (value: BasicCommonValues|string)=>IDotcssProp
+	wordWrap: (value: BasicCommonValues|string)=>IDotcssProp
+	textDecoration: (value: BasicCommonValues|string)=>IDotcssProp
+	textDecorationLine: (value: BasicCommonValues|string)=>IDotcssProp
+	textDecorationStyle: (value: BasicCommonValues|string)=>IDotcssProp
+	textShadow: (value: BasicCommonValues|string)=>IDotcssProp
+	textUnderlinePosition: (value: BasicCommonValues|string)=>IDotcssProp
+	font: (value: BasicCommonValues|string)=>IDotcssProp
+	fontFamily: (value: BasicCommonValues|string)=>IDotcssProp
+	fontFeatureSettings: (value: BasicCommonValues|string)=>IDotcssProp
+	fontKerning: (value: BasicCommonValues|string)=>IDotcssProp
+	fontLanguageOverride: (value: BasicCommonValues|string)=>IDotcssProp
+	fontSizeAdjust: (value: BasicCommonValues|string)=>IDotcssProp
+	fontStretch: (value: BasicCommonValues|string)=>IDotcssProp
+	fontStyle: (value: FontStyleValues)=>IDotcssProp
+	fontSynthesis: (value: BasicCommonValues|string)=>IDotcssProp
+	fontVariant: (value: FontVariantValues)=>IDotcssProp
+	fontVariantAlternates: (value: BasicCommonValues|string)=>IDotcssProp
+	fontVariantCaps: (value: FontVariantCapsValues)=>IDotcssProp
+	fontVariantEastAsian: (value: BasicCommonValues|string)=>IDotcssProp
+	fontVariantLigatures: (value: BasicCommonValues|string)=>IDotcssProp
+	fontVariantNumeric: (value: BasicCommonValues|string)=>IDotcssProp
+	fontVariantPosition: (value: BasicCommonValues|string)=>IDotcssProp
+	fontWeight: (value: BasicCommonValues|string)=>IDotcssProp
+	direction: (value: DirectionValues)=>IDotcssProp
+	textOrientation: (value: BasicCommonValues|string)=>IDotcssProp
+	unicodeBidi: (value: BasicCommonValues|string)=>IDotcssProp
+	userSelect: (value: BasicCommonValues|string)=>IDotcssProp
+	writingMode: (value: BasicCommonValues|string)=>IDotcssProp
+	borderCollapse: (value: BasicCommonValues|string)=>IDotcssProp
+	borderSpacing: (value: BasicCommonValues|string)=>IDotcssProp
+	captionSide: (value: BasicCommonValues|string)=>IDotcssProp
+	emptyCells: (value: BasicCommonValues|string)=>IDotcssProp
+	tableLayout: (value: BasicCommonValues|string)=>IDotcssProp
+	counterIncrement: (value: BasicCommonValues|string)=>IDotcssProp
+	counterReset: (value: BasicCommonValues|string)=>IDotcssProp
+	listStyle: (value: BasicCommonValues|string)=>IDotcssProp
+	listStylePosition: (value: BasicCommonValues|string)=>IDotcssProp
+	listStyleType: (value: BasicCommonValues|string)=>IDotcssProp
+	animation: (value: BasicCommonValues|string)=>IDotcssProp
+	animationDelay: (value: BasicCommonValues|string)=>IDotcssProp
+	animationDirection: (value: BasicCommonValues|string)=>IDotcssProp
+	animationDuration: (value: BasicCommonValues|string)=>IDotcssProp
+	animationFillMode: (value: BasicCommonValues|string)=>IDotcssProp
+	animationIterationCount: (value: BasicCommonValues|string)=>IDotcssProp
+	animationName: (value: BasicCommonValues|string)=>IDotcssProp
+	animationPlayState: (value: BasicCommonValues|string)=>IDotcssProp
+	animationTimingFunction: (value: BasicCommonValues|string)=>IDotcssProp
 	backfaceVisibility: (value: BackfaceVisibilityValues)=>IDotcssProp
-	perspective2d: (value: string)=>IDotcssProp
-	perspectiveOrigin: (value: string)=>IDotcssProp
-	transformOrigin: (value: string)=>IDotcssProp
-	transformStyle: (value: string)=>IDotcssProp
-	transition: (value: string)=>IDotcssProp
-	transitionProperty: (value: string)=>IDotcssProp
-	transitionDuration: (value: string)=>IDotcssProp
-	transitionTimingFunction: (value: string)=>IDotcssProp
-	transitionDelay: (value: string)=>IDotcssProp
-	boxSizing: (value: string)=>IDotcssProp
-	cursor: (value: string)=>IDotcssProp
-	imeMode: (value: string)=>IDotcssProp
-	navDown: (value: string)=>IDotcssProp
-	navIndex: (value: string)=>IDotcssProp
-	navLeft: (value: string)=>IDotcssProp
-	navRight: (value: string)=>IDotcssProp
-	navUp: (value: string)=>IDotcssProp
-	outline: (value: string)=>IDotcssProp
-	outlineOffset: (value: string)=>IDotcssProp
-	outlineStyle: (value: string)=>IDotcssProp
-	outlineWidth: (value: string)=>IDotcssProp
-	resize: (value: string)=>IDotcssProp
-	textOverflow: (value: string)=>IDotcssProp
-	breakAfter: (value: string)=>IDotcssProp
-	breakBefore: (value: string)=>IDotcssProp
-	breakInside: (value: string)=>IDotcssProp
-	columnCount: (value: string)=>IDotcssProp
-	columnFill: (value: string)=>IDotcssProp
-	columnGap: (value: string)=>IDotcssProp
-	columnRule: (value: string)=>IDotcssProp
-	columnRuleStyle: (value: string)=>IDotcssProp
-	columnRuleWidth: (value: string)=>IDotcssProp
-	columnSpan: (value: string)=>IDotcssProp
-	columnWidth: (value: string)=>IDotcssProp
-	columns: (value: string)=>IDotcssProp
-	widows: (value: string)=>IDotcssProp
-	orphans: (value: string)=>IDotcssProp
-	pageBreakAfter: (value: string)=>IDotcssProp
-	pageBreakBefore: (value: string)=>IDotcssProp
-	pageBreakInside: (value: string)=>IDotcssProp
-	marks: (value: string)=>IDotcssProp
-	quotes: (value: string)=>IDotcssProp
-	filter: (value: string)=>IDotcssProp
-	imageRendering: (value: string)=>IDotcssProp
-	imageResolution: (value: string)=>IDotcssProp
-	objectFit: (value: string)=>IDotcssProp
-	objectPosition: (value: string)=>IDotcssProp
-	mask: (value: string)=>IDotcssProp
-	maskType: (value: string)=>IDotcssProp
-	mark: (value: string)=>IDotcssProp
-	markAfter: (value: string)=>IDotcssProp
-	markBefore: (value: string)=>IDotcssProp
-	phonemes: (value: string)=>IDotcssProp
-	rest: (value: string)=>IDotcssProp
-	restAfter: (value: string)=>IDotcssProp
-	restBefore: (value: string)=>IDotcssProp
-	voiceBalance: (value: string)=>IDotcssProp
-	voiceDuration: (value: string)=>IDotcssProp
-	voicePitch: (value: string)=>IDotcssProp
-	voicePitchRange: (value: string)=>IDotcssProp
-	voiceRate: (value: string)=>IDotcssProp
-	voiceStress: (value: string)=>IDotcssProp
-	voiceVolume: (value: string)=>IDotcssProp
-	marqueeDirection: (value: string)=>IDotcssProp
-	marqueePlayCount: (value: string)=>IDotcssProp
-	marqueeSpeed: (value: string)=>IDotcssProp
-	marqueeStyle: (value: string)=>IDotcssProp
-	pointerEvents: (value: string)=>IDotcssProp
+	perspective2d: (value: BasicCommonValues|string)=>IDotcssProp
+	perspectiveOrigin: (value: BasicCommonValues|string)=>IDotcssProp
+	transformOrigin: (value: BasicCommonValues|string)=>IDotcssProp
+	transformStyle: (value: BasicCommonValues|string)=>IDotcssProp
+	transition: (value: BasicCommonValues|string)=>IDotcssProp
+	transitionProperty: (value: BasicCommonValues|string)=>IDotcssProp
+	transitionDuration: (value: BasicCommonValues|string)=>IDotcssProp
+	transitionTimingFunction: (value: BasicCommonValues|string)=>IDotcssProp
+	transitionDelay: (value: BasicCommonValues|string)=>IDotcssProp
+	boxSizing: (value: BasicCommonValues|string)=>IDotcssProp
+	cursor: (value: BasicCommonValues|string)=>IDotcssProp
+	imeMode: (value: BasicCommonValues|string)=>IDotcssProp
+	navDown: (value: BasicCommonValues|string)=>IDotcssProp
+	navIndex: (value: BasicCommonValues|string)=>IDotcssProp
+	navLeft: (value: BasicCommonValues|string)=>IDotcssProp
+	navRight: (value: BasicCommonValues|string)=>IDotcssProp
+	navUp: (value: BasicCommonValues|string)=>IDotcssProp
+	outline: (value: BorderShorthand)=>IDotcssProp
+	//outlineOffset: (value: BasicCommonValues|string)=>IDotcssProp // Now animated.
+	outlineStyle: (value: BorderStyles)=>IDotcssProp
+	outlineWidth: (value: OutlineWidthValues)=>IDotcssProp
+	resize: (value: BasicCommonValues|string)=>IDotcssProp
+	textOverflow: (value: BasicCommonValues|string)=>IDotcssProp
+	breakAfter: (value: BasicCommonValues|string)=>IDotcssProp
+	breakBefore: (value: BasicCommonValues|string)=>IDotcssProp
+	breakInside: (value: BasicCommonValues|string)=>IDotcssProp
+	columnCount: (value: BasicCommonValues|string)=>IDotcssProp
+	columnFill: (value: BasicCommonValues|string)=>IDotcssProp
+	columnGap: (value: BasicCommonValues|string)=>IDotcssProp
+	columnRule: (value: BasicCommonValues|string)=>IDotcssProp
+	columnRuleStyle: (value: BasicCommonValues|string)=>IDotcssProp
+	columnRuleWidth: (value: BasicCommonValues|string)=>IDotcssProp
+	columnSpan: (value: BasicCommonValues|string)=>IDotcssProp
+	columnWidth: (value: BasicCommonValues|string)=>IDotcssProp
+	columns: (value: BasicCommonValues|string)=>IDotcssProp
+	widows: (value: BasicCommonValues|string)=>IDotcssProp
+	orphans: (value: BasicCommonValues|string)=>IDotcssProp
+	pageBreakAfter: (value: BasicCommonValues|string)=>IDotcssProp
+	pageBreakBefore: (value: BasicCommonValues|string)=>IDotcssProp
+	pageBreakInside: (value: BasicCommonValues|string)=>IDotcssProp
+	marks: (value: BasicCommonValues|string)=>IDotcssProp
+	quotes: (value: BasicCommonValues|string)=>IDotcssProp
+	filter: (value: BasicCommonValues|string)=>IDotcssProp
+	imageRendering: (value: BasicCommonValues|string)=>IDotcssProp
+	imageResolution: (value: BasicCommonValues|string)=>IDotcssProp
+	objectFit: (value: BasicCommonValues|string)=>IDotcssProp
+	objectPosition: (value: BasicCommonValues|string)=>IDotcssProp
+	mask: (value: BasicCommonValues|string)=>IDotcssProp
+	maskType: (value: BasicCommonValues|string)=>IDotcssProp
+	mark: (value: BasicCommonValues|string)=>IDotcssProp
+	markAfter: (value: BasicCommonValues|string)=>IDotcssProp
+	markBefore: (value: BasicCommonValues|string)=>IDotcssProp
+	phonemes: (value: BasicCommonValues|string)=>IDotcssProp
+	rest: (value: BasicCommonValues|string)=>IDotcssProp
+	restAfter: (value: BasicCommonValues|string)=>IDotcssProp
+	restBefore: (value: BasicCommonValues|string)=>IDotcssProp
+	voiceBalance: (value: BasicCommonValues|string)=>IDotcssProp
+	voiceDuration: (value: BasicCommonValues|string)=>IDotcssProp
+	voicePitch: (value: BasicCommonValues|string)=>IDotcssProp
+	voicePitchRange: (value: BasicCommonValues|string)=>IDotcssProp
+	voiceRate: (value: BasicCommonValues|string)=>IDotcssProp
+	voiceStress: (value: BasicCommonValues|string)=>IDotcssProp
+	voiceVolume: (value: BasicCommonValues|string)=>IDotcssProp
+	marqueeDirection: (value: BasicCommonValues|string)=>IDotcssProp
+	marqueePlayCount: (value: BasicCommonValues|string)=>IDotcssProp
+	marqueeSpeed: (value: BasicCommonValues|string)=>IDotcssProp
+	marqueeStyle: (value: BasicCommonValues|string)=>IDotcssProp
+	pointerEvents: (value: BasicCommonValues|string)=>IDotcssProp
 }
 
 export default interface IDotCss extends IDotcssProp{
@@ -901,7 +955,7 @@ export interface HideParams{
 }
 export interface ShowParams{
 	duration?: number,
-	display?: string, // TODO: potential to expand this.
+	display?: DisplayValues, // TODO: potential to expand this.
 	complete?: Function,
 	opacity?: number,
 	width?: number,

package/src/style-builder.ts

@@ -1192,7 +1192,7 @@ dotcss.formatNumberValue = function(value, unit){
 
 var _allProps = {
 		color: "color|background-Color|border-Bottom-Color|border-Color|border-Left-Color|border-Right-Color|border-Top-Color|text-Decoration-Color|outline-Color|column-Rule-Color",
-		length: "background-Size|border-Bottom-Left-Radius|border-Bottom-Right-Radius|border-Bottom-Width|border-Image-Width|border-Left-Width|border-Radius|border-Right-Width|border-Top-Left-Radius|border-Top-Right-Radius|border-Top-Width|border-Width|bottom|height|left|margin|margin-Bottom|margin-Left|margin-Right|margin-Top|max-Height|max-Width|min-Height|min-Width|padding|padding-Bottom|padding-Left|padding-Right|padding-Top|right|top|width|line-Height|font-Size",
+		length: "background-Size|border-Bottom-Left-Radius|border-Bottom-Right-Radius|border-Bottom-Width|border-Image-Width|border-Left-Width|border-Radius|border-Right-Width|border-Top-Left-Radius|border-Top-Right-Radius|border-Top-Width|border-Width|bottom|height|left|margin|margin-Bottom|margin-Left|margin-Right|margin-Top|max-Height|max-Width|min-Height|min-Width|padding|padding-Bottom|padding-Left|padding-Right|padding-Top|right|top|width|line-Height|flex-Basis|font-Size",
 		url: "background-Image|border-Image|list-Style-Image|content|image-Orientation",
 		transformation: "transformation",
 		misc: "opacity|background|background-Attachment|background-Blend-Mode|background-Position|background-Repeat|background-Clip|background-Origin|border|border-Bottom|border-Bottom-Style|border-Image-Outset|border-Image-Repeat|border-Image-Slice|border-Image-Source|border-Left|border-Left-Style|border-Right|border-Right-Style|border-Style|border-Top|border-Top-Style|box-Decoration-Break|box-Shadow|clear|clip|display|float|overflow|box|overflow-X|overflow-Y|position|visibility|vertical-Align|z-Index|align-Content|align-Items|align-Self|flex|flex-Basis|flex-Direction|flex-Flow|flex-Grow|flex-Shrink|flex-Wrap|grid|grid-Area|grid-Auto-Columns|grid-auto-Rows|grid-Column|grid-Column-End|grid-Column-Gap|grid-Column-Start|grid-Gap|grid-Row|grid-Row-End|grid-Row-Gap|grid-Row-Start|grid-Template|grid-Template-Areas|grid-Template-Columns|grid-Template-Rows|justify-Content|order|hanging-Punctuation|hyphens|letter-Spacing|line-Break|overflow-Wrap|tab-Size|text-Align|text-Align-Last|text-Combine-Upright|text-Indent|text-Justify|text-Transform|white-Space|word-Break|word-Spacing|word-Wrap|text-Decoration|text-Decoration-Line|text-Decoration-Style|text-Shadow|text-Underline-Position|font|font-Family|font-Feature-Settings|font-Kerning|font-Language-Override|font-Size-Adjust|font-Stretch|font-Style|font-Synthesis|font-Variant|font-Variant-Alternates|font-Variant-Caps|font-Variant-East-Asian|font-Variant-Ligatures|font-Variant-Numeric|font-Variant-Position|font-Weight|direction|text-Orientation|text-Combine-Upright|unicode-Bidi|user-Select|writing-Mode|border-Collapse|border-Spacing|caption-Side|empty-Cells|table-Layout|counter-Increment|counter-Reset|list-Style|list-Style-Position|list-Style-Type|animation|animation-Delay|animation-Direction|animation-Duration|animation-Fill-Mode|animation-Iteration-Count|animation-Name|animation-Play-State|animation-Timing-Function|backface-Visibility|perspective2d|perspective-Origin|transform-Origin|transform-Style|transition|transition-Property|transition-Duration|transition-Timing-Function|transition-Delay|box-Sizing|cursor|ime-Mode|nav-Down|nav-Index|nav-Left|nav-Right|nav-Up|outline|outline-Offset|outline-Style|outline-Width|resize|text-Overflow|break-After|break-Before|break-Inside|column-Count|column-Fill|column-Gap|column-Rule|column-Rule-Style|column-Rule-Width|column-Span|column-Width|columns|widows|orphans|page-Break-After|page-Break-Before|page-Break-Inside|marks|quotes|filter|image-Rendering|image-Resolution|object-Fit|object-Position|mask|mask-Type|mark|mark-After|mark-Before|phonemes|rest|rest-After|rest-Before|voice-Balance|voice-Duration|voice-Pitch|voice-Pitch-Range|voice-Rate|voice-Stress|voice-Volume|marquee-Direction|marquee-Play-Count|marquee-Speed|marquee-Style|pointer-Events"
@@ -1305,6 +1305,7 @@ dotcss.lengthToPx = function(l: string|number, prop: LengthProp, element: Elemen
 			case "marginBottom":
 			case "marginLeft":
 			case "marginRight":
+			case "outlineOffset":
 			case "padding":
 			case "paddingTop":
 			case "paddingBottom":

package/tsconfig.json

@@ -74,7 +74,7 @@
     // ],
     "exclude": [
         "node_modules",
-        "dist",
+        "lib",
         "tsout",
         "unittests",
         "**/*.spec.ts",