dothtml 5.0.0 → 5.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/i-dotcss.d.ts +9 -3
  2. package/package.json +1 -1
  3. package/src/i-dotcss.ts +10 -3
package/lib/i-dotcss.d.ts CHANGED
@@ -11,6 +11,8 @@ export declare type BackgroundSizeValues = BasicCommonValues | "auto" | number |
11
11
  export declare type BackfaceVisibilityValues = BasicCommonValues | "visible" | "hidden";
12
12
  export declare type BorderStyles = BasicCommonValues | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset" | "none" | "hidden";
13
13
  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";
14
+ 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";
15
+ export declare type DirectionValues = BasicCommonValues | "ltr" | "rtl";
14
16
  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";
15
17
  export declare type PositionNames = BasicCommonValues | "static" | "relative" | "fixed" | "absolute" | "sticky";
16
18
  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})`;
@@ -33,6 +35,10 @@ export interface IDotcssProp {
33
35
  clearDynamicStyles(el: HTMLElement): any;
34
36
  unscope(): any;
35
37
  formatNumberValue(value: number, unit?: string): any;
38
+ hide(params?: HideParams): any;
39
+ show(params?: ShowParams): any;
40
+ fadeOut(duration: number, complete: Function): any;
41
+ fadeIn(duration: number, complete: Function): any;
36
42
  color: IDotcssAnimatableColor;
37
43
  backgroundColor: IDotcssAnimatableColor;
38
44
  borderBottomColor: IDotcssAnimatableColor;
@@ -618,7 +624,7 @@ export interface IDotcssProp {
618
624
  boxShadow: (value: string) => IDotcssProp;
619
625
  clear: (value: string) => IDotcssProp;
620
626
  clip: (value: string) => IDotcssProp;
621
- display: (value: string) => IDotcssProp;
627
+ display: (value: DisplayValues) => IDotcssProp;
622
628
  float: (value: string) => IDotcssProp;
623
629
  overflow: (value: string) => IDotcssProp;
624
630
  box: (value: string) => IDotcssProp;
@@ -696,7 +702,7 @@ export interface IDotcssProp {
696
702
  fontVariantNumeric: (value: string) => IDotcssProp;
697
703
  fontVariantPosition: (value: string) => IDotcssProp;
698
704
  fontWeight: (value: string) => IDotcssProp;
699
- direction: (value: string) => IDotcssProp;
705
+ direction: (value: DirectionValues) => IDotcssProp;
700
706
  textOrientation: (value: string) => IDotcssProp;
701
707
  unicodeBidi: (value: string) => IDotcssProp;
702
708
  userSelect: (value: string) => IDotcssProp;
@@ -811,7 +817,7 @@ export interface HideParams {
811
817
  }
812
818
  export interface ShowParams {
813
819
  duration?: number;
814
- display?: string;
820
+ display?: DisplayValues;
815
821
  complete?: Function;
816
822
  opacity?: number;
817
823
  width?: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dothtml",
3
- "version": "5.0.0",
3
+ "version": "5.0.1",
4
4
  "description": "DOThtml is a client-side framework for building single-page applications.",
5
5
  "main": "lib/dothtml.js",
6
6
  "devDependencies": {
package/src/i-dotcss.ts CHANGED
@@ -18,6 +18,8 @@ export declare type BackgroundSizeValues = BasicCommonValues|"auto"|number|`${nu
18
18
  export declare type BackfaceVisibilityValues = BasicCommonValues|"visible"|"hidden";
19
19
  export declare type BorderStyles = BasicCommonValues|"dotted"|"dashed"|"solid"|"double"|"groove"|"ridge"|"inset"|"outset"|"none"|"hidden";
20
20
  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";
21
+ 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";
22
+ export declare type DirectionValues = BasicCommonValues|"ltr"|"rtl";
21
23
  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";
22
24
  export declare type PositionNames = BasicCommonValues|"static"|"relative"|"fixed"|"absolute"|"sticky";
23
25
 
@@ -45,6 +47,11 @@ export interface IDotcssProp{
45
47
  unscope();
46
48
  formatNumberValue(value: number, unit?: string);
47
49
 
50
+ hide(params?: HideParams);
51
+ show(params?: ShowParams);
52
+ fadeOut(duration: number, complete: Function);
53
+ fadeIn(duration: number, complete: Function);
54
+
48
55
  // Private.
49
56
  //cacheScopedStaticStyles(el: HTMLElement);
50
57
  //clearCachedStyles(el: HTMLElement);
@@ -699,7 +706,7 @@ export interface IDotcssProp{
699
706
  boxShadow: (value: string)=>IDotcssProp
700
707
  clear: (value: string)=>IDotcssProp
701
708
  clip: (value: string)=>IDotcssProp
702
- display: (value: string)=>IDotcssProp
709
+ display: (value: DisplayValues)=>IDotcssProp
703
710
  float: (value: string)=>IDotcssProp
704
711
  overflow: (value: string)=>IDotcssProp
705
712
  box: (value: string)=>IDotcssProp
@@ -777,7 +784,7 @@ export interface IDotcssProp{
777
784
  fontVariantNumeric: (value: string)=>IDotcssProp
778
785
  fontVariantPosition: (value: string)=>IDotcssProp
779
786
  fontWeight: (value: string)=>IDotcssProp
780
- direction: (value: string)=>IDotcssProp
787
+ direction: (value: DirectionValues)=>IDotcssProp
781
788
  textOrientation: (value: string)=>IDotcssProp
782
789
  unicodeBidi: (value: string)=>IDotcssProp
783
790
  userSelect: (value: string)=>IDotcssProp
@@ -901,7 +908,7 @@ export interface HideParams{
901
908
  }
902
909
  export interface ShowParams{
903
910
  duration?: number,
904
- display?: string, // TODO: potential to expand this.
911
+ display?: DisplayValues, // TODO: potential to expand this.
905
912
  complete?: Function,
906
913
  opacity?: number,
907
914
  width?: number,