chrome-devtools-frontend 1.0.1014346 → 1.0.1015658

package/front_end/models/javascript_metadata/DOMPinnedProperties.ts

@@ -22,6 +22,8 @@ export interface DOMPinnedWebIDLProp {
   // A bitfield of the specs in which the property is found.
   // If missing, it implies the default spec: "html".
   specs?: number;
+  // The "states" in which this property is "applicable".
+  rules?: Array<DOMPinnedWebIDLRule>;
 }
 
 export interface DOMPinnedWebIDLType {
@@ -35,12 +37,12 @@ export interface DOMPinnedWebIDLType {
     [PropName: string]: DOMPinnedWebIDLProp,
   };
   // The "states" in which only certain properties are "applicable".
-  states?: {
-    // A CSS selector such as "[type=checkbox]".
-    [State: string]: {
-      [PropName: string]: DOMPinnedWebIDLProp,
-    },
-  };
+  rules?: Array<DOMPinnedWebIDLRule>;
+}
+
+export interface DOMPinnedWebIDLRule {
+  when: string;
+  is: string;
 }
 
 export interface DOMPinnedPropertiesDataset {
@@ -496,237 +498,257 @@ export const DOMPinnedProperties: DOMPinnedPropertiesDataset = {
   'HTMLInputElement': {
     'inheritance': 'HTMLElement',
     'props': {
-      'accept': {},
-      'alt': {},
-      'autocomplete': {},
+      'accept': {'rules': [{'when': 'type', 'is': 'file'}]},
+      'alt': {'rules': [{'when': 'type', 'is': 'image'}]},
+      'autocomplete': {
+        'rules': [
+          {'when': 'type', 'is': 'hidden'},
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'password'},
+          {'when': 'type', 'is': 'date'},
+          {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},
+          {'when': 'type', 'is': 'time'},
+          {'when': 'type', 'is': 'datetime-local'},
+          {'when': 'type', 'is': 'number'},
+          {'when': 'type', 'is': 'range'},
+          {'when': 'type', 'is': 'color'},
+        ],
+      },
       'defaultChecked': {},
-      'checked': {},
-      'dirName': {},
+      'checked': {'rules': [{'when': 'type', 'is': 'checkbox'}, {'when': 'type', 'is': 'radio'}]},
+      'dirName': {'rules': [{'when': 'type', 'is': 'text'}, {'when': 'type', 'is': 'search'}]},
       'disabled': {},
       'form': {},
-      'files': {},
-      'formAction': {},
-      'formEnctype': {},
-      'formMethod': {},
-      'formNoValidate': {},
-      'formTarget': {},
-      'height': {},
+      'files': {'rules': [{'when': 'type', 'is': 'file'}]},
+      'formAction': {'rules': [{'when': 'type', 'is': 'submit'}, {'when': 'type', 'is': 'image'}]},
+      'formEnctype': {'rules': [{'when': 'type', 'is': 'submit'}, {'when': 'type', 'is': 'image'}]},
+      'formMethod': {'rules': [{'when': 'type', 'is': 'submit'}, {'when': 'type', 'is': 'image'}]},
+      'formNoValidate': {'rules': [{'when': 'type', 'is': 'submit'}, {'when': 'type', 'is': 'image'}]},
+      'formTarget': {'rules': [{'when': 'type', 'is': 'submit'}, {'when': 'type', 'is': 'image'}]},
+      'height': {'rules': [{'when': 'type', 'is': 'image'}]},
       'indeterminate': {},
-      'list': {},
-      'max': {},
-      'maxLength': {},
-      'min': {},
-      'minLength': {},
-      'multiple': {},
-      'name': {},
-      'pattern': {},
-      'placeholder': {},
-      'readOnly': {},
-      'required': {},
-      'size': {},
-      'src': {},
-      'step': {},
-      'type': {},
-      'defaultValue': {},
-      'value': {},
-      'valueAsDate': {},
-      'valueAsNumber': {},
-      'width': {},
-      'willValidate': {},
-      'validity': {},
-      'validationMessage': {},
-      'labels': {},
-      'selectionStart': {},
-      'selectionEnd': {},
-      'selectionDirection': {},
-      'align': {},
-      'useMap': {},
-    },
-    'states': {
-      '[type=hidden]': {'autocomplete': {}, 'value': {}},
-      '[type=text]': {
-        'autocomplete': {},
-        'dirName': {},
-        'list': {},
-        'maxLength': {},
-        'minLength': {},
-        'pattern': {},
-        'placeholder': {},
-        'readOnly': {},
-        'required': {},
-        'size': {},
-        'value': {},
-        'selectionStart': {},
-        'selectionEnd': {},
-        'selectionDirection': {},
+      'list': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'date'},
+          {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},
+          {'when': 'type', 'is': 'time'},
+          {'when': 'type', 'is': 'datetime-local'},
+          {'when': 'type', 'is': 'number'},
+          {'when': 'type', 'is': 'range'},
+          {'when': 'type', 'is': 'color'},
+        ],
       },
-      '[type=search]': {
-        'autocomplete': {},
-        'dirName': {},
-        'list': {},
-        'maxLength': {},
-        'minLength': {},
-        'pattern': {},
-        'placeholder': {},
-        'readOnly': {},
-        'required': {},
-        'size': {},
-        'value': {},
-        'selectionStart': {},
-        'selectionEnd': {},
-        'selectionDirection': {},
+      'max': {
+        'rules': [
+          {'when': 'type', 'is': 'date'},
+          {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},
+          {'when': 'type', 'is': 'time'},
+          {'when': 'type', 'is': 'datetime-local'},
+          {'when': 'type', 'is': 'number'},
+          {'when': 'type', 'is': 'range'},
+        ],
       },
-      '[type=url]': {
-        'autocomplete': {},
-        'list': {},
-        'maxLength': {},
-        'minLength': {},
-        'pattern': {},
-        'placeholder': {},
-        'readOnly': {},
-        'required': {},
-        'size': {},
-        'value': {},
-        'selectionStart': {},
-        'selectionEnd': {},
-        'selectionDirection': {},
+      'maxLength': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'password'},
+        ],
       },
