dothtml 5.0.0 → 5.0.3

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 (8) hide show
  1. package/lib/dothtml.js +1 -1
  2. package/lib/i-dot.d.ts +2 -2
  3. package/lib/i-dotcss.d.ts +230 -184
  4. package/package.json +1 -1
  5. package/src/i-dot.ts +2 -2
  6. package/src/i-dotcss.ts +239 -185
  7. package/src/style-builder.ts +2 -1
  8. package/tsconfig.json +1 -1
package/lib/i-dotcss.d.ts CHANGED
@@ -4,21 +4,33 @@ export declare type RelativeUnits = "em" | "ex" | "ch" | "rem" | "vw" | "vh" | "
4
4
  export declare type AllUnits = AbsoluteUnits | RelativeUnits;
5
5
  export declare type OptionalWhitespace = "" | " ";
6
6
  export declare type UrlType = `url('${string}')`;
7
+ export declare type LengthOrDefault = number | `${number}${AllUnits}`;
7
8
  export declare type BackgroundAttachmentValues = BasicCommonValues | "scroll" | "fixed" | "local";
8
9
  export declare type BackgroundRepeatValues = BasicCommonValues | "no-repeat" | "repeat" | "space" | "round";
9
10
  export declare type BackgroundOriginValues = BasicCommonValues | "padding-box" | "border-box" | "content-box";
10
- export declare type BackgroundSizeValues = BasicCommonValues | "auto" | number | `${number}${AllUnits}` | "cover" | "contain";
11
+ export declare type BackgroundSizeValues = BasicCommonValues | "auto" | LengthOrDefault | "cover" | "contain";
11
12
  export declare type BackfaceVisibilityValues = BasicCommonValues | "visible" | "hidden";
12
13
  export declare type BorderStyles = BasicCommonValues | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset" | "none" | "hidden";
13
14
  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 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
+ 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";
16
+ export declare type DirectionValues = BasicCommonValues | "ltr" | "rtl";
17
+ export declare type FontStyleValues = BasicCommonValues | "normal" | "italic" | "oblique";
18
+ export declare type FontVariantValues = BasicCommonValues | "normal" | "small-caps";
19
+ export declare type FontVariantCapsValues = FontVariantValues | "all-small-caps" | "petite-caps" | "all-petite-caps" | "unicase" | "titling-caps";
20
+ export declare type FontWeightValues = BasicCommonValues | number | "normal" | "bold" | "bolder" | "lighter";
21
+ 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";
22
+ export declare type OutlineWidthValues = BasicCommonValues | "medium" | "thin" | "thick" | LengthOrDefault;
15
23
  export declare type PositionNames = BasicCommonValues | "static" | "relative" | "fixed" | "absolute" | "sticky";
