Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(198)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/components/Spectrum.js

Issue 2440953003: DevTools: use semicolons after each statement. (Closed)
Patch Set: rebaseline Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2011 Brian Grinstead All rights reserved. 2 * Copyright (C) 2011 Brian Grinstead All rights reserved.
3 * 3 *
4 * Redistribution and use in source and binary forms, with or without 4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions 5 * modification, are permitted provided that the following conditions
6 * are met: 6 * are met:
7 * 7 *
8 * 1. Redistributions of source code must retain the above copyright 8 * 1. Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer. 9 * notice, this list of conditions and the following disclaimer.
10 * 2. Redistributions in binary form must reproduce the above copyright 10 * 2. Redistributions in binary form must reproduce the above copyright
(...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after
175 * @param {!Event} event 175 * @param {!Event} event
176 * @this {WebInspector.Spectrum} 176 * @this {WebInspector.Spectrum}
177 */ 177 */
178 function positionColor(event) 178 function positionColor(event)
179 { 179 {
180 var hsva = this._hsv.slice(); 180 var hsva = this._hsv.slice();
181 hsva[1] = Number.constrain((event.x - this._colorOffset.left) / this.dra gWidth, 0, 1); 181 hsva[1] = Number.constrain((event.x - this._colorOffset.left) / this.dra gWidth, 0, 1);
182 hsva[2] = Number.constrain(1 - (event.y - this._colorOffset.top) / this. dragHeight, 0, 1); 182 hsva[2] = Number.constrain(1 - (event.y - this._colorOffset.top) / this. dragHeight, 0, 1);
183 this._innerSetColor(hsva, "", undefined, WebInspector.Spectrum._ChangeS ource.Other); 183 this._innerSetColor(hsva, "", undefined, WebInspector.Spectrum._ChangeS ource.Other);
184 } 184 }
185 } 185 };
186 186
187 WebInspector.Spectrum._ChangeSource = { 187 WebInspector.Spectrum._ChangeSource = {
188 Input: "Input", 188 Input: "Input",
189 Model: "Model", 189 Model: "Model",
190 Other: "Other" 190 Other: "Other"
191 } 191 };
192 192
193 /** @enum {symbol} */ 193 /** @enum {symbol} */
194 WebInspector.Spectrum.Events = { 194 WebInspector.Spectrum.Events = {
195 ColorChanged: Symbol("ColorChanged"), 195 ColorChanged: Symbol("ColorChanged"),
196 SizeChanged: Symbol("SizeChanged") 196 SizeChanged: Symbol("SizeChanged")
197 }; 197 };
198 198
199 WebInspector.Spectrum._colorChipSize = 24; 199 WebInspector.Spectrum._colorChipSize = 24;
200 WebInspector.Spectrum._itemsPerPaletteRow = 8; 200 WebInspector.Spectrum._itemsPerPaletteRow = 8;
201 201
(...skipping 567 matching lines...) Expand 10 before | Expand all | Expand 10 after
769 pathBuilder.push(pathBuilder.length ? "L" : "M"); 769 pathBuilder.push(pathBuilder.length ? "L" : "M");
770 pathBuilder.push(s * width); 770 pathBuilder.push(s * width);
771 pathBuilder.push((1 - v) * height); 771 pathBuilder.push((1 - v) * height);
772 } 772 }
773 773
774 if (s < 1 + dS) { 774 if (s < 1 + dS) {
775 s -= dS; 775 s -= dS;
776 candidateHSVA[V] = 1; 776 candidateHSVA[V] = 1;
777 s = approach(S, s, true); 777 s = approach(S, s, true);
778 if (s !== null) 778 if (s !== null)
779 pathBuilder = pathBuilder.concat(["L", s * width, -1]) 779 pathBuilder = pathBuilder.concat(["L", s * width, -1]);
780 } 780 }
781 781
782 this._contrastRatioLine.setAttribute("d", pathBuilder.join(" ")); 782 this._contrastRatioLine.setAttribute("d", pathBuilder.join(" "));
783 }, 783 },
784 784
785 _updateUI: function() 785 _updateUI: function()
786 { 786 {
787 var h = WebInspector.Color.fromHSVA([this._hsv[0], 1, 1, 1]); 787 var h = WebInspector.Color.fromHSVA([this._hsv[0], 1, 1, 1]);
788 this._colorElement.style.backgroundColor = /** @type {string} */ (h.asSt ring(WebInspector.Color.Format.RGB)); 788 this._colorElement.style.backgroundColor = /** @type {string} */ (h.asSt ring(WebInspector.Color.Format.RGB));
789 if (Runtime.experiments.isEnabled("colorContrastRatio")) { 789 if (Runtime.experiments.isEnabled("colorContrastRatio")) {
(...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after
889 { 889 {
890 var rgbColor = /** @type {!DOMAgent.RGBA} */ (event.data); 890 var rgbColor = /** @type {!DOMAgent.RGBA} */ (event.data);
891 var rgba = [rgbColor.r, rgbColor.g, rgbColor.b, (rgbColor.a / 2.55 | 0) / 100]; 891 var rgba = [rgbColor.r, rgbColor.g, rgbColor.b, (rgbColor.a / 2.55 | 0) / 100];
892 var color = WebInspector.Color.fromRGBA(rgba); 892 var color = WebInspector.Color.fromRGBA(rgba);
893 this._innerSetColor(color.hsva(), "", undefined, WebInspector.Spectrum._ ChangeSource.Other); 893 this._innerSetColor(color.hsva(), "", undefined, WebInspector.Spectrum._ ChangeSource.Other);
894 InspectorFrontendHost.bringToFront(); 894 InspectorFrontendHost.bringToFront();
895 }, 895 },
896 896
897 897
898 __proto__: WebInspector.VBox.prototype 898 __proto__: WebInspector.VBox.prototype
899 } 899 };
900 900
901 /** @typedef {{ title: string, colors: !Array.<string>, mutable: boolean }} */ 901 /** @typedef {{ title: string, colors: !Array.<string>, mutable: boolean }} */
902 WebInspector.Spectrum.Palette; 902 WebInspector.Spectrum.Palette;
903 WebInspector.Spectrum.GeneratedPaletteTitle = "Page colors"; 903 WebInspector.Spectrum.GeneratedPaletteTitle = "Page colors";
904 904
905 /** 905 /**
906 * @constructor 906 * @constructor
907 * @param {function(!WebInspector.Spectrum.Palette)} callback 907 * @param {function(!WebInspector.Spectrum.Palette)} callback
908 */ 908 */
909 WebInspector.Spectrum.PaletteGenerator = function(callback) 909 WebInspector.Spectrum.PaletteGenerator = function(callback)
910 { 910 {
911 this._callback = callback; 911 this._callback = callback;
912 /** @type {!Map.<string, number>} */ 912 /** @type {!Map.<string, number>} */
913 this._frequencyMap = new Map(); 913 this._frequencyMap = new Map();
914 var stylesheetPromises = []; 914 var stylesheetPromises = [];
915 for (var target of WebInspector.targetManager.targets(WebInspector.Target.Ca pability.DOM)) { 915 for (var target of WebInspector.targetManager.targets(WebInspector.Target.Ca pability.DOM)) {
916 var cssModel = WebInspector.CSSModel.fromTarget(target); 916 var cssModel = WebInspector.CSSModel.fromTarget(target);
917 for (var stylesheet of cssModel.allStyleSheets()) 917 for (var stylesheet of cssModel.allStyleSheets())
918 stylesheetPromises.push(new Promise(this._processStylesheet.bind(thi s, stylesheet))); 918 stylesheetPromises.push(new Promise(this._processStylesheet.bind(thi s, stylesheet)));
919 } 919 }
920 Promise.all(stylesheetPromises) 920 Promise.all(stylesheetPromises)
921 .catchException(null) 921 .catchException(null)
922 .then(this._finish.bind(this)); 922 .then(this._finish.bind(this));
923 } 923 };
924 924
925 WebInspector.Spectrum.PaletteGenerator.prototype = { 925 WebInspector.Spectrum.PaletteGenerator.prototype = {
926 /** 926 /**
927 * @param {string} a 927 * @param {string} a
928 * @param {string} b 928 * @param {string} b
929 * @return {number} 929 * @return {number}
930 */ 930 */
931 _frequencyComparator: function(a, b) 931 _frequencyComparator: function(a, b)
932 { 932 {
933 return this._frequencyMap.get(b) - this._frequencyMap.get(a); 933 return this._frequencyMap.get(b) - this._frequencyMap.get(a);
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
993 var regexResult = text.match(/((?:rgb|hsl)a?\([^)]+\)|#[0-9a-f]{6}|# [0-9a-f]{3})/g) || []; 993 var regexResult = text.match(/((?:rgb|hsl)a?\([^)]+\)|#[0-9a-f]{6}|# [0-9a-f]{3})/g) || [];
994 for (var c of regexResult) { 994 for (var c of regexResult) {
995 var frequency = this._frequencyMap.get(c) || 0; 995 var frequency = this._frequencyMap.get(c) || 0;
996 this._frequencyMap.set(c, ++frequency); 996 this._frequencyMap.set(c, ++frequency);
997 } 997 }
998 resolve(null); 998 resolve(null);
999 } 999 }
1000 1000
1001 stylesheet.requestContent().then(parseContent.bind(this)); 1001 stylesheet.requestContent().then(parseContent.bind(this));
1002 } 1002 }
1003 } 1003 };
1004 1004
1005 WebInspector.Spectrum.MaterialPaletteShades = { 1005 WebInspector.Spectrum.MaterialPaletteShades = {
1006 "#F44336": ["#FFEBEE", "#FFCDD2", "#EF9A9A", "#E57373", "#EF5350", "#F44336" , "#E53935", "#D32F2F", "#C62828", "#B71C1C"], 1006 "#F44336": ["#FFEBEE", "#FFCDD2", "#EF9A9A", "#E57373", "#EF5350", "#F44336" , "#E53935", "#D32F2F", "#C62828", "#B71C1C"],
1007 "#E91E63": ["#FCE4EC", "#F8BBD0", "#F48FB1", "#F06292", "#EC407A", "#E91E63" , "#D81B60", "#C2185B", "#AD1457", "#880E4F"], 1007 "#E91E63": ["#FCE4EC", "#F8BBD0", "#F48FB1", "#F06292", "#EC407A", "#E91E63" , "#D81B60", "#C2185B", "#AD1457", "#880E4F"],
1008 "#9C27B0": ["#F3E5F5", "#E1BEE7", "#CE93D8", "#BA68C8", "#AB47BC", "#9C27B0" , "#8E24AA", "#7B1FA2", "#6A1B9A", "#4A148C"], 1008 "#9C27B0": ["#F3E5F5", "#E1BEE7", "#CE93D8", "#BA68C8", "#AB47BC", "#9C27B0" , "#8E24AA", "#7B1FA2", "#6A1B9A", "#4A148C"],
1009 "#673AB7": ["#EDE7F6", "#D1C4E9", "#B39DDB", "#9575CD", "#7E57C2", "#673AB7" , "#5E35B1", "#512DA8", "#4527A0", "#311B92"], 1009 "#673AB7": ["#EDE7F6", "#D1C4E9", "#B39DDB", "#9575CD", "#7E57C2", "#673AB7" , "#5E35B1", "#512DA8", "#4527A0", "#311B92"],
1010 "#3F51B5": ["#E8EAF6", "#C5CAE9", "#9FA8DA", "#7986CB", "#5C6BC0", "#3F51B5" , "#3949AB", "#303F9F", "#283593", "#1A237E"], 1010 "#3F51B5": ["#E8EAF6", "#C5CAE9", "#9FA8DA", "#7986CB", "#5C6BC0", "#3F51B5" , "#3949AB", "#303F9F", "#283593", "#1A237E"],
1011 "#2196F3": ["#E3F2FD", "#BBDEFB", "#90CAF9", "#64B5F6", "#42A5F5", "#2196F3" , "#1E88E5", "#1976D2", "#1565C0", "#0D47A1"], 1011 "#2196F3": ["#E3F2FD", "#BBDEFB", "#90CAF9", "#64B5F6", "#42A5F5", "#2196F3" , "#1E88E5", "#1976D2", "#1565C0", "#0D47A1"],
1012 "#03A9F4": ["#E1F5FE", "#B3E5FC", "#81D4FA", "#4FC3F7", "#29B6F6", "#03A9F4" , "#039BE5", "#0288D1", "#0277BD", "#01579B"], 1012 "#03A9F4": ["#E1F5FE", "#B3E5FC", "#81D4FA", "#4FC3F7", "#29B6F6", "#03A9F4" , "#039BE5", "#0288D1", "#0277BD", "#01579B"],
1013 "#00BCD4": ["#E0F7FA", "#B2EBF2", "#80DEEA", "#4DD0E1", "#26C6DA", "#00BCD4" , "#00ACC1", "#0097A7", "#00838F", "#006064"], 1013 "#00BCD4": ["#E0F7FA", "#B2EBF2", "#80DEEA", "#4DD0E1", "#26C6DA", "#00BCD4" , "#00ACC1", "#0097A7", "#00838F", "#006064"],
1014 "#009688": ["#E0F2F1", "#B2DFDB", "#80CBC4", "#4DB6AC", "#26A69A", "#009688" , "#00897B", "#00796B", "#00695C", "#004D40"], 1014 "#009688": ["#E0F2F1", "#B2DFDB", "#80CBC4", "#4DB6AC", "#26A69A", "#009688" , "#00897B", "#00796B", "#00695C", "#004D40"],
1015 "#4CAF50": ["#E8F5E9", "#C8E6C9", "#A5D6A7", "#81C784", "#66BB6A", "#4CAF50" , "#43A047", "#388E3C", "#2E7D32", "#1B5E20"], 1015 "#4CAF50": ["#E8F5E9", "#C8E6C9", "#A5D6A7", "#81C784", "#66BB6A", "#4CAF50" , "#43A047", "#388E3C", "#2E7D32", "#1B5E20"],
1016 "#8BC34A": ["#F1F8E9", "#DCEDC8", "#C5E1A5", "#AED581", "#9CCC65", "#8BC34A" , "#7CB342", "#689F38", "#558B2F", "#33691E"], 1016 "#8BC34A": ["#F1F8E9", "#DCEDC8", "#C5E1A5", "#AED581", "#9CCC65", "#8BC34A" , "#7CB342", "#689F38", "#558B2F", "#33691E"],
1017 "#CDDC39": ["#F9FBE7", "#F0F4C3", "#E6EE9C", "#DCE775", "#D4E157", "#CDDC39" , "#C0CA33", "#AFB42B", "#9E9D24", "#827717"], 1017 "#CDDC39": ["#F9FBE7", "#F0F4C3", "#E6EE9C", "#DCE775", "#D4E157", "#CDDC39" , "#C0CA33", "#AFB42B", "#9E9D24", "#827717"],
1018 "#FFEB3B": ["#FFFDE7", "#FFF9C4", "#FFF59D", "#FFF176", "#FFEE58", "#FFEB3B" , "#FDD835", "#FBC02D", "#F9A825", "#F57F17"], 1018 "#FFEB3B": ["#FFFDE7", "#FFF9C4", "#FFF59D", "#FFF176", "#FFEE58", "#FFEB3B" , "#FDD835", "#FBC02D", "#F9A825", "#F57F17"],
1019 "#FFC107": ["#FFF8E1", "#FFECB3", "#FFE082", "#FFD54F", "#FFCA28", "#FFC107" , "#FFB300", "#FFA000", "#FF8F00", "#FF6F00"], 1019 "#FFC107": ["#FFF8E1", "#FFECB3", "#FFE082", "#FFD54F", "#FFCA28", "#FFC107" , "#FFB300", "#FFA000", "#FF8F00", "#FF6F00"],
1020 "#FF9800": ["#FFF3E0", "#FFE0B2", "#FFCC80", "#FFB74D", "#FFA726", "#FF9800" , "#FB8C00", "#F57C00", "#EF6C00", "#E65100"], 1020 "#FF9800": ["#FFF3E0", "#FFE0B2", "#FFCC80", "#FFB74D", "#FFA726", "#FF9800" , "#FB8C00", "#F57C00", "#EF6C00", "#E65100"],
1021 "#FF5722": ["#FBE9E7", "#FFCCBC", "#FFAB91", "#FF8A65", "#FF7043", "#FF5722" , "#F4511E", "#E64A19", "#D84315", "#BF360C"], 1021 "#FF5722": ["#FBE9E7", "#FFCCBC", "#FFAB91", "#FF8A65", "#FF7043", "#FF5722" , "#F4511E", "#E64A19", "#D84315", "#BF360C"],
1022 "#795548": ["#EFEBE9", "#D7CCC8", "#BCAAA4", "#A1887F", "#8D6E63", "#795548" , "#6D4C41", "#5D4037", "#4E342E", "#3E2723"], 1022 "#795548": ["#EFEBE9", "#D7CCC8", "#BCAAA4", "#A1887F", "#8D6E63", "#795548" , "#6D4C41", "#5D4037", "#4E342E", "#3E2723"],
1023 "#9E9E9E": ["#FAFAFA", "#F5F5F5", "#EEEEEE", "#E0E0E0", "#BDBDBD", "#9E9E9E" , "#757575", "#616161", "#424242", "#212121"], 1023 "#9E9E9E": ["#FAFAFA", "#F5F5F5", "#EEEEEE", "#E0E0E0", "#BDBDBD", "#9E9E9E" , "#757575", "#616161", "#424242", "#212121"],
1024 "#607D8B": ["#ECEFF1", "#CFD8DC", "#B0BEC5", "#90A4AE", "#78909C", "#607D8B" , "#546E7A", "#455A64", "#37474F", "#263238"] 1024 "#607D8B": ["#ECEFF1", "#CFD8DC", "#B0BEC5", "#90A4AE", "#78909C", "#607D8B" , "#546E7A", "#455A64", "#37474F", "#263238"]
1025 }; 1025 };
1026 1026
1027 WebInspector.Spectrum.MaterialPalette = { title: "Material", mutable: false, mat chUserFormat: true, colors: Object.keys(WebInspector.Spectrum.MaterialPaletteSha des) }; 1027 WebInspector.Spectrum.MaterialPalette = { title: "Material", mutable: false, mat chUserFormat: true, colors: Object.keys(WebInspector.Spectrum.MaterialPaletteSha des) };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698