| /* |
| * Copyright (C) 2010 Nikita Vasilyev. All rights reserved. |
| * Copyright (C) 2010 Joseph Pecoraro. All rights reserved. |
| * Copyright (C) 2010 Google Inc. All rights reserved. |
| * |
| * Redistribution and use in source and binary forms, with or without |
| * modification, are permitted provided that the following conditions are |
| * met: |
| * |
| * * Redistributions of source code must retain the above copyright |
| * notice, this list of conditions and the following disclaimer. |
| * * Redistributions in binary form must reproduce the above |
| * copyright notice, this list of conditions and the following disclaimer |
| * in the documentation and/or other materials provided with the |
| * distribution. |
| * * Neither the name of Google Inc. nor the names of its |
| * contributors may be used to endorse or promote products derived from |
| * this software without specific prior written permission. |
| * |
| * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS |
| * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
| * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
| * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
| * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
| * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
| * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
| * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
| * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| */ |
| |
| /** |
| * @unrestricted |
| */ |
| SDK.CSSMetadata = class { |
| /** |
| * @param {!Array.<!{name: string, longhands: !Array.<string>, inherited: boolean, svg: boolean}>} properties |
| */ |
| constructor(properties) { |
| this._values = /** !Array.<string> */ ([]); |
| /** @type {!Map<string, !Array<string>>} */ |
| this._longhands = new Map(); |
| /** @type {!Map<string, !Array<string>>} */ |
| this._shorthands = new Map(); |
| /** @type {!Set<string>} */ |
| this._inherited = new Set(); |
| /** @type {!Set<string>} */ |
| this._svgProperties = new Set(); |
| for (var i = 0; i < properties.length; ++i) { |
| var property = properties[i]; |
| var propertyName = property.name; |
| if (!CSS.supports(propertyName, 'initial')) |
| continue; |
| this._values.push(propertyName); |
| |
| if (property.inherited) |
| this._inherited.add(propertyName); |
| if (property.svg) |
| this._svgProperties.add(propertyName); |
| |
| var longhands = properties[i].longhands; |
| if (longhands) { |
| this._longhands.set(propertyName, longhands); |
| for (var j = 0; j < longhands.length; ++j) { |
| var longhandName = longhands[j]; |
| var shorthands = this._shorthands.get(longhandName); |
| if (!shorthands) { |
| shorthands = []; |
| this._shorthands.set(longhandName, shorthands); |
| } |
| shorthands.push(propertyName); |
| } |
| } |
| } |
| this._values.sort(); |
| this._valuesSet = new Set(this._values); |
| } |
| |
| /** |
| * @return {!Array<string>} |
| */ |
| allProperties() { |
| return this._values; |
| } |
| |
| /** |
| * @param {string} name |
| * @return {boolean} |
| */ |
| isSVGProperty(name) { |
| name = name.toLowerCase(); |
| return this._svgProperties.has(name); |
| } |
| |
| /** |
| * @param {string} shorthand |
| * @return {?Array.<string>} |
| */ |
| longhands(shorthand) { |
| return this._longhands.get(shorthand) || null; |
| } |
| |
| /** |
| * @param {string} longhand |
| * @return {?Array.<string>} |
| */ |
| shorthands(longhand) { |
| return this._shorthands.get(longhand) || null; |
| } |
| |
| /** |
| * @param {string} propertyName |
| * @return {boolean} |
| */ |
| isColorAwareProperty(propertyName) { |
| return !!SDK.CSSMetadata._colorAwareProperties.has(propertyName.toLowerCase()) || |
| this.isCustomProperty(propertyName.toLowerCase()); |
| } |
| |
| /** |
| * @param {string} propertyName |
| * @return {boolean} |
| */ |
| isLengthProperty(propertyName) { |
| propertyName = propertyName.toLowerCase(); |
| if (propertyName === 'line-height') |
| return false; |
| return SDK.CSSMetadata._distanceProperties.has(propertyName) || propertyName.startsWith('margin') || |
| propertyName.startsWith('padding') || propertyName.indexOf('width') !== -1 || |
| propertyName.indexOf('height') !== -1; |
| } |
| |
| /** |
| * @param {string} propertyName |
| * @return {boolean} |
| */ |
| isBezierAwareProperty(propertyName) { |
| propertyName = propertyName.toLowerCase(); |
| return !!SDK.CSSMetadata._bezierAwareProperties.has(propertyName) || this.isCustomProperty(propertyName); |
| } |
| |
| /** |
| * @param {string} propertyName |
| * @return {boolean} |
| */ |
| isCustomProperty(propertyName) { |
| return propertyName.startsWith('--'); |
| } |
| |
| /** |
| * @param {string} name |
| * @return {string} |
| */ |
| canonicalPropertyName(name) { |
| name = name.toLowerCase(); |
| if (!name || name.length < 9 || name.charAt(0) !== '-') |
| return name; |
| var match = name.match(/(?:-webkit-)(.+)/); |
| if (!match || !this._valuesSet.has(match[1])) |
| return name; |
| return match[1]; |
| } |
| |
| /** |
| * @param {string} propertyName |
| * @return {boolean} |
| */ |
| isCSSPropertyName(propertyName) { |
| propertyName = propertyName.toLowerCase(); |
| if (propertyName.startsWith('-moz-') || propertyName.startsWith('-o-') || propertyName.startsWith('-webkit-') || |
| propertyName.startsWith('-ms-')) |
| return true; |
| return this._valuesSet.has(propertyName); |
| } |
| |
| /** |
| * @param {string} propertyName |
| * @return {boolean} |
| */ |
| isPropertyInherited(propertyName) { |
| propertyName = propertyName.toLowerCase(); |
| return propertyName.startsWith('--') || this._inherited.has(this.canonicalPropertyName(propertyName)) || |
| this._inherited.has(propertyName); |
| } |
| |
| /** |
| * @param {string} propertyName |
| * @return {!Array<string>} |
| */ |
| propertyValues(propertyName) { |
| var acceptedKeywords = ['inherit', 'initial']; |
| propertyName = propertyName.toLowerCase(); |
| var unprefixedName = propertyName.replace(/^-webkit-/, ''); |
| var entry = SDK.CSSMetadata._propertyDataMap[propertyName] || SDK.CSSMetadata._propertyDataMap[unprefixedName]; |
| if (entry && entry.values) |
| acceptedKeywords.pushAll(entry.values); |
| if (this.isColorAwareProperty(propertyName)) { |
| acceptedKeywords.push('currentColor'); |
| for (var color in Common.Color.Nicknames) |
| acceptedKeywords.push(color); |
| } |
| return acceptedKeywords.sort(); |
| } |
| |
| /** |
| * @param {string} property |
| * @return {number} |
| */ |
| propertyUsageWeight(property) { |
| return SDK.CSSMetadata.Weight[property] || SDK.CSSMetadata.Weight[this.canonicalPropertyName(property)] || 0; |
| } |
| }; |
| |
| SDK.CSSMetadata.VariableRegex = /(var\(--.*?\))/g; |
| SDK.CSSMetadata.URLRegex = /url\(\s*('.+?'|".+?"|[^)]+)\s*\)/g; |
| |
| /** |
| * @return {!SDK.CSSMetadata} |
| */ |
| SDK.cssMetadata = function() { |
| if (!SDK.CSSMetadata._instance) |
| SDK.CSSMetadata._instance = new SDK.CSSMetadata(SDK.CSSMetadata._generatedProperties || []); |
| return SDK.CSSMetadata._instance; |
| }; |
| |
| SDK.CSSMetadata._distanceProperties = new Set([ |
| 'background-position', 'border-spacing', 'bottom', 'font-size', 'height', 'left', 'letter-spacing', 'max-height', |
| 'max-width', 'min-height', 'min-width', 'right', 'text-indent', 'top', 'width', 'word-spacing' |
| ]); |
| |
| SDK.CSSMetadata._bezierAwareProperties = new Set([ |
| 'animation', 'animation-timing-function', 'transition', 'transition-timing-function', '-webkit-animation', |
| '-webkit-animation-timing-function', '-webkit-transition', '-webkit-transition-timing-function' |
| ]); |
| |
| SDK.CSSMetadata._colorAwareProperties = new Set([ |
| 'backdrop-filter', |
| 'background', |
| 'background-color', |
| 'background-image', |
| 'border', |
| 'border-color', |
| 'border-image', |
| 'border-image-source', |
| 'border-bottom', |
| 'border-bottom-color', |
| 'border-left', |
| 'border-left-color', |
| 'border-right', |
| 'border-right-color', |
| 'border-top', |
| 'border-top-color', |
| 'box-shadow', |
| 'color', |
| 'column-rule', |
| 'column-rule-color', |
| 'fill', |
| 'list-style', |
| 'list-style-image', |
| 'outline', |
| 'outline-color', |
| 'stroke', |
| 'text-decoration-color', |
| 'text-shadow', |
| '-webkit-border-after', |
| '-webkit-border-after-color', |
| '-webkit-border-before', |
| '-webkit-border-before-color', |
| '-webkit-border-end', |
| '-webkit-border-end-color', |
| '-webkit-border-start', |
| '-webkit-border-start-color', |
| '-webkit-box-reflect', |
| '-webkit-box-shadow', |
| '-webkit-column-rule-color', |
| '-webkit-filter', |
| '-webkit-mask', |
| '-webkit-mask-box-image', |
| '-webkit-mask-box-image-source', |
| '-webkit-mask-image', |
| '-webkit-tap-highlight-color', |
| '-webkit-text-decoration-color', |
| '-webkit-text-emphasis', |
| '-webkit-text-emphasis-color', |
| '-webkit-text-fill-color', |
| '-webkit-text-stroke', |
| '-webkit-text-stroke-color' |
| ]); |
| |
| SDK.CSSMetadata._propertyDataMap = { |
| 'table-layout': {values: ['auto', 'fixed']}, |
| 'visibility': {values: ['hidden', 'visible', 'collapse']}, |
| 'background-repeat': {values: ['repeat', 'repeat-x', 'repeat-y', 'no-repeat', 'space', 'round']}, |
| 'content': {values: ['list-item', 'close-quote', 'no-close-quote', 'no-open-quote', 'open-quote']}, |
| 'list-style-image': {values: ['none']}, |
| 'clear': {values: ['none', 'left', 'right', 'both']}, |
| 'overflow-x': {values: ['hidden', 'auto', 'visible', 'overlay', 'scroll']}, |
| 'stroke-linejoin': {values: ['round', 'miter', 'bevel']}, |
| 'baseline-shift': {values: ['baseline', 'sub', 'super']}, |
| 'border-bottom-width': {values: ['medium', 'thick', 'thin']}, |
| 'margin-top-collapse': {values: ['collapse', 'separate', 'discard']}, |
| 'max-height': {values: ['none']}, |
| 'box-orient': { |
| values: ['horizontal', 'vertical', 'inline-axis', 'block-axis'], |
| }, |
| 'font-stretch': { |
| values: [ |
| 'normal', 'wider', 'narrower', 'ultra-condensed', 'extra-condensed', 'condensed', 'semi-condensed', |
| 'semi-expanded', 'expanded', 'extra-expanded', 'ultra-expanded' |
| ] |
| }, |
| 'border-left-width': {values: ['medium', 'thick', 'thin']}, |
| 'box-shadow': {values: ['inset', 'none']}, |
| 'writing-mode': {values: ['horizontal-tb', 'vertical-rl', 'vertical-lr']}, |
| '-webkit-writing-mode': |
| {values: ['lr', 'rl', 'tb', 'lr-tb', 'rl-tb', 'tb-rl', 'horizontal-tb', 'vertical-rl', 'vertical-lr']}, |
| 'border-collapse': {values: ['collapse', 'separate']}, |
| 'page-break-inside': {values: ['auto', 'avoid']}, |
| 'border-top-width': {values: ['medium', 'thick', 'thin']}, |
| 'outline-color': {values: ['invert']}, |
| 'outline-style': |
| {values: ['none', 'hidden', 'inset', 'groove', 'ridge', 'outset', 'dotted', 'dashed', 'solid', 'double']}, |
| 'cursor': { |
| values: [ |
| 'none', |
| 'copy', |
| 'auto', |
| 'crosshair', |
| 'default', |
| 'pointer', |
| 'move', |
| 'vertical-text', |
| 'cell', |
| 'context-menu', |
| 'alias', |
| 'progress', |
| 'no-drop', |
| 'not-allowed', |
| '-webkit-zoom-in', |
| '-webkit-zoom-out', |
| 'e-resize', |
| 'ne-resize', |
| 'nw-resize', |
| 'n-resize', |
| 'se-resize', |
| 'sw-resize', |
| 's-resize', |
| 'w-resize', |
| 'ew-resize', |
| 'ns-resize', |
| 'nesw-resize', |
| 'nwse-resize', |
| 'col-resize', |
| 'row-resize', |
| 'text', |
| 'wait', |
| 'help', |
| 'all-scroll', |
| '-webkit-grab', |
| '-webkit-grabbing' |
| ] |
| }, |
| 'border-width': {values: ['medium', 'thick', 'thin']}, |
| 'border-style': |
| {values: ['none', 'hidden', 'inset', 'groove', 'ridge', 'outset', 'dotted', 'dashed', 'solid', 'double']}, |
| 'size': {values: ['a3', 'a4', 'a5', 'b4', 'b5', 'landscape', 'ledger', 'legal', 'letter', 'portrait']}, |
| 'background-size': {values: ['contain', 'cover']}, |
| 'direction': {values: ['ltr', 'rtl']}, |
| 'enable-background': {values: ['accumulate', 'new']}, |
| 'float': {values: ['none', 'left', 'right']}, |
| 'overflow-y': {values: ['hidden', 'auto', 'visible', 'overlay', 'scroll']}, |
| 'margin-bottom-collapse': {values: ['collapse', 'separate', 'discard']}, |
| 'box-reflect': {values: ['left', 'right', 'above', 'below']}, |
| 'overflow': {values: ['hidden', 'auto', 'visible', 'overlay', 'scroll']}, |
| 'contain': {values: ['none', 'strict', 'content', 'size', 'layout', 'style', 'paint']}, |
| 'text-rendering': {values: ['auto', 'optimizeSpeed', 'optimizeLegibility', 'geometricPrecision']}, |
| 'text-align': { |
| values: [ |
| '-webkit-auto', 'start', 'end', 'left', 'right', 'center', 'justify', '-webkit-left', '-webkit-right', |
| '-webkit-center' |
| ] |
| }, |
| 'list-style-position': {values: ['outside', 'inside', 'hanging']}, |
| 'margin-bottom': {values: ['auto']}, |
| 'color-interpolation': {values: ['linearrgb']}, |
| 'background-origin': {values: ['border-box', 'content-box', 'padding-box']}, |
| 'word-wrap': {values: ['normal', 'break-word']}, |
| 'font-weight': |
| {values: ['normal', 'bold', 'bolder', 'lighter', '100', '200', '300', '400', '500', '600', '700', '800', '900']}, |
| 'margin-before-collapse': {values: ['collapse', 'separate', 'discard']}, |
| 'text-transform': {values: ['none', 'capitalize', 'uppercase', 'lowercase']}, |
| 'border-right-style': |
| {values: ['none', 'hidden', 'inset', 'groove', 'ridge', 'outset', 'dotted', 'dashed', 'solid', 'double']}, |
| 'border-left-style': |
| {values: ['none', 'hidden', 'inset', 'groove', 'ridge', 'outset', 'dotted', 'dashed', 'solid', 'double']}, |
| '-webkit-text-emphasis': {values: ['circle', 'filled', 'open', 'dot', 'double-circle', 'triangle', 'sesame']}, |
| 'font-style': {values: ['italic', 'oblique', 'normal']}, |
| 'speak': {values: ['none', 'normal', 'spell-out', 'digits', 'literal-punctuation', 'no-punctuation']}, |
| 'color-rendering': {values: ['auto', 'optimizeSpeed', 'optimizeQuality']}, |
| 'list-style-type': { |
| values: [ |
| 'none', |
| 'inline', |
| 'disc', |
| 'circle', |
| 'square', |
| 'decimal', |
| 'decimal-leading-zero', |
| 'arabic-indic', |
| 'binary', |
| 'bengali', |
| 'cambodian', |
| 'khmer', |
| 'devanagari', |
| 'gujarati', |
| 'gurmukhi', |
| 'kannada', |
| 'lower-hexadecimal', |
| 'lao', |
| 'malayalam', |
| 'mongolian', |
| 'myanmar', |
| 'octal', |
| 'oriya', |
| 'persian', |
| 'urdu', |
| 'telugu', |
| 'tibetan', |
| 'thai', |
| 'upper-hexadecimal', |
| 'lower-roman', |
| 'upper-roman', |
| 'lower-greek', |
| 'lower-alpha', |
| 'lower-latin', |
| 'upper-alpha', |
| 'upper-latin', |
| 'afar', |
| 'ethiopic-halehame-aa-et', |
| 'ethiopic-halehame-aa-er', |
| 'amharic', |
| 'ethiopic-halehame-am-et', |
| 'amharic-abegede', |
| 'ethiopic-abegede-am-et', |
| 'cjk-earthly-branch', |
| 'cjk-heavenly-stem', |
| 'ethiopic', |
| 'ethiopic-halehame-gez', |
| 'ethiopic-abegede', |
| 'ethiopic-abegede-gez', |
| 'hangul-consonant', |
| 'hangul', |
| 'lower-norwegian', |
| 'oromo', |
| 'ethiopic-halehame-om-et', |
| 'sidama', |
| 'ethiopic-halehame-sid-et', |
| 'somali', |
| 'ethiopic-halehame-so-et', |
| 'tigre', |
| 'ethiopic-halehame-tig', |
| 'tigrinya-er', |
| 'ethiopic-halehame-ti-er', |
| 'tigrinya-er-abegede', |
| 'ethiopic-abegede-ti-er', |
| 'tigrinya-et', |
| 'ethiopic-halehame-ti-et', |
| 'tigrinya-et-abegede', |
| 'ethiopic-abegede-ti-et', |
| 'upper-greek', |
| 'upper-norwegian', |
| 'asterisks', |
| 'footnotes', |
| 'hebrew', |
| 'armenian', |
| 'lower-armenian', |
| 'upper-armenian', |
| 'georgian', |
| 'cjk-ideographic', |
| 'hiragana', |
| 'katakana', |
| 'hiragana-iroha', |
| 'katakana-iroha' |
| ] |
| }, |
| 'text-combine-upright': {values: ['none', 'all']}, |
| '-webkit-text-combine': {values: ['none', 'horizontal']}, |
| 'text-orientation': {values: ['mixed', 'upright', 'sideways']}, |
| 'outline': {values: ['none', 'hidden', 'inset', 'groove', 'ridge', 'outset', 'dotted', 'dashed', 'solid', 'double']}, |
| 'font': { |
| values: [ |
| 'caption', |
| 'icon', |
| 'menu', |
| 'message-box', |
| 'small-caption', |
| '-webkit-mini-control', |
| '-webkit-small-control', |
| '-webkit-control', |
| 'status-bar', |
| 'italic', |
| 'oblique', |
| 'small-caps', |
| 'normal', |
| 'bold', |
| 'bolder', |
| 'lighter', |
| '100', |
| '200', |
| '300', |
| '400', |
| '500', |
| '600', |
| '700', |
| '800', |
| '900', |
| 'xx-small', |
| 'x-small', |
| 'small', |
| 'medium', |
| 'large', |
| 'x-large', |
| 'xx-large', |
| '-webkit-xxx-large', |
| 'smaller', |
| 'larger', |
| 'serif', |
| 'sans-serif', |
| 'cursive', |
| 'fantasy', |
| 'monospace', |
| '-webkit-body', |
| '-webkit-pictograph' |
| ] |
| }, |
| 'dominant-baseline': { |
| values: [ |
| 'middle', 'auto', 'central', 'text-before-edge', 'text-after-edge', 'ideographic', 'alphabetic', 'hanging', |
| 'mathematical', 'use-script', 'no-change', 'reset-size' |
| ] |
| }, |
| 'display': { |
| values: [ |
| 'none', |
| 'inline', |
| 'block', |
| 'flow-root', |
| 'list-item', |
| 'run-in', |
| 'inline-block', |
| 'table', |
| 'inline-table', |
| 'table-row-group', |
| 'table-header-group', |
| 'table-footer-group', |
| 'table-row', |
| 'table-column-group', |
| 'table-column', |
| 'table-cell', |
| 'table-caption', |
| '-webkit-box', |
| '-webkit-inline-box', |
| 'flex', |
| 'inline-flex', |
| 'grid', |
| 'inline-grid', |
| 'contents' |
| ] |
| }, |
| '-webkit-text-emphasis-position': {values: ['over', 'under']}, |
| 'image-rendering': {values: ['auto', 'optimizeSpeed', 'optimizeQuality', 'pixelated']}, |
| 'alignment-baseline': { |
| values: [ |
| 'baseline', 'middle', 'auto', 'before-edge', 'after-edge', 'central', 'text-before-edge', 'text-after-edge', |
| 'ideographic', 'alphabetic', 'hanging', 'mathematical' |
| ] |
| }, |
| 'outline-width': {values: ['medium', 'thick', 'thin']}, |
| 'box-align': {values: ['baseline', 'center', 'stretch', 'start', 'end']}, |
| 'border-right-width': {values: ['medium', 'thick', 'thin']}, |
| 'border-top-style': |
| {values: ['none', 'hidden', 'inset', 'groove', 'ridge', 'outset', 'dotted', 'dashed', 'solid', 'double']}, |
| 'line-height': {values: ['normal']}, |
| 'text-overflow': {values: ['clip', 'ellipsis']}, |
| 'overflow-wrap': {values: ['normal', 'break-word']}, |
| 'box-direction': {values: ['normal', 'reverse']}, |
| 'margin-after-collapse': {values: ['collapse', 'separate', 'discard']}, |
| 'page-break-before': {values: ['left', 'right', 'auto', 'always', 'avoid']}, |
| 'border-image': {values: ['repeat', 'stretch']}, |
| 'text-decoration': {values: ['none', 'blink', 'line-through', 'overline', 'underline']}, |
| 'position': {values: ['absolute', 'fixed', 'relative', 'static']}, |
| 'font-family': |
| {values: ['serif', 'sans-serif', 'cursive', 'fantasy', 'monospace', '-webkit-body', '-webkit-pictograph']}, |
| 'text-overflow-mode': {values: ['clip', 'ellipsis']}, |
| 'border-bottom-style': |
| {values: ['none', 'hidden', 'inset', 'groove', 'ridge', 'outset', 'dotted', 'dashed', 'solid', 'double']}, |
| 'unicode-bidi': {values: ['normal', 'bidi-override', 'embed', 'isolate', 'isolate-override', 'plaintext']}, |
| 'clip-rule': {values: ['nonzero', 'evenodd']}, |
| 'margin-left': {values: ['auto']}, |
| 'margin-top': {values: ['auto']}, |
| 'zoom': {values: ['normal', 'document', 'reset']}, |
| 'max-width': {values: ['none']}, |
| 'caption-side': {values: ['top', 'bottom']}, |
| 'empty-cells': {values: ['hide', 'show']}, |
| 'pointer-events': { |
| values: [ |
| 'none', 'all', 'auto', 'visible', 'visiblepainted', 'visiblefill', 'visiblestroke', 'painted', 'fill', 'stroke', |
| 'bounding-box' |
| ] |
| }, |
| 'letter-spacing': {values: ['normal']}, |
| 'background-clip': {values: ['border-box', 'content-box', 'padding-box']}, |
| '-webkit-font-smoothing': {values: ['none', 'auto', 'antialiased', 'subpixel-antialiased']}, |
| 'border': {values: ['none', 'hidden', 'inset', 'groove', 'ridge', 'outset', 'dotted', 'dashed', 'solid', 'double']}, |
| 'font-size': { |
| values: [ |
| 'xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', '-webkit-xxx-large', 'smaller', 'larger' |
| ] |
| }, |
| 'font-variant': {values: ['small-caps', 'normal']}, |
| 'vertical-align': { |
| values: |
| ['baseline', 'middle', 'sub', 'super', 'text-top', 'text-bottom', 'top', 'bottom', '-webkit-baseline-middle'] |
| }, |
| 'white-space': {values: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap']}, |
| 'box-lines': {values: ['single', 'multiple']}, |
| 'page-break-after': {values: ['left', 'right', 'auto', 'always', 'avoid']}, |
| 'clip-path': {values: ['none']}, |
| 'margin': {values: ['auto']}, |
| 'margin-right': {values: ['auto']}, |
| 'word-break': {values: ['normal', 'break-all', 'break-word']}, |
| 'word-spacing': {values: ['normal']}, |
| '-webkit-text-emphasis-style': {values: ['circle', 'filled', 'open', 'dot', 'double-circle', 'triangle', 'sesame']}, |
| 'transform': { |
| values: [ |
| 'scale', 'scaleX', 'scaleY', 'scale3d', 'rotate', 'rotateX', 'rotateY', |
| 'rotateZ', 'rotate3d', 'skew', 'skewX', 'skewY', 'translate', 'translateX', |
| 'translateY', 'translateZ', 'translate3d', 'matrix', 'matrix3d', 'perspective' |
| ] |
| }, |
| 'image-resolution': {values: ['from-image', 'snap']}, |
| 'box-sizing': {values: ['content-box', 'border-box']}, |
| 'clip': {values: ['auto']}, |
| 'resize': {values: ['none', 'both', 'horizontal', 'vertical']}, |
| 'align-content': {values: ['flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch']}, |
| 'align-items': {values: ['flex-start', 'flex-end', 'center', 'baseline', 'stretch']}, |
| 'align-self': {values: ['auto', 'flex-start', 'flex-end', 'center', 'baseline', 'stretch']}, |
| 'flex-direction': {values: ['row', 'row-reverse', 'column', 'column-reverse']}, |
| 'justify-content': {values: ['flex-start', 'flex-end', 'center', 'space-between', 'space-around']}, |
| 'flex-wrap': {values: ['nowrap', 'wrap', 'wrap-reverse']}, |
| 'perspective': {values: ['none']}, |
| 'perspective-origin': {values: ['left', 'center', 'right', 'top', 'bottom']}, |
| 'transform-origin': {values: ['left', 'center', 'right', 'top', 'bottom']}, |
| 'transform-style': {values: ['flat', 'preserve-3d']}, |
| 'transition-timing-function': { |
| values: |
| ['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end', 'steps', 'cubic-bezier'] |
| }, |
| 'animation-timing-function': { |
| values: |
| ['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end', 'steps', 'cubic-bezier'] |
| }, |
| 'animation-direction': {values: ['normal', 'reverse', 'alternate', 'alternate-reverse']}, |
| 'animation-play-state': {values: ['running', 'paused']}, |
| 'animation-fill-mode': {values: ['none', 'forwards', 'backwards', 'both']}, |
| '-webkit-backface-visibility': {values: ['visible', 'hidden']}, |
| '-webkit-box-decoration-break': {values: ['slice', 'clone']}, |
| '-webkit-column-break-after': |
| {values: ['auto', 'always', 'avoid', 'left', 'right', 'page', 'column', 'avoid-page', 'avoid-column']}, |
| '-webkit-column-break-before': |
| {values: ['auto', 'always', 'avoid', 'left', 'right', 'page', 'column', 'avoid-page', 'avoid-column']}, |
| '-webkit-column-break-inside': {values: ['auto', 'avoid', 'avoid-page', 'avoid-column']}, |
| '-webkit-column-span': {values: ['none', 'all']}, |
| '-webkit-column-count': {values: ['auto']}, |
| '-webkit-column-gap': {values: ['normal']}, |
| '-webkit-filter': { |
| values: [ |
| 'url', 'blur', 'brightness', 'contrast', 'drop-shadow', 'grayscale', 'hue-rotate', 'invert', 'opacity', |
| 'saturate', 'sepia' |
| ] |
| }, |
| '-webkit-line-break': {values: ['auto', 'loose', 'normal', 'strict']}, |
| '-webkit-user-select': {values: ['none', 'text', 'all']}, |
| '-webkit-user-modify': {values: ['read-only', 'read-write', 'read-write-plaintext-only']}, |
| 'text-align-last': {values: ['auto', 'start', 'end', 'left', 'right', 'center', 'justify']}, |
| '-webkit-text-decoration-line': {values: ['none', 'underline', 'overline', 'line-through', 'blink']}, |
| '-webkit-text-decoration-style': {values: ['solid', 'double', 'dotted', 'dashed', 'wavy']}, |
| '-webkit-text-decoration-skip': {values: ['none', 'objects', 'spaces', 'ink', 'edges', 'box-decoration']}, |
| 'mix-blend-mode': { |
| values: [ |
| 'normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', |
| 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'unset' |
| ] |
| }, |
| 'background-blend-mode': { |
| values: [ |
| 'normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', |
| 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'unset' |
| ] |
| }, |
| }; |
| |
| // Weight of CSS properties based on their usage from https://www.chromestatus.com/metrics/css/popularity |
| SDK.CSSMetadata.Weight = { |
| 'align-content': 57, |
| 'align-items': 129, |
| 'align-self': 55, |
| 'animation': 175, |
| 'animation-delay': 114, |
| 'animation-direction': 113, |
| 'animation-duration': 137, |
| 'animation-fill-mode': 132, |
| 'animation-iteration-count': 124, |
| 'animation-name': 139, |
| 'animation-play-state': 104, |
| 'animation-timing-function': 141, |
| 'backface-visibility': 123, |
| 'background': 260, |
| 'background-attachment': 119, |
| 'background-clip': 165, |
| 'background-color': 259, |
| 'background-image': 246, |
| 'background-origin': 107, |
| 'background-position': 237, |
| 'background-position-x': 108, |
| 'background-position-y': 93, |
| 'background-repeat': 234, |
| 'background-size': 203, |
| 'border': 263, |
| 'border-bottom': 233, |
| 'border-bottom-color': 190, |
| 'border-bottom-left-radius': 186, |
| 'border-bottom-right-radius': 185, |
| 'border-bottom-style': 150, |
| 'border-bottom-width': 179, |
| 'border-collapse': 209, |
| 'border-color': 226, |
| 'border-image': 89, |
| 'border-image-outset': 50, |
| 'border-image-repeat': 49, |
| 'border-image-slice': 58, |
| 'border-image-source': 32, |
| 'border-image-width': 52, |
| 'border-left': 221, |
| 'border-left-color': 174, |
| 'border-left-style': 142, |
| 'border-left-width': 172, |
| 'border-radius': 224, |
| 'border-right': 223, |
| 'border-right-color': 182, |
| 'border-right-style': 130, |
| 'border-right-width': 178, |
| 'border-spacing': 198, |
| 'border-style': 206, |
| 'border-top': 231, |
| 'border-top-color': 192, |
| 'border-top-left-radius': 187, |
| 'border-top-right-radius': 189, |
| 'border-top-style': 152, |
| 'border-top-width': 180, |
| 'border-width': 214, |
| 'bottom': 227, |
| 'box-shadow': 213, |
| 'box-sizing': 216, |
| 'caption-side': 96, |
| 'clear': 229, |
| 'clip': 173, |
| 'clip-rule': 5, |
| 'color': 256, |
| 'content': 219, |
| 'counter-increment': 111, |
| 'counter-reset': 110, |
| 'cursor': 250, |
| 'direction': 176, |
| 'display': 262, |
| 'empty-cells': 99, |
| 'fill': 140, |
| 'fill-opacity': 82, |
| 'fill-rule': 22, |
| 'filter': 160, |
| 'flex': 133, |
| 'flex-basis': 66, |
| 'flex-direction': 85, |
| 'flex-flow': 94, |
| 'flex-grow': 112, |
| 'flex-shrink': 61, |
| 'flex-wrap': 68, |
| 'float': 252, |
| 'font': 211, |
| 'font-family': 254, |
| 'font-kerning': 18, |
| 'font-size': 264, |
| 'font-stretch': 77, |
| 'font-style': 220, |
| 'font-variant': 161, |
| 'font-weight': 257, |
| 'height': 266, |
| 'image-rendering': 90, |
| 'justify-content': 127, |
| 'left': 248, |
| 'letter-spacing': 188, |
| 'line-height': 244, |
| 'list-style': 215, |
| 'list-style-image': 145, |
| 'list-style-position': 149, |
| 'list-style-type': 199, |
| 'margin': 267, |
| 'margin-bottom': 241, |
| 'margin-left': 243, |
| 'margin-right': 238, |
| 'margin-top': 253, |
| 'mask': 20, |
| 'max-height': 205, |
| 'max-width': 225, |
| 'min-height': 217, |
| 'min-width': 218, |
| 'object-fit': 33, |
| 'opacity': 251, |
| 'order': 117, |
| 'orphans': 146, |
| 'outline': 222, |
| 'outline-color': 153, |
| 'outline-offset': 147, |
| 'outline-style': 151, |
| 'outline-width': 148, |
| 'overflow': 255, |
| 'overflow-wrap': 105, |
| 'overflow-x': 184, |
| 'overflow-y': 196, |
| 'padding': 265, |
| 'padding-bottom': 230, |
| 'padding-left': 235, |
| 'padding-right': 232, |
| 'padding-top': 240, |
| 'page': 8, |
| 'page-break-after': 120, |
| 'page-break-before': 69, |
| 'page-break-inside': 121, |
| 'perspective': 92, |
| 'perspective-origin': 103, |
| 'pointer-events': 183, |
| 'position': 261, |
| 'quotes': 158, |
| 'resize': 168, |
| 'right': 245, |
| 'shape-rendering': 38, |
| 'size': 64, |
| 'speak': 118, |
| 'src': 170, |
| 'stop-color': 42, |
| 'stop-opacity': 31, |
| 'stroke': 98, |
| 'stroke-dasharray': 36, |
| 'stroke-dashoffset': 3, |
| 'stroke-linecap': 30, |
| 'stroke-linejoin': 21, |
| 'stroke-miterlimit': 12, |
| 'stroke-opacity': 34, |
| 'stroke-width': 87, |
| 'table-layout': 171, |
| 'tab-size': 46, |
| 'text-align': 260, |
| 'text-anchor': 35, |
| 'text-decoration': 247, |
| 'text-indent': 207, |
| 'text-overflow': 204, |
| 'text-rendering': 155, |
| 'text-shadow': 208, |
| 'text-transform': 202, |
| 'top': 258, |
| 'touch-action': 80, |
| 'transform': 181, |
| 'transform-origin': 162, |
| 'transform-style': 86, |
| 'transition': 193, |
| 'transition-delay': 134, |
| 'transition-duration': 135, |
| 'transition-property': 131, |
| 'transition-timing-function': 122, |
| 'unicode-bidi': 156, |
| 'unicode-range': 136, |
| 'vertical-align': 236, |
| 'visibility': 242, |
| '-webkit-appearance': 191, |
| '-webkit-backface-visibility': 154, |
| '-webkit-background-clip': 164, |
| '-webkit-background-origin': 40, |
| '-webkit-background-size': 163, |
| '-webkit-border-end': 9, |
| '-webkit-border-horizontal-spacing': 81, |
| '-webkit-border-image': 75, |
| '-webkit-border-radius': 212, |
| '-webkit-border-start': 10, |
| '-webkit-border-start-color': 16, |
| '-webkit-border-start-width': 13, |
| '-webkit-border-vertical-spacing': 43, |
| '-webkit-box-align': 101, |
| '-webkit-box-direction': 51, |
| '-webkit-box-flex': 128, |
| '-webkit-box-lines': 2, |
| '-webkit-box-ordinal-group': 91, |
| '-webkit-box-orient': 144, |
| '-webkit-box-pack': 106, |
| '-webkit-box-reflect': 39, |
| '-webkit-box-shadow': 210, |
| '-webkit-column-break-inside': 60, |
| '-webkit-column-count': 84, |
| '-webkit-column-gap': 76, |
| '-webkit-column-rule': 25, |
| '-webkit-column-rule-color': 23, |
| '-webkit-columns': 44, |
| '-webkit-column-span': 29, |
| '-webkit-column-width': 47, |
| '-webkit-filter': 159, |
| '-webkit-font-feature-settings': 59, |
| '-webkit-font-smoothing': 177, |
| '-webkit-highlight': 1, |
| '-webkit-line-break': 45, |
| '-webkit-line-clamp': 126, |
| '-webkit-margin-after': 67, |
| '-webkit-margin-before': 70, |
| '-webkit-margin-collapse': 14, |
| '-webkit-margin-end': 65, |
| '-webkit-margin-start': 100, |
| '-webkit-margin-top-collapse': 78, |
| '-webkit-mask': 19, |
| '-webkit-mask-box-image': 72, |
| '-webkit-mask-image': 88, |
| '-webkit-mask-position': 54, |
| '-webkit-mask-repeat': 63, |
| '-webkit-mask-size': 79, |
| '-webkit-padding-after': 15, |
| '-webkit-padding-before': 28, |
| '-webkit-padding-end': 48, |
| '-webkit-padding-start': 73, |
| '-webkit-print-color-adjust': 83, |
| '-webkit-rtl-ordering': 7, |
| '-webkit-tap-highlight-color': 169, |
| '-webkit-text-emphasis-color': 11, |
| '-webkit-text-fill-color': 71, |
| '-webkit-text-security': 17, |
| '-webkit-text-stroke': 56, |
| '-webkit-text-stroke-color': 37, |
| '-webkit-text-stroke-width': 53, |
| '-webkit-user-drag': 95, |
| '-webkit-user-modify': 62, |
| '-webkit-user-select': 194, |
| '-webkit-writing-mode': 4, |
| 'white-space': 228, |
| 'widows': 115, |
| 'width': 268, |
| 'will-change': 74, |
| 'word-break': 166, |
| 'word-spacing': 157, |
| 'word-wrap': 197, |
| 'writing-mode': 41, |
| 'z-index': 239, |
| 'zoom': 200 |
| }; |
