vasille-web 3.1.4 → 3.2.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.
package/types/index.d.ts CHANGED
@@ -1,7 +1,12 @@
1
+ import { Fragment } from "vasille";
1
2
  import { StyleProps } from "../spec/css.js";
2
- export { compose, Debug, Delay, Else, ElseIf, For, If, Slot, Watch, awaited, store, } from "vasille-dx";
3
- export type { ref, bind, calculate, forward, arrayModel, setModel, mapModel, reactiveObject, value, watch, } from "vasille-dx";
4
- export type { theme, tablet, dark, mobile, laptop, prefersLight, prefersDark, setMobileMaxWidth, setTabletMaxWidth, setLaptopMaxWidth, } from "vasille-css";
3
+ import { TagOptions } from "vasille/web-runner";
4
+ import { Composed as CoreComposed } from "vasille-jsx";
5
+ import { WebRouterInitialization } from "vasille-router/web-router";
6
+ export { $, mvvmView as view, mvvmView, mvcView, hybridView, Debug, Delay, Else, ElseIf, For, If, Slot, Watch, awaited, store, } from "vasille-jsx";
7
+ export { QueryParams, ScreenProps, RouteParameters, screen } from "vasille-router";
8
+ export { Router, WebRouterInitialization, NavigationMode, routeApp } from "vasille-router/web-router";
9
+ export type { setMobileMaxWidth, setTabletMaxWidth, setLaptopMaxWidth } from "vasille-css";
5
10
  export declare const styleSheet: <T extends {
6
11
  [className: string]: {
7
12
  [media: `@${string}`]: {
@@ -10,4 +15,6 @@ export declare const styleSheet: <T extends {
10
15
  [state: `:${string}`]: StyleProps;
11
16
  } & StyleProps;
12
17
  }>(input: T) => { [K in keyof T]: string; };
13
- export declare function mount<T>(element: Element, component: ($: T) => void, $: T, debugUi?: boolean): void;
18
+ export declare function compose<Node, Element, TagOptions extends object, In extends object, Out>(renderer: (f: Fragment<Node, Element, TagOptions>, input: In) => Out, name: string): CoreComposed<Node, Element, TagOptions, In, Out>;
19
+ export declare function mount<T>(element: Element, component: ($: T) => void, $: T, debugUi?: boolean): import("vasille").App<Node, Element, TagOptions, object>;
20
+ export declare function routerApp<Routes extends string>(init: WebRouterInitialization<Routes>, element?: Element, debugUi?: boolean): import("vasille").App<Node, Element, TagOptions, {}>;
@@ -8,9 +8,7 @@ type HtmlInput<K extends keyof HTMLElementTagNameMap & keyof HtmlTagMap> = {
8
8
  class?: (string | Record<string, boolean> | false)[] | string;
9
9
  style?: RawStyleProps | string;
10
10
  slot?: unknown;
11
- } & Partial<HtmlTagMap[K]['attrs']> & prefixedObject<HtmlTagMap[K]['events'], 'on'> & {
12
- [K in `bind:${string}`]?: unknown;
13
- };
11
+ } & Partial<HtmlTagMap[K]["attrs"]> & prefixedObject<HtmlTagMap[K]["events"], "on"> & Partial<prefixedObject<HtmlTagMap[K]["props"], "bind:">>;
14
12
  export declare namespace JSX {
15
13
  type ElementType = keyof IntrinsicElements | ((props?: object) => void);
16
14
  type Element = never;
@@ -19,117 +17,116 @@ export declare namespace JSX {
19
17
  slot: unknown;
20
18
  }
21
19
  interface IntrinsicElements {
22
- "a2": HtmlInput<"a">;
23
- "abbr": HtmlInput<"abbr">;
24
- "address": HtmlInput<"address">;
25
- "area": HtmlInput<"area">;
26
- "article": HtmlInput<"article">;
27
- "aside": HtmlInput<"aside">;
28
- "audio": HtmlInput<"audio">;
29
- "b": HtmlInput<"b">;
30
- "base": HtmlInput<"base">;
31
- "bdi": HtmlInput<"bdi">;
32
- "bdo": HtmlInput<"bdo">;
33
- "blockquote": HtmlInput<"blockquote">;
34
- "body": HtmlInput<"body">;
35
- "br": HtmlInput<"br">;
36
- "button": HtmlInput<"button">;
37
- "canvas": HtmlInput<"canvas">;
38
- "caption": HtmlInput<"caption">;
39
- "cite": HtmlInput<"cite">;
40
- "code": HtmlInput<"code">;
41
- "col": HtmlInput<"col">;
42
- "colgroup": HtmlInput<"colgroup">;
43
- "data": HtmlInput<"data">;
44
- "datalist": HtmlInput<"datalist">;
45
- "dd": HtmlInput<"dd">;
46
- "del": HtmlInput<"del">;
47
- "details": HtmlInput<"details">;
48
- "dfn": HtmlInput<"dfn">;
49
- "dialog": HtmlInput<"dialog">;
50
- "div": HtmlInput<"div">;
51
- "dl": HtmlInput<"dl">;
52
- "dt": HtmlInput<"dt">;
53
- "em": HtmlInput<"em">;
54
- "embed": HtmlInput<"embed">;
55
- "fieldset": HtmlInput<"fieldset">;
56
- "figcaption": HtmlInput<"figcaption">;
57
- "figure": HtmlInput<"figure">;
58
- "footer": HtmlInput<"footer">;
59
- "form": HtmlInput<"form">;
60
- "h1": HtmlInput<"h1">;
61
- "h2": HtmlInput<"h2">;
62
- "h3": HtmlInput<"h3">;
63
- "h4": HtmlInput<"h4">;
64
- "h5": HtmlInput<"h5">;
65
- "h6": HtmlInput<"h6">;
66
- "head": HtmlInput<"head">;
67
- "header": HtmlInput<"header">;
68
- "hgroup": HtmlInput<"hgroup">;
69
- "hr": HtmlInput<"hr">;
70
- "html": HtmlInput<"html">;
71
- "i": HtmlInput<"i">;
72
- "iframe": HtmlInput<"iframe">;
73
- "img": HtmlInput<"img">;
74
- "input": HtmlInput<"input">;
75
- "ins": HtmlInput<"ins">;
76
- "kbd": HtmlInput<"kbd">;
77
- "label": HtmlInput<"label">;
78
- "legend": HtmlInput<"legend">;
79
- "li": HtmlInput<"li">;
80
- "link": HtmlInput<"link">;
81
- "main": HtmlInput<"main">;
82
- "map": HtmlInput<"map">;
83
- "mark": HtmlInput<"mark">;
84
- "menu": HtmlInput<"menu">;
85
- "meta": HtmlInput<"meta">;
86
- "meter": HtmlInput<"meter">;
87
- "nav": HtmlInput<"nav">;
88
- "noscript": HtmlInput<"noscript">;
89
- "object": HtmlInput<"object">;
90
- "ol": HtmlInput<"ol">;
91
- "optgroup": HtmlInput<"optgroup">;
92
- "option": HtmlInput<"option">;
93
- "output": HtmlInput<"output">;
94
- "p": HtmlInput<"p">;
95
- "picture": HtmlInput<"picture">;
96
- "pre": HtmlInput<"pre">;
97
- "progress": HtmlInput<"progress">;
98
- "q": HtmlInput<"q">;
99
- "rp": HtmlInput<"rp">;
100
- "rt": HtmlInput<"rt">;
101
- "ruby": HtmlInput<"ruby">;
102
- "s": HtmlInput<"s">;
103
- "samp": HtmlInput<"samp">;
104
- "script": HtmlInput<"script">;
105
- "section": HtmlInput<"section">;
106
- "select": HtmlInput<"select">;
107
- "slot": HtmlInput<"slot">;
108
- "small": HtmlInput<"small">;
109
- "source": HtmlInput<"source">;
110
- "span": HtmlInput<"span">;
111
- "strong": HtmlInput<"strong">;
112
- "style": HtmlInput<"style">;
113
- "sub": HtmlInput<"sub">;
114
- "summary": HtmlInput<"summary">;
115
- "sup": HtmlInput<"sub">;
116
- "table": HtmlInput<"table">;
117
- "tbody": HtmlInput<"tbody">;
118
- "td": HtmlInput<"td">;
119
- "template": HtmlInput<"template">;
120
- "textarea": HtmlInput<"textarea">;
121
- "tfoot": HtmlInput<"tfoot">;
122
- "th": HtmlInput<"th">;
123
- "thead": HtmlInput<"thead">;
124
- "time": HtmlInput<"time">;
125
- "title": HtmlInput<"title">;
126
- "tr": HtmlInput<"tr">;
127
- "track": HtmlInput<"track">;
128
- "u": HtmlInput<"u">;
129
- "ul": HtmlInput<"ul">;
130
- "var": HtmlInput<"var">;
131
- "video": HtmlInput<"video">;
132
- "wbr": HtmlInput<"wbr">;
20
+ a2: HtmlInput<"a">;
21
+ abbr: HtmlInput<"abbr">;
22
+ address: HtmlInput<"address">;
23
+ area: HtmlInput<"area">;
24
+ article: HtmlInput<"article">;
25
+ aside: HtmlInput<"aside">;
26
+ audio: HtmlInput<"audio">;
27
+ b: HtmlInput<"b">;
28
+ base: HtmlInput<"base">;
29
+ bdi: HtmlInput<"bdi">;
30
+ bdo: HtmlInput<"bdo">;
31
+ blockquote: HtmlInput<"blockquote">;
32
+ body: HtmlInput<"body">;
33
+ br: HtmlInput<"br">;
34
+ button: HtmlInput<"button">;
35
+ canvas: HtmlInput<"canvas">;
36
+ caption: HtmlInput<"caption">;
37
+ cite: HtmlInput<"cite">;
38
+ code: HtmlInput<"code">;
39
+ col: HtmlInput<"col">;
40
+ colgroup: HtmlInput<"colgroup">;
41
+ data: HtmlInput<"data">;
42
+ datalist: HtmlInput<"datalist">;
43
+ dd: HtmlInput<"dd">;
44
+ del: HtmlInput<"del">;
45
+ details: HtmlInput<"details">;
46
+ dfn: HtmlInput<"dfn">;
47
+ dialog: HtmlInput<"dialog">;
48
+ div: HtmlInput<"div">;
49
+ dl: HtmlInput<"dl">;
50
+ dt: HtmlInput<"dt">;
51
+ em: HtmlInput<"em">;
52
+ embed: HtmlInput<"embed">;
53
+ fieldset: HtmlInput<"fieldset">;
54
+ figcaption: HtmlInput<"figcaption">;
55
+ figure: HtmlInput<"figure">;
56
+ footer: HtmlInput<"footer">;
57
+ form: HtmlInput<"form">;
58
+ h1: HtmlInput<"h1">;
59
+ h2: HtmlInput<"h2">;
60
+ h3: HtmlInput<"h3">;
61
+ h4: HtmlInput<"h4">;
62
+ h5: HtmlInput<"h5">;
63
+ h6: HtmlInput<"h6">;
64
+ head: HtmlInput<"head">;
65
+ header: HtmlInput<"header">;
66
+ hgroup: HtmlInput<"hgroup">;
67
+ hr: HtmlInput<"hr">;
68
+ i: HtmlInput<"i">;
69
+ iframe: HtmlInput<"iframe">;
70
+ img: HtmlInput<"img">;
71
+ input: HtmlInput<"input">;
72
+ ins: HtmlInput<"ins">;
73
+ kbd: HtmlInput<"kbd">;
74
+ label: HtmlInput<"label">;
75
+ legend: HtmlInput<"legend">;
76
+ li: HtmlInput<"li">;
77
+ link: HtmlInput<"link">;
78
+ main: HtmlInput<"main">;
79
+ map: HtmlInput<"map">;
80
+ mark: HtmlInput<"mark">;
81
+ menu: HtmlInput<"menu">;
82
+ meta: HtmlInput<"meta">;
83
+ meter: HtmlInput<"meter">;
84
+ nav: HtmlInput<"nav">;
85
+ noscript: HtmlInput<"noscript">;
86
+ object: HtmlInput<"object">;
87
+ ol: HtmlInput<"ol">;
88
+ optgroup: HtmlInput<"optgroup">;
89
+ option: HtmlInput<"option">;
90
+ output: HtmlInput<"output">;
91
+ p: HtmlInput<"p">;
92
+ picture: HtmlInput<"picture">;
93
+ pre: HtmlInput<"pre">;
94
+ progress: HtmlInput<"progress">;
95
+ q: HtmlInput<"q">;
96
+ rp: HtmlInput<"rp">;
97
+ rt: HtmlInput<"rt">;
98
+ ruby: HtmlInput<"ruby">;
99
+ s: HtmlInput<"s">;
100
+ samp: HtmlInput<"samp">;
101
+ script: HtmlInput<"script">;
102
+ section: HtmlInput<"section">;
103
+ select: HtmlInput<"select">;
104
+ slot: HtmlInput<"slot">;
105
+ small: HtmlInput<"small">;
106
+ source: HtmlInput<"source">;
107
+ span: HtmlInput<"span">;
108
+ strong: HtmlInput<"strong">;
109
+ style: HtmlInput<"style">;
110
+ sub: HtmlInput<"sub">;
111
+ summary: HtmlInput<"summary">;
112
+ sup: HtmlInput<"sub">;
113
+ table: HtmlInput<"table">;
114
+ tbody: HtmlInput<"tbody">;
115
+ td: HtmlInput<"td">;
116
+ template: HtmlInput<"template">;
117
+ textarea: HtmlInput<"textarea">;
118
+ tfoot: HtmlInput<"tfoot">;
119
+ th: HtmlInput<"th">;
120
+ thead: HtmlInput<"thead">;
121
+ time: HtmlInput<"time">;
122
+ title: HtmlInput<"title">;
123
+ tr: HtmlInput<"tr">;
124
+ track: HtmlInput<"track">;
125
+ u: HtmlInput<"u">;
126
+ ul: HtmlInput<"ul">;
127
+ var: HtmlInput<"var">;
128
+ video: HtmlInput<"video">;
129
+ wbr: HtmlInput<"wbr">;
133
130
  }
134
131
  }
135
132
  export {};