-      '[type=tel]': {
-        'autocomplete': {},
-        'list': {},
-        'maxLength': {},
-        'minLength': {},
-        'pattern': {},
-        'placeholder': {},
-        'readOnly': {},
-        'required': {},
-        'size': {},
-        'value': {},
-        'selectionStart': {},
-        'selectionEnd': {},
-        'selectionDirection': {},
+      'min': {
+        'rules': [
+          {'when': 'type', 'is': 'date'},
+          {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},
+          {'when': 'type', 'is': 'time'},
+          {'when': 'type', 'is': 'datetime-local'},
+          {'when': 'type', 'is': 'number'},
+          {'when': 'type', 'is': 'range'},
+        ],
       },
-      '[type=email]': {
-        'autocomplete': {},
-        'list': {},
-        'maxLength': {},
-        'minLength': {},
-        'multiple': {},
-        'pattern': {},
-        'placeholder': {},
-        'readOnly': {},
-        'required': {},
-        'size': {},
-        'value': {},
+      'minLength': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'password'},
+        ],
       },
-      '[type=password]': {
-        'autocomplete': {},
-        'maxLength': {},
-        'minLength': {},
-        'pattern': {},
-        'placeholder': {},
-        'readOnly': {},
-        'required': {},
-        'size': {},
-        'value': {},
-        'selectionStart': {},
-        'selectionEnd': {},
-        'selectionDirection': {},
+      'multiple': {'rules': [{'when': 'type', 'is': 'email'}, {'when': 'type', 'is': 'file'}]},
+      'name': {},
+      'pattern': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'password'},
+        ],
       },
-      '[type=date]': {
-        'autocomplete': {},
-        'list': {},
-        'max': {},
-        'min': {},
-        'readOnly': {},
-        'required': {},
-        'step': {},
-        'value': {},
-        'valueAsDate': {},
-        'valueAsNumber': {},
+      'placeholder': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'password'},
+          {'when': 'type', 'is': 'number'},
+        ],
       },
