Spaces:
Running
Running
| (window["webpackJsonpGUI"] = window["webpackJsonpGUI"] || []).push([["addon-entry-2d-color-picker"],{ | |
| /***/ "./node_modules/css-loader/index.js!./src/addons/addons/2d-color-picker/style.css": | |
| /*!*******************************************************************************!*\ | |
| !*** ./node_modules/css-loader!./src/addons/addons/2d-color-picker/style.css ***! | |
| \*******************************************************************************/ | |
| /*! no static exports found */ | |
| /***/ (function(module, exports, __webpack_require__) { | |
| exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false); | |
| // imports | |
| // module | |
| exports.push([module.i, ".sa-2dcolor-picker {\n width: 150px;\n height: 150px;\n border-radius: 8px;\n margin: 8px;\n position: relative;\n user-select: none;\n}\n\n.sa-2dcolor-picker-image {\n border-radius: 8px;\n width: 150px;\n height: 150px;\n user-select: none;\n}\n", ""]); | |
| // exports | |
| /***/ }), | |
| /***/ "./node_modules/url-loader/dist/cjs.js!./src/addons/addons/2d-color-picker/assets/sv-gr.png": | |
| /*!**************************************************************************************************!*\ | |
| !*** ./node_modules/url-loader/dist/cjs.js!./src/addons/addons/2d-color-picker/assets/sv-gr.png ***! | |
| \**************************************************************************************************/ | |
| /*! exports provided: default */ | |
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | |
| ; | |
| __webpack_require__.r(__webpack_exports__); | |
| /* harmony default export */ __webpack_exports__["default"] = ("data:image/png;base64,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"); | |
| /***/ }), | |
| /***/ "./src/addons/addons/2d-color-picker/_runtime_entry.js": | |
| /*!*************************************************************!*\ | |
| !*** ./src/addons/addons/2d-color-picker/_runtime_entry.js ***! | |
| \*************************************************************/ | |
| /*! exports provided: resources */ | |
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | |
| ; | |
| __webpack_require__.r(__webpack_exports__); | |
| /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "resources", function() { return resources; }); | |
| /* harmony import */ var _userscript_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./userscript.js */ "./src/addons/addons/2d-color-picker/userscript.js"); | |
| /* harmony import */ var _css_loader_style_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! css-loader!./style.css */ "./node_modules/css-loader/index.js!./src/addons/addons/2d-color-picker/style.css"); | |
| /* harmony import */ var _css_loader_style_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_style_css__WEBPACK_IMPORTED_MODULE_1__); | |
| /* harmony import */ var _url_loader_assets_sv_gr_png__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! url-loader!./assets/sv-gr.png */ "./node_modules/url-loader/dist/cjs.js!./src/addons/addons/2d-color-picker/assets/sv-gr.png"); | |
| /* generated by pull.js */ | |
| const resources = { | |
| "userscript.js": _userscript_js__WEBPACK_IMPORTED_MODULE_0__["default"], | |
| "style.css": _css_loader_style_css__WEBPACK_IMPORTED_MODULE_1___default.a, | |
| "assets/sv-gr.png": _url_loader_assets_sv_gr_png__WEBPACK_IMPORTED_MODULE_2__["default"] | |
| }; | |
| /***/ }), | |
| /***/ "./src/addons/addons/2d-color-picker/paint-editor.js": | |
| /*!***********************************************************!*\ | |
| !*** ./src/addons/addons/2d-color-picker/paint-editor.js ***! | |
| \***********************************************************/ | |
| /*! exports provided: default */ | |
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | |
| ; | |
| __webpack_require__.r(__webpack_exports__); | |
| /* harmony import */ var _libraries_common_cs_normalize_color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../libraries/common/cs/normalize-color.js */ "./src/addons/libraries/common/cs/normalize-color.js"); | |
| /* harmony import */ var _libraries_common_cs_rate_limiter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../libraries/common/cs/rate-limiter.js */ "./src/addons/libraries/common/cs/rate-limiter.js"); | |
| /* harmony import */ var _libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../libraries/thirdparty/cs/tinycolor-min.js */ "./src/addons/libraries/thirdparty/cs/tinycolor-min.js"); | |
| // this script was happily stolen from the color-picker addon, developed by Richie Bendall and apple502j | |
| // import required libraries | |
| /* harmony default export */ __webpack_exports__["default"] = (async _ref => { | |
| let { | |
| addon, | |
| console, | |
| msg | |
| } = _ref; | |
| let prevEventHandler; | |
| // 250-ms rate limit | |
| const rateLimiter = new _libraries_common_cs_rate_limiter_js__WEBPACK_IMPORTED_MODULE_1__["default"](250); | |
| // get the color from scratch | |
| const getColor = element => { | |
| let fillOrStroke; | |
| const state = addon.tab.redux.state; | |
| if (state.scratchPaint.modals.fillColor) { | |
| fillOrStroke = "fill"; | |
| } else if (state.scratchPaint.modals.strokeColor) { | |
| fillOrStroke = "stroke"; | |
| } else { | |
| return; | |
| } | |
| const colorType = state.scratchPaint.fillMode.colorIndex; | |
| const primaryOrSecondary = ["primary", "secondary"][colorType]; | |
| const color = state.scratchPaint.color["".concat(fillOrStroke, "Color")][primaryOrSecondary]; | |
| if (color === null || color === "scratch-paint/style-path/mixed") return; | |
| // This value can be arbitrary - it can be HEX, RGB, etc. | |
| // Use tinycolor to convert them. | |
| return Object(_libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__["default"])(color).toHex8(); | |
| }; | |
| // load the new color to scratch | |
| const setColor = (hex, element) => { | |
| hex = Object(_libraries_common_cs_normalize_color_js__WEBPACK_IMPORTED_MODULE_0__["normalizeHex"])(hex); | |
| if (!addon.tab.redux.state || !addon.tab.redux.state.scratchPaint) return; | |
| // The only way to reliably set color is to invoke eye dropper via click() | |
| // then faking that the eye dropper reported the value. | |
| const onEyeDropperOpened = _ref2 => { | |
| let { | |
| detail | |
| } = _ref2; | |
| if (detail.action.type !== "scratch-paint/eye-dropper/ACTIVATE_COLOR_PICKER") return; | |
| addon.tab.redux.removeEventListener("statechanged", onEyeDropperOpened); | |
| setTimeout(() => { | |
| const previousTool = addon.tab.redux.state.scratchPaint.color.eyeDropper.previousTool; | |
| if (previousTool) previousTool.activate(); | |
| addon.tab.redux.state.scratchPaint.color.eyeDropper.callback(hex); | |
| addon.tab.redux.dispatch({ | |
| type: "scratch-paint/eye-dropper/DEACTIVATE_COLOR_PICKER" | |
| }); | |
| }, 50); | |
| }; | |
| addon.tab.redux.addEventListener("statechanged", onEyeDropperOpened); | |
| element.children[1].children[0].click(); | |
| }; | |
| // for the color picker's background color | |
| const convertToGeneralColor = hex => { | |
| let h = Object(_libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__["default"])(hex).toHsv(); | |
| h.s = 1; | |
| h.v = 1; | |
| return Object(_libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__["default"])(h).toHex(); | |
| }; | |
| // le loop | |
| while (true) { | |
| // wait for color dialog box appearance | |
| const element = await addon.tab.waitForElement('div[class*="color-picker_swatch-row"]', { | |
| markAsSeen: true, | |
| reduxCondition: state => state.scratchGui.editorTab.activeTabIndex === 1 && !state.scratchGui.mode.isPlayerOnly | |
| }); | |
| rateLimiter.abort(false); | |
| if (!("colorIndex" in addon.tab.redux.state.scratchPaint.fillMode)) { | |
| console.error("Detected new paint editor; this will be supported in future versions."); | |
| return; | |
| } | |
| // update the bg color of the picker | |
| function updateColor() { | |
| rateLimiter.limit(() => { | |
| let c = getColor(element); | |
| let chsv = Object(_libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__["default"])(c).toHsv(); | |
| updateHandleFinal(chsv.s, chsv.v); | |
| saColorPicker.style.background = "#" + convertToGeneralColor(getColor(element)); | |
| }); | |
| } | |
| // redux stuff | |
| addon.tab.redux.initialize(); | |
| addon.tab.redux.addEventListener("statechanged", e => e.detail.action.type === "scratch-paint/fill-style/CHANGE_FILL_COLOR" || e.detail.action.type === "scratch-paint/fill-style/CHANGE_FILL_COLOR_2" || e.detail.action.type === "scratch-paint/stroke-style/CHANGE_STROKE_COLOR" || e.detail.action.type === "scratch-paint/stroke-style/CHANGE_STROKE_COLOR_2" ? updateColor() : 0); | |
| if (addon.tab.redux && typeof prevEventHandler === "function") { | |
| addon.tab.redux.removeEventListener("statechanged", prevEventHandler); | |
| prevEventHandler = null; | |
| } | |
| // get the color | |
| if (addon.tab.editorMode !== "editor") continue; | |
| let defaultColor = getColor(element); | |
| // create the color picker element and all it's child elements | |
| const saColorPicker = document.createElement("div"); | |
| saColorPicker.className = "sa-2dcolor-picker"; | |
| saColorPicker.style.background = "#" + convertToGeneralColor(defaultColor || "ff0000"); | |
| const saColorPickerImage = Object.assign(document.createElement("img"), { | |
| className: "sa-2dcolor-picker-image", | |
| src: addon.self.getResource("/assets/sv-gr.png") /* rewritten by pull.js */, | |
| draggable: false | |
| }); | |
| const saColorPickerHandle = Object.assign(document.createElement("div"), { | |
| className: addon.tab.scratchClass("slider_handle") | |
| }); | |
| saColorPickerHandle.style.pointerEvents = "none"; | |
| // create the label | |
| const saColorLabel = document.createElement("div"); | |
| saColorLabel.className = addon.tab.scratchClass("color-picker_row-header", { | |
| others: "sa-2dcolor-label" | |
| }); | |
| const saColorLabelName = document.createElement("span"); | |
| saColorLabelName.className = addon.tab.scratchClass("color-picker_label-name", { | |
| others: "sa-2dcolor-label-name" | |
| }); | |
| saColorLabelName.innerText = msg("shade"); | |
| const saColorLabelVal = document.createElement("span"); | |
| saColorLabelVal.className = addon.tab.scratchClass("color-picker_label-readout", { | |
| others: "sa-2dcolor-label-val" | |
| }); | |
| saColorLabel.appendChild(saColorLabelName); | |
| saColorLabel.appendChild(saColorLabelVal); | |
| let keyPressed = -1; | |
| let originalPos = { | |
| x: 0, | |
| y: 0 | |
| }; | |
| window.addEventListener("keydown", e => keyPressed = e.keyCode); | |
| window.addEventListener("keyup", () => keyPressed = -1); | |
| let origHue = 0; | |
| let el = null; | |
| let mousemovefunc = function mousemovefunc(e) { | |
| updateHandle(e, keyPressed, originalPos); | |
| return false; | |
| }; | |
| let mouseupfunc = function mouseupfunc(e) { | |
| updateFinal(e, keyPressed, originalPos); | |
| }; | |
| function updateHandle(e, keyPressed, originalPos) { | |
| let cx = Math.min(Math.max(e.clientX - saColorPicker.getBoundingClientRect().x, 0), 150); | |
| let cy = Math.min(Math.max(e.clientY - saColorPicker.getBoundingClientRect().y, 0), 150); | |
| if (keyPressed === 16) { | |
| if (Math.abs(cx - originalPos.x) > Math.abs(cy - originalPos.y)) cy = originalPos.y;else cx = originalPos.x; | |
| } | |
| saColorPickerHandle.style.left = cx - 8 + "px"; | |
| saColorPickerHandle.style.top = cy - 8 + "px"; | |
| saColorLabelVal.innerText = "".concat(Math.round(cx / 150 * 100), ", ").concat(100 - Math.round(cy / 150 * 100)); | |
| //update color in real-time (i only bothered to do that for solid colors) | |
| if ((!addon.tab.redux.state.scratchPaint.fillMode.gradientType || addon.tab.redux.state.scratchPaint.fillMode.gradientType === "SOLID") && el) { | |
| let c = Object(_libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__["default"])({ | |
| h: origHue, | |
| s: cx / 150, | |
| v: 1 - cy / 150 | |
| }).toHex(); | |
| if (c.startsWith("#")) el.style.background = c;else el.style.background = "#" + c; | |
| } | |
| } | |
| function updateHandleFinal(s, v) { | |
| saColorPickerHandle.style.left = s * 150 - 8 + "px"; | |
| saColorPickerHandle.style.top = (1 - v) * 150 - 8 + "px"; | |
| saColorLabelVal.innerText = "".concat(Math.round(s * 100), ", ").concat(Math.round(v * 100)); | |
| } | |
| function updateFinal(e, keyPressed, originalPos) { | |
| rateLimiter.limit(() => { | |
| let ox = Math.min(Math.max(e.clientX - saColorPicker.getBoundingClientRect().x, 0), 150); | |
| let oy = Math.min(Math.max(e.clientY - saColorPicker.getBoundingClientRect().y, 0), 150); | |
| if (keyPressed === 16) { | |
| if (Math.abs(ox - originalPos.x) > Math.abs(oy - originalPos.y)) oy = originalPos.y;else ox = originalPos.x; | |
| } | |
| let color = Object(_libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__["default"])(getColor(element)).toHsv(); | |
| let s = ox / 150; | |
| let v = 1 - oy / 150; | |
| let newColor = Object(_libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__["default"])({ | |
| h: color.h, | |
| s: s, | |
| v: v, | |
| a: color.a | |
| }).toHex8(); | |
| setColor(newColor, element); | |
| updateHandleFinal(s, v); | |
| }); | |
| window.removeEventListener("pointermove", mousemovefunc); | |
| window.removeEventListener("pointerup", mouseupfunc); | |
| } | |
| if (defaultColor) { | |
| let defaultHexColor = Object(_libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__["default"])(defaultColor).toHsv(); | |
| updateHandleFinal(defaultHexColor.s, defaultHexColor.v); | |
| } else updateHandleFinal(1, 1); | |
| saColorPicker.addEventListener("pointerdown", e => { | |
| e.preventDefault(); | |
| originalPos = { | |
| x: parseFloat(saColorPickerHandle.style.left) + 8, | |
| y: parseFloat(saColorPickerHandle.style.top) + 8 | |
| }; | |
| let fillOrStroke; | |
| const state = addon.tab.redux.state; | |
| if (state.scratchPaint.modals.fillColor) { | |
| fillOrStroke = "fill"; | |
| } else if (state.scratchPaint.modals.strokeColor) { | |
| fillOrStroke = "stroke"; | |
| } else { | |
| fillOrStroke = "wh"; | |
| } | |
| el = null; | |
| if (fillOrStroke === "fill") el = document.getElementsByClassName(addon.tab.scratchClass("color-button_color-button-swatch"))[0];else if (fillOrStroke === "stroke") el = document.getElementsByClassName(addon.tab.scratchClass("color-button_color-button-swatch"))[1]; | |
| if (el) origHue = Object(_libraries_thirdparty_cs_tinycolor_min_js__WEBPACK_IMPORTED_MODULE_2__["default"])(el.style.background).toHsv().h; | |
| updateHandle(e); | |
| window.addEventListener("pointermove", mousemovefunc); | |
| window.addEventListener("pointerup", mouseupfunc); | |
| }); | |
| prevEventHandler = _ref3 => { | |
| let { | |
| detail | |
| } = _ref3; | |
| if (detail.action.type === "scratch-paint/color-index/CHANGE_COLOR_INDEX") { | |
| setTimeout(() => { | |
| updateColor(); | |
| }, 100); | |
| } | |
| }; | |
| addon.tab.redux.addEventListener("statechanged", prevEventHandler); | |
| saColorPicker.appendChild(saColorPickerImage); | |
| saColorPicker.appendChild(saColorPickerHandle); | |
| const [colorSlider, saturationSlider, brightnessSlider] = [...element.parentElement.querySelectorAll('[class^="color-picker_row-header"]')].map(i => i.parentElement); | |
| saturationSlider.style.display = "none"; | |
| brightnessSlider.style.display = "none"; | |
| colorSlider.insertAdjacentElement("afterend", saColorPicker); | |
| colorSlider.insertAdjacentElement("afterend", saColorLabel); | |
| } | |
| }); | |
| /***/ }), | |
| /***/ "./src/addons/addons/2d-color-picker/userscript.js": | |
| /*!*********************************************************!*\ | |
| !*** ./src/addons/addons/2d-color-picker/userscript.js ***! | |
| \*********************************************************/ | |
| /*! exports provided: default */ | |
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | |
| ; | |
| __webpack_require__.r(__webpack_exports__); | |
| /* harmony import */ var _paint_editor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./paint-editor.js */ "./src/addons/addons/2d-color-picker/paint-editor.js"); | |
| /* harmony default export */ __webpack_exports__["default"] = (async api => { | |
| Object(_paint_editor_js__WEBPACK_IMPORTED_MODULE_0__["default"])(api); | |
| }); | |
| /***/ }), | |
| /***/ "./src/addons/libraries/common/cs/normalize-color.js": | |
| /*!***********************************************************!*\ | |
| !*** ./src/addons/libraries/common/cs/normalize-color.js ***! | |
| \***********************************************************/ | |
| /*! exports provided: getHexRegex, normalizeHex */ | |
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | |
| ; | |
| __webpack_require__.r(__webpack_exports__); | |
| /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getHexRegex", function() { return getHexRegex; }); | |
| /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "normalizeHex", function() { return normalizeHex; }); | |
| const getHexRegex = () => /^#?[0-9a-fA-F]{3,8}$/; | |
| const normalizeHex = input => { | |
| let hex = String(input); | |
| if (!getHexRegex().test(hex)) return "#000000"; | |
| if (!hex.startsWith("#")) hex = "#".concat(hex); | |
| if (hex.length === 4) { | |
| const [_, r, g, b] = hex; | |
| hex = "#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b); | |
| } | |
| return hex.toLowerCase(); | |
| }; | |
| /***/ }), | |
| /***/ "./src/addons/libraries/common/cs/rate-limiter.js": | |
| /*!********************************************************!*\ | |
| !*** ./src/addons/libraries/common/cs/rate-limiter.js ***! | |
| \********************************************************/ | |
| /*! exports provided: default */ | |
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | |
| ; | |
| __webpack_require__.r(__webpack_exports__); | |
| /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return RateLimiter; }); | |
| class RateLimiter { | |
| constructor(wait) { | |
| this.timeout = null; | |
| this.callback = null; | |
| this.wait = wait; | |
| } | |
| abort() { | |
| let call = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; | |
| if (this.timeout) { | |
| clearTimeout(this.timeout); | |
| if (call) this.callback(); | |
| this.timeout = this.callback = null; | |
| } | |
| } | |
| limit(callback) { | |
| this.abort(false); | |
| this.callback = callback; | |
| this.timeout = setTimeout(() => { | |
| this.timeout = this.callback = null; | |
| callback(); | |
| }, this.wait); | |
| } | |
| } | |
| /***/ }), | |
| /***/ "./src/addons/libraries/thirdparty/cs/tinycolor-min.js": | |
| /*!*************************************************************!*\ | |
| !*** ./src/addons/libraries/thirdparty/cs/tinycolor-min.js ***! | |
| \*************************************************************/ | |
| /*! exports provided: default */ | |
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | |
| ; | |
| __webpack_require__.r(__webpack_exports__); | |
| // TinyColor v1.4.2 | |
| // https://github.com/bgrins/TinyColor | |
| // Brian Grinstead, MIT License | |
| // Modified to use ES6 export | |
| const tinycolor = function (Math) { | |
| var trimLeft = /^\s+/, | |
| trimRight = /\s+$/, | |
| tinyCounter = 0, | |
| mathRound = Math.round, | |
| mathMin = Math.min, | |
| mathMax = Math.max, | |
| mathRandom = Math.random; | |
| function tinycolor(color, opts) { | |
| color = color ? color : ''; | |
| opts = opts || {}; | |
| // If input is already a tinycolor, return itself | |
| if (color instanceof tinycolor) { | |
| return color; | |
| } | |
| // If we are called as a function, call using new instead | |
| if (!(this instanceof tinycolor)) { | |
| return new tinycolor(color, opts); | |
| } | |
| var rgb = inputToRGB(color); | |
| this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = mathRound(100 * this._a) / 100, this._format = opts.format || rgb.format; | |
| this._gradientType = opts.gradientType; | |
| // Don't let the range of [0,255] come back in [0,1]. | |
| // Potentially lose a little bit of precision here, but will fix issues where | |
| // .5 gets interpreted as half of the total, instead of half of 1 | |
| // If it was supposed to be 128, this was already taken care of by `inputToRgb` | |
| if (this._r < 1) { | |
| this._r = mathRound(this._r); | |
| } | |
| if (this._g < 1) { | |
| this._g = mathRound(this._g); | |
| } | |
| if (this._b < 1) { | |
| this._b = mathRound(this._b); | |
| } | |
| this._ok = rgb.ok; | |
| this._tc_id = tinyCounter++; | |
| } | |
| tinycolor.prototype = { | |
| isDark: function isDark() { | |
| return this.getBrightness() < 128; | |
| }, | |
| isLight: function isLight() { | |
| return !this.isDark(); | |
| }, | |
| isValid: function isValid() { | |
| return this._ok; | |
| }, | |
| getOriginalInput: function getOriginalInput() { | |
| return this._originalInput; | |
| }, | |
| getFormat: function getFormat() { | |
| return this._format; | |
| }, | |
| getAlpha: function getAlpha() { | |
| return this._a; | |
| }, | |
| getBrightness: function getBrightness() { | |
| //http://www.w3.org/TR/AERT#color-contrast | |
| var rgb = this.toRgb(); | |
| return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; | |
| }, | |
| getLuminance: function getLuminance() { | |
| //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef | |
| var rgb = this.toRgb(); | |
| var RsRGB, GsRGB, BsRGB, R, G, B; | |
| RsRGB = rgb.r / 255; | |
| GsRGB = rgb.g / 255; | |
| BsRGB = rgb.b / 255; | |
| if (RsRGB <= 0.03928) { | |
| R = RsRGB / 12.92; | |
| } else { | |
| R = Math.pow((RsRGB + 0.055) / 1.055, 2.4); | |
| } | |
| if (GsRGB <= 0.03928) { | |
| G = GsRGB / 12.92; | |
| } else { | |
| G = Math.pow((GsRGB + 0.055) / 1.055, 2.4); | |
| } | |
| if (BsRGB <= 0.03928) { | |
| B = BsRGB / 12.92; | |
| } else { | |
| B = Math.pow((BsRGB + 0.055) / 1.055, 2.4); | |
| } | |
| return 0.2126 * R + 0.7152 * G + 0.0722 * B; | |
| }, | |
| setAlpha: function setAlpha(value) { | |
| this._a = boundAlpha(value); | |
| this._roundA = mathRound(100 * this._a) / 100; | |
| return this; | |
| }, | |
| toHsv: function toHsv() { | |
| var hsv = rgbToHsv(this._r, this._g, this._b); | |
| return { | |
| h: hsv.h * 360, | |
| s: hsv.s, | |
| v: hsv.v, | |
| a: this._a | |
| }; | |
| }, | |
| toHsvString: function toHsvString() { | |
| var hsv = rgbToHsv(this._r, this._g, this._b); | |
| var h = mathRound(hsv.h * 360), | |
| s = mathRound(hsv.s * 100), | |
| v = mathRound(hsv.v * 100); | |
| return this._a == 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this._roundA + ")"; | |
| }, | |
| toHsl: function toHsl() { | |
| var hsl = rgbToHsl(this._r, this._g, this._b); | |
| return { | |
| h: hsl.h * 360, | |
| s: hsl.s, | |
| l: hsl.l, | |
| a: this._a | |
| }; | |
| }, | |
| toHslString: function toHslString() { | |
| var hsl = rgbToHsl(this._r, this._g, this._b); | |
| var h = mathRound(hsl.h * 360), | |
| s = mathRound(hsl.s * 100), | |
| l = mathRound(hsl.l * 100); | |
| return this._a == 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")"; | |
| }, | |
| toHex: function toHex(allow3Char) { | |
| return rgbToHex(this._r, this._g, this._b, allow3Char); | |
| }, | |
| toHexString: function toHexString(allow3Char) { | |
| return '#' + this.toHex(allow3Char); | |
| }, | |
| toHex8: function toHex8(allow4Char) { | |
| return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char); | |
| }, | |
| toHex8String: function toHex8String(allow4Char) { | |
| return '#' + this.toHex8(allow4Char); | |
| }, | |
| toRgb: function toRgb() { | |
| return { | |
| r: mathRound(this._r), | |
| g: mathRound(this._g), | |
| b: mathRound(this._b), | |
| a: this._a | |
| }; | |
| }, | |
| toRgbString: function toRgbString() { | |
| return this._a == 1 ? "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" : "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")"; | |
| }, | |
| toPercentageRgb: function toPercentageRgb() { | |
| return { | |
| r: mathRound(bound01(this._r, 255) * 100) + "%", | |
| g: mathRound(bound01(this._g, 255) * 100) + "%", | |
| b: mathRound(bound01(this._b, 255) * 100) + "%", | |
| a: this._a | |
| }; | |
| }, | |
| toPercentageRgbString: function toPercentageRgbString() { | |
| return this._a == 1 ? "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" : "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")"; | |
| }, | |
| toName: function toName() { | |
| if (this._a === 0) { | |
| return "transparent"; | |
| } | |
| if (this._a < 1) { | |
| return false; | |
| } | |
| return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false; | |
| }, | |
| toFilter: function toFilter(secondColor) { | |
| var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a); | |
| var secondHex8String = hex8String; | |
| var gradientType = this._gradientType ? "GradientType = 1, " : ""; | |
| if (secondColor) { | |
| var s = tinycolor(secondColor); | |
| secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a); | |
| } | |
| return "progid:DXImageTransform.Microsoft.gradient(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")"; | |
| }, | |
| toString: function toString(format) { | |
| var formatSet = !!format; | |
| format = format || this._format; | |
| var formattedString = false; | |
| var hasAlpha = this._a < 1 && this._a >= 0; | |
| var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name"); | |
| if (needsAlphaFormat) { | |
| // Special case for "transparent", all other non-alpha formats | |
| // will return rgba when there is transparency. | |
| if (format === "name" && this._a === 0) { | |
| return this.toName(); | |
| } | |
| return this.toRgbString(); | |
| } | |
| if (format === "rgb") { | |
| formattedString = this.toRgbString(); | |
| } | |
| if (format === "prgb") { | |
| formattedString = this.toPercentageRgbString(); | |
| } | |
| if (format === "hex" || format === "hex6") { | |
| formattedString = this.toHexString(); | |
| } | |
| if (format === "hex3") { | |
| formattedString = this.toHexString(true); | |
| } | |
| if (format === "hex4") { | |
| formattedString = this.toHex8String(true); | |
| } | |
| if (format === "hex8") { | |
| formattedString = this.toHex8String(); | |
| } | |
| if (format === "name") { | |
| formattedString = this.toName(); | |
| } | |
| if (format === "hsl") { | |
| formattedString = this.toHslString(); | |
| } | |
| if (format === "hsv") { | |
| formattedString = this.toHsvString(); | |
| } | |
| return formattedString || this.toHexString(); | |
| }, | |
| clone: function clone() { | |
| return tinycolor(this.toString()); | |
| }, | |
| _applyModification: function _applyModification(fn, args) { | |
| var color = fn.apply(null, [this].concat([].slice.call(args))); | |
| this._r = color._r; | |
| this._g = color._g; | |
| this._b = color._b; | |
| this.setAlpha(color._a); | |
| return this; | |
| }, | |
| lighten: function lighten() { | |
| return this._applyModification(_lighten, arguments); | |
| }, | |
| brighten: function brighten() { | |
| return this._applyModification(_brighten, arguments); | |
| }, | |
| darken: function darken() { | |
| return this._applyModification(_darken, arguments); | |
| }, | |
| desaturate: function desaturate() { | |
| return this._applyModification(_desaturate, arguments); | |
| }, | |
| saturate: function saturate() { | |
| return this._applyModification(_saturate, arguments); | |
| }, | |
| greyscale: function greyscale() { | |
| return this._applyModification(_greyscale, arguments); | |
| }, | |
| spin: function spin() { | |
| return this._applyModification(_spin, arguments); | |
| }, | |
| _applyCombination: function _applyCombination(fn, args) { | |
| return fn.apply(null, [this].concat([].slice.call(args))); | |
| }, | |
| analogous: function analogous() { | |
| return this._applyCombination(_analogous, arguments); | |
| }, | |
| complement: function complement() { | |
| return this._applyCombination(_complement, arguments); | |
| }, | |
| monochromatic: function monochromatic() { | |
| return this._applyCombination(_monochromatic, arguments); | |
| }, | |
| splitcomplement: function splitcomplement() { | |
| return this._applyCombination(_splitcomplement, arguments); | |
| }, | |
| triad: function triad() { | |
| return this._applyCombination(_triad, arguments); | |
| }, | |
| tetrad: function tetrad() { | |
| return this._applyCombination(_tetrad, arguments); | |
| } | |
| }; | |
| // If input is an object, force 1 into "1.0" to handle ratios properly | |
| // String input requires "1.0" as input, so 1 will be treated as 1 | |
| tinycolor.fromRatio = function (color, opts) { | |
| if (typeof color == "object") { | |
| var newColor = {}; | |
| for (var i in color) { | |
| if (color.hasOwnProperty(i)) { | |
| if (i === "a") { | |
| newColor[i] = color[i]; | |
| } else { | |
| newColor[i] = convertToPercentage(color[i]); | |
| } | |
| } | |
| } | |
| color = newColor; | |
| } | |
| return tinycolor(color, opts); | |
| }; | |
| // Given a string or object, convert that input to RGB | |
| // Possible string inputs: | |
| // | |
| // "red" | |
| // "#f00" or "f00" | |
| // "#ff0000" or "ff0000" | |
| // "#ff000000" or "ff000000" | |
| // "rgb 255 0 0" or "rgb (255, 0, 0)" | |
| // "rgb 1.0 0 0" or "rgb (1, 0, 0)" | |
| // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" | |
| // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" | |
| // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" | |
| // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" | |
| // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" | |
| // | |
| function inputToRGB(color) { | |
| var rgb = { | |
| r: 0, | |
| g: 0, | |
| b: 0 | |
| }; | |
| var a = 1; | |
| var s = null; | |
| var v = null; | |
| var l = null; | |
| var ok = false; | |
| var format = false; | |
| if (typeof color == "string") { | |
| color = stringInputToObject(color); | |
| } | |
| if (typeof color == "object") { | |
| if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) { | |
| rgb = rgbToRgb(color.r, color.g, color.b); | |
| ok = true; | |
| format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb"; | |
| } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) { | |
| s = convertToPercentage(color.s); | |
| v = convertToPercentage(color.v); | |
| rgb = hsvToRgb(color.h, s, v); | |
| ok = true; | |
| format = "hsv"; | |
| } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { | |
| s = convertToPercentage(color.s); | |
| l = convertToPercentage(color.l); | |
| rgb = hslToRgb(color.h, s, l); | |
| ok = true; | |
| format = "hsl"; | |
| } | |
| if (color.hasOwnProperty("a")) { | |
| a = color.a; | |
| } | |
| } | |
| a = boundAlpha(a); | |
| return { | |
| ok: ok, | |
| format: color.format || format, | |
| r: mathMin(255, mathMax(rgb.r, 0)), | |
| g: mathMin(255, mathMax(rgb.g, 0)), | |
| b: mathMin(255, mathMax(rgb.b, 0)), | |
| a: a | |
| }; | |
| } | |
| // Conversion Functions | |
| // -------------------- | |
| // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from: | |
| // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript> | |
| // `rgbToRgb` | |
| // Handle bounds / percentage checking to conform to CSS color spec | |
| // <http://www.w3.org/TR/css3-color/> | |
| // *Assumes:* r, g, b in [0, 255] or [0, 1] | |
| // *Returns:* { r, g, b } in [0, 255] | |
| function rgbToRgb(r, g, b) { | |
| return { | |
| r: bound01(r, 255) * 255, | |
| g: bound01(g, 255) * 255, | |
| b: bound01(b, 255) * 255 | |
| }; | |
| } | |
| // `rgbToHsl` | |
| // Converts an RGB color value to HSL. | |
| // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] | |
| // *Returns:* { h, s, l } in [0,1] | |
| function rgbToHsl(r, g, b) { | |
| r = bound01(r, 255); | |
| g = bound01(g, 255); | |
| b = bound01(b, 255); | |
| var max = mathMax(r, g, b), | |
| min = mathMin(r, g, b); | |
| var h, | |
| s, | |
| l = (max + min) / 2; | |
| if (max == min) { | |
| h = s = 0; // achromatic | |
| } else { | |
| var d = max - min; | |
| s = l > 0.5 ? d / (2 - max - min) : d / (max + min); | |
| switch (max) { | |
| case r: | |
| h = (g - b) / d + (g < b ? 6 : 0); | |
| break; | |
| case g: | |
| h = (b - r) / d + 2; | |
| break; | |
| case b: | |
| h = (r - g) / d + 4; | |
| break; | |
| } | |
| h /= 6; | |
| } | |
| return { | |
| h: h, | |
| s: s, | |
| l: l | |
| }; | |
| } | |
| // `hslToRgb` | |
| // Converts an HSL color value to RGB. | |
| // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] | |
| // *Returns:* { r, g, b } in the set [0, 255] | |
| function hslToRgb(h, s, l) { | |
| var r, g, b; | |
| h = bound01(h, 360); | |
| s = bound01(s, 100); | |
| l = bound01(l, 100); | |
| function hue2rgb(p, q, t) { | |
| if (t < 0) t += 1; | |
| if (t > 1) t -= 1; | |
| if (t < 1 / 6) return p + (q - p) * 6 * t; | |
| if (t < 1 / 2) return q; | |
| if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6; | |
| return p; | |
| } | |
| if (s === 0) { | |
| r = g = b = l; // achromatic | |
| } else { | |
| var q = l < 0.5 ? l * (1 + s) : l + s - l * s; | |
| var p = 2 * l - q; | |
| r = hue2rgb(p, q, h + 1 / 3); | |
| g = hue2rgb(p, q, h); | |
| b = hue2rgb(p, q, h - 1 / 3); | |
| } | |
| return { | |
| r: r * 255, | |
| g: g * 255, | |
| b: b * 255 | |
| }; | |
| } | |
| // `rgbToHsv` | |
| // Converts an RGB color value to HSV | |
| // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] | |
| // *Returns:* { h, s, v } in [0,1] | |
| function rgbToHsv(r, g, b) { | |
| r = bound01(r, 255); | |
| g = bound01(g, 255); | |
| b = bound01(b, 255); | |
| var max = mathMax(r, g, b), | |
| min = mathMin(r, g, b); | |
| var h, | |
| s, | |
| v = max; | |
| var d = max - min; | |
| s = max === 0 ? 0 : d / max; | |
| if (max == min) { | |
| h = 0; // achromatic | |
| } else { | |
| switch (max) { | |
| case r: | |
| h = (g - b) / d + (g < b ? 6 : 0); | |
| break; | |
| case g: | |
| h = (b - r) / d + 2; | |
| break; | |
| case b: | |
| h = (r - g) / d + 4; | |
| break; | |
| } | |
| h /= 6; | |
| } | |
| return { | |
| h: h, | |
| s: s, | |
| v: v | |
| }; | |
| } | |
| // `hsvToRgb` | |
| // Converts an HSV color value to RGB. | |
| // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] | |
| // *Returns:* { r, g, b } in the set [0, 255] | |
| function hsvToRgb(h, s, v) { | |
| h = bound01(h, 360) * 6; | |
| s = bound01(s, 100); | |
| v = bound01(v, 100); | |
| var i = Math.floor(h), | |
| f = h - i, | |
| p = v * (1 - s), | |
| q = v * (1 - f * s), | |
| t = v * (1 - (1 - f) * s), | |
| mod = i % 6, | |
| r = [v, q, p, p, t, v][mod], | |
| g = [t, v, v, q, p, p][mod], | |
| b = [p, p, t, v, v, q][mod]; | |
| return { | |
| r: r * 255, | |
| g: g * 255, | |
| b: b * 255 | |
| }; | |
| } | |
| // `rgbToHex` | |
| // Converts an RGB color to hex | |
| // Assumes r, g, and b are contained in the set [0, 255] | |
| // Returns a 3 or 6 character hex | |
| function rgbToHex(r, g, b, allow3Char) { | |
| var hex = [pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16))]; | |
| // Return a 3 character hex if possible | |
| if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) { | |
| return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); | |
| } | |
| return hex.join(""); | |
| } | |
| // `rgbaToHex` | |
| // Converts an RGBA color plus alpha transparency to hex | |
| // Assumes r, g, b are contained in the set [0, 255] and | |
| // a in [0, 1]. Returns a 4 or 8 character rgba hex | |
| function rgbaToHex(r, g, b, a, allow4Char) { | |
| var hex = [pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)), pad2(convertDecimalToHex(a))]; | |
| // Return a 4 character hex if possible | |
| if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) { | |
| return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0); | |
| } | |
| return hex.join(""); | |
| } | |
| // `rgbaToArgbHex` | |
| // Converts an RGBA color to an ARGB Hex8 string | |
| // Rarely used, but required for "toFilter()" | |
| function rgbaToArgbHex(r, g, b, a) { | |
| var hex = [pad2(convertDecimalToHex(a)), pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16))]; | |
| return hex.join(""); | |
| } | |
| // `equals` | |
| // Can be called with any tinycolor input | |
| tinycolor.equals = function (color1, color2) { | |
| if (!color1 || !color2) { | |
| return false; | |
| } | |
| return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString(); | |
| }; | |
| tinycolor.random = function () { | |
| return tinycolor.fromRatio({ | |
| r: mathRandom(), | |
| g: mathRandom(), | |
| b: mathRandom() | |
| }); | |
| }; | |
| // Modification Functions | |
| // ---------------------- | |
| // Thanks to less.js for some of the basics here | |
| // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js> | |
| function _desaturate(color, amount) { | |
| amount = amount === 0 ? 0 : amount || 10; | |
| var hsl = tinycolor(color).toHsl(); | |
| hsl.s -= amount / 100; | |
| hsl.s = clamp01(hsl.s); | |
| return tinycolor(hsl); | |
| } | |
| function _saturate(color, amount) { | |
| amount = amount === 0 ? 0 : amount || 10; | |
| var hsl = tinycolor(color).toHsl(); | |
| hsl.s += amount / 100; | |
| hsl.s = clamp01(hsl.s); | |
| return tinycolor(hsl); | |
| } | |
| function _greyscale(color) { | |
| return tinycolor(color).desaturate(100); | |
| } | |
| function _lighten(color, amount) { | |
| amount = amount === 0 ? 0 : amount || 10; | |
| var hsl = tinycolor(color).toHsl(); | |
| hsl.l += amount / 100; | |
| hsl.l = clamp01(hsl.l); | |
| return tinycolor(hsl); | |
| } | |
| function _brighten(color, amount) { | |
| amount = amount === 0 ? 0 : amount || 10; | |
| var rgb = tinycolor(color).toRgb(); | |
| rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * -(amount / 100)))); | |
| rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * -(amount / 100)))); | |
| rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * -(amount / 100)))); | |
| return tinycolor(rgb); | |
| } | |
| function _darken(color, amount) { | |
| amount = amount === 0 ? 0 : amount || 10; | |
| var hsl = tinycolor(color).toHsl(); | |
| hsl.l -= amount / 100; | |
| hsl.l = clamp01(hsl.l); | |
| return tinycolor(hsl); | |
| } | |
| // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. | |
| // Values outside of this range will be wrapped into this range. | |
| function _spin(color, amount) { | |
| var hsl = tinycolor(color).toHsl(); | |
| var hue = (hsl.h + amount) % 360; | |
| hsl.h = hue < 0 ? 360 + hue : hue; | |
| return tinycolor(hsl); | |
| } | |
| // Combination Functions | |
| // --------------------- | |
| // Thanks to jQuery xColor for some of the ideas behind these | |
| // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js> | |
| function _complement(color) { | |
| var hsl = tinycolor(color).toHsl(); | |
| hsl.h = (hsl.h + 180) % 360; | |
| return tinycolor(hsl); | |
| } | |
| function _triad(color) { | |
| var hsl = tinycolor(color).toHsl(); | |
| var h = hsl.h; | |
| return [tinycolor(color), tinycolor({ | |
| h: (h + 120) % 360, | |
| s: hsl.s, | |
| l: hsl.l | |
| }), tinycolor({ | |
| h: (h + 240) % 360, | |
| s: hsl.s, | |
| l: hsl.l | |
| })]; | |
| } | |
| function _tetrad(color) { | |
| var hsl = tinycolor(color).toHsl(); | |
| var h = hsl.h; | |
| return [tinycolor(color), tinycolor({ | |
| h: (h + 90) % 360, | |
| s: hsl.s, | |
| l: hsl.l | |
| }), tinycolor({ | |
| h: (h + 180) % 360, | |
| s: hsl.s, | |
| l: hsl.l | |
| }), tinycolor({ | |
| h: (h + 270) % 360, | |
| s: hsl.s, | |
| l: hsl.l | |
| })]; | |
| } | |
| function _splitcomplement(color) { | |
| var hsl = tinycolor(color).toHsl(); | |
| var h = hsl.h; | |
| return [tinycolor(color), tinycolor({ | |
| h: (h + 72) % 360, | |
| s: hsl.s, | |
| l: hsl.l | |
| }), tinycolor({ | |
| h: (h + 216) % 360, | |
| s: hsl.s, | |
| l: hsl.l | |
| })]; | |
| } | |
| function _analogous(color, results, slices) { | |
| results = results || 6; | |
| slices = slices || 30; | |
| var hsl = tinycolor(color).toHsl(); | |
| var part = 360 / slices; | |
| var ret = [tinycolor(color)]; | |
| for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results;) { | |
| hsl.h = (hsl.h + part) % 360; | |
| ret.push(tinycolor(hsl)); | |
| } | |
| return ret; | |
| } | |
| function _monochromatic(color, results) { | |
| results = results || 6; | |
| var hsv = tinycolor(color).toHsv(); | |
| var h = hsv.h, | |
| s = hsv.s, | |
| v = hsv.v; | |
| var ret = []; | |
| var modification = 1 / results; | |
| while (results--) { | |
| ret.push(tinycolor({ | |
| h: h, | |
| s: s, | |
| v: v | |
| })); | |
| v = (v + modification) % 1; | |
| } | |
| return ret; | |
| } | |
| // Utility Functions | |
| // --------------------- | |
| tinycolor.mix = function (color1, color2, amount) { | |
| amount = amount === 0 ? 0 : amount || 50; | |
| var rgb1 = tinycolor(color1).toRgb(); | |
| var rgb2 = tinycolor(color2).toRgb(); | |
| var p = amount / 100; | |
| var rgba = { | |
| r: (rgb2.r - rgb1.r) * p + rgb1.r, | |
| g: (rgb2.g - rgb1.g) * p + rgb1.g, | |
| b: (rgb2.b - rgb1.b) * p + rgb1.b, | |
| a: (rgb2.a - rgb1.a) * p + rgb1.a | |
| }; | |
| return tinycolor(rgba); | |
| }; | |
| // Readability Functions | |
| // --------------------- | |
| // <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2) | |
| // `contrast` | |
| // Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2) | |
| tinycolor.readability = function (color1, color2) { | |
| var c1 = tinycolor(color1); | |
| var c2 = tinycolor(color2); | |
| return (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) / (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05); | |
| }; | |
| // `isReadable` | |
| // Ensure that foreground and background color combinations meet WCAG2 guidelines. | |
| // The third argument is an optional Object. | |
| // the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA'; | |
| // the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'. | |
| // If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}. | |
| // *Example* | |
| // tinycolor.isReadable("#000", "#111") => false | |
| // tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false | |
| tinycolor.isReadable = function (color1, color2, wcag2) { | |
| var readability = tinycolor.readability(color1, color2); | |
| var wcag2Parms, out; | |
| out = false; | |
| wcag2Parms = validateWCAG2Parms(wcag2); | |
| switch (wcag2Parms.level + wcag2Parms.size) { | |
| case "AAsmall": | |
| case "AAAlarge": | |
| out = readability >= 4.5; | |
| break; | |
| case "AAlarge": | |
| out = readability >= 3; | |
| break; | |
| case "AAAsmall": | |
| out = readability >= 7; | |
| break; | |
| } | |
| return out; | |
| }; | |
| // `mostReadable` | |
| // Given a base color and a list of possible foreground or background | |
| // colors for that base, returns the most readable color. | |
| // Optionally returns Black or White if the most readable color is unreadable. | |
| // *Example* | |
| // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255" | |
| // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff" | |
| // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3" | |
| // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff" | |
| tinycolor.mostReadable = function (baseColor, colorList, args) { | |
| var bestColor = null; | |
| var bestScore = 0; | |
| var readability; | |
| var includeFallbackColors, level, size; | |
| args = args || {}; | |
| includeFallbackColors = args.includeFallbackColors; | |
| level = args.level; | |
| size = args.size; | |
| for (var i = 0; i < colorList.length; i++) { | |
| readability = tinycolor.readability(baseColor, colorList[i]); | |
| if (readability > bestScore) { | |
| bestScore = readability; | |
| bestColor = tinycolor(colorList[i]); | |
| } | |
| } | |
| if (tinycolor.isReadable(baseColor, bestColor, { | |
| "level": level, | |
| "size": size | |
| }) || !includeFallbackColors) { | |
| return bestColor; | |
| } else { | |
| args.includeFallbackColors = false; | |
| return tinycolor.mostReadable(baseColor, ["#fff", "#000"], args); | |
| } | |
| }; | |
| // Big List of Colors | |
| // ------------------ | |
| // <http://www.w3.org/TR/css3-color/#svg-color> | |
| var names = tinycolor.names = { | |
| aliceblue: "f0f8ff", | |
| antiquewhite: "faebd7", | |
| aqua: "0ff", | |
| aquamarine: "7fffd4", | |
| azure: "f0ffff", | |
| beige: "f5f5dc", | |
| bisque: "ffe4c4", | |
| black: "000", | |
| blanchedalmond: "ffebcd", | |
| blue: "00f", | |
| blueviolet: "8a2be2", | |
| brown: "a52a2a", | |
| burlywood: "deb887", | |
| burntsienna: "ea7e5d", | |
| cadetblue: "5f9ea0", | |
| chartreuse: "7fff00", | |
| chocolate: "d2691e", | |
| coral: "ff7f50", | |
| cornflowerblue: "6495ed", | |
| cornsilk: "fff8dc", | |
| crimson: "dc143c", | |
| cyan: "0ff", | |
| darkblue: "00008b", | |
| darkcyan: "008b8b", | |
| darkgoldenrod: "b8860b", | |
| darkgray: "a9a9a9", | |
| darkgreen: "006400", | |
| darkgrey: "a9a9a9", | |
| darkkhaki: "bdb76b", | |
| darkmagenta: "8b008b", | |
| darkolivegreen: "556b2f", | |
| darkorange: "ff8c00", | |
| darkorchid: "9932cc", | |
| darkred: "8b0000", | |
| darksalmon: "e9967a", | |
| darkseagreen: "8fbc8f", | |
| darkslateblue: "483d8b", | |
| darkslategray: "2f4f4f", | |
| darkslategrey: "2f4f4f", | |
| darkturquoise: "00ced1", | |
| darkviolet: "9400d3", | |
| deeppink: "ff1493", | |
| deepskyblue: "00bfff", | |
| dimgray: "696969", | |
| dimgrey: "696969", | |
| dodgerblue: "1e90ff", | |
| firebrick: "b22222", | |
| floralwhite: "fffaf0", | |
| forestgreen: "228b22", | |
| fuchsia: "f0f", | |
| gainsboro: "dcdcdc", | |
| ghostwhite: "f8f8ff", | |
| gold: "ffd700", | |
| goldenrod: "daa520", | |
| gray: "808080", | |
| green: "008000", | |
| greenyellow: "adff2f", | |
| grey: "808080", | |
| honeydew: "f0fff0", | |
| hotpink: "ff69b4", | |
| indianred: "cd5c5c", | |
| indigo: "4b0082", | |
| ivory: "fffff0", | |
| khaki: "f0e68c", | |
| lavender: "e6e6fa", | |
| lavenderblush: "fff0f5", | |
| lawngreen: "7cfc00", | |
| lemonchiffon: "fffacd", | |
| lightblue: "add8e6", | |
| lightcoral: "f08080", | |
| lightcyan: "e0ffff", | |
| lightgoldenrodyellow: "fafad2", | |
| lightgray: "d3d3d3", | |
| lightgreen: "90ee90", | |
| lightgrey: "d3d3d3", | |
| lightpink: "ffb6c1", | |
| lightsalmon: "ffa07a", | |
| lightseagreen: "20b2aa", | |
| lightskyblue: "87cefa", | |
| lightslategray: "789", | |
| lightslategrey: "789", | |
| lightsteelblue: "b0c4de", | |
| lightyellow: "ffffe0", | |
| lime: "0f0", | |
| limegreen: "32cd32", | |
| linen: "faf0e6", | |
| magenta: "f0f", | |
| maroon: "800000", | |
| mediumaquamarine: "66cdaa", | |
| mediumblue: "0000cd", | |
| mediumorchid: "ba55d3", | |
| mediumpurple: "9370db", | |
| mediumseagreen: "3cb371", | |
| mediumslateblue: "7b68ee", | |
| mediumspringgreen: "00fa9a", | |
| mediumturquoise: "48d1cc", | |
| mediumvioletred: "c71585", | |
| midnightblue: "191970", | |
| mintcream: "f5fffa", | |
| mistyrose: "ffe4e1", | |
| moccasin: "ffe4b5", | |
| navajowhite: "ffdead", | |
| navy: "000080", | |
| oldlace: "fdf5e6", | |
| olive: "808000", | |
| olivedrab: "6b8e23", | |
| orange: "ffa500", | |
| orangered: "ff4500", | |
| orchid: "da70d6", | |
| palegoldenrod: "eee8aa", | |
| palegreen: "98fb98", | |
| paleturquoise: "afeeee", | |
| palevioletred: "db7093", | |
| papayawhip: "ffefd5", | |
| peachpuff: "ffdab9", | |
| peru: "cd853f", | |
| pink: "ffc0cb", | |
| plum: "dda0dd", | |
| powderblue: "b0e0e6", | |
| purple: "800080", | |
| rebeccapurple: "663399", | |
| red: "f00", | |
| rosybrown: "bc8f8f", | |
| royalblue: "4169e1", | |
| saddlebrown: "8b4513", | |
| salmon: "fa8072", | |
| sandybrown: "f4a460", | |
| seagreen: "2e8b57", | |
| seashell: "fff5ee", | |
| sienna: "a0522d", | |
| silver: "c0c0c0", | |
| skyblue: "87ceeb", | |
| slateblue: "6a5acd", | |
| slategray: "708090", | |
| slategrey: "708090", | |
| snow: "fffafa", | |
| springgreen: "00ff7f", | |
| steelblue: "4682b4", | |
| tan: "d2b48c", | |
| teal: "008080", | |
| thistle: "d8bfd8", | |
| tomato: "ff6347", | |
| turquoise: "40e0d0", | |
| violet: "ee82ee", | |
| wheat: "f5deb3", | |
| white: "fff", | |
| whitesmoke: "f5f5f5", | |
| yellow: "ff0", | |
| yellowgreen: "9acd32" | |
| }; | |
| // Make it easy to access colors via `hexNames[hex]` | |
| var hexNames = tinycolor.hexNames = flip(names); | |
| // Utilities | |
| // --------- | |
| // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }` | |
| function flip(o) { | |
| var flipped = {}; | |
| for (var i in o) { | |
| if (o.hasOwnProperty(i)) { | |
| flipped[o[i]] = i; | |
| } | |
| } | |
| return flipped; | |
| } | |
| // Return a valid alpha value [0,1] with all invalid values being set to 1 | |
| function boundAlpha(a) { | |
| a = parseFloat(a); | |
| if (isNaN(a) || a < 0 || a > 1) { | |
| a = 1; | |
| } | |
| return a; | |
| } | |
| // Take input from [0, n] and return it as [0, 1] | |
| function bound01(n, max) { | |
| if (isOnePointZero(n)) { | |
| n = "100%"; | |
| } | |
| var processPercent = isPercentage(n); | |
| n = mathMin(max, mathMax(0, parseFloat(n))); | |
| // Automatically convert percentage into number | |
| if (processPercent) { | |
| n = parseInt(n * max, 10) / 100; | |
| } | |
| // Handle floating point rounding errors | |
| if (Math.abs(n - max) < 0.000001) { | |
| return 1; | |
| } | |
| // Convert into [0, 1] range if it isn't already | |
| return n % max / parseFloat(max); | |
| } | |
| // Force a number between 0 and 1 | |
| function clamp01(val) { | |
| return mathMin(1, mathMax(0, val)); | |
| } | |
| // Parse a base-16 hex value into a base-10 integer | |
| function parseIntFromHex(val) { | |
| return parseInt(val, 16); | |
| } | |
| // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 | |
| // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0> | |
| function isOnePointZero(n) { | |
| return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1; | |
| } | |
| // Check to see if string passed in is a percentage | |
| function isPercentage(n) { | |
| return typeof n === "string" && n.indexOf('%') != -1; | |
| } | |
| // Force a hex value to have 2 characters | |
| function pad2(c) { | |
| return c.length == 1 ? '0' + c : '' + c; | |
| } | |
| // Replace a decimal with it's percentage value | |
| function convertToPercentage(n) { | |
| if (n <= 1) { | |
| n = n * 100 + "%"; | |
| } | |
| return n; | |
| } | |
| // Converts a decimal to a hex value | |
| function convertDecimalToHex(d) { | |
| return Math.round(parseFloat(d) * 255).toString(16); | |
| } | |
| // Converts a hex value to a decimal | |
| function convertHexToDecimal(h) { | |
| return parseIntFromHex(h) / 255; | |
| } | |
| var matchers = function () { | |
| // <http://www.w3.org/TR/css3-values/#integers> | |
| var CSS_INTEGER = "[-\\+]?\\d+%?"; | |
| // <http://www.w3.org/TR/css3-values/#number-value> | |
| var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?"; | |
| // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome. | |
| var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")"; | |
| // Actual matching. | |
| // Parentheses and commas are optional, but not required. | |
| // Whitespace can take the place of commas or opening paren | |
| var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; | |
| var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; | |
| return { | |
| CSS_UNIT: new RegExp(CSS_UNIT), | |
| rgb: new RegExp("rgb" + PERMISSIVE_MATCH3), | |
| rgba: new RegExp("rgba" + PERMISSIVE_MATCH4), | |
| hsl: new RegExp("hsl" + PERMISSIVE_MATCH3), | |
| hsla: new RegExp("hsla" + PERMISSIVE_MATCH4), | |
| hsv: new RegExp("hsv" + PERMISSIVE_MATCH3), | |
| hsva: new RegExp("hsva" + PERMISSIVE_MATCH4), | |
| hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, | |
| hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, | |
| hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, | |
| hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ | |
| }; | |
| }(); | |
| // `isValidCSSUnit` | |
| // Take in a single string / number and check to see if it looks like a CSS unit | |
| // (see `matchers` above for definition). | |
| function isValidCSSUnit(color) { | |
| return !!matchers.CSS_UNIT.exec(color); | |
| } | |
| // `stringInputToObject` | |
| // Permissive string parsing. Take in a number of formats, and output an object | |
| // based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}` | |
| function stringInputToObject(color) { | |
| color = color.replace(trimLeft, '').replace(trimRight, '').toLowerCase(); | |
| var named = false; | |
| if (names[color]) { | |
| color = names[color]; | |
| named = true; | |
| } else if (color == 'transparent') { | |
| return { | |
| r: 0, | |
| g: 0, | |
| b: 0, | |
| a: 0, | |
| format: "name" | |
| }; | |
| } | |
| // Try to match string input using regular expressions. | |
| // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360] | |
| // Just return an object and let the conversion functions handle that. | |
| // This way the result will be the same whether the tinycolor is initialized with string or object. | |
| var match; | |
| if (match = matchers.rgb.exec(color)) { | |
| return { | |
| r: match[1], | |
| g: match[2], | |
| b: match[3] | |
| }; | |
| } | |
| if (match = matchers.rgba.exec(color)) { | |
| return { | |
| r: match[1], | |
| g: match[2], | |
| b: match[3], | |
| a: match[4] | |
| }; | |
| } | |
| if (match = matchers.hsl.exec(color)) { | |
| return { | |
| h: match[1], | |
| s: match[2], | |
| l: match[3] | |
| }; | |
| } | |
| if (match = matchers.hsla.exec(color)) { | |
| return { | |
| h: match[1], | |
| s: match[2], | |
| l: match[3], | |
| a: match[4] | |
| }; | |
| } | |
| if (match = matchers.hsv.exec(color)) { | |
| return { | |
| h: match[1], | |
| s: match[2], | |
| v: match[3] | |
| }; | |
| } | |
| if (match = matchers.hsva.exec(color)) { | |
| return { | |
| h: match[1], | |
| s: match[2], | |
| v: match[3], | |
| a: match[4] | |
| }; | |
| } | |
| if (match = matchers.hex8.exec(color)) { | |
| return { | |
| r: parseIntFromHex(match[1]), | |
| g: parseIntFromHex(match[2]), | |
| b: parseIntFromHex(match[3]), | |
| a: convertHexToDecimal(match[4]), | |
| format: named ? "name" : "hex8" | |
| }; | |
| } | |
| if (match = matchers.hex6.exec(color)) { | |
| return { | |
| r: parseIntFromHex(match[1]), | |
| g: parseIntFromHex(match[2]), | |
| b: parseIntFromHex(match[3]), | |
| format: named ? "name" : "hex" | |
| }; | |
| } | |
| if (match = matchers.hex4.exec(color)) { | |
| return { | |
| r: parseIntFromHex(match[1] + '' + match[1]), | |
| g: parseIntFromHex(match[2] + '' + match[2]), | |
| b: parseIntFromHex(match[3] + '' + match[3]), | |
| a: convertHexToDecimal(match[4] + '' + match[4]), | |
| format: named ? "name" : "hex8" | |
| }; | |
| } | |
| if (match = matchers.hex3.exec(color)) { | |
| return { | |
| r: parseIntFromHex(match[1] + '' + match[1]), | |
| g: parseIntFromHex(match[2] + '' + match[2]), | |
| b: parseIntFromHex(match[3] + '' + match[3]), | |
| format: named ? "name" : "hex" | |
| }; | |
| } | |
| return false; | |
| } | |
| function validateWCAG2Parms(parms) { | |
| // return valid WCAG2 parms for isReadable. | |
| // If input parms are invalid, return {"level":"AA", "size":"small"} | |
| var level, size; | |
| parms = parms || { | |
| "level": "AA", | |
| "size": "small" | |
| }; | |
| level = (parms.level || "AA").toUpperCase(); | |
| size = (parms.size || "small").toLowerCase(); | |
| if (level !== "AA" && level !== "AAA") { | |
| level = "AA"; | |
| } | |
| if (size !== "small" && size !== "large") { | |
| size = "small"; | |
| } | |
| return { | |
| "level": level, | |
| "size": size | |
| }; | |
| } | |
| /*// Node: Export function | |
| if (typeof module !== "undefined" && module.exports) { | |
| module.exports = tinycolor; | |
| } | |
| // AMD/requirejs: Define the module | |
| else if (typeof define === 'function' && define.amd) { | |
| define(function () {return tinycolor;}); | |
| } | |
| // Browser: Expose to window | |
| else { | |
| window.tinycolor = tinycolor; | |
| }*/ | |
| return tinycolor; | |
| }(Math); | |
| /* harmony default export */ __webpack_exports__["default"] = (tinycolor); | |
| /***/ }) | |
| }]); | |
| //# sourceMappingURL=addon-entry-2d-color-picker.js.map |