marko 5.25.14 → 5.25.16
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/runtime/vdom/hot-reload.js +14 -18
- package/package.json +1 -1
- package/src/runtime/vdom/hot-reload.js +14 -18
- package/tags-html.d.ts +158 -0
@@ -1,6 +1,5 @@
|
|
1
1
|
"use strict";var runtime = require(".");
|
2
2
|
var queueMicrotask = require("../queueMicrotask");
|
3
|
-
var util = require("@internal/components-util");
|
4
3
|
var registry = require("@internal/components-registry");
|
5
4
|
var updateManager = require("../components/update-manager");
|
6
5
|
|
@@ -17,7 +16,7 @@ runtime.t = function (typeName) {
|
|
17
16
|
|
18
17
|
var renderFn;
|
19
18
|
var template = registered[typeName] = createTemplate(typeName);
|
20
|
-
var instances = instancesByType[typeName] =
|
19
|
+
var instances = instancesByType[typeName] = new Set();
|
21
20
|
Object.defineProperty(template, "_", {
|
22
21
|
get: function () {
|
23
22
|
return renderFn && proxyRenderer;
|
@@ -25,7 +24,7 @@ runtime.t = function (typeName) {
|
|
25
24
|
set: function (v) {
|
26
25
|
renderFn = v;
|
27
26
|
|
28
|
-
if (instances.
|
27
|
+
if (instances.size) {
|
29
28
|
if (!queue) {
|
30
29
|
queue = [];
|
31
30
|
queueMicrotask(batchUpdate);
|
@@ -35,27 +34,24 @@ runtime.t = function (typeName) {
|
|
35
34
|
var newProto = registry._p_(typeName).prototype;
|
36
35
|
instances.forEach(function (instance) {
|
37
36
|
if (hasLifecycleChanged(instance.__proto__, newProto)) {
|
38
|
-
var
|
39
|
-
|
40
|
-
|
41
|
-
|
37
|
+
var renderer = instance.af_;
|
38
|
+
instance.af_ = (input, out) => {
|
39
|
+
instance.ao_(input, out);
|
40
|
+
if (instance.onInput) {
|
41
|
+
input = instance.onInput(input, out) || input;
|
42
|
+
}
|
43
|
+
instance.af_ = renderer;
|
44
|
+
instance.af_(input, out);
|
45
|
+
};
|
42
46
|
|
43
47
|
instance.bU_ = true;
|
44
48
|
instance._U_();
|
45
|
-
instance.
|
49
|
+
instance._f_ = false;
|
46
50
|
|
47
51
|
if (instance._N_) {
|
48
52
|
instance._N_.removeAllListeners();
|
49
53
|
instance._N_ = null;
|
50
54
|
}
|
51
|
-
|
52
|
-
while ((curNode = startNode.nextSibling) !== endNode) {
|
53
|
-
util._A_(curNode);
|
54
|
-
parentNode.removeChild(curNode);
|
55
|
-
}
|
56
|
-
|
57
|
-
instance.bU_ = false;
|
58
|
-
instance._f_ = false;
|
59
55
|
}
|
60
56
|
|
61
57
|
instance.__proto__ = newProto;
|
@@ -80,10 +76,10 @@ registry._o_ = function (typeName, id) {
|
|
80
76
|
var instance = createComponent(typeName, id);
|
81
77
|
|
82
78
|
if (instances) {
|
83
|
-
instances.
|
79
|
+
instances.add(instance);
|
84
80
|
instance.once("destroy", function () {
|
85
81
|
if (!instance.bU_) {
|
86
|
-
instances.
|
82
|
+
instances.delete(instance);
|
87
83
|
}
|
88
84
|
});
|
89
85
|
}
|
package/package.json
CHANGED
@@ -1,6 +1,5 @@
|
|
1
1
|
var runtime = require(".");
|
2
2
|
var queueMicrotask = require("../queueMicrotask");
|
3
|
-
var util = require("@internal/components-util");
|
4
3
|
var registry = require("@internal/components-registry");
|
5
4
|
var updateManager = require("../components/update-manager");
|
6
5
|
|
@@ -17,7 +16,7 @@ runtime.t = function (typeName) {
|
|
17
16
|
|
18
17
|
var renderFn;
|
19
18
|
var template = (registered[typeName] = createTemplate(typeName));
|
20
|
-
var instances = (instancesByType[typeName] =
|
19
|
+
var instances = (instancesByType[typeName] = new Set());
|
21
20
|
Object.defineProperty(template, "_", {
|
22
21
|
get: function () {
|
23
22
|
return renderFn && proxyRenderer;
|
@@ -25,7 +24,7 @@ runtime.t = function (typeName) {
|
|
25
24
|
set: function (v) {
|
26
25
|
renderFn = v;
|
27
26
|
|
28
|
-
if (instances.
|
27
|
+
if (instances.size) {
|
29
28
|
if (!queue) {
|
30
29
|
queue = [];
|
31
30
|
queueMicrotask(batchUpdate);
|
@@ -35,27 +34,24 @@ runtime.t = function (typeName) {
|
|
35
34
|
var newProto = registry.___getComponentClass(typeName).prototype;
|
36
35
|
instances.forEach(function (instance) {
|
37
36
|
if (hasLifecycleChanged(instance.__proto__, newProto)) {
|
38
|
-
var
|
39
|
-
|
40
|
-
|
41
|
-
|
37
|
+
var renderer = instance.___renderer;
|
38
|
+
instance.___renderer = (input, out) => {
|
39
|
+
instance.___emitCreate(input, out);
|
40
|
+
if (instance.onInput) {
|
41
|
+
input = instance.onInput(input, out) || input;
|
42
|
+
}
|
43
|
+
instance.___renderer = renderer;
|
44
|
+
instance.___renderer(input, out);
|
45
|
+
};
|
42
46
|
|
43
47
|
instance.___hmrDestroyed = true;
|
44
48
|
instance.___emitDestroy();
|
45
|
-
instance.
|
49
|
+
instance.___mounted = false;
|
46
50
|
|
47
51
|
if (instance.___subscriptions) {
|
48
52
|
instance.___subscriptions.removeAllListeners();
|
49
53
|
instance.___subscriptions = null;
|
50
54
|
}
|
51
|
-
|
52
|
-
while ((curNode = startNode.nextSibling) !== endNode) {
|
53
|
-
util.___destroyNodeRecursive(curNode);
|
54
|
-
parentNode.removeChild(curNode);
|
55
|
-
}
|
56
|
-
|
57
|
-
instance.___hmrDestroyed = false;
|
58
|
-
instance.___mounted = false;
|
59
55
|
}
|
60
56
|
|
61
57
|
instance.__proto__ = newProto;
|
@@ -80,10 +76,10 @@ registry.___createComponent = function (typeName, id) {
|
|
80
76
|
var instance = createComponent(typeName, id);
|
81
77
|
|
82
78
|
if (instances) {
|
83
|
-
instances.
|
79
|
+
instances.add(instance);
|
84
80
|
instance.once("destroy", function () {
|
85
81
|
if (!instance.___hmrDestroyed) {
|
86
|
-
instances.
|
82
|
+
instances.delete(instance);
|
87
83
|
}
|
88
84
|
});
|
89
85
|
}
|
package/tags-html.d.ts
CHANGED
@@ -2562,6 +2562,7 @@ declare global {
|
|
2562
2562
|
*/
|
2563
2563
|
onAbort?: AttrEventHandler<Event, T>;
|
2564
2564
|
"on-abort"?: this["onAbort"];
|
2565
|
+
onabort?: AttrString;
|
2565
2566
|
|
2566
2567
|
/**
|
2567
2568
|
* Fired when an Animation unexpectedly aborts.
|
@@ -2598,6 +2599,7 @@ declare global {
|
|
2598
2599
|
*/
|
2599
2600
|
onAuxClick?: AttrEventHandler<PointerEvent, T>;
|
2600
2601
|
"on-auxclick"?: this["onAuxClick"];
|
2602
|
+
onauxclick?: AttrString;
|
2601
2603
|
|
2602
2604
|
/**
|
2603
2605
|
* Fires when the value of an <input>, or <textarea> element is about to be modified.
|
@@ -2605,6 +2607,23 @@ declare global {
|
|
2605
2607
|
*/
|
2606
2608
|
onBeforeInput?: AttrEventHandler<InputEvent, T>;
|
2607
2609
|
"on-beforeinput"?: this["onBeforeInput"];
|
2610
|
+
onbeforeinput?: AttrString;
|
2611
|
+
|
2612
|
+
/**
|
2613
|
+
* Fired on elements with the hidden=until-found attribute before they are revealed.
|
2614
|
+
* @see https://html.spec.whatwg.org/multipage/indices.html#event-beforematch
|
2615
|
+
*/
|
2616
|
+
onBeforeMatch?: AttrEventHandler<Event, T>;
|
2617
|
+
"on-beforematch"?: this["onBeforeMatch"];
|
2618
|
+
onbeforematch?: AttrString;
|
2619
|
+
|
2620
|
+
/**
|
2621
|
+
* Fired on elements with the popover attribute when they are transitioning between showing and hidden
|
2622
|
+
* @see https://html.spec.whatwg.org/multipage/indices.html#event-beforetoggle
|
2623
|
+
*/
|
2624
|
+
onBeforeToggle?: AttrEventHandler<Event, T>;
|
2625
|
+
"on-beforetoggle"?: this["onBeforeToggle"];
|
2626
|
+
onbeforetoggle?: AttrString;
|
2608
2627
|
|
2609
2628
|
/**
|
2610
2629
|
* Fires when a node loses focus.
|
@@ -2612,6 +2631,15 @@ declare global {
|
|
2612
2631
|
*/
|
2613
2632
|
onBlur?: AttrEventHandler<Event, T>;
|
2614
2633
|
"on-blur"?: this["onBlur"];
|
2634
|
+
onblur?: AttrString;
|
2635
|
+
|
2636
|
+
/**
|
2637
|
+
* Fired at controls when the user commits a value change (see also the input event)
|
2638
|
+
* @see https://html.spec.whatwg.org/multipage/indices.html#event-cancel
|
2639
|
+
*/
|
2640
|
+
onCancel?: AttrEventHandler<Event, T>;
|
2641
|
+
"on-cancel"?: this["onCancel"];
|
2642
|
+
oncancel?: AttrString;
|
2615
2643
|
|
2616
2644
|
/**
|
2617
2645
|
* Fires when the user agent can resume playback of the media data,
|
@@ -2621,6 +2649,7 @@ declare global {
|
|
2621
2649
|
*/
|
2622
2650
|
onCanPlay?: AttrEventHandler<Event, T>;
|
2623
2651
|
"on-canplay"?: this["onCanPlay"];
|
2652
|
+
oncanplay?: AttrString;
|
2624
2653
|
|
2625
2654
|
/**
|
2626
2655
|
* Fires when the user agent can play through the media data without having to stop for further buffering of content.
|
@@ -2628,6 +2657,7 @@ declare global {
|
|
2628
2657
|
*/
|
2629
2658
|
onCanPlayThrough?: AttrEventHandler<Event, T>;
|
2630
2659
|
"on-canplaythrough"?: this["onCanPlayThrough"];
|
2660
|
+
oncanplaythrough?: AttrString;
|
2631
2661
|
|
2632
2662
|
/**
|
2633
2663
|
* Fired when the form elements value is modified.
|
@@ -2635,6 +2665,7 @@ declare global {
|
|
2635
2665
|
*/
|
2636
2666
|
onChange?: AttrEventHandler<Event, T>;
|
2637
2667
|
"on-change"?: this["onChange"];
|
2668
|
+
onchange?: AttrString;
|
2638
2669
|
|
2639
2670
|
/**
|
2640
2671
|
* Normally a mouse event; also synthetically fired at an element before its activation behavior is run,
|
@@ -2643,6 +2674,15 @@ declare global {
|
|
2643
2674
|
*/
|
2644
2675
|
onClick?: AttrEventHandler<PointerEvent, T>;
|
2645
2676
|
"on-click"?: this["onClick"];
|
2677
|
+
onclick?: AttrString;
|
2678
|
+
|
2679
|
+
/**
|
2680
|
+
* Fired at dialog elements when they are closed
|
2681
|
+
* @see https://html.spec.whatwg.org/multipage/indices.html#event-close
|
2682
|
+
*/
|
2683
|
+
onClose?: AttrEventHandler<Event, T>;
|
2684
|
+
"on-close"?: this["onClose"];
|
2685
|
+
onclose?: AttrString;
|
2646
2686
|
|
2647
2687
|
/**
|
2648
2688
|
* Fired when a text composition system such as an input method editor completes or cancels the current composition session.
|
@@ -2666,6 +2706,14 @@ declare global {
|
|
2666
2706
|
onCompositionUpdate?: AttrEventHandler<CompositionEvent, T>;
|
2667
2707
|
"on-compositionupdate"?: this["onCompositionUpdate"];
|
2668
2708
|
|
2709
|
+
/**
|
2710
|
+
* Fired when the corresponding CanvasRenderingContext2D or OffscreenCanvasRenderingContext2D is lost
|
2711
|
+
* @see https://html.spec.whatwg.org/multipage/indices.html#event-contextlost
|
2712
|
+
*/
|
2713
|
+
onContextLost?: AttrEventHandler<Event, T>;
|
2714
|
+
"on-contextlost"?: this["onContextLost"];
|
2715
|
+
oncontextlost?: AttrString;
|
2716
|
+
|
2669
2717
|
/**
|
2670
2718
|
* Fired when the user attempts to open a context menu.
|
2671
2719
|
* This event is typically triggered by clicking the right mouse button, or by pressing the context menu key.
|
@@ -2673,6 +2721,15 @@ declare global {
|
|
2673
2721
|
*/
|
2674
2722
|
onContextMenu?: AttrEventHandler<PointerEvent, T>;
|
2675
2723
|
"on-contextmenu"?: this["onContextMenu"];
|
2724
|
+
oncontextmenu?: AttrString;
|
2725
|
+
|
2726
|
+
/**
|
2727
|
+
* Fired when the corresponding CanvasRenderingContext2D or OffscreenCanvasRenderingContext2D is restored after being lost
|
2728
|
+
* @see https://html.spec.whatwg.org/multipage/indices.html#event-contextrestored
|
2729
|
+
*/
|
2730
|
+
onContextRestored?: AttrEventHandler<Event, T>;
|
2731
|
+
"on-contextrestored"?: this["onContextRestored"];
|
2732
|
+
oncontextrestored?: AttrString;
|
2676
2733
|
|
2677
2734
|
/**
|
2678
2735
|
* Fired when the user copies the content of an element.
|
@@ -2680,6 +2737,15 @@ declare global {
|
|
2680
2737
|
*/
|
2681
2738
|
onCopy?: AttrEventHandler<ClipboardEvent, T>;
|
2682
2739
|
"on-copy"?: this["onCopy"];
|
2740
|
+
oncopy?: AttrString;
|
2741
|
+
|
2742
|
+
/**
|
2743
|
+
* Fired when one or more cues in the track have become active or stopped being active.
|
2744
|
+
* @see https://html.spec.whatwg.org/multipage/media.html#event-media-cuechange
|
2745
|
+
*/
|
2746
|
+
onCueChange?: AttrEventHandler<Event, T>;
|
2747
|
+
"on-cuechange"?: this["onCueChange"];
|
2748
|
+
oncuechange?: AttrString;
|
2683
2749
|
|
2684
2750
|
/**
|
2685
2751
|
* Fired when the user cuts the content of an element.
|
@@ -2687,6 +2753,7 @@ declare global {
|
|
2687
2753
|
*/
|
2688
2754
|
onCut?: AttrEventHandler<ClipboardEvent, T>;
|
2689
2755
|
"on-cut"?: this["onCut"];
|
2756
|
+
oncut?: AttrString;
|
2690
2757
|
|
2691
2758
|
/**
|
2692
2759
|
* Fired when the user double-clicks on an element.
|
@@ -2694,6 +2761,7 @@ declare global {
|
|
2694
2761
|
*/
|
2695
2762
|
onDblClick?: AttrEventHandler<MouseEvent, T>;
|
2696
2763
|
"on-dblclick"?: this["onDblClick"];
|
2764
|
+
ondblclick?: AttrString;
|
2697
2765
|
|
2698
2766
|
/**
|
2699
2767
|
* Fired every few hundred milliseconds as an element or text selection is being dragged by the user.
|
@@ -2701,6 +2769,7 @@ declare global {
|
|
2701
2769
|
*/
|
2702
2770
|
onDrag?: AttrEventHandler<DragEvent, T>;
|
2703
2771
|
"on-drag"?: this["onDrag"];
|
2772
|
+
ondrag?: AttrString;
|
2704
2773
|
|
2705
2774
|
/**
|
2706
2775
|
* Fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
|
@@ -2708,6 +2777,7 @@ declare global {
|
|
2708
2777
|
*/
|
2709
2778
|
onDragEnd?: AttrEventHandler<DragEvent, T>;
|
2710
2779
|
"on-dragend"?: this["onDragEnd"];
|
2780
|
+
ondragend?: AttrString;
|
2711
2781
|
|
2712
2782
|
/**
|
2713
2783
|
* Fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
|
@@ -2715,6 +2785,7 @@ declare global {
|
|
2715
2785
|
*/
|
2716
2786
|
onDragEnter?: AttrEventHandler<DragEvent, T>;
|
2717
2787
|
"on-dragenter"?: this["onDragEnter"];
|
2788
|
+
ondragenter?: AttrString;
|
2718
2789
|
|
2719
2790
|
/**
|
2720
2791
|
* Fired when a dragged element or text selection leaves a valid drop target.
|
@@ -2722,6 +2793,7 @@ declare global {
|
|
2722
2793
|
*/
|
2723
2794
|
onDragLeave?: AttrEventHandler<DragEvent, T>;
|
2724
2795
|
"on-dragleave"?: this["onDragLeave"];
|
2796
|
+
ondragleave?: AttrString;
|
2725
2797
|
|
2726
2798
|
/**
|
2727
2799
|
* Fired an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
|
@@ -2729,6 +2801,7 @@ declare global {
|
|
2729
2801
|
*/
|
2730
2802
|
onDragOver?: AttrEventHandler<DragEvent, T>;
|
2731
2803
|
"on-dragover"?: this["onDragOver"];
|
2804
|
+
ondragover?: AttrString;
|
2732
2805
|
|
2733
2806
|
/**
|
2734
2807
|
* Fired when an element or text selection has started being dragged.
|
@@ -2736,6 +2809,7 @@ declare global {
|
|
2736
2809
|
*/
|
2737
2810
|
onDragStart?: AttrEventHandler<DragEvent, T>;
|
2738
2811
|
"on-dragstart"?: this["onDragStart"];
|
2812
|
+
ondragstart?: AttrString;
|
2739
2813
|
|
2740
2814
|
/**
|
2741
2815
|
* Fired when an element or text selection is dropped on a valid drop target.
|
@@ -2743,6 +2817,7 @@ declare global {
|
|
2743
2817
|
*/
|
2744
2818
|
onDrop?: AttrEventHandler<DragEvent, T>;
|
2745
2819
|
"on-drop"?: this["onDrop"];
|
2820
|
+
ondrop?: AttrString;
|
2746
2821
|
|
2747
2822
|
/**
|
2748
2823
|
* Fired when the duration attribute of a media element has just been updated.
|
@@ -2750,6 +2825,7 @@ declare global {
|
|
2750
2825
|
*/
|
2751
2826
|
onDurationChange?: AttrEventHandler<Event, T>;
|
2752
2827
|
"on-durationchange"?: this["onDurationChange"];
|
2828
|
+
ondurationchange?: AttrString;
|
2753
2829
|
|
2754
2830
|
/**
|
2755
2831
|
* Fired when a media element's playback stops because its source data has been fully consumed and not looped.
|
@@ -2757,6 +2833,7 @@ declare global {
|
|
2757
2833
|
*/
|
2758
2834
|
onEmptied?: AttrEventHandler<Event, T>;
|
2759
2835
|
"on-emptied"?: this["onEmptied"];
|
2836
|
+
onemptied?: AttrString;
|
2760
2837
|
|
2761
2838
|
/**
|
2762
2839
|
* Fired when an encrypted media stream is encountered and the user agent recognizes the stream's encryption scheme.
|
@@ -2771,6 +2848,7 @@ declare global {
|
|
2771
2848
|
*/
|
2772
2849
|
onEnded?: AttrEventHandler<Event, T>;
|
2773
2850
|
"on-ended"?: this["onEnded"];
|
2851
|
+
onended?: AttrString;
|
2774
2852
|
|
2775
2853
|
/**
|
2776
2854
|
* Fired when an error occurs while fetching an external resource, such as a script, image, or video.
|
@@ -2778,6 +2856,7 @@ declare global {
|
|
2778
2856
|
*/
|
2779
2857
|
onError?: AttrEventHandler<ErrorEvent | Event, T>;
|
2780
2858
|
"on-error"?: this["onError"];
|
2859
|
+
onerror?: AttrString;
|
2781
2860
|
|
2782
2861
|
/**
|
2783
2862
|
* Fired when an element receives focus, either by user input or via script.
|
@@ -2785,6 +2864,7 @@ declare global {
|
|
2785
2864
|
*/
|
2786
2865
|
onFocus?: AttrEventHandler<FocusEvent, T>;
|
2787
2866
|
"on-focus"?: this["onFocus"];
|
2867
|
+
onfocus?: AttrString;
|
2788
2868
|
|
2789
2869
|
/**
|
2790
2870
|
* Fires when an element has received focus, after the focus event. The two events differ in that focusin bubbles, while focus does not.
|
@@ -2802,6 +2882,14 @@ declare global {
|
|
2802
2882
|
onFocusOut?: AttrEventHandler<FocusEvent, T>;
|
2803
2883
|
"on-focusout"?: this["onFocusOut"];
|
2804
2884
|
|
2885
|
+
/**
|
2886
|
+
* Fired at a form element when it is constructing the entry list
|
2887
|
+
* @see https://html.spec.whatwg.org/multipage/indices.html#event-formdata
|
2888
|
+
*/
|
2889
|
+
onFormData?: AttrEventHandler<FormDataEvent, T>;
|
2890
|
+
"on-formdata"?: this["onFormData"];
|
2891
|
+
onformdata?: AttrString;
|
2892
|
+
|
2805
2893
|
/**
|
2806
2894
|
* Fired immediately after an Element switches into or out of fullscreen mode.
|
2807
2895
|
* @see https://fullscreen.spec.whatwg.org/#handler-document-onfullscreenchange
|
@@ -2831,6 +2919,7 @@ declare global {
|
|
2831
2919
|
*/
|
2832
2920
|
onInput?: AttrEventHandler<InputEvent, T>;
|
2833
2921
|
"on-input"?: this["onInput"];
|
2922
|
+
oninput?: AttrString;
|
2834
2923
|
|
2835
2924
|
/**
|
2836
2925
|
* Fired when a form element is found to be invalid during submission or constraint validation.
|
@@ -2838,6 +2927,7 @@ declare global {
|
|
2838
2927
|
*/
|
2839
2928
|
onInvalid?: AttrEventHandler<Event, T>;
|
2840
2929
|
"on-invalid"?: this["onInvalid"];
|
2930
|
+
oninvalid?: AttrString;
|
2841
2931
|
|
2842
2932
|
/**
|
2843
2933
|
* Fired when a key is first pressed down.
|
@@ -2845,6 +2935,7 @@ declare global {
|
|
2845
2935
|
*/
|
2846
2936
|
onKeyDown?: AttrEventHandler<KeyboardEvent, T>;
|
2847
2937
|
"on-keydown"?: this["onKeyDown"];
|
2938
|
+
onkeydown?: AttrString;
|
2848
2939
|
|
2849
2940
|
/**
|
2850
2941
|
* Fired when a key is pressed down and then released, while the element has focus.
|
@@ -2852,6 +2943,7 @@ declare global {
|
|
2852
2943
|
*/
|
2853
2944
|
onKeyPress?: AttrEventHandler<KeyboardEvent, T>;
|
2854
2945
|
"on-keypress"?: this["onKeyPress"];
|
2946
|
+
onkeypress?: AttrString;
|
2855
2947
|
|
2856
2948
|
/**
|
2857
2949
|
* Fired when a key is released after being pressed down.
|
@@ -2859,6 +2951,7 @@ declare global {
|
|
2859
2951
|
*/
|
2860
2952
|
onKeyUp?: AttrEventHandler<KeyboardEvent, T>;
|
2861
2953
|
"on-keyup"?: this["onKeyUp"];
|
2954
|
+
onkeyup?: AttrString;
|
2862
2955
|
|
2863
2956
|
/**
|
2864
2957
|
* Fired when an element or resource, such as an image, has completely loaded.
|
@@ -2866,6 +2959,7 @@ declare global {
|
|
2866
2959
|
*/
|
2867
2960
|
onLoad?: AttrEventHandler<Event, T>;
|
2868
2961
|
"on-load"?: this["onLoad"];
|
2962
|
+
onload?: AttrString;
|
2869
2963
|
|
2870
2964
|
/**
|
2871
2965
|
* Fired when the user agent can render the media data at the current playback position for the first time.
|
@@ -2873,6 +2967,7 @@ declare global {
|
|
2873
2967
|
*/
|
2874
2968
|
onLoadedData?: AttrEventHandler<Event, T>;
|
2875
2969
|
"on-loadeddata"?: this["onLoadedData"];
|
2970
|
+
onloadeddata?: AttrString;
|
2876
2971
|
|
2877
2972
|
/**
|
2878
2973
|
* Fired when the user agent has just determined the duration and dimensions of the media resource.
|
@@ -2880,6 +2975,7 @@ declare global {
|
|
2880
2975
|
*/
|
2881
2976
|
onLoadedMetadata?: AttrEventHandler<Event, T>;
|
2882
2977
|
"on-loadedmetadata"?: this["onLoadedMetadata"];
|
2978
|
+
onloadedmetadata?: AttrString;
|
2883
2979
|
|
2884
2980
|
/**
|
2885
2981
|
* Fired when the user agent begins looking for media data, before the media has begun to load.
|
@@ -2887,6 +2983,7 @@ declare global {
|
|
2887
2983
|
*/
|
2888
2984
|
onLoadStart?: AttrEventHandler<Event, T>;
|
2889
2985
|
"on-loadstart"?: this["onLoadStart"];
|
2986
|
+
onloadstart?: AttrString;
|
2890
2987
|
|
2891
2988
|
/**
|
2892
2989
|
* Fired when a captured pointer is released.
|
@@ -2901,6 +2998,7 @@ declare global {
|
|
2901
2998
|
*/
|
2902
2999
|
onMouseDown?: AttrEventHandler<MouseEvent, T>;
|
2903
3000
|
"on-mousedown"?: this["onMouseDown"];
|
3001
|
+
onmousedown?: AttrString;
|
2904
3002
|
|
2905
3003
|
/**
|
2906
3004
|
* Fired when a pointing device is moved onto the element.
|
@@ -2908,6 +3006,7 @@ declare global {
|
|
2908
3006
|
*/
|
2909
3007
|
onMouseEnter?: AttrEventHandler<MouseEvent, T>;
|
2910
3008
|
"on-mouseenter"?: this["onMouseEnter"];
|
3009
|
+
onmouseenter?: AttrString;
|
2911
3010
|
|
2912
3011
|
/**
|
2913
3012
|
* Fired when a pointing device is moved off the element.
|
@@ -2915,6 +3014,7 @@ declare global {
|
|
2915
3014
|
*/
|
2916
3015
|
onMouseLeave?: AttrEventHandler<MouseEvent, T>;
|
2917
3016
|
"on-mouseleave"?: this["onMouseLeave"];
|
3017
|
+
onmouseleave?: AttrString;
|
2918
3018
|
|
2919
3019
|
/**
|
2920
3020
|
* Fired when a pointing device is moved over an element.
|
@@ -2922,6 +3022,7 @@ declare global {
|
|
2922
3022
|
*/
|
2923
3023
|
onMouseMove?: AttrEventHandler<MouseEvent, T>;
|
2924
3024
|
"on-mousemove"?: this["onMouseMove"];
|
3025
|
+
onmousemove?: AttrString;
|
2925
3026
|
|
2926
3027
|
/**
|
2927
3028
|
* Fired when a pointing device is moved off the element or off one of its children.
|
@@ -2929,6 +3030,7 @@ declare global {
|
|
2929
3030
|
*/
|
2930
3031
|
onMouseOut?: AttrEventHandler<MouseEvent, T>;
|
2931
3032
|
"on-mouseout"?: this["onMouseOut"];
|
3033
|
+
onmouseout?: AttrString;
|
2932
3034
|
|
2933
3035
|
/**
|
2934
3036
|
* Fired when a pointing device is moved onto the element or onto one of its children.
|
@@ -2936,6 +3038,7 @@ declare global {
|
|
2936
3038
|
*/
|
2937
3039
|
onMouseOver?: AttrEventHandler<MouseEvent, T>;
|
2938
3040
|
"on-mouseover"?: this["onMouseOver"];
|
3041
|
+
onmouseover?: AttrString;
|
2939
3042
|
|
2940
3043
|
/**
|
2941
3044
|
* Fired when a pointing device button is released over an element.
|
@@ -2943,6 +3046,7 @@ declare global {
|
|
2943
3046
|
*/
|
2944
3047
|
onMouseUp?: AttrEventHandler<MouseEvent, T>;
|
2945
3048
|
"on-mouseup"?: this["onMouseUp"];
|
3049
|
+
onmouseup?: AttrString;
|
2946
3050
|
|
2947
3051
|
/**
|
2948
3052
|
* Fired when the user has completed a "paste" action, usually through a context menu or keyboard shortcut.
|
@@ -2950,6 +3054,7 @@ declare global {
|
|
2950
3054
|
*/
|
2951
3055
|
onPaste?: AttrEventHandler<ClipboardEvent, T>;
|
2952
3056
|
"on-paste"?: this["onPaste"];
|
3057
|
+
onpaste?: AttrString;
|
2953
3058
|
|
2954
3059
|
/**
|
2955
3060
|
* Fired when playback of a media element is paused.
|
@@ -2957,6 +3062,7 @@ declare global {
|
|
2957
3062
|
*/
|
2958
3063
|
onPause?: AttrEventHandler<Event, T>;
|
2959
3064
|
"on-pause"?: this["onPause"];
|
3065
|
+
onpause?: AttrString;
|
2960
3066
|
|
2961
3067
|
/**
|
2962
3068
|
* Fired when playback of a media element is ready to start after having been paused.
|
@@ -2964,6 +3070,7 @@ declare global {
|
|
2964
3070
|
*/
|
2965
3071
|
onPlay?: AttrEventHandler<Event, T>;
|
2966
3072
|
"on-play"?: this["onPlay"];
|
3073
|
+
onplay?: AttrString;
|
2967
3074
|
|
2968
3075
|
/**
|
2969
3076
|
* Fired when playback of a media element is ready to start, or when playback is resumed after a pause event.
|
@@ -2971,6 +3078,7 @@ declare global {
|
|
2971
3078
|
*/
|
2972
3079
|
onPlaying?: AttrEventHandler<Event, T>;
|
2973
3080
|
"on-playing"?: this["onPlaying"];
|
3081
|
+
onplaying?: AttrString;
|
2974
3082
|
|
2975
3083
|
/**
|
2976
3084
|
* Fired when the pointing device's hardware triggers a cancellation of the pointer event, such as due to a system event.
|
@@ -3034,6 +3142,7 @@ declare global {
|
|
3034
3142
|
*/
|
3035
3143
|
onProgress?: AttrEventHandler<Event, T>;
|
3036
3144
|
"on-progress"?: this["onProgress"];
|
3145
|
+
onprogress?: AttrString;
|
3037
3146
|
|
3038
3147
|
/**
|
3039
3148
|
* Fired when the playback rate of a media element has changed.
|
@@ -3041,6 +3150,7 @@ declare global {
|
|
3041
3150
|
*/
|
3042
3151
|
onRateChange?: AttrEventHandler<Event, T>;
|
3043
3152
|
"on-ratechange"?: this["onRateChange"];
|
3153
|
+
onratechange?: AttrString;
|
3044
3154
|
|
3045
3155
|
/**
|
3046
3156
|
* Fired when a form is reset, either by user interaction or through a script.
|
@@ -3048,6 +3158,15 @@ declare global {
|
|
3048
3158
|
*/
|
3049
3159
|
onReset?: AttrEventHandler<Event, T>;
|
3050
3160
|
"on-reset"?: this["onReset"];
|
3161
|
+
onreset?: AttrString;
|
3162
|
+
|
3163
|
+
/**
|
3164
|
+
* Fired at the Window when the viewport is resized. Fired at VisualViewport when the visual viewport is resized or the layout viewport is scaled.
|
3165
|
+
* @see https://drafts.csswg.org/cssom-view/#eventdef-window-resize
|
3166
|
+
*/
|
3167
|
+
onResize?: AttrEventHandler<Event, T>;
|
3168
|
+
"on-resize"?: this["onResize"];
|
3169
|
+
onresize?: AttrString;
|
3051
3170
|
|
3052
3171
|
/**
|
3053
3172
|
* Fired when an element's scrollbar is being scrolled.
|
@@ -3055,6 +3174,7 @@ declare global {
|
|
3055
3174
|
*/
|
3056
3175
|
onScroll?: AttrEventHandler<Event, T>;
|
3057
3176
|
"on-scroll"?: this["onScroll"];
|
3177
|
+
onscroll?: AttrString;
|
3058
3178
|
|
3059
3179
|
/**
|
3060
3180
|
* Fired when element scrolling has completed. Scrolling is considered completed when the scroll position has no more pending updates and the user has completed their gesture.
|
@@ -3062,6 +3182,18 @@ declare global {
|
|
3062
3182
|
*/
|
3063
3183
|
onScrollEnd?: AttrEventHandler<Event, T>;
|
3064
3184
|
"on-scrollend"?: this["onScrollEnd"];
|
3185
|
+
onscrollend?: AttrString;
|
3186
|
+
|
3187
|
+
/**
|
3188
|
+
* Fired when a security policy violation occurs, such as when an attempted resource load is blocked due to the security settings of the browser or when an inline script violates the Content Security Policy (CSP) of the page.
|
3189
|
+
* @see https://w3c.github.io/webappsec-csp/#eventdef-globaleventhandlers-securitypolicyviolation
|
3190
|
+
*/
|
3191
|
+
onSecurityPolicyViolation?: AttrEventHandler<
|
3192
|
+
SecurityPolicyViolationEvent,
|
3193
|
+
T
|
3194
|
+
>;
|
3195
|
+
"on-securitypolicyviolation"?: this["onSecurityPolicyViolation"];
|
3196
|
+
onsecuritypolicyviolation?: AttrString;
|
3065
3197
|
|
3066
3198
|
/**
|
3067
3199
|
* Fired when a seek operation on a media element completes.
|
@@ -3069,6 +3201,7 @@ declare global {
|
|
3069
3201
|
*/
|
3070
3202
|
onSeeked?: AttrEventHandler<Event, T>;
|
3071
3203
|
"on-seeked"?: this["onSeeked"];
|
3204
|
+
onseeked?: AttrString;
|
3072
3205
|
|
3073
3206
|
/**
|
3074
3207
|
* Fired when a seek operation on a media element begins.
|
@@ -3076,6 +3209,7 @@ declare global {
|
|
3076
3209
|
*/
|
3077
3210
|
onSeeking?: AttrEventHandler<Event, T>;
|
3078
3211
|
"on-seeking"?: this["onSeeking"];
|
3212
|
+
onseeking?: AttrString;
|
3079
3213
|
|
3080
3214
|
/**
|
3081
3215
|
* Fired when some text is selected within an input or textarea element.
|
@@ -3083,6 +3217,15 @@ declare global {
|
|
3083
3217
|
*/
|
3084
3218
|
onSelect?: AttrEventHandler<Event, T>;
|
3085
3219
|
"on-select"?: this["onSelect"];
|
3220
|
+
onselect?: AttrString;
|
3221
|
+
|
3222
|
+
/**
|
3223
|
+
* Fired when a <slot> element's distributed nodes change.
|
3224
|
+
* @see https://dom.spec.whatwg.org/#eventdef-htmlslotelement-slotchange
|
3225
|
+
*/
|
3226
|
+
onSlotChange?: AttrEventHandler<Event, T>;
|
3227
|
+
"on-slotchange"?: this["onSlotChange"];
|
3228
|
+
onslotchange?: AttrString;
|
3086
3229
|
|
3087
3230
|
/**
|
3088
3231
|
* Fired when a media element's data downloading has been stalled due to an issue, such as a lack of data.
|
@@ -3090,6 +3233,15 @@ declare global {
|
|
3090
3233
|
*/
|
3091
3234
|
onStalled?: AttrEventHandler<Event, T>;
|
3092
3235
|
"on-stalled"?: this["onStalled"];
|
3236
|
+
onstalled?: AttrString;
|
3237
|
+
|
3238
|
+
/**
|
3239
|
+
* Fired at a form element when it is submitted
|
3240
|
+
* @see https://html.spec.whatwg.org/multipage/indices.html#event-submit
|
3241
|
+
*/
|
3242
|
+
onSubmit?: AttrEventHandler<SubmitEvent, T>;
|
3243
|
+
"on-submit"?: this["onSubmit"];
|
3244
|
+
onsubmit?: AttrString;
|
3093
3245
|
|
3094
3246
|
/**
|
3095
3247
|
* Fired when the user agent intentionally does not download media data.
|
@@ -3097,6 +3249,7 @@ declare global {
|
|
3097
3249
|
*/
|
3098
3250
|
onSuspend?: AttrEventHandler<Event, T>;
|
3099
3251
|
"on-suspend"?: this["onSuspend"];
|
3252
|
+
onsuspend?: AttrString;
|
3100
3253
|
|
3101
3254
|
/**
|
3102
3255
|
* Fired when the current playback position of a media element changes as part of normal playback or due to a seek operation.
|
@@ -3104,6 +3257,7 @@ declare global {
|
|
3104
3257
|
*/
|
3105
3258
|
onTimeUpdate?: AttrEventHandler<Event, T>;
|
3106
3259
|
"on-timeupdate"?: this["onTimeUpdate"];
|
3260
|
+
ontimeupdate?: AttrString;
|
3107
3261
|
|
3108
3262
|
/**
|
3109
3263
|
* Fired at details elements when they open or close; fired on elements with the popover attribute when they are transitioning between showing and hidden
|
@@ -3111,6 +3265,7 @@ declare global {
|
|
3111
3265
|
*/
|
3112
3266
|
onToggle?: AttrEventHandler<Event, T>;
|
3113
3267
|
"on-toggle"?: this["onToggle"];
|
3268
|
+
ontoggle?: AttrString;
|
3114
3269
|
|
3115
3270
|
/**
|
3116
3271
|
* Fired when a touch event is interrupted, such as by a modal window or an incoming phone call.
|
@@ -3174,6 +3329,7 @@ declare global {
|
|
3174
3329
|
*/
|
3175
3330
|
onVolumeChange?: AttrEventHandler<Event, T>;
|
3176
3331
|
"on-volumechange"?: this["onVolumeChange"];
|
3332
|
+
onvolumechange?: AttrString;
|
3177
3333
|
|
3178
3334
|
/**
|
3179
3335
|
* Fired when a media element is waiting for data to continue playback, such as when buffering.
|
@@ -3181,6 +3337,7 @@ declare global {
|
|
3181
3337
|
*/
|
3182
3338
|
onWaiting?: AttrEventHandler<Event, T>;
|
3183
3339
|
"on-waiting"?: this["onWaiting"];
|
3340
|
+
onwaiting?: AttrString;
|
3184
3341
|
|
3185
3342
|
/**
|
3186
3343
|
* Fired when a user rotates a mouse wheel or similar input device over an element.
|
@@ -3188,6 +3345,7 @@ declare global {
|
|
3188
3345
|
*/
|
3189
3346
|
onWheel?: AttrEventHandler<WheelEvent, T>;
|
3190
3347
|
"on-wheel"?: this["onWheel"];
|
3348
|
+
onwheel?: AttrString;
|
3191
3349
|
|
3192
3350
|
/**
|
3193
3351
|
* data-* global attributes form a class of attributes called custom data attributes, that allow proprietary
|