-      '[type=month]': {
-        'autocomplete': {},
-        'list': {},
-        'max': {},
-        'min': {},
-        'readOnly': {},
-        'required': {},
-        'step': {},
-        'value': {},
-        'valueAsDate': {},
-        'valueAsNumber': {},
+      'readOnly': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'password'},
+          {'when': 'type', 'is': 'date'},
+          {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},
+          {'when': 'type', 'is': 'time'},
+          {'when': 'type', 'is': 'datetime-local'},
+          {'when': 'type', 'is': 'number'},
+        ],
       },
-      '[type=week]': {
-        'autocomplete': {},
-        'list': {},
-        'max': {},
-        'min': {},
-        'readOnly': {},
-        'required': {},
-        'step': {},
-        'value': {},
-        'valueAsDate': {},
-        'valueAsNumber': {},
+      'required': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'password'},
+          {'when': 'type', 'is': 'date'},
+          {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},
+          {'when': 'type', 'is': 'time'},
+          {'when': 'type', 'is': 'datetime-local'},
+          {'when': 'type', 'is': 'number'},
+          {'when': 'type', 'is': 'checkbox'},
+          {'when': 'type', 'is': 'radio'},
+          {'when': 'type', 'is': 'file'},
+        ],
       },
-      '[type=time]': {
-        'autocomplete': {},
-        'list': {},
-        'max': {},
-        'min': {},
-        'readOnly': {},
-        'required': {},
-        'step': {},
-        'value': {},
-        'valueAsDate': {},
-        'valueAsNumber': {},
+      'size': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'password'},
+        ],
       },
-      '[type=datetime-local]': {
-        'autocomplete': {},
-        'list': {},
-        'max': {},
-        'min': {},
-        'readOnly': {},
-        'required': {},
-        'step': {},
-        'value': {},
-        'valueAsNumber': {},
+      'src': {'rules': [{'when': 'type', 'is': 'image'}]},
+      'step': {
+        'rules': [
+          {'when': 'type', 'is': 'date'},
+          {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},
+          {'when': 'type', 'is': 'time'},
+          {'when': 'type', 'is': 'datetime-local'},
+          {'when': 'type', 'is': 'number'},
+          {'when': 'type', 'is': 'range'},
+        ],
       },
-      '[type=number]': {
-        'autocomplete': {},
-        'list': {},
-        'max': {},
-        'min': {},
-        'placeholder': {},
-        'readOnly': {},
-        'required': {},
-        'step': {},
-        'value': {},
-        'valueAsNumber': {},
+      'type': {},
+      'defaultValue': {},
+      'value': {
+        'rules': [
+          {'when': 'type', 'is': 'hidden'},   {'when': 'type', 'is': 'text'},  {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},      {'when': 'type', 'is': 'tel'},   {'when': 'type', 'is': 'email'},
+          {'when': 'type', 'is': 'password'}, {'when': 'type', 'is': 'date'},  {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},     {'when': 'type', 'is': 'time'},  {'when': 'type', 'is': 'datetime-local'},
+          {'when': 'type', 'is': 'number'},   {'when': 'type', 'is': 'range'}, {'when': 'type', 'is': 'color'},
+          {'when': 'type', 'is': 'checkbox'}, {'when': 'type', 'is': 'radio'}, {'when': 'type', 'is': 'file'},
+          {'when': 'type', 'is': 'submit'},   {'when': 'type', 'is': 'image'}, {'when': 'type', 'is': 'reset'},
+          {'when': 'type', 'is': 'button'},
+        ],
+      },
+      'valueAsDate': {
+        'rules': [
+          {'when': 'type', 'is': 'date'},
+          {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},
+          {'when': 'type', 'is': 'time'},
+        ],
+      },
+      'valueAsNumber': {
+        'rules': [
+          {'when': 'type', 'is': 'date'},
+          {'when': 'type', 'is': 'month'},
+          {'when': 'type', 'is': 'week'},
+          {'when': 'type', 'is': 'time'},
+          {'when': 'type', 'is': 'datetime-local'},
+          {'when': 'type', 'is': 'number'},
+          {'when': 'type', 'is': 'range'},
+        ],
+      },
+      'width': {'rules': [{'when': 'type', 'is': 'image'}]},
+      'willValidate': {},
+      'validity': {},
+      'validationMessage': {},
+      'labels': {},
+      'selectionStart': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'password'},
+        ],
+      },
+      'selectionEnd': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'password'},
+        ],
       },