24
+ export declare type FlexDirectionNames = BasicCommonValues | "row" | "row-reverse" | "column" | "column-reverse";
25
+ export declare type FlexWrapNames = BasicCommonValues | "nowrap" | "wrap" | "wrap-reverse";
16
26
  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})`;
17
27
  export declare type BackgroundRepeatValues2d = BackgroundRepeatValues | "repeat-x" | "repeat-y" | `${BackgroundRepeatValues} ${BackgroundRepeatValues}`;
18
28
  export declare type BorderShorthand = BasicCommonValues | `${number}${AllUnits} ${BorderStyles} ${ColorFormat}`;
19
29
  export declare type BackgroundImageFormat = BasicCommonValues | UrlType | `${UrlType}, ${UrlType}`;
20
- export declare type BackgroundPositionShorthand2D = BasicCommonValues | `${number} ${number}` | `${number}% ${number}%` | `${"left" | "right" | "center"} ${"top" | "center" | "bottom"}`;
30
+ export declare type BackgroundPositionShorthand2D = BasicCommonValues | `${BasicCommonValues | number} ${BasicCommonValues | number}` | `${number}% ${number}%` | `${"left" | "right" | "center"} ${"top" | "center" | "bottom"}`;
21
31
  export declare type BackgroundShorthand = BasicCommonValues | `${ColorFormat} ${UrlType} ${BackgroundRepeatValues} ${BackgroundPositionShorthand2D}`;
32
+ export declare type FlexFlowShorthand = BasicCommonValues | `${FlexDirectionNames} ${FlexWrapNames}`;
33
+ export declare type FlexShorthand = BasicCommonValues | `${BasicCommonValues | number} ${BasicCommonValues | number} ${BasicCommonValues | `${number}${AllUnits}`}`;
22
34
  export interface IDotcssProp {
23
35
  angleToDeg(a: number | string): any;
24
36
  matrixMultiply3D(a: Array<number>, b: Array<number>): Array<number>;
@@ -33,6 +45,10 @@ export interface IDotcssProp {
33
45
  clearDynamicStyles(el: HTMLElement): any;
34
46
  unscope(): any;
35
47
  formatNumberValue(value: number, unit?: string): any;
48
+ hide(params?: HideParams): any;
49
+ show(params?: ShowParams): any;
50
+ fadeOut(duration: number, complete: Function): any;
51
+ fadeIn(duration: number, complete: Function): any;
36
52
  color: IDotcssAnimatableColor;
37
53
  backgroundColor: IDotcssAnimatableColor;
38
54
  borderBottomColor: IDotcssAnimatableColor;
@@ -43,7 +59,7 @@ export interface IDotcssProp {
43
59
  textDecorationColor: IDotcssAnimatableColor;
44
60
  outlineColor: IDotcssAnimatableColor;
45
61
  columnRuleColor: IDotcssAnimatableColor;
46
- backgroundSize: IDotcssAnimatable<BackgroundSizeValues>;
62
+ backgroundSize: ((value: BasicCommonValues) => IDotcssProp) | IDotcssAnimatable<BackgroundSizeValues>;
47
63
  backgroundSizeCm: IDotcssAnimatable<number>;
48
64
  backgroundSizeCh: IDotcssAnimatable<number>;
49
65
  backgroundSizeEm: IDotcssAnimatable<number>;
@@ -427,6 +443,22 @@ export interface IDotcssProp {
427
443
  minWidthVw: IDotcssAnimatable<number>;
428
444
  minWidthVMax: IDotcssAnimatable<number>;
429
445
  minWidthVMin: IDotcssAnimatable<number>;
446
+ outlineOffset: IDotcssAnimatable<number | string>;
447
+ outlineOffsetCm: IDotcssAnimatable<number>;
448
+ outlineOffsetCh: IDotcssAnimatable<number>;
449
+ outlineOffsetEm: IDotcssAnimatable<number>;
450
+ outlineOffsetEx: IDotcssAnimatable<number>;
451
+ outlineOffsetIn: IDotcssAnimatable<number>;
452
+ outlineOffsetMm: IDotcssAnimatable<number>;
453
+ outlineOffsetP: IDotcssAnimatable<number>;
454
+ outlineOffsetPc: IDotcssAnimatable<number>;
455
+ outlineOffsetPt: IDotcssAnimatable<number>;
456
+ outlineOffsetPx: IDotcssAnimatable<number>;
457
+ outlineOffsetRem: IDotcssAnimatable<number>;
458
+ outlineOffsetVh: IDotcssAnimatable<number>;
459
+ outlineOffsetVw: IDotcssAnimatable<number>;
460
+ outlineOffsetVMax: IDotcssAnimatable<number>;
461
+ outlineOffsetVMin: IDotcssAnimatable<number>;
430
462
  padding: IDotcssAnimatable<number | string>;
431
463
  paddingCm: IDotcssAnimatable<number>;
432
464
  paddingCh: IDotcssAnimatable<number>;
@@ -587,23 +619,39 @@ export interface IDotcssProp {
587
619
  fontSizeVw: IDotcssAnimatable<number>;
588
620
  fontSizeVMax: IDotcssAnimatable<number>;
589
621
  fontSizeVMin: IDotcssAnimatable<number>;
622
+ flexBasis: IDotcssAnimatable<number | string>;
623
+ flexBasisCm: IDotcssAnimatable<number>;
624
+ flexBasisCh: IDotcssAnimatable<number>;
625
+ flexBasisEm: IDotcssAnimatable<number>;
626
+ flexBasisEx: IDotcssAnimatable<number>;
627
+ flexBasisIn: IDotcssAnimatable<number>;
628
+ flexBasisMm: IDotcssAnimatable<number>;
629
+ flexBasisP: IDotcssAnimatable<number>;
630
+ flexBasisPc: IDotcssAnimatable<number>;
631
+ flexBasisPt: IDotcssAnimatable<number>;
632
+ flexBasisPx: IDotcssAnimatable<number>;
633
+ flexBasisRem: IDotcssAnimatable<number>;
634
+ flexBasisVh: IDotcssAnimatable<number>;
635
+ flexBasisVw: IDotcssAnimatable<number>;
636
+ flexBasisVMax: IDotcssAnimatable<number>;
637
+ flexBasisVMin: IDotcssAnimatable<number>;
590
638
  backgroundImage: (value: BackgroundImageFormat) => IDotcssProp;
591
639
  borderImage: (value: BackgroundImageFormat) => IDotcssProp;
592
640
  listStyleImage: (value: BackgroundImageFormat) => IDotcssProp;
593
641
  content: (value: BasicCommonValues | UrlType) => IDotcssProp;
594
642
  transformation: any;
595
643
  opacity: IDotcssAnimatable<number | string>;
596
- background: (value: string) => IDotcssProp;
644
+ background: (value: BasicCommonValues | string) => IDotcssProp;
597
645
  backgroundAttachment: (value: BackgroundAttachmentValues) => IDotcssProp;
598
- backgroundBlendMode: (value: string) => IDotcssProp;
646
+ backgroundBlendMode: (value: BasicCommonValues | string) => IDotcssProp;
599
647
  backgroundPosition: (value: BackgroundPositionShorthand2D) => IDotcssProp;
600
648
  backgroundRepeat: (value: BackgroundRepeatValues2d) => IDotcssProp;
601
- backgroundClip: (value: string) => IDotcssProp;
649
+ backgroundClip: (value: BasicCommonValues | string) => IDotcssProp;
602
650
  backgroundOrigin: (value: BackgroundOriginValues) => IDotcssProp;
603
- borderImageOutset: (value: string) => IDotcssProp;
651
+ borderImageOutset: (value: BasicCommonValues | string) => IDotcssProp;
604
652
  borderImageRepeat: (value: BackgroundRepeatValues2d) => IDotcssProp;
605
- borderImageSlice: (value: string) => IDotcssProp;
606
- borderImageSource: (value: string) => IDotcssProp;
653
+ borderImageSlice: (value: BasicCommonValues | string) => IDotcssProp;
654
+ borderImageSource: (value: BasicCommonValues | string) => IDotcssProp;
607
655
  border: (value: BorderShorthand) => IDotcssProp;
608
656
  borderBottom: (value: BorderShorthand) => IDotcssProp;
609
657
  borderLeft: (value: BorderShorthand) => IDotcssProp;
@@ -614,181 +662,179 @@ export interface IDotcssProp {
614
662
  borderRightStyle: (value: BorderStyles) => IDotcssProp;
615
663
  borderStyle: (value: BorderStyles) => IDotcssProp;
616
664
  borderTopStyle: (value: BorderStyles) => IDotcssProp;
617
- boxDecorationBreak: (value: string) => IDotcssProp;
618
- boxShadow: (value: string) => IDotcssProp;
619
- clear: (value: string) => IDotcssProp;
620
- clip: (value: string) => IDotcssProp;
621
- display: (value: string) => IDotcssProp;
622
- float: (value: string) => IDotcssProp;
623
- overflow: (value: string) => IDotcssProp;
624
- box: (value: string) => IDotcssProp;
625
- overflowX: (value: string) => IDotcssProp;
626
- overflowY: (value: string) => IDotcssProp;
665
+ boxDecorationBreak: (value: BasicCommonValues | string) => IDotcssProp;
666
+ boxShadow: (value: BasicCommonValues | string) => IDotcssProp;
667
+ clear: (value: BasicCommonValues | string) => IDotcssProp;
668
+ clip: (value: BasicCommonValues | string) => IDotcssProp;
669
+ display: (value: DisplayValues) => IDotcssProp;
670
+ float: (value: BasicCommonValues | string) => IDotcssProp;
671
+ overflow: (value: BasicCommonValues | string) => IDotcssProp;
672
+ box: (value: BasicCommonValues | string) => IDotcssProp;
673
+ overflowX: (value: BasicCommonValues | string) => IDotcssProp;
674
+ overflowY: (value: BasicCommonValues | string) => IDotcssProp;
627
675
  position: (value: PositionNames) => IDotcssProp;
628
- visibility: (value: string) => IDotcssProp;
629
- verticalAlign: (value: string) => IDotcssProp;
630
- zIndex: (value: string) => IDotcssProp;
631
- alignContent: (value: string) => IDotcssProp;
632
- alignItems: (value: string) => IDotcssProp;
633
- alignSelf: (value: string) => IDotcssProp;
634
- flex: (value: string) => IDotcssProp;
635
- flexBasis: (value: string) => IDotcssProp;
636
- flexDirection: (value: string) => IDotcssProp;
637
- flexFlow: (value: string) => IDotcssProp;
638
- flexGrow: (value: string) => IDotcssProp;
639
- flexShrink: (value: string) => IDotcssProp;
640
- flexWrap: (value: string) => IDotcssProp;
641
- grid: (value: string) => IDotcssProp;
642
- gridArea: (value: string) => IDotcssProp;
643
- gridAutoColumns: (value: string) => IDotcssProp;
644
- gridautoRows: (value: string) => IDotcssProp;
645
- gridColumn: (value: string) => IDotcssProp;
646
- gridColumnEnd: (value: string) => IDotcssProp;
647
- gridColumnGap: (value: string) => IDotcssProp;
648
- gridColumnStart: (value: string) => IDotcssProp;
649
- gridGap: (value: string) => IDotcssProp;
650
- gridRow: (value: string) => IDotcssProp;
651
- gridRowEnd: (value: string) => IDotcssProp;
652
- gridRowGap: (value: string) => IDotcssProp;
653
- gridRowStart: (value: string) => IDotcssProp;
654
- gridTemplate: (value: string) => IDotcssProp;
655
- gridTemplateAreas: (value: string) => IDotcssProp;
656
- gridTemplateColumns: (value: string) => IDotcssProp;
657
- gridTemplateRows: (value: string) => IDotcssProp;
658
- imageOrientation: (value: string) => IDotcssProp;
659
- justifyContent: (value: string) => IDotcssProp;
660
- order: (value: string) => IDotcssProp;
661
- hangingPunctuation: (value: string) => IDotcssProp;
662
- hyphens: (value: string) => IDotcssProp;
663
- letterSpacing: (value: string) => IDotcssProp;
664
- lineBreak: (value: string) => IDotcssProp;
665
- overflowWrap: (value: string) => IDotcssProp;
666
- tabSize: (value: string) => IDotcssProp;
667
- textAlign: (value: string) => IDotcssProp;
668
- textAlignLast: (value: string) => IDotcssProp;
669
- textCombineUpright: (value: string) => IDotcssProp;
670
- textIndent: (value: string) => IDotcssProp;
671
- textJustify: (value: string) => IDotcssProp;
672
- textTransform: (value: string) => IDotcssProp;
673
- whiteSpace: (value: string) => IDotcssProp;
674
- wordBreak: (value: string) => IDotcssProp;
675
- wordSpacing: (value: string) => IDotcssProp;
676
- wordWrap: (value: string) => IDotcssProp;
677
- textDecoration: (value: string) => IDotcssProp;
678
- textDecorationLine: (value: string) => IDotcssProp;
679
- textDecorationStyle: (value: string) => IDotcssProp;
680
- textShadow: (value: string) => IDotcssProp;
681
- textUnderlinePosition: (value: string) => IDotcssProp;
682
- font: (value: string) => IDotcssProp;
683
- fontFamily: (value: string) => IDotcssProp;
684
- fontFeatureSettings: (value: string) => IDotcssProp;
685
- fontKerning: (value: string) => IDotcssProp;
686
- fontLanguageOverride: (value: string) => IDotcssProp;
687
- fontSizeAdjust: (value: string) => IDotcssProp;
688
- fontStretch: (value: string) => IDotcssProp;
689
- fontStyle: (value: string) => IDotcssProp;
690
- fontSynthesis: (value: string) => IDotcssProp;
691
- fontVariant: (value: string) => IDotcssProp;
692
- fontVariantAlternates: (value: string) => IDotcssProp;
693
- fontVariantCaps: (value: string) => IDotcssProp;
694
- fontVariantEastAsian: (value: string) => IDotcssProp;
695
- fontVariantLigatures: (value: string) => IDotcssProp;
696
- fontVariantNumeric: (value: string) => IDotcssProp;
697
- fontVariantPosition: (value: string) => IDotcssProp;
698
- fontWeight: (value: string) => IDotcssProp;
699
- direction: (value: string) => IDotcssProp;
700
- textOrientation: (value: string) => IDotcssProp;
701
- unicodeBidi: (value: string) => IDotcssProp;
702
- userSelect: (value: string) => IDotcssProp;
703
- writingMode: (value: string) => IDotcssProp;
704
- borderCollapse: (value: string) => IDotcssProp;
705
- borderSpacing: (value: string) => IDotcssProp;
706
- captionSide: (value: string) => IDotcssProp;
707
- emptyCells: (value: string) => IDotcssProp;
708
- tableLayout: (value: string) => IDotcssProp;
709
- counterIncrement: (value: string) => IDotcssProp;
710
- counterReset: (value: string) => IDotcssProp;
711
- listStyle: (value: string) => IDotcssProp;
712
- listStylePosition: (value: string) => IDotcssProp;
713
- listStyleType: (value: string) => IDotcssProp;
714
- animation: (value: string) => IDotcssProp;
715
- animationDelay: (value: string) => IDotcssProp;
716
- animationDirection: (value: string) => IDotcssProp;
717
- animationDuration: (value: string) => IDotcssProp;
718
- animationFillMode: (value: string) => IDotcssProp;
719
- animationIterationCount: (value: string) => IDotcssProp;
720
- animationName: (value: string) => IDotcssProp;
721
- animationPlayState: (value: string) => IDotcssProp;
722
- animationTimingFunction: (value: string) => IDotcssProp;
676
+ visibility: (value: BasicCommonValues | string) => IDotcssProp;
677
+ verticalAlign: (value: BasicCommonValues | string) => IDotcssProp;
678
+ zIndex: (value: string | number) => IDotcssProp;
679
+ alignContent: (value: BasicCommonValues | string) => IDotcssProp;
680
+ alignItems: (value: BasicCommonValues | string) => IDotcssProp;
681
+ alignSelf: (value: BasicCommonValues | string) => IDotcssProp;
682
+ flex: (value: FlexShorthand) => IDotcssProp;
683
+ flexDirection: (value: FlexDirectionNames) => IDotcssProp;
684
+ flexFlow: (value: FlexFlowShorthand) => IDotcssProp;
685
+ flexGrow: (value: BasicCommonValues | number) => IDotcssProp;
686
+ flexShrink: (value: BasicCommonValues | number) => IDotcssProp;
687
+ flexWrap: (value: FlexWrapNames) => IDotcssProp;
688
+ grid: (value: BasicCommonValues | string) => IDotcssProp;
689
+ gridArea: (value: BasicCommonValues | string) => IDotcssProp;
690
+ gridAutoColumns: (value: BasicCommonValues | string) => IDotcssProp;
691
+ gridautoRows: (value: BasicCommonValues | string) => IDotcssProp;
692
+ gridColumn: (value: BasicCommonValues | string) => IDotcssProp;
693
+ gridColumnEnd: (value: BasicCommonValues | string) => IDotcssProp;
694
+ gridColumnGap: (value: BasicCommonValues | string) => IDotcssProp;
695
+ gridColumnStart: (value: BasicCommonValues | string) => IDotcssProp;
696
+ gridGap: (value: BasicCommonValues | string) => IDotcssProp;
697
+ gridRow: (value: BasicCommonValues | string) => IDotcssProp;
698
+ gridRowEnd: (value: BasicCommonValues | string) => IDotcssProp;
699
+ gridRowGap: (value: BasicCommonValues | string) => IDotcssProp;
700
+ gridRowStart: (value: BasicCommonValues | string) => IDotcssProp;
701
+ gridTemplate: (value: BasicCommonValues | string) => IDotcssProp;
702
+ gridTemplateAreas: (value: BasicCommonValues | string) => IDotcssProp;
703
+ gridTemplateColumns: (value: BasicCommonValues | string) => IDotcssProp;
704
+ gridTemplateRows: (value: BasicCommonValues | string) => IDotcssProp;
705
+ imageOrientation: (value: BasicCommonValues | string) => IDotcssProp;
706
+ justifyContent: (value: BasicCommonValues | string) => IDotcssProp;
707
+ order: (value: BasicCommonValues | number) => IDotcssProp;
708
+ hangingPunctuation: (value: BasicCommonValues | string) => IDotcssProp;
709
+ hyphens: (value: BasicCommonValues | string) => IDotcssProp;
710
+ letterSpacing: (value: BasicCommonValues | string) => IDotcssProp;
711
+ lineBreak: (value: BasicCommonValues | string) => IDotcssProp;
712
+ overflowWrap: (value: BasicCommonValues | string) => IDotcssProp;
713
+ tabSize: (value: BasicCommonValues | string) => IDotcssProp;
714
+ textAlign: (value: BasicCommonValues | string) => IDotcssProp;
715
+ textAlignLast: (value: BasicCommonValues | string) => IDotcssProp;
716
+ textCombineUpright: (value: BasicCommonValues | string) => IDotcssProp;
717
+ textIndent: (value: BasicCommonValues | string) => IDotcssProp;
718
+ textJustify: (value: BasicCommonValues | string) => IDotcssProp;
719
+ textTransform: (value: BasicCommonValues | string) => IDotcssProp;
720
+ whiteSpace: (value: BasicCommonValues | string) => IDotcssProp;
721
+ wordBreak: (value: BasicCommonValues | string) => IDotcssProp;
722
+ wordSpacing: (value: BasicCommonValues | string) => IDotcssProp;
723
+ wordWrap: (value: BasicCommonValues | string) => IDotcssProp;
724
+ textDecoration: (value: BasicCommonValues | string) => IDotcssProp;
725
+ textDecorationLine: (value: BasicCommonValues | string) => IDotcssProp;
726
+ textDecorationStyle: (value: BasicCommonValues | string) => IDotcssProp;
727
+ textShadow: (value: BasicCommonValues | string) => IDotcssProp;
728
+ textUnderlinePosition: (value: BasicCommonValues | string) => IDotcssProp;
729
+ font: (value: BasicCommonValues | string) => IDotcssProp;
730
+ fontFamily: (value: BasicCommonValues | string) => IDotcssProp;
731
+ fontFeatureSettings: (value: BasicCommonValues | string) => IDotcssProp;
732
+ fontKerning: (value: BasicCommonValues | string) => IDotcssProp;
733
+ fontLanguageOverride: (value: BasicCommonValues | string) => IDotcssProp;
734
+ fontSizeAdjust: (value: BasicCommonValues | string) => IDotcssProp;
735
+ fontStretch: (value: BasicCommonValues | string) => IDotcssProp;
736
+ fontStyle: (value: FontStyleValues) => IDotcssProp;
737
+ fontSynthesis: (value: BasicCommonValues | string) => IDotcssProp;
738
+ fontVariant: (value: FontVariantValues) => IDotcssProp;
739
+ fontVariantAlternates: (value: BasicCommonValues | string) => IDotcssProp;
740
+ fontVariantCaps: (value: FontVariantCapsValues) => IDotcssProp;
741
+ fontVariantEastAsian: (value: BasicCommonValues | string) => IDotcssProp;
742
+ fontVariantLigatures: (value: BasicCommonValues | string) => IDotcssProp;
743
+ fontVariantNumeric: (value: BasicCommonValues | string) => IDotcssProp;
744
+ fontVariantPosition: (value: BasicCommonValues | string) => IDotcssProp;
745
+ fontWeight: (value: BasicCommonValues | string) => IDotcssProp;
746
+ direction: (value: DirectionValues) => IDotcssProp;
747
+ textOrientation: (value: BasicCommonValues | string) => IDotcssProp;
748
+ unicodeBidi: (value: BasicCommonValues | string) => IDotcssProp;
749
+ userSelect: (value: BasicCommonValues | string) => IDotcssProp;
750
+ writingMode: (value: BasicCommonValues | string) => IDotcssProp;
751
+ borderCollapse: (value: BasicCommonValues | string) => IDotcssProp;
752
+ borderSpacing: (value: BasicCommonValues | string) => IDotcssProp;
753
+ captionSide: (value: BasicCommonValues | string) => IDotcssProp;
754
+ emptyCells: (value: BasicCommonValues | string) => IDotcssProp;
755
+ tableLayout: (value: BasicCommonValues | string) => IDotcssProp;
756
+ counterIncrement: (value: BasicCommonValues | string) => IDotcssProp;
757
+ counterReset: (value: BasicCommonValues | string) => IDotcssProp;
758
+ listStyle: (value: BasicCommonValues | string) => IDotcssProp;
759
+ listStylePosition: (value: BasicCommonValues | string) => IDotcssProp;
760
+ listStyleType: (value: BasicCommonValues | string) => IDotcssProp;
761
+ animation: (value: BasicCommonValues | string) => IDotcssProp;
762
+ animationDelay: (value: BasicCommonValues | string) => IDotcssProp;
763
+ animationDirection: (value: BasicCommonValues | string) => IDotcssProp;
764
+ animationDuration: (value: BasicCommonValues | string) => IDotcssProp;
765
+ animationFillMode: (value: BasicCommonValues | string) => IDotcssProp;
766
+ animationIterationCount: (value: BasicCommonValues | string) => IDotcssProp;
767
+ animationName: (value: BasicCommonValues | string) => IDotcssProp;
768
+ animationPlayState: (value: BasicCommonValues | string) => IDotcssProp;
769
+ animationTimingFunction: (value: BasicCommonValues | string) => IDotcssProp;
723
770
  backfaceVisibility: (value: BackfaceVisibilityValues) => IDotcssProp;
724
- perspective2d: (value: string) => IDotcssProp;
725
- perspectiveOrigin: (value: string) => IDotcssProp;
726
- transformOrigin: (value: string) => IDotcssProp;
727
- transformStyle: (value: string) => IDotcssProp;
728
- transition: (value: string) => IDotcssProp;
729
- transitionProperty: (value: string) => IDotcssProp;
730
- transitionDuration: (value: string) => IDotcssProp;
731
- transitionTimingFunction: (value: string) => IDotcssProp;
732
- transitionDelay: (value: string) => IDotcssProp;
733
- boxSizing: (value: string) => IDotcssProp;
734
- cursor: (value: string) => IDotcssProp;
735
- imeMode: (value: string) => IDotcssProp;
736
- navDown: (value: string) => IDotcssProp;
737
- navIndex: (value: string) => IDotcssProp;
738
- navLeft: (value: string) => IDotcssProp;
739
- navRight: (value: string) => IDotcssProp;
740
- navUp: (value: string) => IDotcssProp;
741
- outline: (value: string) => IDotcssProp;
742
- outlineOffset: (value: string) => IDotcssProp;
743
- outlineStyle: (value: string) => IDotcssProp;
744
- outlineWidth: (value: string) => IDotcssProp;
745
- resize: (value: string) => IDotcssProp;
746
- textOverflow: (value: string) => IDotcssProp;
747
- breakAfter: (value: string) => IDotcssProp;
748
- breakBefore: (value: string) => IDotcssProp;
749
- breakInside: (value: string) => IDotcssProp;
750
- columnCount: (value: string) => IDotcssProp;
751
- columnFill: (value: string) => IDotcssProp;
752
- columnGap: (value: string) => IDotcssProp;
753
- columnRule: (value: string) => IDotcssProp;
754
- columnRuleStyle: (value: string) => IDotcssProp;
755
- columnRuleWidth: (value: string) => IDotcssProp;
756
- columnSpan: (value: string) => IDotcssProp;
757
- columnWidth: (value: string) => IDotcssProp;
758
- columns: (value: string) => IDotcssProp;
759
- widows: (value: string) => IDotcssProp;
760
- orphans: (value: string) => IDotcssProp;
761
- pageBreakAfter: (value: string) => IDotcssProp;
762
- pageBreakBefore: (value: string) => IDotcssProp;
763
- pageBreakInside: (value: string) => IDotcssProp;
764
- marks: (value: string) => IDotcssProp;
765
- quotes: (value: string) => IDotcssProp;
766
- filter: (value: string) => IDotcssProp;
767
- imageRendering: (value: string) => IDotcssProp;
768
- imageResolution: (value: string) => IDotcssProp;
769
- objectFit: (value: string) => IDotcssProp;
770
- objectPosition: (value: string) => IDotcssProp;
771
- mask: (value: string) => IDotcssProp;
772
- maskType: (value: string) => IDotcssProp;
773
- mark: (value: string) => IDotcssProp;
774
- markAfter: (value: string) => IDotcssProp;
775
- markBefore: (value: string) => IDotcssProp;
776
- phonemes: (value: string) => IDotcssProp;
777
- rest: (value: string) => IDotcssProp;
778
- restAfter: (value: string) => IDotcssProp;
779
- restBefore: (value: string) => IDotcssProp;
780
- voiceBalance: (value: string) => IDotcssProp;
781
- voiceDuration: (value: string) => IDotcssProp;
782
- voicePitch: (value: string) => IDotcssProp;
783
- voicePitchRange: (value: string) => IDotcssProp;
784
- voiceRate: (value: string) => IDotcssProp;
785
- voiceStress: (value: string) => IDotcssProp;
786
- voiceVolume: (value: string) => IDotcssProp;
787
- marqueeDirection: (value: string) => IDotcssProp;
788
- marqueePlayCount: (value: string) => IDotcssProp;
789
- marqueeSpeed: (value: string) => IDotcssProp;
790
- marqueeStyle: (value: string) => IDotcssProp;
791
- pointerEvents: (value: string) => IDotcssProp;
771
+ perspective2d: (value: BasicCommonValues | string) => IDotcssProp;
772
+ perspectiveOrigin: (value: BasicCommonValues | string) => IDotcssProp;
773
+ transformOrigin: (value: BasicCommonValues | string) => IDotcssProp;
774
+ transformStyle: (value: BasicCommonValues | string) => IDotcssProp;
775
+ transition: (value: BasicCommonValues | string) => IDotcssProp;
776
+ transitionProperty: (value: BasicCommonValues | string) => IDotcssProp;
777
+ transitionDuration: (value: BasicCommonValues | string) => IDotcssProp;
778
+ transitionTimingFunction: (value: BasicCommonValues | string) => IDotcssProp;
779
+ transitionDelay: (value: BasicCommonValues | string) => IDotcssProp;
780
+ boxSizing: (value: BasicCommonValues | string) => IDotcssProp;
781
+ cursor: (value: BasicCommonValues | string) => IDotcssProp;
782
+ imeMode: (value: BasicCommonValues | string) => IDotcssProp;
783
+ navDown: (value: BasicCommonValues | string) => IDotcssProp;
784
+ navIndex: (value: BasicCommonValues | string) => IDotcssProp;
785
+ navLeft: (value: BasicCommonValues | string) => IDotcssProp;
786
+ navRight: (value: BasicCommonValues | string) => IDotcssProp;
787
+ navUp: (value: BasicCommonValues | string) => IDotcssProp;
788
+ outline: (value: BorderShorthand) => IDotcssProp;
789
+ outlineStyle: (value: BorderStyles) => IDotcssProp;
790
+ outlineWidth: (value: OutlineWidthValues) => IDotcssProp;
791
+ resize: (value: BasicCommonValues | string) => IDotcssProp;
792
+ textOverflow: (value: BasicCommonValues | string) => IDotcssProp;
793
+ breakAfter: (value: BasicCommonValues | string) => IDotcssProp;
794
+ breakBefore: (value: BasicCommonValues | string) => IDotcssProp;
795
+ breakInside: (value: BasicCommonValues | string) => IDotcssProp;
796
+ columnCount: (value: BasicCommonValues | string) => IDotcssProp;
797
+ columnFill: (value: BasicCommonValues | string) => IDotcssProp;
798
+ columnGap: (value: BasicCommonValues | string) => IDotcssProp;
799
+ columnRule: (value: BasicCommonValues | string) => IDotcssProp;
800
+ columnRuleStyle: (value: BasicCommonValues | string) => IDotcssProp;
801
+ columnRuleWidth: (value: BasicCommonValues | string) => IDotcssProp;
802
+ columnSpan: (value: BasicCommonValues | string) => IDotcssProp;
803
+ columnWidth: (value: BasicCommonValues | string) => IDotcssProp;
804
+ columns: (value: BasicCommonValues | string) => IDotcssProp;
805
+ widows: (value: BasicCommonValues | string) => IDotcssProp;
806
+ orphans: (value: BasicCommonValues | string) => IDotcssProp;
807
+ pageBreakAfter: (value: BasicCommonValues | string) => IDotcssProp;
808
+ pageBreakBefore: (value: BasicCommonValues | string) => IDotcssProp;
809
+ pageBreakInside: (value: BasicCommonValues | string) => IDotcssProp;
810
+ marks: (value: BasicCommonValues | string) => IDotcssProp;
811
+ quotes: (value: BasicCommonValues | string) => IDotcssProp;
812
+ filter: (value: BasicCommonValues | string) => IDotcssProp;
813
+ imageRendering: (value: BasicCommonValues | string) => IDotcssProp;
814
+ imageResolution: (value: BasicCommonValues | string) => IDotcssProp;
815
+ objectFit: (value: BasicCommonValues | string) => IDotcssProp;
816
+ objectPosition: (value: BasicCommonValues | string) => IDotcssProp;
817
+ mask: (value: BasicCommonValues | string) => IDotcssProp;
818
+ maskType: (value: BasicCommonValues | string) => IDotcssProp;
819
+ mark: (value: BasicCommonValues | string) => IDotcssProp;
820
+ markAfter: (value: BasicCommonValues | string) => IDotcssProp;
821
+ markBefore: (value: BasicCommonValues | string) => IDotcssProp;
822
+ phonemes: (value: BasicCommonValues | string) => IDotcssProp;
823
+ rest: (value: BasicCommonValues | string) => IDotcssProp;
824
+ restAfter: (value: BasicCommonValues | string) => IDotcssProp;
825
+ restBefore: (value: BasicCommonValues | string) => IDotcssProp;
826
+ voiceBalance: (value: BasicCommonValues | string) => IDotcssProp;
827
+ voiceDuration: (value: BasicCommonValues | string) => IDotcssProp;
828
+ voicePitch: (value: BasicCommonValues | string) => IDotcssProp;
829
+ voicePitchRange: (value: BasicCommonValues | string) => IDotcssProp;
830
+ voiceRate: (value: BasicCommonValues | string) => IDotcssProp;
831
+ voiceStress: (value: BasicCommonValues | string) => IDotcssProp;
832
+ voiceVolume: (value: BasicCommonValues | string) => IDotcssProp;
833
+ marqueeDirection: (value: BasicCommonValues | string) => IDotcssProp;
834
+ marqueePlayCount: (value: BasicCommonValues | string) => IDotcssProp;
835
+ marqueeSpeed: (value: BasicCommonValues | string) => IDotcssProp;
836
+ marqueeStyle: (value: BasicCommonValues | string) => IDotcssProp;
837
+ pointerEvents: (value: BasicCommonValues | string) => IDotcssProp;
792
838
  }
793
839
  export default interface IDotCss extends IDotcssProp {
794
840
  (document?: Element | string): IDotcssProp;
@@ -811,7 +857,7 @@ export interface HideParams {
811
857
  }
812
858
  export interface ShowParams {
813
859
  duration?: number;
814
- display?: string;
860
+ display?: DisplayValues;
815
861
  complete?: Function;
816
862
  opacity?: number;
817
863
  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.3",
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-dot.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import EventBus from "./event-bus";
2
2
  import type Component from "./component";
3
- import IDotCss from "./i-dotcss";
3
+ import IDotCss, { IDotcssProp } from "./i-dotcss";
4
4
 
5
5
  export type DotContentPrimitive = string|number|boolean;
6
6
  export type DotContentBasic = DotContentPrimitive|Node|Element|NodeList|Component|IDotDocument//typeof DotDocument;
@@ -297,7 +297,7 @@ export interface IDotElementDocument<T extends IDotDocument> extends IDotDocumen
297
297
  itemProp(value: unknown): T;
298
298
  lang(value: unknown): T;
299
299
  spellCheck(value: unknown): T;
300
- style(value: string|((css: IDotCss)=>unknown)): T;
300
+ style(value: string|IDotcssProp): T;
301
301
  tabIndex(value: unknown): T;
302
302
  title(value: unknown): T;
303
303