/
ashipov
/
react
Обзор
Документация
Войти
/
ashipov
/
react
Код
Запросы
0
Задачи 2.0
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
fixtures/attribute-behavior/src/attributes.js
2 399 строк
58 KB
Sebastian Silbermann
React DOM: Add support for Popover API (#27981)
20 май 2024, 23:01
Не верифицирован
20 май 2024, 23:01
6f90365
Код
Авторство
О чём код?
function getProperty(propertyName) { return el => el[propertyName]; } function getAttribute(attributeName) { return el => { if (el.namespaceURI === '') { throw new Error('Not an HTML element.'); } return el.getAttribute(attributeName); }; } function getSVGProperty(propertyName) { return el => el[propertyName]; } function getSVGAttribute(attributeName) { return el => { if (el.namespaceURI !== 'http://www.w3.org/2000/svg') { throw new Error('Not an SVG element.'); } return el.getAttribute(attributeName); }; } const attributes = [ {name: 'about', read: getAttribute('about')}, {name: 'aBoUt', read: getAttribute('about')}, { name: 'accent-Height', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('accent-height'), }, { name: 'accent-height', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('accent-height'), }, { name: 'accentHeight', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('accent-height'), }, {name: 'accept', tagName: 'input'}, {name: 'accept-charset', tagName: 'form', read: getProperty('acceptCharset')}, {name: 'accept-Charset', tagName: 'form', read: getProperty('acceptCharset')}, {name: 'acceptCharset', tagName: 'form'}, {name: 'accessKey'}, { name: 'accumulate', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('accumulate'), }, {name: 'action', tagName: 'form', overrideStringValue: 'https://reactjs.com'}, { name: 'additive', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('additive'), }, { name: 'alignment-baseline', containerTagName: 'svg', tagName: 'textPath', read: getSVGAttribute('alignment-baseline'), }, { name: 'alignmentBaseline', containerTagName: 'svg', tagName: 'textPath', read: getSVGAttribute('alignment-baseline'), }, { name: 'allowFullScreen', tagName: 'iframe', read: getProperty('allowFullscreen'), }, { name: 'allowfullscreen', tagName: 'iframe', read: getProperty('allowFullscreen'), }, {name: 'allowFullscreen', tagName: 'iframe'}, { name: 'allowReorder', containerTagName: 'svg', tagName: 'switch', read: getSVGAttribute('allowReorder'), }, { name: 'alphabetic', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('alphabetic'), }, {name: 'alt', tagName: 'img'}, { name: 'amplitude', containerTagName: 'svg', tagName: 'feFuncA', read: getSVGProperty('amplitude'), }, { name: 'arabic-form', containerTagName: 'svg', tagName: 'glyph', read: getSVGAttribute('arabic-form'), }, { name: 'arabicForm', containerTagName: 'svg', tagName: 'glyph', read: getSVGAttribute('arabic-form'), }, {name: 'aria', read: getAttribute('aria')}, {name: 'aria-', read: getAttribute('aria-')}, {name: 'aria-hidden', read: getProperty('ariaHidden')}, {name: 'aria-invalidattribute', read: getAttribute('aria-invalidattribute')}, {name: 'as', tagName: 'link'}, { name: 'ascent', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('ascent'), }, {name: 'async', tagName: 'script'}, { name: 'attributeName', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('attributeName'), }, { name: 'attributeType', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('attributeType'), }, { name: 'autoCapitalize', tagName: 'input', read: getProperty('autocapitalize'), overrideStringValue: 'words', }, { name: 'autoComplete', tagName: 'input', overrideStringValue: 'email', read: getProperty('autocomplete'), }, { name: 'autoCorrect', tagName: 'input', overrideStringValue: 'off', read: getAttribute('autocorrect'), }, {name: 'autoPlay', tagName: 'video', read: getProperty('autoplay')}, { name: 'autoReverse', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('autoreverse'), }, {name: 'autoSave', tagName: 'input', read: getAttribute('autosave')}, { name: 'azimuth', containerTagName: 'svg', tagName: 'feDistantLight', read: getSVGProperty('azimuth'), }, { name: 'baseFrequency', containerTagName: 'svg', tagName: 'feTurbulence', read: getSVGAttribute('baseFrequency'), }, { name: 'baseline-shift', containerTagName: 'svg', tagName: 'textPath', read: getSVGAttribute('baseline-shift'), }, { name: 'baselineShift', containerTagName: 'svg', tagName: 'textPath', read: getSVGAttribute('baseline-shift'), }, {name: 'baseProfile', tagName: 'svg', read: getSVGAttribute('baseProfile')}, { name: 'bbox', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('bbox'), }, { name: 'begin', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('begin'), }, { name: 'bias', containerTagName: 'svg', tagName: 'feConvolveMatrix', read: getSVGProperty('bias'), }, { name: 'by', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('by'), }, { name: 'calcMode', containerTagName: 'svg', tagName: 'animate', overrideStringValue: 'discrete', read: getSVGAttribute('calcMode'), }, { name: 'cap-height', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('cap-height'), }, { name: 'capHeight', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('cap-height'), }, { name: 'capture', tagName: 'input', overrideStringValue: 'environment', read: getAttribute('capture'), }, {name: 'cellPadding', tagName: 'table'}, {name: 'cellSpacing', tagName: 'table'}, { name: 'challenge', tagName: 'keygen', read: getAttribute('challenge'), // The property is not supported in Chrome. }, {name: 'charSet', tagName: 'script', read: getProperty('charset')}, {name: 'checked', tagName: 'input', extraProps: {onChange() {}}}, {name: 'Checked', tagName: 'input', read: getAttribute('Checked')}, {name: 'Children', read: getAttribute('children')}, {name: 'children'}, { name: 'cite', tagName: 'blockquote', overrideStringValue: 'https://reactjs.com/', }, {name: 'class', read: getAttribute('class')}, {name: 'classID', tagName: 'object', read: getAttribute('classid')}, {name: 'className'}, {name: 'clip', tagName: 'svg', read: getAttribute('clip')}, { name: 'clip-path', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('clip-path'), }, { name: 'clipPath', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('clip-path'), }, { name: 'clipPathUnits', containerTagName: 'svg', tagName: 'clipPath', overrideStringValue: 'objectBoundingBox', read: getSVGProperty('clipPathUnits'), }, { name: 'clip-rule', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('clip-rule'), }, { name: 'clipRule', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('clip-rule'), }, { name: 'color', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('color'), }, { name: 'color-interpolation', containerTagName: 'svg', tagName: 'animate', overrideStringValue: 'sRGB', read: getSVGAttribute('color-interpolation'), }, { name: 'colorInterpolation', containerTagName: 'svg', tagName: 'animate', overrideStringValue: 'sRGB', read: getSVGAttribute('color-interpolation'), }, { name: 'color-interpolation-filters', containerTagName: 'svg', tagName: 'feComposite', overrideStringValue: 'sRGB', read: getSVGAttribute('color-interpolation-filters'), }, { name: 'colorInterpolationFilters', containerTagName: 'svg', tagName: 'feComposite', overrideStringValue: 'sRGB', read: getSVGAttribute('color-interpolation-filters'), }, { name: 'color-profile', containerTagName: 'svg', tagName: 'image', overrideStringValue: 'sRGB', read: getSVGAttribute('color-profile'), }, { name: 'colorProfile', containerTagName: 'svg', tagName: 'image', overrideStringValue: 'sRGB', read: getSVGAttribute('color-profile'), }, { name: 'color-rendering', containerTagName: 'svg', tagName: 'animate', overrideStringValue: 'optimizeSpeed', read: getSVGAttribute('color-rendering'), }, { name: 'colorRendering', containerTagName: 'svg', tagName: 'animate', overrideStringValue: 'optimizeSpeed', read: getSVGAttribute('color-rendering'), }, {name: 'cols', tagName: 'textarea'}, {name: 'colSpan', containerTagName: 'tr', tagName: 'td'}, {name: 'content', containerTagName: 'head', tagName: 'meta'}, {name: 'contentEditable'}, { name: 'contentScriptType', tagName: 'svg', read: getSVGAttribute('contentScriptType'), }, { name: 'contentStyleType', tagName: 'svg', read: getSVGAttribute('contentStyleType'), }, {name: 'contextMenu', read: getAttribute('contextmenu')}, // TODO: Read the property by rendering a menu with the ID. {name: 'controls', tagName: 'video'}, {name: 'coords', tagName: 'a'}, {name: 'crossOrigin', tagName: 'script'}, {name: 'cursor', tag: 'svg', read: getAttribute('cursor')}, { name: 'cx', containerTagName: 'svg', tagName: 'circle', overrideStringValue: '10px', read: getSVGProperty('cx'), }, { name: 'cy', containerTagName: 'svg', tagName: 'circle', overrideStringValue: '10%', read: getSVGProperty('cy'), }, { name: 'd', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('d'), }, { name: 'dangerouslySetInnerHTML', read: getAttribute('dangerouslySetInnerHTML'), }, { name: 'DangerouslySetInnerHTML', read: getAttribute('DangerouslySetInnerHTML'), }, {name: 'data', read: getAttribute('data')}, {name: 'data-', read: getAttribute('data-')}, {name: 'data-unknownattribute', read: getAttribute('data-unknownattribute')}, {name: 'datatype', read: getAttribute('datatype')}, { name: 'dateTime', tagName: 'time', overrideStringValue: '2001-05-15T19:00', read: getAttribute('datetime'), }, { name: 'decelerate', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('decelerate'), }, {name: 'default', tagName: 'track'}, { name: 'defaultchecked', tagName: 'input', read: getAttribute('defaultchecked'), }, {name: 'defaultChecked', tagName: 'input'}, {name: 'defaultValue', tagName: 'input'}, {name: 'defaultValuE', tagName: 'input', read: getAttribute('defaultValuE')}, {name: 'defer', tagName: 'script'}, { name: 'descent', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('descent'), }, { name: 'diffuseConstant', containerTagName: 'svg', tagName: 'feDiffuseLighting', read: getSVGProperty('diffuseConstant'), }, {name: 'dir', overrideStringValue: 'rtl'}, { name: 'direction', containerTagName: 'svg', tagName: 'text', overrideStringValue: 'rtl', read: getSVGAttribute('direction'), }, {name: 'disabled', tagName: 'input'}, { name: 'disablePictureInPicture', tagName: 'video', read: getProperty('disablepictureinpicture'), }, { name: 'disableRemotePlayback', tagName: 'video', read: getProperty('disableremoteplayback'), }, { name: 'display', tagName: 'svg', overrideStringValue: 'list-item', read: getAttribute('display'), }, { name: 'divisor', containerTagName: 'svg', tagName: 'feConvolveMatrix', read: getSVGProperty('divisor'), }, { name: 'dominant-baseline', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('dominant-baseline'), }, { name: 'dominantBaseline', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('dominant-baseline'), }, {name: 'download', tagName: 'a'}, {name: 'dOwNlOaD', tagName: 'a', read: getAttribute('dOwNlOaD')}, {name: 'draggable'}, { name: 'dur', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('dur'), }, { name: 'dx', containerTagName: 'svg', tagName: 'text', overrideStringValue: '1pt 2px 3em', read: getSVGProperty('dx'), }, { name: 'dX', containerTagName: 'svg', tagName: 'text', overrideStringValue: '1pt 2px 3em', read: getSVGProperty('dx'), }, { name: 'dy', containerTagName: 'svg', tagName: 'text', overrideStringValue: '1 2 3', read: getSVGProperty('dy'), }, { name: 'dY', containerTagName: 'svg', tagName: 'text', overrideStringValue: '1 2 3', read: getSVGProperty('dy'), }, { name: 'edgeMode', containerTagName: 'svg', tagName: 'feConvolveMatrix', overrideStringValue: 'wrap', read: getSVGProperty('edgeMode'), }, { name: 'elevation', containerTagName: 'svg', tagName: 'feDistantLight', read: getSVGProperty('elevation'), }, { name: 'enable-background', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('enable-background'), }, { name: 'enableBackground', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('enable-background'), }, { name: 'encType', tagName: 'form', overrideStringValue: 'text/plain', read: getProperty('enctype'), }, { name: 'end', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('end'), }, { name: 'enterKeyHint', tagName: 'input', read: getProperty('enterKeyHint'), }, { name: 'exponent', read: getSVGProperty('exponent'), containerTagName: 'svg', tagName: 'feFuncA', }, { name: 'externalResourcesRequired', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('externalResourcesRequired'), }, { name: 'fetchPriority', overrideStringValue: 'high', tagName: 'img', read: getProperty('fetchPriority'), }, { name: 'fetchpriority', overrideStringValue: 'high', tagName: 'img', read: getProperty('fetchPriority'), }, { name: 'fetchPriority', overrideStringValue: 'high', tagName: 'link', read: getProperty('fetchPriority'), }, { name: 'fill', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('fill'), }, { name: 'fillOpacity', containerTagName: 'svg', tagName: 'circle', read: getSVGAttribute('fill-opacity'), }, { name: 'fill-opacity', containerTagName: 'svg', tagName: 'circle', read: getSVGAttribute('fill-opacity'), }, { name: 'fillRule', containerTagName: 'svg', tagName: 'circle', read: getSVGAttribute('fill-rule'), }, { name: 'fill-rule', containerTagName: 'svg', tagName: 'circle', read: getSVGAttribute('fill-rule'), }, { name: 'filter', containerTagName: 'svg', tagName: 'g', read: getSVGAttribute('filter'), }, { name: 'filterRes', containerTagName: 'svg', tagName: 'filter', read: getSVGAttribute('filterRes'), }, { name: 'filterUnits', containerTagName: 'svg', tagName: 'filter', overrideStringValue: 'userSpaceOnUse', read: getSVGProperty('filterUnits'), }, { name: 'flood-color', containerTagName: 'svg', tagName: 'feflood', overrideStringValue: 'currentColor', read: getSVGAttribute('flood-color'), }, { name: 'floodColor', containerTagName: 'svg', tagName: 'feflood', overrideStringValue: 'currentColor', read: getSVGAttribute('flood-color'), }, { name: 'flood-opacity', containerTagName: 'svg', tagName: 'feflood', overrideStringValue: 'inherit', read: getSVGAttribute('flood-opacity'), }, { name: 'floodOpacity', containerTagName: 'svg', tagName: 'feflood', overrideStringValue: 'inherit', read: getSVGAttribute('flood-opacity'), }, {name: 'focusable', tagName: 'p', read: getAttribute('focusable')}, { name: 'font-family', read: getSVGAttribute('font-family'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'font-size', read: getSVGAttribute('font-size'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'font-size-adjust', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('font-size-adjust'), }, { name: 'font-stretch', read: getSVGAttribute('font-stretch'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'font-style', read: getSVGAttribute('font-style'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'font-variant', read: getSVGAttribute('font-variant'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'font-weight', read: getSVGAttribute('font-weight'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'fontFamily', read: getSVGAttribute('font-family'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'fontSize', read: getSVGAttribute('font-size'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'fontSizeAdjust', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('font-size-adjust'), }, { name: 'fontStretch', read: getSVGAttribute('font-stretch'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'fontStyle', read: getSVGAttribute('font-style'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'fontVariant', read: getSVGAttribute('font-variant'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'fontWeight', read: getSVGAttribute('font-weight'), containerTagName: 'svg', tagName: 'font-face', }, {name: 'for', tagName: 'label', read: getProperty('htmlFor')}, {name: 'fOr', tagName: 'label', read: getProperty('htmlFor')}, {name: 'form', read: getAttribute('form')}, // TODO: Read the property by rendering into a form with i { name: 'formAction', tagName: 'input', overrideStringValue: 'https://reactjs.com', }, { name: 'format', read: getSVGAttribute('format'), containerTagName: 'svg', tagName: 'altGlyph', }, {name: 'formEncType', tagName: 'input', read: getProperty('formEnctype')}, {name: 'formMethod', tagName: 'input', overrideStringValue: 'POST'}, {name: 'formNoValidate', tagName: 'input'}, {name: 'formTarget', tagName: 'input'}, {name: 'frameBorder', tagName: 'iframe'}, { name: 'from', read: getSVGAttribute('from'), containerTagName: 'svg', tagName: 'animate', }, { name: 'fx', read: getSVGProperty('fx'), containerTagName: 'svg', overrideStringValue: '10px', tagName: 'radialGradient', }, { name: 'fX', containerTagName: 'svg', tagName: 'radialGradient', overrideStringValue: '10px', read: getSVGProperty('fx'), }, { name: 'fY', containerTagName: 'svg', tagName: 'radialGradient', overrideStringValue: '20em', read: getSVGProperty('fy'), }, { name: 'fy', read: getSVGProperty('fy'), containerTagName: 'svg', overrideStringValue: '20em', tagName: 'radialGradient', }, { name: 'G1', containerTagName: 'svg', tagName: 'hkern', read: getSVGAttribute('g1'), }, { name: 'g1', read: getSVGAttribute('g1'), containerTagName: 'svg', tagName: 'hkern', }, { name: 'G2', containerTagName: 'svg', tagName: 'hkern', read: getSVGAttribute('g2'), }, { name: 'g2', read: getSVGAttribute('g2'), containerTagName: 'svg', tagName: 'hkern', }, { name: 'glyph-name', read: getSVGAttribute('glyph-name'), containerTagName: 'svg', tagName: 'glyph', }, { name: 'glyph-orientation-horizontal', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('glyph-orientation-horizontal'), }, { name: 'glyph-orientation-vertical', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('glyph-orientation-vertical'), }, { name: 'glyphName', read: getSVGAttribute('glyph-name'), containerTagName: 'svg', tagName: 'glyph', }, { name: 'glyphOrientationHorizontal', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('glyph-orientation-horizontal'), }, { name: 'glyphOrientationVertical', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('glyph-orientation-vertical'), }, { name: 'glyphRef', read: getSVGAttribute('glyph-ref'), containerTagName: 'svg', tagName: 'altGlyph', }, { name: 'gradientTransform', read: getSVGProperty('gradientTransform'), containerTagName: 'svg', overrideStringValue: 'translate(-10,-20) scale(2) rotate(45) translate(5,10)', tagName: 'linearGradient', }, { name: 'gradientUnits', read: getSVGProperty('gradientUnits'), containerTagName: 'svg', overrideStringValue: 'userSpaceOnUse', tagName: 'linearGradient', }, { name: 'hanging', read: getSVGAttribute('hanging'), containerTagName: 'svg', tagName: 'font-face', }, // Disabled because it crashes other tests with React 15. // TODO: re-enable when we no longer compare to 15. // {name: 'hasOwnProperty', read: getAttribute('hasOwnProperty')}, {name: 'headers', containerTagName: 'tr', tagName: 'td'}, {name: 'height', tagName: 'img'}, { name: 'height', containerTagName: 'svg', tagName: 'rect', read: getSVGProperty('height'), overrideStringValue: '100%', }, {name: 'hidden', overrideStringValue: 'until-found'}, {name: 'high', tagName: 'meter'}, { name: 'horiz-adv-x', read: getSVGAttribute('horiz-adv-x'), containerTagName: 'svg', tagName: 'font', }, { name: 'horiz-origin-x', read: getSVGAttribute('horiz-origin-x'), containerTagName: 'svg', tagName: 'font', }, { name: 'horizAdvX', read: getSVGAttribute('horiz-adv-x'), containerTagName: 'svg', tagName: 'font', }, { name: 'horizOriginX', read: getSVGAttribute('horiz-origin-x'), containerTagName: 'svg', tagName: 'font', }, {name: 'href', tagName: 'a', overrideStringValue: 'https://reactjs.com'}, {name: 'hrefLang', read: getAttribute('hreflang')}, {name: 'htmlFor', tagName: 'label'}, { name: 'http-equiv', containerTagName: 'head', tagName: 'meta', read: getProperty('httpEquiv'), }, {name: 'httpEquiv', containerTagName: 'head', tagName: 'meta'}, {name: 'icon', tagName: 'command', read: getAttribute('icon')}, {name: 'id'}, {name: 'ID', read: getProperty('id')}, { name: 'ideographic', read: getSVGAttribute('ideographic'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'image-rendering', tagName: 'svg', read: getSVGAttribute('image-rendering'), }, { name: 'imageRendering', tagName: 'svg', read: getSVGAttribute('image-rendering'), }, {name: 'imageSizes', tagName: 'link', read: getProperty('imageSizes')}, {name: 'imageSrcSet', tagName: 'link', read: getProperty('imageSrcset')}, { name: 'in', read: getSVGAttribute('in'), containerTagName: 'svg', tagName: 'feBlend', }, {name: 'inert'}, { name: 'in2', read: getSVGProperty('in2'), containerTagName: 'svg', tagName: 'feBlend', }, {name: 'initialChecked', read: getAttribute('initialchecked')}, {name: 'initialValue', read: getAttribute('initialvalue')}, {name: 'inlist', read: getAttribute('inlist')}, {name: 'inputMode', tagName: 'input'}, {name: 'integrity', tagName: 'script'}, { name: 'intercept', read: getSVGProperty('intercept'), containerTagName: 'svg', tagName: 'feFuncA', }, { name: 'is', tagName: 'button', overrideStringValue: 'x-test-element', read: getAttribute('is'), // TODO: This could check if this is an extended custom element but this is a controversial spec. }, {name: 'itemID', read: getAttribute('itemid')}, {name: 'itemProp', read: getAttribute('itemprop')}, {name: 'itemRef', read: getAttribute('itemref')}, {name: 'itemScope', read: getAttribute('itemscope')}, {name: 'itemType', read: getAttribute('itemtype')}, { name: 'k', read: getSVGAttribute('k'), containerTagName: 'svg', tagName: 'hkern', }, { name: 'K', containerTagName: 'svg', tagName: 'hkern', read: getSVGAttribute('k'), }, { name: 'K1', containerTagName: 'svg', tagName: 'feComposite', read: getSVGProperty('k1'), }, { name: 'k1', read: getSVGProperty('k1'), containerTagName: 'svg', tagName: 'feComposite', }, { name: 'k2', read: getSVGProperty('k2'), containerTagName: 'svg', tagName: 'feComposite', }, { name: 'k3', read: getSVGProperty('k3'), containerTagName: 'svg', tagName: 'feComposite', }, { name: 'k4', read: getSVGProperty('k4'), containerTagName: 'svg', tagName: 'feComposite', }, { name: 'kernelMatrix', read: getSVGProperty('kernelMatrix'), containerTagName: 'svg', tagName: 'feConvolveMatrix', overrideStringValue: '1 2 3,4', }, { name: 'kernelUnitLength', read: getSVGAttribute('kernelUnitLength'), containerTagName: 'svg', tagName: 'feConvolveMatrix', }, { name: 'kerning', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('kerning'), }, {name: 'keyParams', read: getAttribute('keyParams')}, { name: 'keyPoints', read: getSVGAttribute('keyPoints'), containerTagName: 'svg', tagName: 'animateMotion', }, { name: 'keySplines', read: getSVGAttribute('keySplines'), containerTagName: 'svg', tagName: 'animate', }, { name: 'keyTimes', read: getSVGAttribute('keyTimes'), containerTagName: 'svg', tagName: 'animate', }, {name: 'keyType', read: getAttribute('keyType')}, {name: 'kind', tagName: 'track', overrideStringValue: 'captions'}, {name: 'label', tagName: 'track'}, {name: 'LANG', read: getProperty('lang')}, {name: 'lang'}, {name: 'lang', containerTagName: 'document', tagName: 'html'}, {name: 'length', read: getAttribute('length')}, { name: 'lengthAdjust', read: getSVGProperty('lengthAdjust'), containerTagName: 'svg', tagName: 'text', overrideStringValue: 'spacingAndGlyphs', }, { name: 'letter-spacing', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('letter-spacing'), }, { name: 'letterSpacing', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('letter-spacing'), }, { name: 'lighting-color', containerTagName: 'svg', tagName: 'feDiffuseLighting', read: getSVGAttribute('lighting-color'), }, { name: 'lightingColor', containerTagName: 'svg', tagName: 'feDiffuseLighting', read: getSVGAttribute('lighting-color'), }, { name: 'limitingConeAngle', read: getSVGProperty('limitingConeAngle'), containerTagName: 'svg', tagName: 'feSpotLight', }, {name: 'list', read: getAttribute('list')}, // TODO: This should match the ID of a datalist element and then read property. { name: 'local', read: getSVGAttribute('local'), containerTagName: 'svg', tagName: 'color-profile', }, {name: 'loop', tagName: 'audio'}, {name: 'low', tagName: 'meter'}, {name: 'manifest', read: getAttribute('manifest')}, {name: 'marginHeight', containerTagName: 'frameset', tagName: 'frame'}, {name: 'marginWidth', containerTagName: 'frameset', tagName: 'frame'}, { name: 'marker-end', containerTagName: 'svg', tagName: 'line', read: getSVGAttribute('marker-end'), }, { name: 'marker-mid', containerTagName: 'svg', tagName: 'line', read: getSVGAttribute('marker-mid'), }, { name: 'marker-start', containerTagName: 'svg', tagName: 'line', read: getSVGAttribute('marker-start'), }, { name: 'markerEnd', containerTagName: 'svg', tagName: 'line', read: getSVGAttribute('marker-end'), }, { name: 'markerHeight', read: getSVGProperty('markerHeight'), containerTagName: 'svg', tagName: 'marker', }, { name: 'markerMid', containerTagName: 'svg', tagName: 'line', read: getSVGAttribute('marker-mid'), }, { name: 'markerStart', containerTagName: 'svg', tagName: 'line', read: getSVGAttribute('marker-start'), }, { name: 'markerUnits', read: getSVGProperty('markerUnits'), containerTagName: 'svg', tagName: 'marker', }, { name: 'markerWidth', read: getSVGProperty('markerWidth'), containerTagName: 'svg', tagName: 'marker', }, { name: 'mask', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('mask'), }, { name: 'maskContentUnits', read: getSVGProperty('maskContentUnits'), containerTagName: 'svg', tagName: 'mask', overrideStringValue: 'objectBoundingBox', }, { name: 'maskUnits', read: getSVGProperty('maskUnits'), containerTagName: 'svg', tagName: 'mask', overrideStringValue: 'userSpaceOnUse', }, { name: 'mathematical', read: getSVGAttribute('mathematical'), containerTagName: 'svg', tagName: 'font-face', }, {name: 'max', tagName: 'input'}, {name: 'max', tagName: 'meter'}, {name: 'max', tagName: 'progress'}, { name: 'max', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('max'), }, {name: 'maxLength', tagName: 'textarea'}, {name: 'media', tagName: 'link'}, { name: 'media', containerTagName: 'svg', tagName: 'style', read: getSVGProperty('media'), }, {name: 'mediaGroup', tagName: 'video', read: getAttribute('mediagroup')}, // TODO: Not yet implemented in Chrome. {name: 'method', tagName: 'form', overrideStringValue: 'POST'}, { name: 'method', containerTagName: 'svg', tagName: 'textPath', read: getSVGProperty('method'), overrideStringValue: 'stretch', }, {name: 'min', tagName: 'input'}, {name: 'min', tagName: 'meter'}, { name: 'min', containerTagName: 'svg', tagName: 'animate', read: getSVGAttribute('min'), }, {name: 'minLength', tagName: 'input'}, { name: 'mode', read: getSVGProperty('mode'), containerTagName: 'svg', tagName: 'feBlend', overrideStringValue: 'multiply', }, {name: 'multiple', tagName: 'select'}, {name: 'muted', tagName: 'video'}, {name: 'name', tagName: 'input'}, { name: 'name', containerTagName: 'svg', tagName: 'color-profile', read: getSVGAttribute('color-profile'), }, {name: 'noModule', tagName: 'script'}, {name: 'nonce', read: getAttribute('nonce')}, {name: 'noValidate', tagName: 'form'}, { name: 'numOctaves', read: getSVGProperty('numOctaves'), containerTagName: 'svg', tagName: 'feTurbulence', }, { name: 'offset', read: getSVGProperty('offset'), containerTagName: 'svg', tagName: 'stop', }, {name: 'on-click'}, // TODO: Check for event subscriptions {name: 'on-unknownevent'}, // TODO: Check for event subscriptions {name: 'onclick'}, // TODO: Check for event subscriptions {name: 'onClick'}, // TODO: Check for event subscriptions {name: 'onunknownevent'}, // TODO: Check for event subscriptions {name: 'onUnknownEvent'}, // TODO: Check for event subscriptions { name: 'opacity', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('opacity'), }, {name: 'open', tagName: 'details'}, { name: 'operator', read: getSVGProperty('operator'), containerTagName: 'svg', tagName: 'feComposite', overrideStringValue: 'xor', }, {name: 'optimum', tagName: 'meter'}, { name: 'order', read: getSVGAttribute('order'), containerTagName: 'svg', tagName: 'feConvolveMatrix', }, { name: 'orient', read: getSVGAttribute('orient'), containerTagName: 'svg', tagName: 'marker', }, { name: 'orientation', read: getSVGAttribute('orientation'), containerTagName: 'svg', tagName: 'glyph', }, { name: 'origin', read: getSVGAttribute('origin'), containerTagName: 'svg', tagName: 'animateMotion', }, { name: 'overflow', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('overflow'), }, { name: 'overline-position', read: getSVGAttribute('overline-position'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'overline-thickness', read: getSVGAttribute('overline-thickness'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'overlinePosition', read: getSVGAttribute('overline-position'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'overlineThickness', read: getSVGAttribute('overline-thickness'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'paint-order', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('paint-order'), }, { name: 'paintOrder', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('paint-order'), }, { name: 'panose-1', read: getSVGAttribute('panose-1'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'panose1', containerTagName: 'svg', tagName: 'font-face', read: getSVGAttribute('panose-1'), }, { name: 'pathLength', read: getSVGProperty('pathLength'), containerTagName: 'svg', tagName: 'path', }, {name: 'pattern', tagName: 'input'}, { name: 'patternContentUnits', read: getSVGProperty('patternContentUnits'), containerTagName: 'svg', tagName: 'pattern', overrideStringValue: 'objectBoundingBox', }, { name: 'patternTransform', read: getSVGProperty('patternTransform'), containerTagName: 'svg', tagName: 'pattern', overrideStringValue: 'translate(-10,-20) scale(2) rotate(45) translate(5,10)', }, { name: 'patternUnits', read: getSVGProperty('patternUnits'), containerTagName: 'svg', tagName: 'pattern', overrideStringValue: 'userSpaceOnUse', }, {name: 'placeholder', tagName: 'input'}, {name: 'playsInline', read: getAttribute('playsinline')}, { name: 'pointer-events', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('pointer-events'), }, { name: 'pointerEvents', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('pointer-events'), }, { name: 'points', read: getSVGProperty('points'), containerTagName: 'svg', tagName: 'polygon', overrideStringValue: '350,75 379,161 469,161', }, { name: 'pointsAtX', read: getSVGProperty('pointsAtX'), containerTagName: 'svg', tagName: 'feSpotLight', }, { name: 'pointsAtY', read: getSVGProperty('pointsAtY'), containerTagName: 'svg', tagName: 'feSpotLight', }, { name: 'pointsAtZ', read: getSVGProperty('pointsAtZ'), containerTagName: 'svg', tagName: 'feSpotLight', }, {name: 'popover', overrideStringValue: 'manual'}, { name: 'popoverTarget', read: element => { document.body.appendChild(element); try { // trigger and target need to be connected for `popoverTargetElement` to read the actual value. return element.popoverTargetElement; } finally { document.body.removeChild(element); } }, overrideStringValue: 'popover-target', tagName: 'button', }, {name: 'popoverTargetAction', overrideStringValue: 'show', tagName: 'button'}, { name: 'poster', tagName: 'video', overrideStringValue: 'https://reactjs.com', }, {name: 'prefix', read: getAttribute('prefix')}, {name: 'preload', tagName: 'video', overrideStringValue: 'none'}, { name: 'preserveAlpha', read: getSVGProperty('preserveAlpha'), containerTagName: 'svg', tagName: 'feConvolveMatrix', }, { name: 'preserveAspectRatio', read: getSVGProperty('preserveAspectRatio'), containerTagName: 'svg', tagName: 'feImage', overrideStringValue: 'xMinYMin slice', }, { name: 'primitiveUnits', read: getSVGProperty('primitiveUnits'), containerTagName: 'svg', tagName: 'filter', overrideStringValue: 'objectBoundingBox', }, {name: 'profile', read: getAttribute('profile')}, {name: 'property', read: getAttribute('property')}, {name: 'props', read: getAttribute('props')}, { name: 'r', read: getSVGProperty('r'), containerTagName: 'svg', tagName: 'circle', overrideStringValue: '10pt', }, {name: 'radioGroup', tagName: 'command', read: getAttribute('radiogroup')}, { name: 'radius', read: getSVGAttribute('radius'), containerTagName: 'svg', tagName: 'feMorphology', }, {name: 'readOnly', tagName: 'input'}, {name: 'referrerPolicy', tagName: 'iframe'}, { name: 'refX', read: getSVGProperty('refX'), containerTagName: 'svg', tagName: 'marker', overrideStringValue: '5em', }, { name: 'refY', read: getSVGProperty('refY'), containerTagName: 'svg', tagName: 'marker', overrideStringValue: '6em', }, {name: 'rel', tagName: 'a'}, { name: 'rendering-intent', read: getSVGAttribute('rendering-intent'), containerTagName: 'svg', tagName: 'color-profile', }, { name: 'renderingIntent', read: getSVGAttribute('rendering-intent'), containerTagName: 'svg', tagName: 'color-profile', }, { name: 'repeatCount', read: getSVGAttribute('repeatcount'), containerTagName: 'svg', tagName: 'animate', }, { name: 'repeatDur', read: getSVGAttribute('repeatdur'), containerTagName: 'svg', tagName: 'animate', }, {name: 'required', tagName: 'input'}, { name: 'requiredExtensions', read: getSVGProperty('requiredExtensions'), containerTagName: 'svg', tagName: 'a', }, { name: 'requiredFeatures', read: getSVGAttribute('requiredFeatures'), containerTagName: 'svg', tagName: 'a', }, {name: 'resource', read: getAttribute('resource')}, { name: 'restart', read: getSVGAttribute('resource'), containerTagName: 'svg', tagName: 'animate', }, { name: 'result', read: getSVGProperty('result'), containerTagName: 'svg', tagName: 'feBlend', }, {name: 'results', tagName: 'input', read: getAttribute('results')}, // TODO: Should use property but it's not supported in Chrome. {name: 'reversed', tagName: 'ol'}, {name: 'role', read: getAttribute('role')}, { name: 'rotate', read: getSVGAttribute('role'), containerTagName: 'svg', tagName: 'altGlyph', }, {name: 'rows', tagName: 'textarea'}, {name: 'rowSpan', containerTagName: 'tr', tagName: 'td'}, { name: 'rx', read: getSVGProperty('rx'), containerTagName: 'svg', tagName: 'ellipse', overrideStringValue: '1px', }, { name: 'ry', read: getSVGProperty('ry'), containerTagName: 'svg', tagName: 'ellipse', overrideStringValue: '2px', }, { name: 'sandbox', tagName: 'iframe', overrideStringValue: 'allow-forms allow-scripts', }, { name: 'scale', read: getSVGProperty('scale'), containerTagName: 'svg', tagName: 'feDisplacementMap', }, { name: 'scope', containerTagName: 'tr', tagName: 'th', overrideStringValue: 'row', }, {name: 'scoped', tagName: 'style', read: getAttribute('scoped')}, {name: 'scrolling', tagName: 'iframe', overrideStringValue: 'no'}, {name: 'seamless', tagName: 'iframe', read: getAttribute('seamless')}, {name: 'security', tagName: 'iframe', read: getAttribute('security')}, { name: 'seed', read: getSVGProperty('seed'), containerTagName: 'svg', tagName: 'feTurbulence', }, {name: 'selected', tagName: 'option', containerTagName: 'select'}, {name: 'selectedIndex', tagName: 'select'}, {name: 'shape', tagName: 'a'}, { name: 'shape-rendering', tagName: 'svg', read: getSVGAttribute('shape-rendering'), }, { name: 'shapeRendering', tagName: 'svg', read: getSVGAttribute('shape-rendering'), }, {name: 'size', tagName: 'input'}, {name: 'sizes', tagName: 'link'}, { name: 'slope', read: getSVGAttribute('slope'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'spacing', read: getSVGProperty('spacing'), containerTagName: 'svg', tagName: 'textPath', overrideStringValue: 'auto', }, {name: 'span', containerTagName: 'colgroup', tagName: 'col'}, { name: 'specularConstant', read: getSVGProperty('specularConstant'), containerTagName: 'svg', tagName: 'feSpecularLighting', }, { name: 'specularExponent', read: getSVGProperty('specularConstant'), containerTagName: 'svg', tagName: 'feSpecularLighting', }, {name: 'speed', read: getAttribute('speed')}, { name: 'spellCheck', overrideStringValue: 'false', tagName: 'input', read: getProperty('spellcheck'), }, { name: 'spellcheck', overrideStringValue: 'false', tagName: 'input', read: getProperty('spellcheck'), }, { name: 'spreadMethod', read: getSVGProperty('spreadMethod'), containerTagName: 'svg', tagName: 'linearGradient', overrideStringValue: 'reflect', }, {name: 'src', tagName: 'img', overrideStringValue: 'https://reactjs.com'}, { name: 'srcDoc', tagName: 'iframe', overrideStringValue: '<p>Hi</p>', read: getProperty('srcdoc'), }, { name: 'srcdoc', tagName: 'iframe', overrideStringValue: '<p>Hi</p>', read: getProperty('srcdoc'), }, { name: 'srcLang', containerTagName: 'audio', tagName: 'track', overrideStringValue: 'en', read: getProperty('srclang'), }, { name: 'srclang', containerTagName: 'audio', tagName: 'track', overrideStringValue: 'en', read: getProperty('srclang'), }, {name: 'srcSet', tagName: 'img'}, {name: 'srcset', tagName: 'img'}, {name: 'start', tagName: 'ol'}, { name: 'startOffset', read: getSVGProperty('startOffset'), containerTagName: 'svg', tagName: 'textPath', }, {name: 'state', read: getAttribute('state')}, { name: 'stdDeviation', read: getSVGAttribute('stdDeviation'), containerTagName: 'svg', tagName: 'feGaussianBlur', }, { name: 'stemh', read: getSVGAttribute('stemh'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'stemv', read: getSVGAttribute('stemv'), containerTagName: 'svg', tagName: 'font-face', }, {name: 'step', read: getAttribute('step')}, { name: 'stitchTiles', read: getSVGProperty('stitchTiles'), containerTagName: 'svg', tagName: 'feTurbulence', overrideStringValue: 'stitch', }, { name: 'stop-color', containerTagName: 'svg', tagName: 'stop', read: getSVGAttribute('stop-color'), }, { name: 'stop-opacity', containerTagName: 'svg', tagName: 'stop', read: getSVGAttribute('stop-opacity'), }, { name: 'stopColor', containerTagName: 'svg', tagName: 'stop', read: getSVGAttribute('stop-color'), }, { name: 'stopOpacity', containerTagName: 'svg', tagName: 'stop', read: getSVGAttribute('stop-opacity'), }, { name: 'strikethrough-position', read: getSVGAttribute('strikethrough-position'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'strikethrough-thickness', read: getSVGAttribute('strikethrough-thickness'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'strikethroughPosition', read: getSVGAttribute('strikethrough-position'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'strikethroughThickness', read: getSVGAttribute('strikethrough-thickness'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'string', read: getSVGAttribute('string'), containerTagName: 'svg', tagName: 'font-face-format', }, { name: 'stroke', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke'), }, { name: 'stroke-dasharray', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-dasharray'), }, { name: 'stroke-Dasharray', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-dasharray'), }, { name: 'stroke-dashoffset', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-dashoffset'), }, { name: 'stroke-linecap', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-linecap'), }, { name: 'stroke-linejoin', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-linejoin'), }, { name: 'stroke-miterlimit', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-miterlimit'), }, { name: 'stroke-opacity', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-opacity'), }, { name: 'stroke-width', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-width'), }, { name: 'strokeDasharray', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-dasharray'), }, { name: 'strokeDashoffset', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-dashoffset'), }, { name: 'strokeLinecap', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-linecap'), }, { name: 'strokeLinejoin', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-linejoin'), }, { name: 'strokeMiterlimit', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-miterlimit'), }, { name: 'strokeOpacity', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-opacity'), }, { name: 'strokeWidth', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('stroke-width'), }, {name: 'style'}, {name: 'summary', tagName: 'table'}, { name: 'suppressContentEditableWarning', read: getAttribute('suppresscontenteditablewarning'), }, { name: 'surfaceScale', read: getSVGProperty('surfaceScale'), containerTagName: 'svg', tagName: 'feDiffuseLighting', }, { name: 'systemLanguage', overrideStringValue: 'en', read: getSVGProperty('systemLanguage'), containerTagName: 'svg', tagName: 'a', }, {name: 'tabIndex'}, { name: 'tabIndex', read: getSVGProperty('tabIndex'), tagName: 'svg', }, { name: 'tableValues', read: getSVGProperty('tableValues'), containerTagName: 'svg', tagName: 'feFuncA', overrideStringValue: '0 1 2 3', }, { name: 'target', read: getSVGProperty('target'), containerTagName: 'svg', tagName: 'a', }, { name: 'targetX', read: getSVGProperty('targetX'), containerTagName: 'svg', tagName: 'feConvolveMatrix', }, { name: 'targetY', read: getSVGProperty('targetY'), containerTagName: 'svg', tagName: 'feConvolveMatrix', }, { name: 'text-anchor', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('text-anchor'), }, { name: 'text-decoration', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('text-decoration'), }, { name: 'text-rendering', tagName: 'svg', read: getSVGAttribute('text-rendering'), }, { name: 'textAnchor', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('text-anchor'), }, { name: 'textDecoration', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('text-decoration'), }, { name: 'textLength', read: getSVGProperty('textLength'), containerTagName: 'svg', tagName: 'text', }, { name: 'textRendering', tagName: 'svg', read: getSVGAttribute('text-rendering'), }, {name: 'title'}, { name: 'to', read: getSVGAttribute('to'), containerTagName: 'svg', tagName: 'set', }, { name: 'transform', read: getSVGProperty('transform'), containerTagName: 'svg', tagName: 'a', overrideStringValue: 'translate(-10,-20) scale(2) rotate(45) translate(5,10)', }, { name: 'transform-origin', tagName: 'svg', read: getSVGAttribute('transform-origin'), }, { name: 'transformOrigin', tagName: 'svg', read: getSVGAttribute('transform-origin'), }, {name: 'type', tagName: 'button', overrideStringValue: 'reset'}, { name: 'type', containerTagName: 'svg', tagName: 'feFuncA', read: getSVGProperty('type'), overrideStringValue: 'discrete', }, {name: 'typeof', read: getAttribute('typeof')}, { name: 'u1', read: getSVGAttribute('u1'), containerTagName: 'svg', tagName: 'hkern', }, { name: 'u2', read: getSVGAttribute('u2'), containerTagName: 'svg', tagName: 'hkern', }, { name: 'underline-position', read: getSVGAttribute('underline-position'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'underline-thickness', read: getSVGAttribute('underline-thickness'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'underlinePosition', read: getSVGAttribute('underline-position'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'underlineThickness', read: getSVGAttribute('underline-thickness'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'unicode', read: getSVGAttribute('unicode'), containerTagName: 'svg', tagName: 'glyph', }, { name: 'unicode-bidi', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('unicode-bidi'), }, { name: 'unicode-range', read: getSVGAttribute('unicode-range'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'unicodeBidi', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('unicode-bidi'), }, { name: 'unicodeRange', read: getSVGAttribute('unicode-range'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'units-per-em', read: getSVGAttribute('units-per-em'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'unitsPerEm', read: getSVGAttribute('unites-per-em'), containerTagName: 'svg', tagName: 'font-face', }, {name: 'unknown', read: getAttribute('unknown')}, { name: 'unselectable', read: getAttribute('unselectable'), tagName: 'span', overrideStringValue: 'on', }, {name: 'useMap', tagName: 'img'}, { name: 'v-alphabetic', read: getSVGAttribute('v-alphabetic'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'v-hanging', read: getSVGAttribute('v-hanging'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'v-ideographic', read: getSVGAttribute('v-ideographic'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'v-mathematical', read: getSVGAttribute('v-mathematical'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'vAlphabetic', read: getSVGAttribute('v-alphabetic'), containerTagName: 'svg', tagName: 'font-face', }, {name: 'value', tagName: 'input', extraProps: {onChange() {}}}, {name: 'value', tagName: 'input', type: 'email', extraProps: {onChange() {}}}, { name: 'value', tagName: 'input', type: 'number', extraProps: {onChange() {}}, }, {name: 'value', tagName: 'textarea', extraProps: {onChange() {}}}, { name: 'value', containerTagName: 'select', tagName: 'option', extraProps: {onChange() {}}, }, { name: 'Value', containerTagName: 'select', tagName: 'option', read: getProperty('value'), }, { name: 'values', read: getSVGProperty('values'), containerTagName: 'svg', tagName: 'feColorMatrix', overrideStringValue: '1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0', }, { name: 'vector-effect', containerTagName: 'svg', tagName: 'line', read: getSVGAttribute('vector-effect'), }, { name: 'vectorEffect', containerTagName: 'svg', tagName: 'line', read: getSVGAttribute('vector-effect'), }, {name: 'version', containerTagName: 'document', tagName: 'html'}, {name: 'version', tagName: 'svg', read: getSVGAttribute('version')}, { name: 'vert-adv-y', read: getSVGAttribute('vert-origin-y'), containerTagName: 'svg', tagName: 'font', }, { name: 'vert-origin-x', read: getSVGAttribute('vert-origin-y'), containerTagName: 'svg', tagName: 'font', }, { name: 'vert-origin-y', read: getSVGAttribute('vert-origin-y'), containerTagName: 'svg', tagName: 'font', }, { name: 'vertAdvY', read: getSVGAttribute('vert-adv-y'), containerTagName: 'svg', tagName: 'font', }, { name: 'vertOriginX', read: getSVGAttribute('vert-origin-x'), containerTagName: 'svg', tagName: 'font', }, { name: 'vertOriginY', read: getSVGAttribute('vert-origin-y'), containerTagName: 'svg', tagName: 'font', }, { name: 'vHanging', read: getSVGAttribute('v-hanging'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'vIdeographic', read: getSVGAttribute('v-ideographic'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'viewBox', read: getSVGProperty('viewBox'), containerTagName: 'svg', tagName: 'marker', overrideStringValue: '0 0 1500 1000', }, { name: 'viewTarget', read: getSVGAttribute('viewTarget'), containerTagName: 'svg', tagName: 'view', }, {name: 'visibility', read: getAttribute('visibility')}, { name: 'visibility', containerTagName: 'svg', tagName: 'path', read: getSVGAttribute('visibility'), }, { name: 'vMathematical', read: getSVGAttribute('v-mathematical'), containerTagName: 'svg', tagName: 'font-face', }, {name: 'vocab', read: getAttribute('vocab')}, {name: 'width', tagName: 'img'}, { name: 'width', containerTagName: 'svg', tagName: 'rect', read: getSVGProperty('width'), }, { name: 'widths', read: getSVGAttribute('widths'), containerTagName: 'svg', tagName: 'font-face', }, {name: 'wmode', read: getAttribute('wmode'), tagName: 'embed'}, { name: 'word-spacing', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('word-spacing'), }, { name: 'wordSpacing', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('word-spacing'), }, {name: 'wrap', tagName: 'textarea'}, { name: 'writing-mode', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('writing-mode'), }, { name: 'writingMode', containerTagName: 'svg', tagName: 'text', read: getSVGAttribute('writing-mode'), }, { name: 'x', read: getSVGAttribute('x'), containerTagName: 'svg', tagName: 'altGlyph', }, { name: 'x-height', read: getSVGAttribute('x-height'), containerTagName: 'svg', tagName: 'font-face', }, { name: 'x1', read: getSVGProperty('x1'), containerTagName: 'svg', tagName: 'line', }, { name: 'x2', read: getSVGProperty('x2'), containerTagName: 'svg', tagName: 'line', }, { name: 'xChannelSelector', read: getSVGProperty('xChannelSelector'), containerTagName: 'svg', tagName: 'feDisplacementMap', overrideStringValue: 'R', }, { name: 'xHeight', read: getSVGAttribute('x-height'), containerTagName: 'svg', tagName: 'font-face', }, {name: 'XLink:Actuate', read: getAttribute('XLink:Actuate')}, {name: 'xlink:actuate', read: getAttribute('xlink:actuate')}, {name: 'xlink:arcrole', read: getAttribute('xlink:arcrole')}, {name: 'xlink:href', read: getAttribute('xlink:href')}, {name: 'xlink:role', read: getAttribute('xlink:role')}, {name: 'xlink:show', read: getAttribute('xlink:show')}, {name: 'xlink:title', read: getAttribute('xlink:title')}, {name: 'xlink:type', read: getAttribute('xlink:type')}, {name: 'xlinkActuate', read: getAttribute('xlink:actuate')}, {name: 'XlinkActuate', read: getAttribute('Xlink:actuate')}, {name: 'xlinkArcrole', read: getAttribute('xlink:arcrole')}, {name: 'xlinkHref', read: getAttribute('xlink:href')}, {name: 'xlinkRole', read: getAttribute('xlink:role')}, {name: 'xlinkShow', read: getAttribute('xlink:show')}, {name: 'xlinkTitle', read: getAttribute('xlink:title')}, {name: 'xlinkType', read: getAttribute('xlink:type')}, {name: 'xml:base', read: getAttribute('xml:base')}, {name: 'xml:lang', read: getAttribute('xml:lang')}, {name: 'xml:space', read: getAttribute('xml:space')}, {name: 'xmlBase', read: getAttribute('xml:base')}, {name: 'xmlLang', read: getAttribute('xml:lang')}, {name: 'xmlns', read: getProperty('namespaceURI'), tagName: 'svg'}, {name: 'xmlns:xlink', read: getAttribute('xmlns:xlink')}, {name: 'xmlnsXlink', read: getAttribute('xmlns:xlink')}, {name: 'xmlSpace', read: getAttribute('xml:space')}, { name: 'y', read: getSVGAttribute('y'), containerTagName: 'svg', tagName: 'altGlyph', }, { name: 'y1', read: getSVGProperty('y1'), containerTagName: 'svg', tagName: 'line', }, { name: 'y2', read: getSVGProperty('y2'), containerTagName: 'svg', tagName: 'line', }, { name: 'yChannelSelector', read: getSVGProperty('yChannelSelector'), containerTagName: 'svg', tagName: 'feDisplacementMap', overrideStringValue: 'B', }, { name: 'z', read: getSVGProperty('z'), containerTagName: 'svg', tagName: 'fePointLight', }, {name: 'zoomAndPan', read: getSVGProperty('zoomAndPan'), tagName: 'svg'}, ]; attributes.forEach(attr => { attr.read = attr.read || getProperty(attr.name); }); export default attributes;