-      '[type=range]':
-          {'autocomplete': {}, 'list': {}, 'max': {}, 'min': {}, 'step': {}, 'value': {}, 'valueAsNumber': {}},
-      '[type=color]': {'autocomplete': {}, 'list': {}, 'value': {}},
-      '[type=checkbox]': {'checked': {}, 'required': {}, 'value': {}},
-      '[type=radio]': {'checked': {}, 'required': {}, 'value': {}},
-      '[type=file]': {'accept': {}, 'files': {}, 'multiple': {}, 'required': {}, 'value': {}},
-      '[type=submit]':
-          {'formAction': {}, 'formEnctype': {}, 'formMethod': {}, 'formNoValidate': {}, 'formTarget': {}, 'value': {}},
-      '[type=image]': {
-        'alt': {},
-        'formAction': {},
-        'formEnctype': {},
-        'formMethod': {},
-        'formNoValidate': {},
-        'formTarget': {},
-        'height': {},
-        'src': {},
-        'value': {},
-        'width': {},
+      'selectionDirection': {
+        'rules': [
+          {'when': 'type', 'is': 'text'},
+          {'when': 'type', 'is': 'search'},
+          {'when': 'type', 'is': 'url'},
+          {'when': 'type', 'is': 'tel'},
+          {'when': 'type', 'is': 'password'},
+        ],
       },
-      '[type=reset]': {'value': {}},
-      '[type=button]': {'value': {}},
+      'align': {},
+      'useMap': {},
     },
