dothtml-interfaces 0.1.35 → 0.1.37

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/i-component.d.ts +4 -0
  3. package/src/i-dot-css.d.ts +705 -702
  4. package/src/i-dot.d.ts +265 -150
package/src/i-dot.d.ts CHANGED
@@ -19,7 +19,8 @@ export interface IDotDocument
19
19
  (document?: Element, classPrefix?: number, targetWindow?: Window&(typeof globalThis)): void;
20
20
 
21
21
  // Internal use only:
22
- _appendOrCreateDocument(content: DotContent, parentEl?: Element, beforeNode?: Node|number);
22
+ // Removed in v6.
23
+ // _appendOrCreateDocument(content: DotContent, parentEl?: Element, beforeNode?: Node|number);
23
24
 
24
25
  /**
25
26
  * A conditional function, analogous to if. Renders the specified DOT if a condition is met. Dynamic binding is possible when condition and callback are functions.
@@ -52,6 +53,7 @@ export interface IDotDocument
52
53
  text(content: string|number|boolean|IReactive): IDotDocument;
53
54
  /**
54
55
  * Mounts a component.
56
+ * TODO: add second arg.
55
57
  */
56
58
  mount(component: IComponent): IMountedComponent;
57
59
  /**
@@ -70,164 +72,271 @@ export interface IDotDocument
70
72
  /**
71
73
  * Get the last HTML element added to the targeted document.
72
74
  */
73
- getLast(): HTMLElement;
75
+ // getLast(): HTMLElement;
74
76
  /**
75
77
  * Deletes each element within the targeted document.
76
78
  */
77
79
  empty(): IDotDocument;
78
80
 
79
- scopeClass(prefix: number|string|null, content: DotContent): IDotDocument;
81
+ // Redundant in v6.
82
+ // scopeClass(prefix: number|string|null, content: DotContent): IDotDocument;
80
83
 
81
84
  // Tags.
82
- a(content?: DotContent): IDotA;
85
+ a(content?: DotContent, attrs?: (attrs: IDotA)=>IDotA): IDotDocument;
86
+ a(attrs: (attrs: IDotA)=>IDotA): IDotDocument;
83
87
 
