[js] html externs: modernize typedefs and change whitespace convention (#7792)

* [js] html externs: modernize typedef syntax

* [js] html externs: whitespace – match code style of reset of haxe codebase

std/js/html/AbortController.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/AbortController>
 **/
 @:native("AbortController")
-extern class AbortController
-{
+extern class AbortController {
 	
 	/**
 		Returns a `AbortSignal` object instance, which can be used to communicate with/abort a DOM request.

std/js/html/AbortSignal.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal>
 **/
 @:native("AbortSignal")
-extern class AbortSignal extends EventTarget
-{
+extern class AbortSignal extends EventTarget {
 	
 	/**
 		A `Boolean` that indicates whether the request(s) the signal is communicating with is/are aborted (`true`) or not (`false`).

std/js/html/AddEventListenerOptions.hx

@@ -24,9 +24,7 @@
 
 package js.html;
 
-typedef AddEventListenerOptions =
-{
-	> EventListenerOptions,
-	@:optional var once : Bool;
-	@:optional var passive : Bool;
+typedef AddEventListenerOptions = EventListenerOptions & {
+	var ?once : Bool;
+	var ?passive : Bool;
 }

std/js/html/AlignSetting.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-enum abstract AlignSetting(String)
-{
+enum abstract AlignSetting(String) {
 	var START = "start";
 	var CENTER = "center";
 	var END = "end";

std/js/html/AnchorElement.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement>
 **/
 @:native("HTMLAnchorElement")
-extern class AnchorElement extends Element
-{
+extern class AnchorElement extends Element {
 	
 	/**
 		Is a `DOMString` that reflects the `target` HTML attribute, indicating where to display the linked resource.

std/js/html/Animation.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/Animation>
 **/
 @:native("Animation")
-extern class Animation extends EventTarget
-{
+extern class Animation extends EventTarget {
 	
 	/**
 		Gets and sets the `String` used to identify the animation.

std/js/html/AnimationEffect.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/AnimationEffect>
 **/
 @:native("AnimationEffect")
-extern class AnimationEffect
-{
+extern class AnimationEffect {
 	function getTiming() : EffectTiming;
 	function getComputedTiming() : ComputedEffectTiming;
 	/** @throws DOMError */

std/js/html/AnimationEvent.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent>
 **/
 @:native("AnimationEvent")
-extern class AnimationEvent extends Event
-{
+extern class AnimationEvent extends Event {
 	
 	/**
 		Is a `DOMString` containing the value of the `animation-name` CSS property associated with the transition.

std/js/html/AnimationEventInit.hx

@@ -24,10 +24,8 @@
 
 package js.html;
 
-typedef AnimationEventInit =
-{
-	> EventInit,
-	@:optional var animationName : String;
-	@:optional var elapsedTime : Float;
-	@:optional var pseudoElement : String;
+typedef AnimationEventInit = EventInit & {
+	var ?animationName : String;
+	var ?elapsedTime : Float;
+	var ?pseudoElement : String;
 }

std/js/html/AnimationFilter.hx

@@ -24,7 +24,6 @@
 
 package js.html;
 
-typedef AnimationFilter =
-{
-	@:optional var subtree : Bool;
+typedef AnimationFilter = {
+	var ?subtree : Bool;
 }

std/js/html/AnimationPlayState.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-enum abstract AnimationPlayState(String)
-{
+enum abstract AnimationPlayState(String) {
 	var IDLE = "idle";
 	var RUNNING = "running";
 	var PAUSED = "paused";

std/js/html/AnimationPlaybackEvent.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/AnimationPlaybackEvent>
 **/
 @:native("AnimationPlaybackEvent")
-extern class AnimationPlaybackEvent extends Event
-{
+extern class AnimationPlaybackEvent extends Event {
 	var currentTime(default,null) : Float;
 	var timelineTime(default,null) : Float;
 	

std/js/html/AnimationPlaybackEventInit.hx

@@ -24,9 +24,7 @@
 
 package js.html;
 
-typedef AnimationPlaybackEventInit =
-{
-	> EventInit,
-	@:optional var currentTime : Float;
-	@:optional var timelineTime : Float;
+typedef AnimationPlaybackEventInit = EventInit & {
+	var ?currentTime : Float;
+	var ?timelineTime : Float;
 }

std/js/html/AnimationTimeline.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/AnimationTimeline>
 **/
 @:native("AnimationTimeline")
-extern class AnimationTimeline
-{
+extern class AnimationTimeline {
 	
 	/**
 		Returns the time value in milliseconds for this timeline or `null` if this timeline is inactive.

std/js/html/AreaElement.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/HTMLAreaElement>
 **/
 @:native("HTMLAreaElement")
-extern class AreaElement extends Element
-{
+extern class AreaElement extends Element {
 	
 	/**
 		Is a `DOMString` that reflects the `alt` HTML attribute, containing alternative text for the element.

std/js/html/ArrayBuffer.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("ArrayBuffer")
-extern class ArrayBuffer
-{
+extern class ArrayBuffer {
 	static function isView( value : Dynamic ) : Bool;
 	var byteLength(default,null) : Int;
 	

std/js/html/ArrayBufferView.hx

@@ -31,8 +31,7 @@ package js.html;
 
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/ArrayBufferView>
 **/
-extern interface ArrayBufferView
-{
+extern interface ArrayBufferView {
 	var buffer(default,null) : ArrayBuffer;
 	var byteOffset(default,null) : Int;
 	var byteLength(default,null) : Int;

std/js/html/AssignedNodesOptions.hx

@@ -24,7 +24,6 @@
 
 package js.html;
 
-typedef AssignedNodesOptions =
-{
-	@:optional var flatten : Bool;
+typedef AssignedNodesOptions = {
+	var ?flatten : Bool;
 }

std/js/html/Attr.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/Attr>
 **/
 @:native("Attr")
-extern class Attr extends Node
-{
+extern class Attr extends Node {
 	
 	/**
 		A `DOMString` representing the local part of the qualified name of the attribute.

std/js/html/Audio.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("Audio")
-extern class Audio extends AudioElement
-{
+extern class Audio extends AudioElement {
 	/** @throws DOMError */
 	function new( ?src : String ) : Void;
 }

std/js/html/AudioElement.hx

@@ -32,6 +32,5 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement>
 **/
 @:native("HTMLAudioElement")
-extern class AudioElement extends MediaElement
-{
+extern class AudioElement extends MediaElement {
 }

std/js/html/AudioStreamTrack.hx

@@ -25,6 +25,5 @@
 package js.html;
 
 @:native("AudioStreamTrack")
-extern class AudioStreamTrack extends MediaStreamTrack
-{
+extern class AudioStreamTrack extends MediaStreamTrack {
 }

std/js/html/AudioTrack.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/AudioTrack>
 **/
 @:native("AudioTrack")
-extern class AudioTrack
-{
+extern class AudioTrack {
 	
 	/**
 		A `DOMString` which uniquely identifies the track within the media. This ID can be used to locate a specific track within an audio track list by calling `AudioTrackList.getTrackById()`. The ID can also be used as the fragment part of the URL if the media supports seeking by media fragment per the Media Fragments URI specification.

std/js/html/AudioTrackList.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/AudioTrackList>
 **/
 @:native("AudioTrackList")
-extern class AudioTrackList extends EventTarget implements ArrayAccess<AudioTrack>
-{
+extern class AudioTrackList extends EventTarget implements ArrayAccess<AudioTrack> {
 	
 	/**
 		The number of tracks in the list.

std/js/html/AutoKeyword.hx

@@ -24,7 +24,6 @@
 
 package js.html;
 
-enum abstract AutoKeyword(String)
-{
+enum abstract AutoKeyword(String) {
 	var AUTO = "auto";
 }

std/js/html/BRElement.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/HTMLBRElement>
 **/
 @:native("HTMLBRElement")
-extern class BRElement extends Element
-{
+extern class BRElement extends Element {
 	
 	/**
 		Is a `DOMString` indicating the flow of text around floating objects.

std/js/html/BarProp.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("BarProp")
-extern class BarProp
-{
+extern class BarProp {
 	var visible : Bool;
 	
 }

std/js/html/BaseElement.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/HTMLBaseElement>
 **/
 @:native("HTMLBaseElement")
-extern class BaseElement extends Element
-{
+extern class BaseElement extends Element {
 	
 	/**
 		Is a `DOMString` that reflects the `href` HTML attribute, containing a base URL for relative URLs in the document.

std/js/html/BatteryManager.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/BatteryManager>
 **/
 @:native("BatteryManager")
-extern class BatteryManager extends EventTarget
-{
+extern class BatteryManager extends EventTarget {
 	
 	/**
 		A Boolean value indicating whether or not the battery is currently being charged.

std/js/html/BeforeUnloadEvent.hx

@@ -32,6 +32,5 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/BeforeUnloadEvent>
 **/
 @:native("BeforeUnloadEvent")
-extern class BeforeUnloadEvent extends Event
-{
+extern class BeforeUnloadEvent extends Event {
 }

std/js/html/BinaryType.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-enum abstract BinaryType(String)
-{
+enum abstract BinaryType(String) {
 	var BLOB = "blob";
 	var ARRAYBUFFER = "arraybuffer";
 }

std/js/html/BlobEvent.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/BlobEvent>
 **/
 @:native("BlobEvent")
-extern class BlobEvent extends Event
-{
+extern class BlobEvent extends Event {
 	
 	/**
 		A `Blob` representing the data associated with the event. The event was fired on the `EventTarget` because of something happening on that specific `Blob`.

std/js/html/BlobEventInit.hx

@@ -24,8 +24,6 @@
 
 package js.html;
 
-typedef BlobEventInit =
-{
-	> EventInit,
-	@:optional var data : Blob;
+typedef BlobEventInit = EventInit & {
+	var ?data : Blob;
 }

std/js/html/BlobPropertyBag.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-typedef BlobPropertyBag =
-{
-	@:optional var endings : EndingTypes;
-	@:optional var type : String;
+typedef BlobPropertyBag = {
+	var ?endings : EndingTypes;
+	var ?type : String;
 }

std/js/html/BodyElement.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/HTMLBodyElement>
 **/
 @:native("HTMLBodyElement")
-extern class BodyElement extends Element
-{
+extern class BodyElement extends Element {
 	
 	/**
 		Is a `DOMString` that represents the foreground color of text.

std/js/html/BroadcastChannel.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/BroadcastChannel>
 **/
 @:native("BroadcastChannel")
-extern class BroadcastChannel extends EventTarget
-{
+extern class BroadcastChannel extends EventTarget {
 	
 	/**
 		Returns a `DOMString`, the name of the channel.

std/js/html/ButtonElement.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement>
 **/
 @:native("HTMLButtonElement")
-extern class ButtonElement extends Element
-{
+extern class ButtonElement extends Element {
 	
 	/**
 		Is a `Boolean` indicating whether or not the control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form-associated element in a document can have this attribute specified.

std/js/html/CDATASection.hx

@@ -32,6 +32,5 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CDATASection>
 **/
 @:native("CDATASection")
-extern class CDATASection extends Text
-{
+extern class CDATASection extends Text {
 }

std/js/html/CSS.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSS>
 **/
 @:native("CSS")
-extern class CSS
-{
+extern class CSS {
 	
 	/**
 		Returns a `Boolean` indicating if the pair property-value, or the condition, given in parameter is supported.

std/js/html/CSSAnimation.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("CSSAnimation")
-extern class CSSAnimation extends Animation
-{
+extern class CSSAnimation extends Animation {
 	var animationName(default,null) : String;
 	
 }

std/js/html/CSSBoxType.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-enum abstract CSSBoxType(String)
-{
+enum abstract CSSBoxType(String) {
 	var MARGIN = "margin";
 	var BORDER = "border";
 	var PADDING = "padding";

std/js/html/CSSConditionRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSConditionRule>
 **/
 @:native("CSSConditionRule")
-extern class CSSConditionRule extends CSSGroupingRule
-{
+extern class CSSConditionRule extends CSSGroupingRule {
 	
 	/**
 		Represents the text of the condition of the rule.

std/js/html/CSSCounterStyleRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSCounterStyleRule>
 **/
 @:native("CSSCounterStyleRule")
-extern class CSSCounterStyleRule extends CSSRule
-{
+extern class CSSCounterStyleRule extends CSSRule {
 	
 	/**
 		Is a `DOMString` object that contains the serialization of the `counter-style-name` defined for the associated rule.

std/js/html/CSSFontFaceRule.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("CSSFontFaceRule")
-extern class CSSFontFaceRule extends CSSRule
-{
+extern class CSSFontFaceRule extends CSSRule {
 	var style(default,null) : CSSStyleDeclaration;
 	
 }

std/js/html/CSSFontFeatureValuesRule.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("CSSFontFeatureValuesRule")
-extern class CSSFontFeatureValuesRule extends CSSRule
-{
+extern class CSSFontFeatureValuesRule extends CSSRule {
 	var fontFamily : String;
 	var valueText : String;
 	

std/js/html/CSSGroupingRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSGroupingRule>
 **/
 @:native("CSSGroupingRule")
-extern class CSSGroupingRule extends CSSRule
-{
+extern class CSSGroupingRule extends CSSRule {
 	var cssRules(default,null) : CSSRuleList;
 	
 	/** @throws DOMError */

std/js/html/CSSImportRule.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("CSSImportRule")
-extern class CSSImportRule extends CSSRule
-{
+extern class CSSImportRule extends CSSRule {
 	var href(default,null) : String;
 	var media(default,null) : MediaList;
 	var styleSheet(default,null) : CSSStyleSheet;

std/js/html/CSSKeyframeRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframeRule>
 **/
 @:native("CSSKeyframeRule")
-extern class CSSKeyframeRule extends CSSRule
-{
+extern class CSSKeyframeRule extends CSSRule {
 	var keyText : String;
 	var style(default,null) : CSSStyleDeclaration;
 	

std/js/html/CSSKeyframesRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframesRule>
 **/
 @:native("CSSKeyframesRule")
-extern class CSSKeyframesRule extends CSSRule
-{
+extern class CSSKeyframesRule extends CSSRule {
 	
 	/**
 		Represents the name of the animation, used by the `animation-name` property.

std/js/html/CSSMediaRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSMediaRule>
 **/
 @:native("CSSMediaRule")
-extern class CSSMediaRule extends CSSConditionRule
-{
+extern class CSSMediaRule extends CSSConditionRule {
 	
 	/**
 		Specifies a `MediaList` representing the intended destination medium for style information.

std/js/html/CSSMozDocumentRule.hx

@@ -25,6 +25,5 @@
 package js.html;
 
 @:native("CSSMozDocumentRule")
-extern class CSSMozDocumentRule extends CSSConditionRule
-{
+extern class CSSMozDocumentRule extends CSSConditionRule {
 }

std/js/html/CSSNamespaceRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSNamespaceRule>
 **/
 @:native("CSSNamespaceRule")
-extern class CSSNamespaceRule extends CSSRule
-{
+extern class CSSNamespaceRule extends CSSRule {
 	
 	/**
 		Returns a `DOMString` containing the text of the URI of the given namespace.

std/js/html/CSSPageRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSPageRule>
 **/
 @:native("CSSPageRule")
-extern class CSSPageRule extends CSSRule
-{
+extern class CSSPageRule extends CSSRule {
 	
 	/**
 		Returns the declaration block associated with the at-rule.

std/js/html/CSSPseudoElement.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("CSSPseudoElement")
-extern class CSSPseudoElement
-{
+extern class CSSPseudoElement {
 	var type(default,null) : String;
 	var parentElement(default,null) : Element;
 	

std/js/html/CSSRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSRule>
 **/
 @:native("CSSRule")
-extern class CSSRule
-{
+extern class CSSRule {
 	static inline var STYLE_RULE : Int = 1;
 	static inline var CHARSET_RULE : Int = 2;
 	static inline var IMPORT_RULE : Int = 3;

std/js/html/CSSRuleList.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSRuleList>
 **/
 @:native("CSSRuleList")
-extern class CSSRuleList implements ArrayAccess<CSSRule>
-{
+extern class CSSRuleList implements ArrayAccess<CSSRule> {
 	var length(default,null) : Int;
 	
 	function item( index : Int ) : CSSRule;

std/js/html/CSSStyleDeclaration.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration>
 **/
 @:native("CSSStyleDeclaration")
-extern class CSSStyleDeclaration implements ArrayAccess<String>
-{
+extern class CSSStyleDeclaration implements ArrayAccess<String> {
 	var cssText : String;
 	var length(default,null) : Int;
 	var parentRule(default,null) : CSSRule;

std/js/html/CSSStyleRule.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleRule>
 **/
 @:native("CSSStyleRule")
-extern class CSSStyleRule extends CSSRule
-{
+extern class CSSStyleRule extends CSSRule {
 	
 	/**
 		Gets the textual representation of the selector for this rule, e.g. `"h1,h2"`.

std/js/html/CSSStyleSheet.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet>
 **/
 @:native("CSSStyleSheet")
-extern class CSSStyleSheet extends StyleSheet
-{
+extern class CSSStyleSheet extends StyleSheet {
 	
 	/**
 		If this style sheet is imported into the document using an `@import` rule, the `ownerRule` property will return that `CSSImportRule`, otherwise it returns `null`.

std/js/html/CSSSupportsRule.hx

@@ -32,6 +32,5 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CSSSupportsRule>
 **/
 @:native("CSSSupportsRule")
-extern class CSSSupportsRule extends CSSConditionRule
-{
+extern class CSSSupportsRule extends CSSConditionRule {
 }

std/js/html/CSSTransition.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("CSSTransition")
-extern class CSSTransition extends Animation
-{
+extern class CSSTransition extends Animation {
 	var transitionProperty(default,null) : String;
 	
 }

std/js/html/Cache.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/Cache>
 **/
 @:native("Cache")
-extern class Cache
-{
+extern class Cache {
 	@:overload( function( request : String, ?options : CacheQueryOptions) : Promise<Response> {} )
 	function match( request : Request, ?options : CacheQueryOptions ) : Promise<Response>;
 	@:overload( function( ?request : String, ?options : CacheQueryOptions) : Promise<Array<Response>> {} )

std/js/html/CacheQueryOptions.hx

@@ -24,10 +24,9 @@
 
 package js.html;
 
-typedef CacheQueryOptions =
-{
-	@:optional var cacheName : String;
-	@:optional var ignoreMethod : Bool;
-	@:optional var ignoreSearch : Bool;
-	@:optional var ignoreVary : Bool;
+typedef CacheQueryOptions = {
+	var ?cacheName : String;
+	var ?ignoreMethod : Bool;
+	var ?ignoreSearch : Bool;
+	var ?ignoreVary : Bool;
 }

std/js/html/CacheStorage.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CacheStorage>
 **/
 @:native("CacheStorage")
-extern class CacheStorage
-{
+extern class CacheStorage {
 	/** @throws DOMError */
 	function new( namespace : CacheStorageNamespace, principal : Dynamic/*MISSING Principal*/ ) : Void;
 	

std/js/html/CacheStorageNamespace.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-enum abstract CacheStorageNamespace(String)
-{
+enum abstract CacheStorageNamespace(String) {
 	var CONTENT = "content";
 	var CHROME = "chrome";
 }

std/js/html/CanvasCaptureMediaStream.hx

@@ -25,8 +25,7 @@
 package js.html;
 
 @:native("CanvasCaptureMediaStream")
-extern class CanvasCaptureMediaStream extends MediaStream
-{
+extern class CanvasCaptureMediaStream extends MediaStream {
 	var canvas(default,null) : CanvasElement;
 	
 	function requestFrame() : Void;

std/js/html/CanvasElement.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement>
 **/
 @:native("HTMLCanvasElement")
-extern class CanvasElement extends Element
-{
+extern class CanvasElement extends Element {
 	
 	/**
 		Is a positive `integer` reflecting the `width` HTML attribute of the `canvas` element interpreted in CSS pixels. When the attribute is not specified, or if it is set to an invalid value, like a negative, the default value of `300` is used.

std/js/html/CanvasGradient.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CanvasGradient>
 **/
 @:native("CanvasGradient")
-extern class CanvasGradient
-{
+extern class CanvasGradient {
 	
 	/**
 		Adds a new stop, defined by an `offset` and a `color`, to the gradient. If the offset is not between `0` and `1` an `INDEX_SIZE_ERR` is raised, if the color can't be parsed as a CSS `color`, a `SYNTAX_ERR` is raised.

std/js/html/CanvasPattern.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CanvasPattern>
 **/
 @:native("CanvasPattern")
-extern class CanvasPattern
-{
+extern class CanvasPattern {
 	
 	/**
 		Applies an `SVGMatrix` representing a linear transform to the pattern.

std/js/html/CanvasRenderingContext2D.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D>
 **/
 @:native("CanvasRenderingContext2D")
-extern class CanvasRenderingContext2D
-{
+extern class CanvasRenderingContext2D {
 	var canvas(default,null) : CanvasElement;
 	var globalAlpha : Float;
 	var globalCompositeOperation : String;

std/js/html/CanvasWindingRule.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-enum abstract CanvasWindingRule(String)
-{
+enum abstract CanvasWindingRule(String) {
 	var NONZERO = "nonzero";
 	var EVENODD = "evenodd";
 }

std/js/html/CaretPosition.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CaretPosition>
 **/
 @:native("CaretPosition")
-extern class CaretPosition
-{
+extern class CaretPosition {
 	
 	/**
 		Returns a `Node` containing the found node at the caret's position.

std/js/html/ChannelPixelLayout.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-typedef ChannelPixelLayout =
-{
+typedef ChannelPixelLayout = {
 	var dataType : ChannelPixelLayoutDataType;
 	var height : Int;
 	var offset : Int;

std/js/html/ChannelPixelLayoutDataType.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-enum abstract ChannelPixelLayoutDataType(String)
-{
+enum abstract ChannelPixelLayoutDataType(String) {
 	var UINT8 = "uint8";
 	var INT8 = "int8";
 	var UINT16 = "uint16";

std/js/html/CharacterData.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CharacterData>
 **/
 @:native("CharacterData")
-extern class CharacterData extends Node
-{
+extern class CharacterData extends Node {
 	
 	/**
 		Is a `DOMString` representing the textual data contained in this object.

std/js/html/Client.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/Client>
 **/
 @:native("Client")
-extern class Client
-{
+extern class Client {
 	
 	/**
 		The URL of the client as a string.

std/js/html/ClientQueryOptions.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-typedef ClientQueryOptions =
-{
-	@:optional var includeUncontrolled : Bool;
-	@:optional var type : ClientType;
+typedef ClientQueryOptions = {
+	var ?includeUncontrolled : Bool;
+	var ?type : ClientType;
 }

std/js/html/ClientType.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-enum abstract ClientType(String)
-{
+enum abstract ClientType(String) {
 	var WINDOW = "window";
 	var WORKER = "worker";
 	var SHAREDWORKER = "sharedworker";

std/js/html/Clients.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/Clients>
 **/
 @:native("Clients")
-extern class Clients
-{
+extern class Clients {
 	
 	/**
 		Returns a `Promise` for a `Client` matching a given `Client.id`.

std/js/html/ClipboardEvent.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent>
 **/
 @:native("ClipboardEvent")
-extern class ClipboardEvent extends Event
-{
+extern class ClipboardEvent extends Event {
 	
 	/**
 		Is a `DataTransfer` object containing the data affected by the user-initiated `cut`, `copy`, or `paste` operation, along with its MIME type.

std/js/html/ClipboardEventInit.hx

@@ -24,9 +24,7 @@
 
 package js.html;
 
-typedef ClipboardEventInit =
-{
-	> EventInit,
-	@:optional var data : String;
-	@:optional var dataType : String;
+typedef ClipboardEventInit = EventInit & {
+	var ?data : String;
+	var ?dataType : String;
 }

std/js/html/CloseEvent.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent>
 **/
 @:native("CloseEvent")
-extern class CloseEvent extends Event
-{
+extern class CloseEvent extends Event {
 	
 	/**
 		Returns a `Boolean` that Indicates whether or not the connection was cleanly closed.

std/js/html/CloseEventInit.hx

@@ -24,10 +24,8 @@
 
 package js.html;
 
-typedef CloseEventInit =
-{
-	> EventInit,
-	@:optional var code : Int;
-	@:optional var reason : String;
-	@:optional var wasClean : Bool;
+typedef CloseEventInit = EventInit & {
+	var ?code : Int;
+	var ?reason : String;
+	var ?wasClean : Bool;
 }

std/js/html/Comment.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/Comment>
 **/
 @:native("Comment")
-extern class Comment extends CharacterData
-{
+extern class Comment extends CharacterData {
 	/** @throws DOMError */
 	function new( data : String = "" ) : Void;
 }

std/js/html/CompositeOperation.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-enum abstract CompositeOperation(String)
-{
+enum abstract CompositeOperation(String) {
 	var REPLACE = "replace";
 	var ADD = "add";
 	var ACCUMULATE = "accumulate";

std/js/html/CompositionEvent.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent>
 **/
 @:native("CompositionEvent")
-extern class CompositionEvent extends UIEvent
-{
+extern class CompositionEvent extends UIEvent {
 	
 	/**
 		Returns the characters generated by the input method that raised the event; its varies depending on the type of event that generated the `CompositionEvent` object.

std/js/html/CompositionEventInit.hx

@@ -24,8 +24,6 @@
 
 package js.html;
 
-typedef CompositionEventInit =
-{
-	> UIEventInit,
-	@:optional var data : String;
+typedef CompositionEventInit = UIEventInit & {
+	var ?data : String;
 }

std/js/html/ComputedEffectTiming.hx

@@ -24,12 +24,10 @@
 
 package js.html;
 
-typedef ComputedEffectTiming =
-{
-	> EffectTiming,
-	@:optional var activeDuration : Float;
-	@:optional var currentIteration : Float;
-	@:optional var endTime : Float;
-	@:optional var localTime : Float;
-	@:optional var progress : Float;
+typedef ComputedEffectTiming = EffectTiming & {
+	var ?activeDuration : Float;
+	var ?currentIteration : Float;
+	var ?endTime : Float;
+	var ?localTime : Float;
+	var ?progress : Float;
 }

std/js/html/Console.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/console>
 **/
 @:native("console")
-extern class Console
-{
+extern class Console {
 	
 	/**
 		Log a message and stack trace to console if the first argument is `false`.

std/js/html/ConsoleInstance.hx

@@ -31,8 +31,7 @@ package js.html;
 
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/Console>
 **/
-extern interface ConsoleInstance
-{
+extern interface ConsoleInstance {
 	
 	/**
 		Log a message and stack trace to console if the first argument is `false`.

std/js/html/ConstrainBooleanParameters.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-typedef ConstrainBooleanParameters =
-{
-	@:optional var exact : Bool;
-	@:optional var ideal : Bool;
+typedef ConstrainBooleanParameters = {
+	var ?exact : Bool;
+	var ?ideal : Bool;
 }

std/js/html/ConstrainDOMStringParameters.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-typedef ConstrainDOMStringParameters =
-{
-	@:optional var exact : haxe.extern.EitherType<String,Array<String>>;
-	@:optional var ideal : haxe.extern.EitherType<String,Array<String>>;
+typedef ConstrainDOMStringParameters = {
+	var ?exact : haxe.extern.EitherType<String,Array<String>>;
+	var ?ideal : haxe.extern.EitherType<String,Array<String>>;
 }

std/js/html/ConstrainDoubleRange.hx

@@ -24,10 +24,9 @@
 
 package js.html;
 
-typedef ConstrainDoubleRange =
-{
-	@:optional var exact : Float;
-	@:optional var ideal : Float;
-	@:optional var max : Float;
-	@:optional var min : Float;
+typedef ConstrainDoubleRange = {
+	var ?exact : Float;
+	var ?ideal : Float;
+	var ?max : Float;
+	var ?min : Float;
 }

std/js/html/ConstrainLongRange.hx

@@ -24,10 +24,9 @@
 
 package js.html;
 
-typedef ConstrainLongRange =
-{
-	@:optional var exact : Int;
-	@:optional var ideal : Int;
-	@:optional var max : Int;
-	@:optional var min : Int;
+typedef ConstrainLongRange = {
+	var ?exact : Int;
+	var ?ideal : Int;
+	var ?max : Int;
+	var ?min : Int;
 }

std/js/html/ConvertCoordinateOptions.hx

@@ -24,8 +24,7 @@
 
 package js.html;
 
-typedef ConvertCoordinateOptions =
-{
-	@:optional var fromBox : CSSBoxType;
-	@:optional var toBox : CSSBoxType;
+typedef ConvertCoordinateOptions = {
+	var ?fromBox : CSSBoxType;
+	var ?toBox : CSSBoxType;
 }

std/js/html/Coordinates.hx

@@ -31,8 +31,7 @@ package js.html;
 
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/Coordinates>
 **/
-typedef Coordinates =
-{
+typedef Coordinates = {
 	
 	/**
 		Returns a `double` representing the position's latitude in decimal degrees.

std/js/html/Crypto.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/Crypto>
 **/
 @:native("Crypto")
-extern class Crypto
-{
+extern class Crypto {
 	
 	/**
 		Returns a `SubtleCrypto` object providing access to common cryptographic primitives, like hashing, signing, encryption or decryption.

std/js/html/CryptoKey.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CryptoKey>
 **/
 @:native("CryptoKey")
-extern class CryptoKey
-{
+extern class CryptoKey {
 	
 	/**
 		Returns an enumerated value representing the type of the key, a secret key (for symmetric algorithm), a public or a private key (for an asymmetric algorithm)

std/js/html/CustomEvent.hx

@@ -32,8 +32,7 @@ package js.html;
 	@see <https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent>
 **/
 @:native("CustomEvent")
-extern class CustomEvent extends Event
-{
+extern class CustomEvent extends Event {
 	
 	/**
 		Any data passed when initializing the event.

std/js/html/CustomEventInit.hx

@@ -24,8 +24,6 @@
 
 package js.html;
 
-typedef CustomEventInit =
-{
-	> EventInit,
-	@:optional var detail : Dynamic;
+typedef CustomEventInit = EventInit & {
+	var ?detail : Dynamic;
 }