verstak 0.23.120 → 0.23.122
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/build/dist/source/core/Interfaces.d.ts +46 -45
- package/build/dist/source/core/Interfaces.js +11 -11
- package/build/dist/source/core/Utils.d.ts +4 -4
- package/build/dist/source/core/Utils.js +4 -4
- package/build/dist/source/core/Verstak.d.ts +29 -29
- package/build/dist/source/core/Verstak.js +226 -222
- package/build/dist/source/html/Elements.d.ts +27 -0
- package/build/dist/source/html/{Blocks.js → Elements.js} +61 -61
- package/build/dist/source/html/HtmlDriver.d.ts +11 -11
- package/build/dist/source/html/HtmlDriver.js +42 -42
- package/build/dist/source/html/HtmlElements.d.ts +175 -0
- package/build/dist/source/html/{HtmlBlocks.js → HtmlElements.js} +175 -175
- package/build/dist/source/html/ReactingFocuser.js +3 -3
- package/build/dist/source/html/api.d.ts +2 -2
- package/build/dist/source/html/api.js +2 -2
- package/build/dist/source/html/sensors/ResizeSensor.d.ts +2 -2
- package/build/dist/source/html/sensors/ResizeSensor.js +3 -3
- package/package.json +1 -1
- package/build/dist/source/html/Blocks.d.ts +0 -27
- package/build/dist/source/html/HtmlBlocks.d.ts +0 -175
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Verstak, StaticDriver,
|
|
1
|
+
import { Verstak, StaticDriver, ElKind } from "../core/api.js";
|
|
2
2
|
import { HtmlDriver, SvgDriver } from "./HtmlDriver.js";
|
|
3
3
|
export function HtmlBody(builder, base) {
|
|
4
|
-
const driver = new StaticDriver(global.document.body, "HtmlBody", false,
|
|
4
|
+
const driver = new StaticDriver(global.document.body, "HtmlBody", false, el => el.kind = ElKind.Section);
|
|
5
5
|
return Verstak.claim(driver, builder, base);
|
|
6
6
|
}
|
|
7
7
|
export function A(builder, base) { return Verstak.claim(HtmlTags.a, builder, base); }
|
|
@@ -178,179 +178,179 @@ export function TSpan(builder, base) { return Verstak.claim(SvgTags.tspan, build
|
|
|
178
178
|
export function Use(builder, base) { return Verstak.claim(SvgTags.use, builder, base); }
|
|
179
179
|
export function View(builder, base) { return Verstak.claim(SvgTags.view, builder, base); }
|
|
180
180
|
const HtmlTags = {
|
|
181
|
-
a: new HtmlDriver("a", false,
|
|
182
|
-
abbr: new HtmlDriver("abbr", false,
|
|
183
|
-
address: new HtmlDriver("address", false,
|
|
184
|
-
area: new HtmlDriver("area", false,
|
|
185
|
-
article: new HtmlDriver("article", false,
|
|
186
|
-
aside: new HtmlDriver("aside", false,
|
|
187
|
-
audio: new HtmlDriver("audio", false,
|
|
188
|
-
b: new HtmlDriver("b", false,
|
|
189
|
-
base: new HtmlDriver("base", false,
|
|
190
|
-
bdi: new HtmlDriver("bdi", false,
|
|
191
|
-
bdo: new HtmlDriver("bdo", false,
|
|
192
|
-
big: new HtmlDriver("big", false,
|
|
193
|
-
blockquote: new HtmlDriver("blockquote", false,
|
|
194
|
-
body: new HtmlDriver("body", false,
|
|
195
|
-
br: new HtmlDriver("br", false,
|
|
196
|
-
button: new HtmlDriver("button", false,
|
|
197
|
-
canvas: new HtmlDriver("canvas", false,
|
|
198
|
-
caption: new HtmlDriver("caption", false,
|
|
199
|
-
cite: new HtmlDriver("cite", false,
|
|
200
|
-
code: new HtmlDriver("code", false,
|
|
201
|
-
col: new HtmlDriver("col", false,
|
|
202
|
-
colgroup: new HtmlDriver("colgroup", false,
|
|
203
|
-
data: new HtmlDriver("data", false,
|
|
204
|
-
datalist: new HtmlDriver("datalist", false,
|
|
205
|
-
dd: new HtmlDriver("dd", false,
|
|
206
|
-
del: new HtmlDriver("del", false,
|
|
207
|
-
details: new HtmlDriver("details", false,
|
|
208
|
-
dfn: new HtmlDriver("dfn", false,
|
|
209
|
-
div: new HtmlDriver("div", false,
|
|
210
|
-
dl: new HtmlDriver("dl", false,
|
|
211
|
-
dt: new HtmlDriver("dt", false,
|
|
212
|
-
em: new HtmlDriver("em", false,
|
|
213
|
-
embed: new HtmlDriver("embed", false,
|
|
214
|
-
fieldset: new HtmlDriver("fieldset", false,
|
|
215
|
-
figcaption: new HtmlDriver("figcaption", false,
|
|
216
|
-
figure: new HtmlDriver("figure", false,
|
|
217
|
-
footer: new HtmlDriver("footer", false,
|
|
218
|
-
form: new HtmlDriver("form", false,
|
|
219
|
-
h1: new HtmlDriver("h1", false,
|
|
220
|
-
h2: new HtmlDriver("h2", false,
|
|
221
|
-
h3: new HtmlDriver("h3", false,
|
|
222
|
-
h4: new HtmlDriver("h4", false,
|
|
223
|
-
h5: new HtmlDriver("h5", false,
|
|
224
|
-
h6: new HtmlDriver("h6", false,
|
|
225
|
-
head: new HtmlDriver("head", false,
|
|
226
|
-
header: new HtmlDriver("header", false,
|
|
227
|
-
hgroup: new HtmlDriver("hgroup", false,
|
|
228
|
-
hr: new HtmlDriver("hr", false,
|
|
229
|
-
html: new HtmlDriver("html", false,
|
|
230
|
-
i: new HtmlDriver("i", false,
|
|
231
|
-
iframe: new HtmlDriver("iframe", false,
|
|
232
|
-
img: new HtmlDriver("img", false,
|
|
233
|
-
input: new HtmlDriver("input", false,
|
|
234
|
-
ins: new HtmlDriver("ins", false,
|
|
235
|
-
kbd: new HtmlDriver("kbd", false,
|
|
236
|
-
keygen: new HtmlDriver("keygen", false,
|
|
237
|
-
label: new HtmlDriver("label", false,
|
|
238
|
-
legend: new HtmlDriver("legend", false,
|
|
239
|
-
li: new HtmlDriver("li", false,
|
|
240
|
-
link: new HtmlDriver("link", false,
|
|
241
|
-
main: new HtmlDriver("main", false,
|
|
242
|
-
map: new HtmlDriver("map", false,
|
|
243
|
-
mark: new HtmlDriver("mark", false,
|
|
244
|
-
menu: new HtmlDriver("menu", false,
|
|
245
|
-
menuitem: new HtmlDriver("menuitem", false,
|
|
246
|
-
meta: new HtmlDriver("meta", false,
|
|
247
|
-
meter: new HtmlDriver("meter", false,
|
|
248
|
-
nav: new HtmlDriver("nav", false,
|
|
249
|
-
noindex: new HtmlDriver("noindex", false,
|
|
250
|
-
noscript: new HtmlDriver("noscript", false,
|
|
251
|
-
object: new HtmlDriver("object", false,
|
|
252
|
-
ol: new HtmlDriver("ol", false,
|
|
253
|
-
optgroup: new HtmlDriver("optgroup", false,
|
|
254
|
-
option: new HtmlDriver("option", false,
|
|
255
|
-
output: new HtmlDriver("output", false,
|
|
256
|
-
p: new HtmlDriver("p", false,
|
|
257
|
-
param: new HtmlDriver("param", false,
|
|
258
|
-
picture: new HtmlDriver("picture", false,
|
|
259
|
-
pre: new HtmlDriver("pre", false,
|
|
260
|
-
progress: new HtmlDriver("progress", false,
|
|
261
|
-
q: new HtmlDriver("q", false,
|
|
262
|
-
rp: new HtmlDriver("rp", false,
|
|
263
|
-
rt: new HtmlDriver("rt", false,
|
|
264
|
-
ruby: new HtmlDriver("ruby", false,
|
|
265
|
-
s: new HtmlDriver("s", false,
|
|
266
|
-
samp: new HtmlDriver("samp", false,
|
|
267
|
-
script: new HtmlDriver("script", false,
|
|
268
|
-
section: new HtmlDriver("section", false,
|
|
269
|
-
select: new HtmlDriver("select", false,
|
|
270
|
-
small: new HtmlDriver("small", false,
|
|
271
|
-
source: new HtmlDriver("source", false,
|
|
272
|
-
span: new HtmlDriver("span", false,
|
|
273
|
-
strong: new HtmlDriver("strong", false,
|
|
274
|
-
style: new HtmlDriver("style", false,
|
|
275
|
-
sub: new HtmlDriver("sub", false,
|
|
276
|
-
summary: new HtmlDriver("summary", false,
|
|
277
|
-
sup: new HtmlDriver("sup", false,
|
|
278
|
-
table: new HtmlDriver("table", false,
|
|
279
|
-
template: new HtmlDriver("template", false,
|
|
280
|
-
tbody: new HtmlDriver("tbody", false,
|
|
281
|
-
td: new HtmlDriver("td", false,
|
|
282
|
-
textarea: new HtmlDriver("textarea", false,
|
|
283
|
-
tfoot: new HtmlDriver("tfoot", false,
|
|
284
|
-
th: new HtmlDriver("th", false,
|
|
285
|
-
thead: new HtmlDriver("thead", false,
|
|
286
|
-
time: new HtmlDriver("time", false,
|
|
287
|
-
title: new HtmlDriver("title", false,
|
|
288
|
-
tr: new HtmlDriver("tr", false,
|
|
289
|
-
track: new HtmlDriver("track", false,
|
|
290
|
-
u: new HtmlDriver("u", false,
|
|
291
|
-
ul: new HtmlDriver("ul", false,
|
|
292
|
-
var: new HtmlDriver("var", false,
|
|
293
|
-
video: new HtmlDriver("video", false,
|
|
294
|
-
wbr: new HtmlDriver("wbr", false,
|
|
181
|
+
a: new HtmlDriver("a", false, el => el.kind = ElKind.Native),
|
|
182
|
+
abbr: new HtmlDriver("abbr", false, el => el.kind = ElKind.Native),
|
|
183
|
+
address: new HtmlDriver("address", false, el => el.kind = ElKind.Native),
|
|
184
|
+
area: new HtmlDriver("area", false, el => el.kind = ElKind.Native),
|
|
185
|
+
article: new HtmlDriver("article", false, el => el.kind = ElKind.Native),
|
|
186
|
+
aside: new HtmlDriver("aside", false, el => el.kind = ElKind.Native),
|
|
187
|
+
audio: new HtmlDriver("audio", false, el => el.kind = ElKind.Native),
|
|
188
|
+
b: new HtmlDriver("b", false, el => el.kind = ElKind.Native),
|
|
189
|
+
base: new HtmlDriver("base", false, el => el.kind = ElKind.Native),
|
|
190
|
+
bdi: new HtmlDriver("bdi", false, el => el.kind = ElKind.Native),
|
|
191
|
+
bdo: new HtmlDriver("bdo", false, el => el.kind = ElKind.Native),
|
|
192
|
+
big: new HtmlDriver("big", false, el => el.kind = ElKind.Native),
|
|
193
|
+
blockquote: new HtmlDriver("blockquote", false, el => el.kind = ElKind.Native),
|
|
194
|
+
body: new HtmlDriver("body", false, el => el.kind = ElKind.Native),
|
|
195
|
+
br: new HtmlDriver("br", false, el => el.kind = ElKind.Native),
|
|
196
|
+
button: new HtmlDriver("button", false, el => el.kind = ElKind.Native),
|
|
197
|
+
canvas: new HtmlDriver("canvas", false, el => el.kind = ElKind.Native),
|
|
198
|
+
caption: new HtmlDriver("caption", false, el => el.kind = ElKind.Native),
|
|
199
|
+
cite: new HtmlDriver("cite", false, el => el.kind = ElKind.Native),
|
|
200
|
+
code: new HtmlDriver("code", false, el => el.kind = ElKind.Native),
|
|
201
|
+
col: new HtmlDriver("col", false, el => el.kind = ElKind.Native),
|
|
202
|
+
colgroup: new HtmlDriver("colgroup", false, el => el.kind = ElKind.Native),
|
|
203
|
+
data: new HtmlDriver("data", false, el => el.kind = ElKind.Native),
|
|
204
|
+
datalist: new HtmlDriver("datalist", false, el => el.kind = ElKind.Native),
|
|
205
|
+
dd: new HtmlDriver("dd", false, el => el.kind = ElKind.Native),
|
|
206
|
+
del: new HtmlDriver("del", false, el => el.kind = ElKind.Native),
|
|
207
|
+
details: new HtmlDriver("details", false, el => el.kind = ElKind.Native),
|
|
208
|
+
dfn: new HtmlDriver("dfn", false, el => el.kind = ElKind.Native),
|
|
209
|
+
div: new HtmlDriver("div", false, el => el.kind = ElKind.Native),
|
|
210
|
+
dl: new HtmlDriver("dl", false, el => el.kind = ElKind.Native),
|
|
211
|
+
dt: new HtmlDriver("dt", false, el => el.kind = ElKind.Native),
|
|
212
|
+
em: new HtmlDriver("em", false, el => el.kind = ElKind.Native),
|
|
213
|
+
embed: new HtmlDriver("embed", false, el => el.kind = ElKind.Native),
|
|
214
|
+
fieldset: new HtmlDriver("fieldset", false, el => el.kind = ElKind.Native),
|
|
215
|
+
figcaption: new HtmlDriver("figcaption", false, el => el.kind = ElKind.Native),
|
|
216
|
+
figure: new HtmlDriver("figure", false, el => el.kind = ElKind.Native),
|
|
217
|
+
footer: new HtmlDriver("footer", false, el => el.kind = ElKind.Native),
|
|
218
|
+
form: new HtmlDriver("form", false, el => el.kind = ElKind.Native),
|
|
219
|
+
h1: new HtmlDriver("h1", false, el => el.kind = ElKind.Native),
|
|
220
|
+
h2: new HtmlDriver("h2", false, el => el.kind = ElKind.Native),
|
|
221
|
+
h3: new HtmlDriver("h3", false, el => el.kind = ElKind.Native),
|
|
222
|
+
h4: new HtmlDriver("h4", false, el => el.kind = ElKind.Native),
|
|
223
|
+
h5: new HtmlDriver("h5", false, el => el.kind = ElKind.Native),
|
|
224
|
+
h6: new HtmlDriver("h6", false, el => el.kind = ElKind.Native),
|
|
225
|
+
head: new HtmlDriver("head", false, el => el.kind = ElKind.Native),
|
|
226
|
+
header: new HtmlDriver("header", false, el => el.kind = ElKind.Native),
|
|
227
|
+
hgroup: new HtmlDriver("hgroup", false, el => el.kind = ElKind.Native),
|
|
228
|
+
hr: new HtmlDriver("hr", false, el => el.kind = ElKind.Native),
|
|
229
|
+
html: new HtmlDriver("html", false, el => el.kind = ElKind.Native),
|
|
230
|
+
i: new HtmlDriver("i", false, el => el.kind = ElKind.Native),
|
|
231
|
+
iframe: new HtmlDriver("iframe", false, el => el.kind = ElKind.Native),
|
|
232
|
+
img: new HtmlDriver("img", false, el => el.kind = ElKind.Native),
|
|
233
|
+
input: new HtmlDriver("input", false, el => el.kind = ElKind.Native),
|
|
234
|
+
ins: new HtmlDriver("ins", false, el => el.kind = ElKind.Native),
|
|
235
|
+
kbd: new HtmlDriver("kbd", false, el => el.kind = ElKind.Native),
|
|
236
|
+
keygen: new HtmlDriver("keygen", false, el => el.kind = ElKind.Native),
|
|
237
|
+
label: new HtmlDriver("label", false, el => el.kind = ElKind.Native),
|
|
238
|
+
legend: new HtmlDriver("legend", false, el => el.kind = ElKind.Native),
|
|
239
|
+
li: new HtmlDriver("li", false, el => el.kind = ElKind.Native),
|
|
240
|
+
link: new HtmlDriver("link", false, el => el.kind = ElKind.Native),
|
|
241
|
+
main: new HtmlDriver("main", false, el => el.kind = ElKind.Native),
|
|
242
|
+
map: new HtmlDriver("map", false, el => el.kind = ElKind.Native),
|
|
243
|
+
mark: new HtmlDriver("mark", false, el => el.kind = ElKind.Native),
|
|
244
|
+
menu: new HtmlDriver("menu", false, el => el.kind = ElKind.Native),
|
|
245
|
+
menuitem: new HtmlDriver("menuitem", false, el => el.kind = ElKind.Native),
|
|
246
|
+
meta: new HtmlDriver("meta", false, el => el.kind = ElKind.Native),
|
|
247
|
+
meter: new HtmlDriver("meter", false, el => el.kind = ElKind.Native),
|
|
248
|
+
nav: new HtmlDriver("nav", false, el => el.kind = ElKind.Native),
|
|
249
|
+
noindex: new HtmlDriver("noindex", false, el => el.kind = ElKind.Native),
|
|
250
|
+
noscript: new HtmlDriver("noscript", false, el => el.kind = ElKind.Native),
|
|
251
|
+
object: new HtmlDriver("object", false, el => el.kind = ElKind.Native),
|
|
252
|
+
ol: new HtmlDriver("ol", false, el => el.kind = ElKind.Native),
|
|
253
|
+
optgroup: new HtmlDriver("optgroup", false, el => el.kind = ElKind.Native),
|
|
254
|
+
option: new HtmlDriver("option", false, el => el.kind = ElKind.Native),
|
|
255
|
+
output: new HtmlDriver("output", false, el => el.kind = ElKind.Native),
|
|
256
|
+
p: new HtmlDriver("p", false, el => el.kind = ElKind.Native),
|
|
257
|
+
param: new HtmlDriver("param", false, el => el.kind = ElKind.Native),
|
|
258
|
+
picture: new HtmlDriver("picture", false, el => el.kind = ElKind.Native),
|
|
259
|
+
pre: new HtmlDriver("pre", false, el => el.kind = ElKind.Native),
|
|
260
|
+
progress: new HtmlDriver("progress", false, el => el.kind = ElKind.Native),
|
|
261
|
+
q: new HtmlDriver("q", false, el => el.kind = ElKind.Native),
|
|
262
|
+
rp: new HtmlDriver("rp", false, el => el.kind = ElKind.Native),
|
|
263
|
+
rt: new HtmlDriver("rt", false, el => el.kind = ElKind.Native),
|
|
264
|
+
ruby: new HtmlDriver("ruby", false, el => el.kind = ElKind.Native),
|
|
265
|
+
s: new HtmlDriver("s", false, el => el.kind = ElKind.Native),
|
|
266
|
+
samp: new HtmlDriver("samp", false, el => el.kind = ElKind.Native),
|
|
267
|
+
script: new HtmlDriver("script", false, el => el.kind = ElKind.Native),
|
|
268
|
+
section: new HtmlDriver("section", false, el => el.kind = ElKind.Native),
|
|
269
|
+
select: new HtmlDriver("select", false, el => el.kind = ElKind.Native),
|
|
270
|
+
small: new HtmlDriver("small", false, el => el.kind = ElKind.Native),
|
|
271
|
+
source: new HtmlDriver("source", false, el => el.kind = ElKind.Native),
|
|
272
|
+
span: new HtmlDriver("span", false, el => el.kind = ElKind.Native),
|
|
273
|
+
strong: new HtmlDriver("strong", false, el => el.kind = ElKind.Native),
|
|
274
|
+
style: new HtmlDriver("style", false, el => el.kind = ElKind.Native),
|
|
275
|
+
sub: new HtmlDriver("sub", false, el => el.kind = ElKind.Native),
|
|
276
|
+
summary: new HtmlDriver("summary", false, el => el.kind = ElKind.Native),
|
|
277
|
+
sup: new HtmlDriver("sup", false, el => el.kind = ElKind.Native),
|
|
278
|
+
table: new HtmlDriver("table", false, el => el.kind = ElKind.Native),
|
|
279
|
+
template: new HtmlDriver("template", false, el => el.kind = ElKind.Native),
|
|
280
|
+
tbody: new HtmlDriver("tbody", false, el => el.kind = ElKind.Native),
|
|
281
|
+
td: new HtmlDriver("td", false, el => el.kind = ElKind.Native),
|
|
282
|
+
textarea: new HtmlDriver("textarea", false, el => el.kind = ElKind.Native),
|
|
283
|
+
tfoot: new HtmlDriver("tfoot", false, el => el.kind = ElKind.Native),
|
|
284
|
+
th: new HtmlDriver("th", false, el => el.kind = ElKind.Native),
|
|
285
|
+
thead: new HtmlDriver("thead", false, el => el.kind = ElKind.Native),
|
|
286
|
+
time: new HtmlDriver("time", false, el => el.kind = ElKind.Native),
|
|
287
|
+
title: new HtmlDriver("title", false, el => el.kind = ElKind.Native),
|
|
288
|
+
tr: new HtmlDriver("tr", false, el => el.kind = ElKind.Native),
|
|
289
|
+
track: new HtmlDriver("track", false, el => el.kind = ElKind.Native),
|
|
290
|
+
u: new HtmlDriver("u", false, el => el.kind = ElKind.Native),
|
|
291
|
+
ul: new HtmlDriver("ul", false, el => el.kind = ElKind.Native),
|
|
292
|
+
var: new HtmlDriver("var", false, el => el.kind = ElKind.Native),
|
|
293
|
+
video: new HtmlDriver("video", false, el => el.kind = ElKind.Native),
|
|
294
|
+
wbr: new HtmlDriver("wbr", false, el => el.kind = ElKind.Native),
|
|
295
295
|
};
|
|
296
296
|
const SvgTags = {
|
|
297
|
-
svg: new SvgDriver("svg", false,
|
|
298
|
-
a: new SvgDriver("a", false,
|
|
299
|
-
animate: new SvgDriver("animate", false,
|
|
300
|
-
animateMotion: new SvgDriver("animateMotion", false,
|
|
301
|
-
animateTransform: new SvgDriver("animateTransform", false,
|
|
302
|
-
circle: new SvgDriver("circle", false,
|
|
303
|
-
clipPath: new SvgDriver("clipPath", false,
|
|
304
|
-
defs: new SvgDriver("defs", false,
|
|
305
|
-
desc: new SvgDriver("desc", false,
|
|
306
|
-
ellipse: new SvgDriver("ellipse", false,
|
|
307
|
-
feBlend: new SvgDriver("feBlend", false,
|
|
308
|
-
feColorMatrix: new SvgDriver("feColorMatrix", false,
|
|
309
|
-
feComponentTransfer: new SvgDriver("feComponentTransfer", false,
|
|
310
|
-
feComposite: new SvgDriver("feComposite", false,
|
|
311
|
-
feConvolveMatrix: new SvgDriver("feConvolveMatrix", false,
|
|
312
|
-
feDiffuseLighting: new SvgDriver("feDiffuseLighting", false,
|
|
313
|
-
feDisplacementMap: new SvgDriver("feDisplacementMap", false,
|
|
314
|
-
feDistantLight: new SvgDriver("feDistantLight", false,
|
|
315
|
-
feDropShadow: new SvgDriver("feDropShadow", false,
|
|
316
|
-
feFlood: new SvgDriver("feFlood", false,
|
|
317
|
-
feFuncA: new SvgDriver("feFuncA", false,
|
|
318
|
-
feFuncB: new SvgDriver("feFuncB", false,
|
|
319
|
-
feFuncG: new SvgDriver("feFuncG", false,
|
|
320
|
-
feFuncR: new SvgDriver("feFuncR", false,
|
|
321
|
-
feGaussianBlur: new SvgDriver("feGaussianBlur", false,
|
|
322
|
-
feImage: new SvgDriver("feImage", false,
|
|
323
|
-
feMerge: new SvgDriver("feMerge", false,
|
|
324
|
-
feMergeNode: new SvgDriver("feMergeNode", false,
|
|
325
|
-
feMorphology: new SvgDriver("feMorphology", false,
|
|
326
|
-
feOffset: new SvgDriver("feOffset", false,
|
|
327
|
-
fePointLight: new SvgDriver("fePointLight", false,
|
|
328
|
-
feSpecularLighting: new SvgDriver("feSpecularLighting", false,
|
|
329
|
-
feSpotLight: new SvgDriver("feSpotLight", false,
|
|
330
|
-
feTile: new SvgDriver("feTile", false,
|
|
331
|
-
feTurbulence: new SvgDriver("feTurbulence", false,
|
|
332
|
-
filter: new SvgDriver("filter", false,
|
|
333
|
-
foreignObject: new SvgDriver("foreignObject", false,
|
|
334
|
-
g: new SvgDriver("g", false,
|
|
335
|
-
image: new SvgDriver("image", false,
|
|
336
|
-
line: new SvgDriver("line", false,
|
|
337
|
-
linearGradient: new SvgDriver("linearGradient", false,
|
|
338
|
-
marker: new SvgDriver("marker", false,
|
|
339
|
-
mask: new SvgDriver("mask", false,
|
|
340
|
-
metadata: new SvgDriver("metadata", false,
|
|
341
|
-
mpath: new SvgDriver("mpath", false,
|
|
342
|
-
path: new SvgDriver("path", false,
|
|
343
|
-
pattern: new SvgDriver("pattern", false,
|
|
344
|
-
polygon: new SvgDriver("polygon", false,
|
|
345
|
-
polyline: new SvgDriver("polyline", false,
|
|
346
|
-
radialGradient: new SvgDriver("radialGradient", false,
|
|
347
|
-
rect: new SvgDriver("rect", false,
|
|
348
|
-
stop: new SvgDriver("stop", false,
|
|
349
|
-
switch: new SvgDriver("switch", false,
|
|
350
|
-
symbol: new SvgDriver("symbol", false,
|
|
351
|
-
text: new SvgDriver("text", false,
|
|
352
|
-
textPath: new SvgDriver("textPath", false,
|
|
353
|
-
tspan: new SvgDriver("tspan", false,
|
|
354
|
-
use: new SvgDriver("use", false,
|
|
355
|
-
view: new SvgDriver("view", false,
|
|
297
|
+
svg: new SvgDriver("svg", false, el => el.kind = ElKind.Native),
|
|
298
|
+
a: new SvgDriver("a", false, el => el.kind = ElKind.Native),
|
|
299
|
+
animate: new SvgDriver("animate", false, el => el.kind = ElKind.Native),
|
|
300
|
+
animateMotion: new SvgDriver("animateMotion", false, el => el.kind = ElKind.Native),
|
|
301
|
+
animateTransform: new SvgDriver("animateTransform", false, el => el.kind = ElKind.Native),
|
|
302
|
+
circle: new SvgDriver("circle", false, el => el.kind = ElKind.Native),
|
|
303
|
+
clipPath: new SvgDriver("clipPath", false, el => el.kind = ElKind.Native),
|
|
304
|
+
defs: new SvgDriver("defs", false, el => el.kind = ElKind.Native),
|
|
305
|
+
desc: new SvgDriver("desc", false, el => el.kind = ElKind.Native),
|
|
306
|
+
ellipse: new SvgDriver("ellipse", false, el => el.kind = ElKind.Native),
|
|
307
|
+
feBlend: new SvgDriver("feBlend", false, el => el.kind = ElKind.Native),
|
|
308
|
+
feColorMatrix: new SvgDriver("feColorMatrix", false, el => el.kind = ElKind.Native),
|
|
309
|
+
feComponentTransfer: new SvgDriver("feComponentTransfer", false, el => el.kind = ElKind.Native),
|
|
310
|
+
feComposite: new SvgDriver("feComposite", false, el => el.kind = ElKind.Native),
|
|
311
|
+
feConvolveMatrix: new SvgDriver("feConvolveMatrix", false, el => el.kind = ElKind.Native),
|
|
312
|
+
feDiffuseLighting: new SvgDriver("feDiffuseLighting", false, el => el.kind = ElKind.Native),
|
|
313
|
+
feDisplacementMap: new SvgDriver("feDisplacementMap", false, el => el.kind = ElKind.Native),
|
|
314
|
+
feDistantLight: new SvgDriver("feDistantLight", false, el => el.kind = ElKind.Native),
|
|
315
|
+
feDropShadow: new SvgDriver("feDropShadow", false, el => el.kind = ElKind.Native),
|
|
316
|
+
feFlood: new SvgDriver("feFlood", false, el => el.kind = ElKind.Native),
|
|
317
|
+
feFuncA: new SvgDriver("feFuncA", false, el => el.kind = ElKind.Native),
|
|
318
|
+
feFuncB: new SvgDriver("feFuncB", false, el => el.kind = ElKind.Native),
|
|
319
|
+
feFuncG: new SvgDriver("feFuncG", false, el => el.kind = ElKind.Native),
|
|
320
|
+
feFuncR: new SvgDriver("feFuncR", false, el => el.kind = ElKind.Native),
|
|
321
|
+
feGaussianBlur: new SvgDriver("feGaussianBlur", false, el => el.kind = ElKind.Native),
|
|
322
|
+
feImage: new SvgDriver("feImage", false, el => el.kind = ElKind.Native),
|
|
323
|
+
feMerge: new SvgDriver("feMerge", false, el => el.kind = ElKind.Native),
|
|
324
|
+
feMergeNode: new SvgDriver("feMergeNode", false, el => el.kind = ElKind.Native),
|
|
325
|
+
feMorphology: new SvgDriver("feMorphology", false, el => el.kind = ElKind.Native),
|
|
326
|
+
feOffset: new SvgDriver("feOffset", false, el => el.kind = ElKind.Native),
|
|
327
|
+
fePointLight: new SvgDriver("fePointLight", false, el => el.kind = ElKind.Native),
|
|
328
|
+
feSpecularLighting: new SvgDriver("feSpecularLighting", false, el => el.kind = ElKind.Native),
|
|
329
|
+
feSpotLight: new SvgDriver("feSpotLight", false, el => el.kind = ElKind.Native),
|
|
330
|
+
feTile: new SvgDriver("feTile", false, el => el.kind = ElKind.Native),
|
|
331
|
+
feTurbulence: new SvgDriver("feTurbulence", false, el => el.kind = ElKind.Native),
|
|
332
|
+
filter: new SvgDriver("filter", false, el => el.kind = ElKind.Native),
|
|
333
|
+
foreignObject: new SvgDriver("foreignObject", false, el => el.kind = ElKind.Native),
|
|
334
|
+
g: new SvgDriver("g", false, el => el.kind = ElKind.Native),
|
|
335
|
+
image: new SvgDriver("image", false, el => el.kind = ElKind.Native),
|
|
336
|
+
line: new SvgDriver("line", false, el => el.kind = ElKind.Native),
|
|
337
|
+
linearGradient: new SvgDriver("linearGradient", false, el => el.kind = ElKind.Native),
|
|
338
|
+
marker: new SvgDriver("marker", false, el => el.kind = ElKind.Native),
|
|
339
|
+
mask: new SvgDriver("mask", false, el => el.kind = ElKind.Native),
|
|
340
|
+
metadata: new SvgDriver("metadata", false, el => el.kind = ElKind.Native),
|
|
341
|
+
mpath: new SvgDriver("mpath", false, el => el.kind = ElKind.Native),
|
|
342
|
+
path: new SvgDriver("path", false, el => el.kind = ElKind.Native),
|
|
343
|
+
pattern: new SvgDriver("pattern", false, el => el.kind = ElKind.Native),
|
|
344
|
+
polygon: new SvgDriver("polygon", false, el => el.kind = ElKind.Native),
|
|
345
|
+
polyline: new SvgDriver("polyline", false, el => el.kind = ElKind.Native),
|
|
346
|
+
radialGradient: new SvgDriver("radialGradient", false, el => el.kind = ElKind.Native),
|
|
347
|
+
rect: new SvgDriver("rect", false, el => el.kind = ElKind.Native),
|
|
348
|
+
stop: new SvgDriver("stop", false, el => el.kind = ElKind.Native),
|
|
349
|
+
switch: new SvgDriver("switch", false, el => el.kind = ElKind.Native),
|
|
350
|
+
symbol: new SvgDriver("symbol", false, el => el.kind = ElKind.Native),
|
|
351
|
+
text: new SvgDriver("text", false, el => el.kind = ElKind.Native),
|
|
352
|
+
textPath: new SvgDriver("textPath", false, el => el.kind = ElKind.Native),
|
|
353
|
+
tspan: new SvgDriver("tspan", false, el => el.kind = ElKind.Native),
|
|
354
|
+
use: new SvgDriver("use", false, el => el.kind = ElKind.Native),
|
|
355
|
+
view: new SvgDriver("view", false, el => el.kind = ElKind.Native),
|
|
356
356
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Mode } from "../core/api.js";
|
|
2
|
-
import { Fragment } from "./
|
|
2
|
+
import { Fragment } from "./Elements.js";
|
|
3
3
|
export function FocuserReaction(key, target, model, switchEditMode = undefined) {
|
|
4
4
|
Fragment({
|
|
5
5
|
key,
|
|
6
|
-
mode: Mode.
|
|
6
|
+
mode: Mode.PinpointUpdate,
|
|
7
7
|
triggers: { target, model },
|
|
8
8
|
initialize(b) {
|
|
9
9
|
b.configureReactronic({ throttling: 0 });
|
|
10
10
|
},
|
|
11
|
-
|
|
11
|
+
update() {
|
|
12
12
|
if (switchEditMode !== undefined) {
|
|
13
13
|
switchEditMode(model);
|
|
14
14
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export * from "./HtmlDriver.js";
|
|
2
|
-
export * from "./
|
|
2
|
+
export * from "./HtmlElements.js";
|
|
3
3
|
export * from "./HtmlApiExt.js";
|
|
4
|
-
export * from "./
|
|
4
|
+
export * from "./Elements.js";
|
|
5
5
|
export * from "./ReactingFocuser.js";
|
|
6
6
|
export * from "./sensors/Sensor.js";
|
|
7
7
|
export * from "./sensors/PointerSensor.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export * from "./HtmlDriver.js";
|
|
2
|
-
export * from "./
|
|
2
|
+
export * from "./HtmlElements.js";
|
|
3
3
|
export * from "./HtmlApiExt.js";
|
|
4
|
-
export * from "./
|
|
4
|
+
export * from "./Elements.js";
|
|
5
5
|
export * from "./ReactingFocuser.js";
|
|
6
6
|
export * from "./sensors/Sensor.js";
|
|
7
7
|
export * from "./sensors/PointerSensor.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { El } from "../../core/api.js";
|
|
2
2
|
import { Sensor } from "./Sensor.js";
|
|
3
3
|
export interface ResizedElement {
|
|
4
4
|
readonly borderBoxSize: ReadonlyArray<ResizeObserverSize>;
|
|
@@ -11,7 +11,7 @@ export declare class ResizeSensor extends Sensor {
|
|
|
11
11
|
resizedElements: Array<ResizedElement>;
|
|
12
12
|
constructor();
|
|
13
13
|
reset(): void;
|
|
14
|
-
observeResizing(
|
|
14
|
+
observeResizing(element: El<any, any, any>, value: boolean, boxSizing?: ResizeObserverBoxOptions): void;
|
|
15
15
|
protected onResize(entries: Array<ResizeObserverEntry>): void;
|
|
16
16
|
protected resize(entries: Array<ResizeObserverEntry>): void;
|
|
17
17
|
protected doReset(): void;
|
|
@@ -18,8 +18,8 @@ export class ResizeSensor extends Sensor {
|
|
|
18
18
|
reset() {
|
|
19
19
|
this.doReset();
|
|
20
20
|
}
|
|
21
|
-
observeResizing(
|
|
22
|
-
const native =
|
|
21
|
+
observeResizing(element, value, boxSizing = "content-box") {
|
|
22
|
+
const native = element.native;
|
|
23
23
|
if (native instanceof Element) {
|
|
24
24
|
if (value) {
|
|
25
25
|
if (native.resizeObserver !== undefined && native.resizeObserver !== this.observer)
|
|
@@ -35,7 +35,7 @@ export class ResizeSensor extends Sensor {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
else
|
|
38
|
-
throw new Error("cannot observe resizing of non-HTML
|
|
38
|
+
throw new Error("cannot observe resizing of non-HTML element");
|
|
39
39
|
}
|
|
40
40
|
onResize(entries) {
|
|
41
41
|
this.resize(entries);
|
package/package.json
CHANGED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Block, BlockKind, BlockBuilder, Align, BlockCoords, BlockArea } from "../core/api.js";
|
|
2
|
-
import { HtmlDriver } from "./HtmlDriver.js";
|
|
3
|
-
export declare function Section<M = unknown, R = void>(builder?: BlockBuilder<HTMLElement, M, R>, base?: BlockBuilder<HTMLElement, M, R>): Block<HTMLElement, M, R>;
|
|
4
|
-
export declare function Table<M = unknown, R = void>(builder?: BlockBuilder<HTMLElement, M, R>, base?: BlockBuilder<HTMLElement, M, R>): Block<HTMLElement, M, R>;
|
|
5
|
-
export declare function row<T = void>(builder?: (block: void) => T, shiftCursorDown?: number): void;
|
|
6
|
-
export declare function startNewRow(shiftCursorDown?: number): void;
|
|
7
|
-
export declare function cursor(areaParams: BlockArea): void;
|
|
8
|
-
export declare function Note(content: string, builder?: BlockBuilder<HTMLElement, void, void>): Block<HTMLElement, void, void>;
|
|
9
|
-
export declare function HtmlNote(content: string, builder?: BlockBuilder<HTMLElement, void, void>): Block<HTMLElement, void, void>;
|
|
10
|
-
export declare function Group<M = unknown, R = void>(builder?: BlockBuilder<HTMLElement, M, R>, base?: BlockBuilder<HTMLElement, M, R>): Block<HTMLElement, M, R>;
|
|
11
|
-
export declare function Fragment<M = unknown, R = void>(builder?: BlockBuilder<void, M, R>, base?: BlockBuilder<void, M, R>): Block<void, M, R>;
|
|
12
|
-
export declare class VerstakHtmlDriver<T extends HTMLElement> extends HtmlDriver<T> {
|
|
13
|
-
applyKind(block: Block<T, any, any>, value: BlockKind): void;
|
|
14
|
-
applyCoords(block: Block<T>, value: BlockCoords | undefined): void;
|
|
15
|
-
applyWidthGrowth(block: Block<T>, value: number): void;
|
|
16
|
-
applyMinWidth(block: Block<T>, value: string): void;
|
|
17
|
-
applyMaxWidth(block: Block<T>, value: string): void;
|
|
18
|
-
applyHeightGrowth(block: Block<T>, value: number): void;
|
|
19
|
-
applyMinHeight(block: Block<T>, value: string): void;
|
|
20
|
-
applyMaxHeight(block: Block<T>, value: string): void;
|
|
21
|
-
applyContentAlignment(block: Block<T>, value: Align): void;
|
|
22
|
-
applyBlockAlignment(block: Block<T>, value: Align): void;
|
|
23
|
-
applyContentWrapping(block: Block<T>, value: boolean): void;
|
|
24
|
-
applyOverlayVisible(block: Block<T>, value: boolean | undefined): void;
|
|
25
|
-
applyStyle(block: Block<T, any, any>, secondary: boolean, styleName: string, enabled?: boolean): void;
|
|
26
|
-
rebuild(block: Block<T>): void | Promise<void>;
|
|
27
|
-
}
|