84
- aside(content?: DotContent): IDotElementDocument<IDotGenericElement>;
85
- abbr(content?: DotContent): IDotElementDocument<IDotGenericElement>;
86
- address(content?: DotContent): IDotElementDocument<IDotGenericElement>;
87
-
88
- area(content?: DotContent): IDotArea;
88
+ aside(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
89
+ aside(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
90
+ abbr(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
91
+ abbr(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
92
+ address(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
93
+ address(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
94
+
95
+ area(content?: DotContent, attrs?: (attrs: IDotArea)=>IDotArea): IDotDocument;
96
+ area(attrs: (attrs: IDotArea)=>IDotArea): IDotDocument;
89
97
 
90
- article(content?: DotContent): IDotElementDocument<IDotGenericElement>;
91
-
92
- audio(content?: DotContent): IDotAudio;
93
-
94
- b(content?: DotContent): IDotElementDocument<IDotGenericElement>;
95
- bdi(content?: DotContent): IDotElementDocument<IDotGenericElement>;
96
- bdo(content?: DotContent): IDotElementDocument<IDotGenericElement>;
98
+ article(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
99
+ article(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
100
+
101
+ audio(content?: DotContent, attrs?: (attrs: IDotAudio)=>IDotAudio): IDotDocument;
102
+ audio(attrs: (attrs: IDotAudio)=>IDotAudio): IDotDocument;
103
+
104
+ b(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
105
+ b(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
106
+ bdi(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
107
+ bdi(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
108
+ bdo(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
109
+ bdo(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
110
+
111
+ blockQuote(content?: DotContent, attrs?: (attrs: IDotBlockQuote)=>IDotBlockQuote): IDotDocument;
112
+ blockQuote(attrs: (attrs: IDotBlockQuote)=>IDotBlockQuote): IDotDocument;
97
113
 
98
- blockQuote(content?: DotContent): IDotBlockQuote;
99
- body(content?: DotContent): IDotBody; // This shouldn't really be used - if it is, then it should have the custom behavior of rewriting the existing document body, rather than adding a second one.
100
- br(content?: DotContent): IDotBr;
101
- button(content?: DotContent): IDotButton;
102
- canvas(content?: DotContent): IDotCanvas;
114
+ // This shouldn't really be used - if it is, then it should have the custom behavior of rewriting the existing document body, rather than adding a second one.
115
+ body(content?: DotContent, attrs?: (attrs: IDotBody)=>IDotBody): IDotDocument;
116
+ body(content?: DotContent): IDotDocument;
103
117
 
104
- caption(content?: DotContent): IDotElementDocument<IDotGenericElement>;
105
- cite(content?: DotContent): IDotElementDocument<IDotGenericElement>;
106
- code(content?: DotContent): IDotElementDocument<IDotGenericElement>;
118
+ br(content?: DotContent, attrs?: (attrs: IDotBr)=>IDotBr): IDotDocument;
119
+ br(attrs: (attrs: IDotBr)=>IDotBr): IDotDocument;
120
+ button(content?: DotContent, attrs?: (attrs: IDotButton)=>IDotButton): IDotDocument;
121
+ button(attrs: (attrs: IDotButton)=>IDotButton): IDotDocument;
122
+ canvas(content?: DotContent, attrs?: (attrs: IDotCanvas)=>IDotCanvas): IDotDocument;
123
+ canvas(attrs: (attrs: IDotCanvas)=>IDotCanvas): IDotDocument;
107
124
 
108
- col(content?: DotContent): IDotCol;
109
- colGroup(content?: DotContent): IDotColGroup;
125
+ caption(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
126
+ caption(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
127
+ cite(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
128
+ cite(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
129
+ code(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
130
+ code(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
110
131
 
111
- content(content?: DotContent): IDotElementDocument<IDotGenericElement>;
112
- data(content?: DotContent): IDotElementDocument<IDotGenericElement>;
113
- dataList(content?: DotContent): IDotElementDocument<IDotGenericElement>;
114
- dd(content?: DotContent): IDotElementDocument<IDotGenericElement>;
115
-
116
- del(content?: DotContent): IDotDel;
117
- details(content?: DotContent): IDotDetails;
118
-
119
- dfn(content?: DotContent): IDotElementDocument<IDotGenericElement>;
120
- dialog(content?: DotContent): IDotElementDocument<IDotGenericElement>;
121
- div(content?: DotContent): IDotElementDocument<IDotGenericElement>;
122
- dl(content?: DotContent): IDotElementDocument<IDotGenericElement>;
123
- dt(content?: DotContent): IDotElementDocument<IDotGenericElement>;
124
- em(content?: DotContent): IDotElementDocument<IDotGenericElement>;
125
-
126
- embed(content?: DotContent): IDotEmbed;
127
- fieldSet(content?: DotContent): IDotFieldSet;
128
-
129
- figCaption(content?: DotContent): IDotElementDocument<IDotGenericElement>;
130
- figure(content?: DotContent): IDotElementDocument<IDotGenericElement>;
131
- footer(content?: DotContent): IDotElementDocument<IDotGenericElement>;
132
-
133
- form(content?: DotContent): IDotForm;
134
-
135
- h1(content?: DotContent): IDotElementDocument<IDotGenericElement>;
136
- h2(content?: DotContent): IDotElementDocument<IDotGenericElement>;
137
- h3(content?: DotContent): IDotElementDocument<IDotGenericElement>;
138
- h4(content?: DotContent): IDotElementDocument<IDotGenericElement>;
139
- h5(content?: DotContent): IDotElementDocument<IDotGenericElement>;
140
- h6(content?: DotContent): IDotElementDocument<IDotGenericElement>;
141
- header(content?: DotContent): IDotElementDocument<IDotGenericElement>;
142
-
143
- hr(content?: DotContent): IDotHr;
144
-
145
- i(content?: DotContent): IDotElementDocument<IDotGenericElement>;
146
-
147
- iFrame(content?: DotContent): IDotIFrame;
148
- img(content?: DotContent): IDotImg;
149
- input(content?: DotContent): IDotInput;
150
- ins(content?: DotContent): IDotIns;
132
+ col(content?: DotContent, attrs?: (attrs: IDotCol)=>IDotCol): IDotDocument;
133
+ col(attrs: (attrs: IDotCol)=>IDotCol): IDotDocument;
134
+ colGroup(content?: DotContent, attrs?: (attrs: IDotColGroup)=>IDotColGroup): IDotDocument;
135
+ colGroup(attrs: (attrs: IDotColGroup)=>IDotColGroup): IDotDocument;
151
136
 
152
- kbd(content?: DotContent): IDotElementDocument<IDotGenericElement>;
137
+ content(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
138
+ content(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
139
+ data(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
140
+ data(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
141
+ dataList(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
142
+ dataList(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
143
+ dd(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
144
+ dd(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
145
+
146
+ del(content?: DotContent, attrs?: (attrs: IDotDel)=>IDotDel): IDotDocument;
147
+ del(attrs: (attrs: IDotDel)=>IDotDel): IDotDocument;
148
+ details(content?: DotContent, attrs?: (attrs: IDotDetails)=>IDotDetails): IDotDocument;
149
+ details(attrs: (attrs: IDotDetails)=>IDotDetails): IDotDocument;
150
+
151
+ dfn(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
152
+ dfn(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
153
+ dialog(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
154
+ dialog(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
155
+ div(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
156
+ div(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
157
+ dl(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
158
+ dl(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
159
+ dt(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
160
+ dt(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
161
+ em(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
162
+ em(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
163
+
164
+ embed(content?: DotContent, attrs?: (attrs: IDotEmbed)=>IDotEmbed): IDotDocument;
165
+ embed(attrs: (attrs: IDotEmbed)=>IDotEmbed): IDotDocument;
166
+ fieldSet(content?: DotContent, attrs?: (attrs: IDotFieldSet)=>IDotFieldSet): IDotDocument;
167
+ fieldSet(attrs: (attrs: IDotFieldSet)=>IDotFieldSet): IDotDocument;
168
+
169
+ figCaption(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
170
+ figCaption(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
171
+ figure(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
172
+ figure(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
173
+ footer(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
174
+ footer(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
175
+
176
+ form(content?: DotContent, attrs?: (attrs: IDotForm)=>IDotForm): IDotDocument;
177
+ form(attrs: (attrs: IDotForm)=>IDotForm): IDotDocument;
178
+
179
+ h1(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
180
+ h1(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
181
+ h2(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
182
+ h2(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
183
+ h3(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
184
+ h3(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
185
+ h4(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
186
+ h4(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
187
+ h5(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
188
+ h5(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
189
+ h6(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
190
+ h6(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
191
+ header(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
192
+ header(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
193
+
194
+ hr(content?: DotContent, attrs?: (attrs: IDotHr)=>IDotHr): IDotDocument;
195
+ hr(attrs: (attrs: IDotHr)=>IDotHr): IDotDocument;
196
+
197
+ i(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
198
+ i(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
199
+
200
+ iFrame(content?: DotContent, attrs?: (attrs: IDotIFrame)=>IDotIFrame): IDotDocument;
201
+ iFrame(attrs: (attrs: IDotIFrame)=>IDotIFrame): IDotDocument;
202
+ img(content?: DotContent, attrs?: (attrs: IDotImg)=>IDotImg): IDotDocument;
203
+ img(attrs: (attrs: IDotImg)=>IDotImg): IDotDocument;
204
+ input(content?: DotContent, attrs?: (attrs: IDotInput)=>IDotInput): IDotDocument;
205
+ input(attrs: (attrs: IDotInput)=>IDotInput): IDotDocument;
206
+ ins(content?: DotContent, attrs?: (attrs: IDotIns)=>IDotIns): IDotDocument;
207
+ ins(attrs: (attrs: IDotIns)=>IDotIns): IDotDocument;
208
+
209
+ kbd(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
210
+ kbd(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
153
211
 
154
212
  /** @deprecated Deprecated in HTML5. */
155
- keyGen(content?: DotContent): IDotKeyGen;
156
- label(content?: DotContent): IDotLabel;
213
+ keyGen(content?: DotContent, attrs?: (attrs: IDotKeyGen)=>IDotKeyGen): IDotDocument;
214
+ keyGen(attrs: (attrs: IDotKeyGen)=>IDotKeyGen): IDotDocument;
215
+ label(content?: DotContent, attrs?: (attrs: IDotLabel)=>IDotLabel): IDotDocument;
216
+ label(attrs: (attrs: IDotLabel)=>IDotLabel): IDotDocument;
157
217
 
158
- legend(content?: DotContent): IDotElementDocument<IDotGenericElement>;
159
-
160
- li(content?: DotContent): IDotLi;
161
-
162
- main(content?: DotContent): IDotElementDocument<IDotGenericElement>;
163
-
164
- map(content?: DotContent): IDotMap;
165
-
166
- mark(content?: DotContent): IDotElementDocument<IDotGenericElement>;
167
-
168
- menu(content?: DotContent): IDotMenu;
169
- meter(content?: DotContent): IDotMeter;
170
-
171
- nav(content?: DotContent): IDotElementDocument<IDotGenericElement>;
172
-
173
- object(content?: DotContent): IDotObject;
174
- ol(content?: DotContent): IDotOl;
175
- optGroup(content?: DotContent): IDotOptGroup;
176
- option(content?: DotContent): IDotOption;
177
- output(content?: DotContent): IDotOutput;
178
-
179
- p(content?: DotContent): IDotElementDocument<IDotGenericElement>;
180
-
181
- param(content?: DotContent): IDotParam;
182
-
183
- pre(content?: DotContent): IDotElementDocument<IDotGenericElement>;
184
-
185
- progress(content?: DotContent): IDotProgress;
186
- q(content?: DotContent): IDotQ;
187
-
188
- rp(content?: DotContent): IDotElementDocument<IDotGenericElement>;
189
- rt(content?: DotContent): IDotElementDocument<IDotGenericElement>;
190
- ruby(content?: DotContent): IDotElementDocument<IDotGenericElement>;
191
- s(content?: DotContent): IDotElementDocument<IDotGenericElement>;
192
- samp(content?: DotContent): IDotElementDocument<IDotGenericElement>;
193
- section(content?: DotContent): IDotElementDocument<IDotGenericElement>;
194
-
195
- select(content?: DotContent): IDotSelect;
196
-
197
- small(content?: DotContent): IDotElementDocument<IDotGenericElement>;
198
-
199
- source(content?: DotContent): IDotSource;
200
-
201
- span(content?: DotContent): IDotElementDocument<IDotGenericElement>;
202
- strong(content?: DotContent): IDotElementDocument<IDotGenericElement>;
203
- svg(content?: DotContent): IDotElementDocument<IDotGenericElement>;
204
- sub(content?: DotContent): IDotElementDocument<IDotGenericElement>;
205
- summary(content?: DotContent): IDotElementDocument<IDotGenericElement>;
206
- sup(content?: DotContent): IDotElementDocument<IDotGenericElement>;
207
-
208
- table(content?: DotContent): IDotTable;
209
- tBody(content?: DotContent): IDotTBody;
210
- td(content?: DotContent): IDotTd;
211
- textArea(content?: DotContent): IDotTextArea;
212
- tFoot(content?: DotContent): IDotTFoot;
213
- th(content?: DotContent): IDotTh;
214
- tHead(content?: DotContent): IDotTHead;
215
- time(content?: DotContent): IDotTime;
216
- tr(content?: DotContent): IDotTr;
217
- track(content?: DotContent): IDotTrack;
218
-
219
- u(content?: DotContent): IDotElementDocument<IDotGenericElement>;
220
- ul(content?: DotContent): IDotElementDocument<IDotGenericElement>;
221
- var(content?: DotContent): IDotElementDocument<IDotGenericElement>;
222
-
223
- video(content?: DotContent): IDotVideo;
224
-
225
- wbr(content?: DotContent): IDotElementDocument<IDotGenericElement>;
226
- }
227
-
218
+ legend(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
219
+ legend(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
220
+
221
+ li(content?: DotContent, attrs?: (attrs: IDotLi)=>IDotLi): IDotDocument;
222
+ li(attrs: (attrs: IDotLi)=>IDotLi): IDotDocument;
223
+
224
+ main(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
225
+ main(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
226
+
227
+ map(content?: DotContent, attrs?: (attrs: IDotMap)=>IDotMap): IDotDocument;
228
+ map(attrs: (attrs: IDotMap)=>IDotMap): IDotDocument;
229
+
230
+ mark(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
231
+ mark(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
232
+
233
+ menu(content?: DotContent, attrs?: (attrs: IDotMenu)=>IDotMenu): IDotDocument;
234
+ menu(attrs: (attrs: IDotMenu)=>IDotMenu): IDotDocument;
235
+ meter(content?: DotContent, attrs?: (attrs: IDotMeter)=>IDotMeter): IDotDocument;
236
+ meter(attrs: (attrs: IDotMeter)=>IDotMeter): IDotDocument;
237
+
238
+ nav(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
239
+ nav(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
240
+
241
+ object(content?: DotContent, attrs?: (attrs: IDotObject)=>IDotObject): IDotDocument;
242
+ object(attrs: (attrs: IDotObject)=>IDotObject): IDotDocument;
243
+ ol(content?: DotContent, attrs?: (attrs: IDotOl)=>IDotOl): IDotDocument;
244
+ ol(attrs: (attrs: IDotOl)=>IDotOl): IDotDocument;
245
+ optGroup(content?: DotContent, attrs?: (attrs: IDotOptGroup)=>IDotOptGroup): IDotDocument;
246
+ optGroup(attrs: (attrs: IDotOptGroup)=>IDotOptGroup): IDotDocument;
247
+ option(content?: DotContent, attrs?: (attrs: IDotOption)=>IDotOption): IDotDocument;
248
+ option(attrs: (attrs: IDotOption)=>IDotOption): IDotDocument;
249
+ output(content?: DotContent, attrs?: (attrs: IDotOutput)=>IDotOutput): IDotDocument;
250
+ output(attrs: (attrs: IDotOutput)=>IDotOutput): IDotDocument;
251
+
252
+ p(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
253
+ p(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
254
+
255
+ param(content?: DotContent, attrs?: (attrs: IDotParam)=>IDotParam): IDotDocument;
256
+ param(attrs: (attrs: IDotParam)=>IDotParam): IDotDocument;
257
+
258
+ pre(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
259
+ pre(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
260
+
261
+ progress(content?: DotContent, attrs?: (attrs: IDotProgress)=>IDotProgress): IDotDocument;
262
+ progress(attrs: (attrs: IDotProgress)=>IDotProgress): IDotDocument;
263
+ q(content?: DotContent, attrs?: (attrs: IDotQ)=>IDotQ): IDotDocument;
264
+ q(attrs: (attrs: IDotQ)=>IDotQ): IDotDocument;
265
+
266
+ rp(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
267
+ rp(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
268
+ rt(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
269
+ rt(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
270
+ ruby(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
271
+ ruby(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
272
+ s(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
273
+ s(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
274
+ samp(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
275
+ samp(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
276
+ section(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
277
+ section(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
278
+
279
+ select(content?: DotContent, attrs?: (attrs: IDotSelect)=>IDotSelect): IDotDocument;
280
+ select(attrs: (attrs: IDotSelect)=>IDotSelect): IDotDocument;
281
+
282
+ small(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
283
+ small(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
284
+
285
+ source(content?: DotContent, attrs?: (attrs: IDotSource)=>IDotSource): IDotDocument;
286
+ source(attrs: (attrs: IDotSource)=>IDotSource): IDotDocument;
287
+
288
+ span(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
289
+ span(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
290
+ strong(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
291
+ strong(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
292
+ svg(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
293
+ svg(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
294
+ sub(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
295
+ sub(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
296
+ summary(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
297
+ summary(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
298
+ sup(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
299
+ sup(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
300
+
301
+ table(content?: DotContent, attrs?: (attrs: IDotTable)=>IDotTable): IDotDocument;
302
+ table(attrs: (attrs: IDotTable)=>IDotTable): IDotDocument;
303
+ tBody(content?: DotContent, attrs?: (attrs: IDotTBody)=>IDotTBody): IDotDocument;
304
+ tBody(attrs: (attrs: IDotTBody)=>IDotTBody): IDotDocument;
305
+ td(content?: DotContent, attrs?: (attrs: IDotTd)=>IDotTd): IDotDocument;
306
+ td(attrs: (attrs: IDotTd)=>IDotTd): IDotDocument;
307
+ textArea(content?: DotContent, attrs?: (attrs: IDotTextArea)=>IDotTextArea): IDotDocument;
308
+ textArea(attrs: (attrs: IDotTextArea)=>IDotTextArea): IDotDocument;
309
+ tFoot(content?: DotContent, attrs?: (attrs: IDotTFoot)=>IDotTFoot): IDotDocument;
310
+ tFoot(attrs: (attrs: IDotTFoot)=>IDotTFoot): IDotDocument;
311
+ th(content?: DotContent, attrs?: (attrs: IDotTh)=>IDotTh): IDotDocument;
312
+ th(attrs: (attrs: IDotTh)=>IDotTh): IDotDocument;
313
+ tHead(content?: DotContent, attrs?: (attrs: IDotTHead)=>IDotTHead): IDotDocument;
314
+ tHead(attrs: (attrs: IDotTHead)=>IDotTHead): IDotDocument;
315
+ time(content?: DotContent, attrs?: (attrs: IDotTime)=>IDotTime): IDotDocument;
316
+ time(attrs: (attrs: IDotTime)=>IDotTime): IDotDocument;
317
+ tr(content?: DotContent, attrs?: (attrs: IDotTr)=>IDotTr): IDotDocument;
318
+ tr(attrs: (attrs: IDotTr)=>IDotTr): IDotDocument;
319
+ track(content?: DotContent, attrs?: (attrs: IDotTrack)=>IDotTrack): IDotDocument;
320
+ track(attrs: (attrs: IDotTrack)=>IDotTrack): IDotDocument;
321
+
322
+ u(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
323
+ u(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
324
+ ul(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
325
+ ul(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
326
+ var(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
327
+ var(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
328
+
329
+ video(content?: DotContent, attrs?: (attrs: IDotVideo)=>IDotVideo): IDotDocument;
330
+ video(attrs: (attrs: IDotVideo)=>IDotVideo): IDotDocument;
331
+
332
+ wbr(content?: DotContent, attrs?: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
333
+ wbr(attrs: (attrs: IDotElementDocument<IDotGenericElement>)=>IDotElementDocument<IDotGenericElement>): IDotDocument;
334
+ }
335
+
336
+ type Styles = string|((css: IDotCss) => IDotcssProp|string);
228
337
  interface IComponentFactory {
229
- <T extends IComponent>(Base: new (...args: Parameters<T['build']>) => T): new (...args: Parameters<T['build']>) => T;
230
- useStyles<T extends IComponent>(styles: string|((css: IDotCss) => IDotcssProp|string)): (Base: new (...args: Parameters<T['build']>) => T) => new (...args: Parameters<T['build']>) => T;
338
+ <T extends IComponent>(Base: new (...args: Parameters<T['build']>) => T, styles?: Styles[]): new (...args: Parameters<T['build']>) => T;
339
+ useStyles<T extends IComponent>(styles: Styles): (Base: new (...args: Parameters<T['build']>) => T) => new (...args: Parameters<T['build']>) => T;
231
340
  }
232
341
 
233
342
 
@@ -239,17 +348,21 @@ export interface IDotCore extends IDotDocument
239
348
  (targetSelector: string|Element|Node|NodeList|Array<Node|Element>): IDotElementDocument<IDotGenericElement>;
240
349
 
241
350
  version: string;
351
+ styleMode: "sync"|"async";
242
352
 
243
353
  navigate(path: string, noHistory?: boolean, force?: boolean): void;
244
354
  css: IDotCss;
245
355
  bus: IEventBus;
246
- window: IDotWindowBuilder;
356
+ // window: IDotWindowBuilder;
247
357
 
248
358
  watch<Ti = IReactive|Array<any>|{[key: string|number]: any}|string|number|boolean, To = Ti>(props?: {value: Ti, key?: string, transformer?: (value: Ti)=>To}): IReactive<Ti, To>;
249
359
 
250
- component: IComponentFactory;
360
+ // Keep these around for a bit to show how it was done before in case I need to change anything prior to the v6 launch.
251
361
  // component<T extends IComponent>(Base: new (...args: Parameters<T['build']>) => T): new (...args: Parameters<T['build']>) => T;
252
362
  // useStyles<T extends IComponent>(styles: string|((css: IDotCss)=>IDotcssProp|string)): ((Base: new (...args: Parameters<T['build']>) => T) => new (...args: Parameters<T['build']>) => T);
363
+
364
+ component: IComponentFactory;
365
+ useStyles(document: Document, styles: Styles): HTMLStyleElement;
253
366
  }
254
367
 
255
368
  export interface IDotWindowBuilder{
@@ -270,7 +383,7 @@ export interface IDotConditionalDocument extends IDotDocument{
270
383
  }
271
384
 
272
385
  // Attribute interface (for all elements):
273
- export interface IDotElementDocument<T extends IDotDocument> extends IDotDocument
386
+ export interface IDotElementDocument<T>
274
387
  {
275
388
  // (document?: Element, classPrefix?: number): IDotElement;
276
389
  // TODO: consider allowing a function that passes in the container for the previous element to allow adding attributes to it.
@@ -447,9 +560,10 @@ interface IDotAudio extends IDotElementDocument<IDotAudio>{
447
560
  crossOrigin(value: AttrVal<"anonymous">|AttrVal<"use-credentials">): IDotAudio;
448
561
 
449
562
  // Special functions:
450
- pause(): IDotAudio;
451
- play(): IDotAudio;
452
- stop(): IDotAudio;
563
+ // TODO: these need to be removed from here.
564
+ // pause(): IDotAudio;
565
+ // play(): IDotAudio;
566
+ // stop(): IDotAudio;
453
567
 
454
568
  // Events:
455
569
  onAbort(callback: (e: Event)=>void): IDotAudio;
@@ -845,9 +959,10 @@ interface IDotVideo extends IDotElementDocument<IDotVideo>{
845
959
  width(value: AttrVal<number>): IDotVideo;
846
960
 
847
961
  // Special functions:
848
- pause(): IDotVideo;
849
- play(): IDotVideo;
850
- stop(): IDotVideo;
962
+ // TODO:
963
+ // pause(): IDotVideo;
964
+ // play(): IDotVideo;
965
+ // stop(): IDotVideo;
851
966
 
852
967
  // Events:
853
968
  onAbort(callback: (e: Event)=>void): IDotVideo;