+    'rules': [
+      {'when': 'type', 'is': 'hidden'},   {'when': 'type', 'is': 'text'},  {'when': 'type', 'is': 'search'},
+      {'when': 'type', 'is': 'url'},      {'when': 'type', 'is': 'tel'},   {'when': 'type', 'is': 'email'},
+      {'when': 'type', 'is': 'password'}, {'when': 'type', 'is': 'date'},  {'when': 'type', 'is': 'month'},
+      {'when': 'type', 'is': 'week'},     {'when': 'type', 'is': 'time'},  {'when': 'type', 'is': 'datetime-local'},
+      {'when': 'type', 'is': 'number'},   {'when': 'type', 'is': 'range'}, {'when': 'type', 'is': 'color'},
+      {'when': 'type', 'is': 'checkbox'}, {'when': 'type', 'is': 'radio'}, {'when': 'type', 'is': 'file'},
+      {'when': 'type', 'is': 'submit'},   {'when': 'type', 'is': 'image'}, {'when': 'type', 'is': 'reset'},
+      {'when': 'type', 'is': 'button'},
+    ],
   },
   'HTMLButtonElement': {
     'inheritance': 'HTMLElement',
@@ -1453,7 +1475,7 @@ export const DOMPinnedProperties: DOMPinnedPropertiesDataset = {
   },
   'GetRootNodeOptions': {'props': {'composed': {'specs': 2}}},
   'XMLDocument': {'inheritance': 'Document'},
-  'ElementCreationOptions': {'props': {'is': {'global': true, 'specs': 2}}},
+  'ElementCreationOptions': {'props': {'is': {'specs': 2, 'global': true}}},
   'ShadowRootInit': {'props': {'mode': {'specs': 2}, 'delegatesFocus': {'specs': 2}, 'slotAssignment': {'specs': 2}}},
   'NamedNodeMap': {'props': {'length': {'specs': 2}}},
   'Attr': {
@@ -1667,7 +1689,7 @@ export const DOMPinnedProperties: DOMPinnedPropertiesDataset = {
       'href': {'specs': 16},
       'ownerNode': {'specs': 16},
       'parentStyleSheet': {'specs': 16},
-      'title': {'global': true, 'specs': 16},
+      'title': {'specs': 16, 'global': true},
       'media': {'specs': 16},
       'disabled': {'specs': 16},
     },
@@ -1689,21 +1711,21 @@ export const DOMPinnedProperties: DOMPinnedPropertiesDataset = {
     },
   },
   'CSSStyleRule':
-      {'inheritance': 'CSSRule', 'props': {'selectorText': {'specs': 16}, 'style': {'global': true, 'specs': 16}}},
+      {'inheritance': 'CSSRule', 'props': {'selectorText': {'specs': 16}, 'style': {'specs': 16, 'global': true}}},
   'CSSImportRule':
       {'inheritance': 'CSSRule', 'props': {'href': {'specs': 16}, 'media': {'specs': 16}, 'styleSheet': {'specs': 16}}},
   'CSSGroupingRule': {'inheritance': 'CSSRule', 'props': {'cssRules': {'specs': 16}}},
   'CSSPageRule': {
     'inheritance': 'CSSGroupingRule',
-    'props': {'selectorText': {'specs': 16}, 'style': {'global': true, 'specs': 16}},
+    'props': {'selectorText': {'specs': 16}, 'style': {'specs': 16, 'global': true}},
   },
-  'CSSMarginRule': {'inheritance': 'CSSRule', 'props': {'name': {'specs': 16}, 'style': {'global': true, 'specs': 16}}},
+  'CSSMarginRule': {'inheritance': 'CSSRule', 'props': {'name': {'specs': 16}, 'style': {'specs': 16, 'global': true}}},
   'CSSNamespaceRule': {'inheritance': 'CSSRule', 'props': {'namespaceURI': {'specs': 16}, 'prefix': {'specs': 16}}},
   'CSSStyleDeclaration': {
     'props':
         {'cssText': {'specs': 16}, 'length': {'specs': 16}, 'parentRule': {'specs': 16}, 'cssFloat': {'specs': 16}},
   },
-  'ElementCSSInlineStyle': {'props': {'style': {'global': true, 'specs': 16}}},
+  'ElementCSSInlineStyle': {'props': {'style': {'specs': 16, 'global': true}}},
   'SVGElement': {'includes': ['ElementCSSInlineStyle']},
   'MathMLElement': {'includes': ['ElementCSSInlineStyle']},
   'ARIAMixin': {

package/front_end/models/javascript_metadata/JavaScriptMetadata.ts

@@ -5,10 +5,13 @@
 import type * as Common from '../../core/common/common.js';
 
 import {NativeFunctions} from './NativeFunctions.js';
+import * as DOMPinnedProperties from './DOMPinnedProperties.js';
 
 let javaScriptMetadataInstance: JavaScriptMetadataImpl;
 
 export class JavaScriptMetadataImpl implements Common.JavaScriptMetaData.JavaScriptMetaData {
+  static readonly domPinnedProperties = DOMPinnedProperties;
+
   private readonly uniqueFunctions: Map<string, string[][]>;
   private readonly receiverMethods: Map<string, Map<string, string[][]>>;
   static instance(opts: {

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -5475,6 +5475,10 @@ export const NativeFunctions = [
     name: 'ScrollTimeline',
     signatures: [['?options']]
   },
+  {
+    name: 'ViewTimeline',
+    signatures: [['?options']]
+  },
   {
     name: 'AccessibleNodeList',
     signatures: [['?nodes']]
@@ -7532,10 +7536,6 @@ export const NativeFunctions = [
     name: 'FetchEvent',
     signatures: [['type','eventInitDict']]
   },
-  {
-    name: 'addPerformanceEntry',
-    signatures: [['entry']]
-  },
   {
     name: 'InstallEvent',
     signatures: [['type','?eventInitDict']]

package/front_end/models/javascript_metadata/javascript_metadata.ts

@@ -3,12 +3,15 @@
 // found in the LICENSE file.
 
 import './NativeFunctions.js';
+import './DOMPinnedProperties.js';
 import './JavaScriptMetadata.js';
 
+import * as DOMPinnedProperties from './DOMPinnedProperties.js';
 import * as JavaScriptMetadata from './JavaScriptMetadata.js';
 import * as NativeFunctions from './NativeFunctions.js';
 
 export {
+  DOMPinnedProperties,
   JavaScriptMetadata,
   NativeFunctions,
 };