diff --git a/Build/Gruntfile.js b/Build/Gruntfile.js
index fb1bcc9270cff32104ebb83b2510108837259550..2271b8273677b42b7ab5e49d7f5c017742d4c45d 100644
--- a/Build/Gruntfile.js
+++ b/Build/Gruntfile.js
@@ -442,12 +442,8 @@ module.exports = function (grunt) {
*/
'broadcastchannel-polyfill.js': 'broadcastchannel-polyfill/index.js',
'bootstrap-slider.min.js': 'bootstrap-slider/dist/bootstrap-slider.min.js',
- /* disabled until events are not bound to document only
- see https://github.com/claviska/jquery-minicolors/issues/192
- see https://github.com/claviska/jquery-minicolors/issues/206
- 'jquery.minicolors.js': '../node_modules/@claviska/jquery-minicolors/jquery.minicolors.min.js',
- '../../Images/colorpicker/jquery.minicolors.png': '../node_modules/@claviska/jquery-minicolors/jquery.minicolors.png'
- */
+ 'jquery.minicolors.js': '../node_modules/@claviska/jquery-minicolors/jquery.minicolors.min.js',
+ '../../Images/colorpicker/jquery.minicolors.png': '../node_modules/@claviska/jquery-minicolors/jquery.minicolors.png',
/* disabled until autocomplete formatGroup is fixed to pass on the index too
'jquery.autocomplete.js': '../node_modules/devbridge-autocomplete/dist/jquery.autocomplete.min.js',
*/
diff --git a/Build/package.json b/Build/package.json
index d13b188de46b013bf3790f694eb138854aa0d23b..5a5d3d500e3b3c482b092628dc5a4908f53dbb46 100644
--- a/Build/package.json
+++ b/Build/package.json
@@ -12,7 +12,7 @@
"yarn": "^1.10.0"
},
"devDependencies": {
- "@claviska/jquery-minicolors": "^2.2.6",
+ "@claviska/jquery-minicolors": "^2.3.4",
"@types/bootstrap": "^3.3.34",
"@types/chosen-js": "^1.8.1",
"@types/chrome": "^0.0.69",
diff --git a/Build/yarn.lock b/Build/yarn.lock
index 6b8b8a7124bf76ac751bec75bcb98b25cc797561..83d84e2d3d92f7a8a33cb3c15c880c1d39b0cf04 100644
--- a/Build/yarn.lock
+++ b/Build/yarn.lock
@@ -90,12 +90,10 @@
lodash "^4.17.13"
to-fast-properties "^2.0.0"
-"@claviska/jquery-minicolors@^2.2.6":
- version "2.2.6"
- resolved "https://registry.yarnpkg.com/@claviska/jquery-minicolors/-/jquery-minicolors-2.2.6.tgz#00b4c1e4e31e4da483501785d5c2ed3fccfdedc9"
- integrity sha1-ALTB5OMeTaSDUBeF1cLtP8z97ck=
- dependencies:
- jquery ">= 1.7.x"
+"@claviska/jquery-minicolors@^2.3.4":
+ version "2.3.4"
+ resolved "https://registry.yarnpkg.com/@claviska/jquery-minicolors/-/jquery-minicolors-2.3.4.tgz#8f5c4af3e7d55396890288b357742711b368f75a"
+ integrity sha512-YSa2enAGxtPNGqI86a49XY3BO+dkEaX0XA6dBpk2+OG60zwNdDmbsoiaQ39dS48jdIEmNTYigw3Kt1YiWc1Q3A==
"@mrmlnc/readdir-enhanced@^2.2.1":
version "2.2.1"
@@ -5150,7 +5148,7 @@ jpegtran-bin@^4.0.0:
version "1.11.4"
resolved "https://codeload.github.com/jquery/jquery-ui/tar.gz/d6713024e16de90ea71dc0544ba34e1df01b4d8a"
-"jquery@>= 1.7.x", "jquery@>= 1.9.1", jquery@>=1.7, "jquery@^1.8.3 || ^2.0 || ^3.0":
+"jquery@>= 1.9.1", jquery@>=1.7, "jquery@^1.8.3 || ^2.0 || ^3.0":
version "3.2.1"
resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.2.1.tgz#5c4d9de652af6cd0a770154a631bba12b015c787"
integrity sha1-XE2d5lKvbNCncBVKYxu6ErAVx4c=
diff --git a/typo3/sysext/core/Resources/Public/JavaScript/Contrib/jquery.minicolors.js b/typo3/sysext/core/Resources/Public/JavaScript/Contrib/jquery.minicolors.js
index e270092bdbcf47762a71311338eaeac5255bf95a..ccf253152c5256066faf09f5e436bf0433ca9b08 100644
--- a/typo3/sysext/core/Resources/Public/JavaScript/Contrib/jquery.minicolors.js
+++ b/typo3/sysext/core/Resources/Public/JavaScript/Contrib/jquery.minicolors.js
@@ -1,1136 +1,8 @@
-/*
- * jQuery MiniColors: A tiny color picker built on jQuery
- *
- * Copyright: Cory LaViska for A Beautiful Site, LLC: http://www.abeautifulsite.net/
- *
- * Contribute: https://github.com/claviska/jquery-minicolors
- *
- * @license: http://opensource.org/licenses/MIT
- *
- */
-(function (factory) {
- /* jshint ignore:start */
- if (typeof define === 'function' && define.amd) {
- // AMD. Register as an anonymous module.
- define(['jquery'], factory);
- } else if (typeof exports === 'object') {
- // Node/CommonJS
- module.exports = factory(require('jquery'));
- } else {
- // Browser globals
- factory(jQuery);
- }
- /* jshint ignore:end */
-}(function ($) {
-
- 'use strict';
-
- // Defaults
- $.minicolors = {
- defaults: {
- animationSpeed: 50,
- animationEasing: 'swing',
- change: null,
- changeDelay: 0,
- control: 'hue',
- context: document,
- dataUris: true,
- defaultValue: '',
- format: 'hex',
- hide: null,
- hideSpeed: 100,
- inline: false,
- keywords: '',
- letterCase: 'lowercase',
- opacity: false,
- position: 'bottom left',
- show: null,
- showSpeed: 100,
- theme: 'default',
- swatches: []
- }
- };
-
- // Public methods
- $.extend($.fn, {
- minicolors: function(method, data) {
-
- switch(method) {
-
- // Destroy the control
- case 'destroy':
- $(this).each( function() {
- destroy($(this));
- });
- return $(this);
-
- // Hide the color picker
- case 'hide':
- hide();
- return $(this);
-
- // Get/set opacity
- case 'opacity':
- // Getter
- if( data === undefined ) {
- // Getter
- return $(this).attr('data-opacity');
- } else {
- // Setter
- $(this).each( function() {
- updateFromInput($(this).attr('data-opacity', data));
- });
- }
- return $(this);
-
- // Get an RGB(A) object based on the current color/opacity
- case 'rgbObject':
- return rgbObject($(this), method === 'rgbaObject');
-
- // Get an RGB(A) string based on the current color/opacity
- case 'rgbString':
- case 'rgbaString':
- return rgbString($(this), method === 'rgbaString');
-
- // Get/set settings on the fly
- case 'settings':
- if( data === undefined ) {
- return $(this).data('minicolors-settings');
- } else {
- // Setter
- $(this).each( function() {
- var settings = $(this).data('minicolors-settings') || {};
- destroy($(this));
- $(this).minicolors($.extend(true, settings, data));
- });
- }
- return $(this);
-
- // Show the color picker
- case 'show':
- show( $(this).eq(0) );
- return $(this);
-
- // Get/set the hex color value
- case 'value':
- if( data === undefined ) {
- // Getter
- return $(this).val();
- } else {
- // Setter
- $(this).each( function() {
- if( typeof(data) === 'object' ) {
- if( data.opacity ) {
- $(this).attr('data-opacity', keepWithin(data.opacity, 0, 1));
- }
- if( data.color ) {
- $(this).val(data.color);
- }
- } else {
- $(this).val(data);
- }
- updateFromInput($(this));
- });
- }
- return $(this);
-
- // Initializes the control
- default:
- if( method !== 'create' ) data = method;
- $(this).each( function() {
- init($(this), data);
- });
- return $(this);
-
- }
-
- }
- });
-
- // Initialize input elements
- function init(input, settings) {
-
- var minicolors = $('<div class="minicolors" />'),
- defaults = $.minicolors.defaults,
- size,
- swatches,
- swatch,
- panel,
- i;
-
- // Do nothing if already initialized
- if( input.data('minicolors-initialized') ) return;
-
- // Handle settings
- settings = $.extend(true, {}, defaults, settings);
-
- // The wrapper
- minicolors
- .addClass('minicolors-theme-' + settings.theme)
- .toggleClass('minicolors-with-opacity', settings.opacity)
- .toggleClass('minicolors-no-data-uris', settings.dataUris !== true);
-
- // Custom positioning
- if( settings.position !== undefined ) {
- $.each(settings.position.split(' '), function() {
- minicolors.addClass('minicolors-position-' + this);
- });
- }
-
- // Input size
- if( settings.format === 'rgb' ) {
- size = settings.opacity ? '25' : '20';
- } else {
- size = settings.keywords ? '11' : '7';
- }
-
- // The input
- input
- .addClass('minicolors-input')
- .data('minicolors-initialized', false)
- .data('minicolors-settings', settings)
- .prop('size', size)
- .wrap(minicolors)
- .after(
- '<div class="minicolors-panel minicolors-slider-' + settings.control + '">' +
- '<div class="minicolors-slider minicolors-sprite">' +
- '<div class="minicolors-picker"></div>' +
- '</div>' +
- '<div class="minicolors-opacity-slider minicolors-sprite">' +
- '<div class="minicolors-picker"></div>' +
- '</div>' +
- '<div class="minicolors-grid minicolors-sprite">' +
- '<div class="minicolors-grid-inner"></div>' +
- '<div class="minicolors-picker"><div></div></div>' +
- '</div>' +
- '</div>'
- );
-
- // The swatch
- if( !settings.inline ) {
- input.after('<span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color"></span></span>');
- input.next('.minicolors-input-swatch').on('click', function(event) {
- event.preventDefault();
- input.focus();
- });
- }
-
- // Prevent text selection in IE
- panel = input.parent().find('.minicolors-panel');
- panel.on('selectstart', function() { return false; }).end();
-
- // Swatches
- if (settings.swatches && settings.swatches.length !== 0) {
- if (settings.swatches.length > 7) {
- settings.swatches.length = 7;
- }
- panel.addClass('minicolors-with-swatches');
- swatches = $('<ul class="minicolors-swatches"></ul>')
- .appendTo(panel);
- for(i = 0; i < settings.swatches.length; ++i) {
- swatch = settings.swatches[i];
- swatch = isRgb(swatch) ? parseRgb(swatch, true) : hex2rgb(parseHex(swatch, true));
- $('<li class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color"></span></li>')
- .appendTo(swatches)
- .data('swatch-color', settings.swatches[i])
- .find('.minicolors-swatch-color')
- .css({
- backgroundColor: rgb2hex(swatch),
- opacity: swatch.a
- });
- settings.swatches[i] = swatch;
- }
-
- }
-
- // Inline controls
- if( settings.inline ) input.parent().addClass('minicolors-inline');
-
- updateFromInput(input, false);
-
- input.data('minicolors-initialized', true);
-
- }
-
- // Returns the input back to its original state
- function destroy(input) {
-
- var minicolors = input.parent();
-
- // Revert the input element
- input
- .removeData('minicolors-initialized')
- .removeData('minicolors-settings')
- .removeProp('size')
- .removeClass('minicolors-input');
-
- // Remove the wrap and destroy whatever remains
- minicolors.before(input).remove();
-
- }
-
- // Shows the specified dropdown panel
- function show(input) {
-
- var minicolors = input.parent(),
- panel = minicolors.find('.minicolors-panel'),
- settings = input.data('minicolors-settings');
-
- // Do nothing if uninitialized, disabled, inline, or already open
- if( !input.data('minicolors-initialized') ||
- input.prop('disabled') ||
- minicolors.hasClass('minicolors-inline') ||
- minicolors.hasClass('minicolors-focus')
- ) return;
-
- hide();
-
- minicolors.addClass('minicolors-focus');
- panel
- .stop(true, true)
- .fadeIn(settings.showSpeed, function() {
- if( settings.show ) settings.show.call(input.get(0));
- });
-
- }
-
- // Hides all dropdown panels
- function hide() {
-
- $('.minicolors-focus').each( function() {
-
- var minicolors = $(this),
- input = minicolors.find('.minicolors-input'),
- panel = minicolors.find('.minicolors-panel'),
- settings = input.data('minicolors-settings');
-
- panel.fadeOut(settings.hideSpeed, function() {
- if( settings.hide ) settings.hide.call(input.get(0));
- minicolors.removeClass('minicolors-focus');
- });
-
- });
- }
-
- // Moves the selected picker
- function move(target, event, animate) {
-
- var input = target.parents('.minicolors').find('.minicolors-input'),
- settings = input.data('minicolors-settings'),
- picker = target.find('[class$=-picker]'),
- offsetX = target.offset().left,
- offsetY = target.offset().top,
- x = Math.round(event.pageX - offsetX),
- y = Math.round(event.pageY - offsetY),
- duration = animate ? settings.animationSpeed : 0,
- wx, wy, r, phi;
-
- // Touch support
- if( event.originalEvent.changedTouches ) {
- x = event.originalEvent.changedTouches[0].pageX - offsetX;
- y = event.originalEvent.changedTouches[0].pageY - offsetY;
- }
-
- // Constrain picker to its container
- if( x < 0 ) x = 0;
- if( y < 0 ) y = 0;
- if( x > target.width() ) x = target.width();
- if( y > target.height() ) y = target.height();
-
- // Constrain color wheel values to the wheel
- if( target.parent().is('.minicolors-slider-wheel') && picker.parent().is('.minicolors-grid') ) {
- wx = 75 - x;
- wy = 75 - y;
- r = Math.sqrt(wx * wx + wy * wy);
- phi = Math.atan2(wy, wx);
- if( phi < 0 ) phi += Math.PI * 2;
- if( r > 75 ) {
- r = 75;
- x = 75 - (75 * Math.cos(phi));
- y = 75 - (75 * Math.sin(phi));
- }
- x = Math.round(x);
- y = Math.round(y);
- }
-
- // Move the picker
- if( target.is('.minicolors-grid') ) {
- picker
- .stop(true)
- .animate({
- top: y + 'px',
- left: x + 'px'
- }, duration, settings.animationEasing, function() {
- updateFromControl(input, target);
- });
- } else {
- picker
- .stop(true)
- .animate({
- top: y + 'px'
- }, duration, settings.animationEasing, function() {
- updateFromControl(input, target);
- });
- }
-
- }
-
- // Sets the input based on the color picker values
- function updateFromControl(input, target) {
-
- function getCoords(picker, container) {
-
- var left, top;
- if( !picker.length || !container ) return null;
- left = picker.offset().left;
- top = picker.offset().top;
-
- return {
- x: left - container.offset().left + (picker.outerWidth() / 2),
- y: top - container.offset().top + (picker.outerHeight() / 2)
- };
-
- }
-
- var hue, saturation, brightness, x, y, r, phi,
-
- hex = input.val(),
- opacity = input.attr('data-opacity'),
-
- // Helpful references
- minicolors = input.parent(),
- settings = input.data('minicolors-settings'),
- swatch = minicolors.find('.minicolors-input-swatch'),
-
- // Panel objects
- grid = minicolors.find('.minicolors-grid'),
- slider = minicolors.find('.minicolors-slider'),
- opacitySlider = minicolors.find('.minicolors-opacity-slider'),
-
- // Picker objects
- gridPicker = grid.find('[class$=-picker]'),
- sliderPicker = slider.find('[class$=-picker]'),
- opacityPicker = opacitySlider.find('[class$=-picker]'),
-
- // Picker positions
- gridPos = getCoords(gridPicker, grid),
- sliderPos = getCoords(sliderPicker, slider),
- opacityPos = getCoords(opacityPicker, opacitySlider);
-
- // Handle colors
- if( target.is('.minicolors-grid, .minicolors-slider, .minicolors-opacity-slider') ) {
-
- // Determine HSB values
- switch(settings.control) {
-
- case 'wheel':
- // Calculate hue, saturation, and brightness
- x = (grid.width() / 2) - gridPos.x;
- y = (grid.height() / 2) - gridPos.y;
- r = Math.sqrt(x * x + y * y);
- phi = Math.atan2(y, x);
- if( phi < 0 ) phi += Math.PI * 2;
- if( r > 75 ) {
- r = 75;
- gridPos.x = 69 - (75 * Math.cos(phi));
- gridPos.y = 69 - (75 * Math.sin(phi));
- }
- saturation = keepWithin(r / 0.75, 0, 100);
- hue = keepWithin(phi * 180 / Math.PI, 0, 360);
- brightness = keepWithin(100 - Math.floor(sliderPos.y * (100 / slider.height())), 0, 100);
- hex = hsb2hex({
- h: hue,
- s: saturation,
- b: brightness
- });
-
- // Update UI
- slider.css('backgroundColor', hsb2hex({ h: hue, s: saturation, b: 100 }));
- break;
-
- case 'saturation':
- // Calculate hue, saturation, and brightness
- hue = keepWithin(parseInt(gridPos.x * (360 / grid.width()), 10), 0, 360);
- saturation = keepWithin(100 - Math.floor(sliderPos.y * (100 / slider.height())), 0, 100);
- brightness = keepWithin(100 - Math.floor(gridPos.y * (100 / grid.height())), 0, 100);
- hex = hsb2hex({
- h: hue,
- s: saturation,
- b: brightness
- });
-
- // Update UI
- slider.css('backgroundColor', hsb2hex({ h: hue, s: 100, b: brightness }));
- minicolors.find('.minicolors-grid-inner').css('opacity', saturation / 100);
- break;
-
- case 'brightness':
- // Calculate hue, saturation, and brightness
- hue = keepWithin(parseInt(gridPos.x * (360 / grid.width()), 10), 0, 360);
- saturation = keepWithin(100 - Math.floor(gridPos.y * (100 / grid.height())), 0, 100);
- brightness = keepWithin(100 - Math.floor(sliderPos.y * (100 / slider.height())), 0, 100);
- hex = hsb2hex({
- h: hue,
- s: saturation,
- b: brightness
- });
-
- // Update UI
- slider.css('backgroundColor', hsb2hex({ h: hue, s: saturation, b: 100 }));
- minicolors.find('.minicolors-grid-inner').css('opacity', 1 - (brightness / 100));
- break;
-
- default:
- // Calculate hue, saturation, and brightness
- hue = keepWithin(360 - parseInt(sliderPos.y * (360 / slider.height()), 10), 0, 360);
- saturation = keepWithin(Math.floor(gridPos.x * (100 / grid.width())), 0, 100);
- brightness = keepWithin(100 - Math.floor(gridPos.y * (100 / grid.height())), 0, 100);
- hex = hsb2hex({
- h: hue,
- s: saturation,
- b: brightness
- });
-
- // Update UI
- grid.css('backgroundColor', hsb2hex({ h: hue, s: 100, b: 100 }));
- break;
-
- }
-
- // Handle opacity
- if( settings.opacity ) {
- opacity = parseFloat(1 - (opacityPos.y / opacitySlider.height())).toFixed(2);
- } else {
- opacity = 1;
- }
-
- updateInput(input, hex, opacity);
- }
- else {
- // Set swatch color
- swatch.find('span').css({
- backgroundColor: hex,
- opacity: opacity
- });
-
- // Handle change event
- doChange(input, hex, opacity);
- }
- }
-
- // Sets the value of the input and does the appropriate conversions
- // to respect settings, also updates the swatch
- function updateInput(input, value, opacity) {
- var rgb,
-
- // Helpful references
- minicolors = input.parent(),
- settings = input.data('minicolors-settings'),
- swatch = minicolors.find('.minicolors-input-swatch');
-
- if( settings.opacity ) input.attr('data-opacity', opacity);
-
- // Set color string
- if( settings.format === 'rgb' ) {
- // Returns RGB(A) string
-
- // Checks for input format and does the conversion
- if ( isRgb(value) ) {
- rgb = parseRgb(value, true);
- }
- else {
- rgb = hex2rgb(parseHex(value, true));
- }
-
- opacity = input.attr('data-opacity') === '' ? 1 : keepWithin( parseFloat( input.attr('data-opacity') ).toFixed(2), 0, 1 );
- if( isNaN( opacity ) || !settings.opacity ) opacity = 1;
-
- if( input.minicolors('rgbObject').a <= 1 && rgb && settings.opacity) {
- // Set RGBA string if alpha
- value = 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + parseFloat( opacity ) + ')';
- } else {
- // Set RGB string (alpha = 1)
- value = 'rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')';
- }
- } else {
- // Returns hex color
-
- // Checks for input format and does the conversion
- if ( isRgb(value) ) {
- value = rgbString2hex(value);
- }
-
- value = convertCase( value, settings.letterCase );
- }
-
- // Update value from picker
- input.val( value );
-
- // Set swatch color
- swatch.find('span').css({
- backgroundColor: value,
- opacity: opacity
- });
-
- // Handle change event
- doChange(input, value, opacity);
- }
-
- // Sets the color picker values from the input
- function updateFromInput(input, preserveInputValue) {
-
- var hex,
- hsb,
- opacity,
- keywords,
- alpha,
- value,
- x, y, r, phi,
-
- // Helpful references
- minicolors = input.parent(),
- settings = input.data('minicolors-settings'),
- swatch = minicolors.find('.minicolors-input-swatch'),
-
- // Panel objects
- grid = minicolors.find('.minicolors-grid'),
- slider = minicolors.find('.minicolors-slider'),
- opacitySlider = minicolors.find('.minicolors-opacity-slider'),
-
- // Picker objects
- gridPicker = grid.find('[class$=-picker]'),
- sliderPicker = slider.find('[class$=-picker]'),
- opacityPicker = opacitySlider.find('[class$=-picker]');
-
- // Determine hex/HSB values
- if( isRgb(input.val()) ) {
- // If input value is a rgb(a) string, convert it to hex color and update opacity
- hex = rgbString2hex(input.val());
- alpha = keepWithin(parseFloat(getAlpha(input.val())).toFixed(2), 0, 1);
- if( alpha ) {
- input.attr('data-opacity', alpha);
- }
- } else {
- hex = convertCase(parseHex(input.val(), true), settings.letterCase);
- }
-
- if( !hex ){
- hex = convertCase(parseInput(settings.defaultValue, true), settings.letterCase);
- }
- hsb = hex2hsb(hex);
-
- // Get array of lowercase keywords
- keywords = !settings.keywords ? [] : $.map(settings.keywords.split(','), function(a) {
- return $.trim(a.toLowerCase());
- });
-
- // Set color string
- if( input.val() !== '' && $.inArray(input.val().toLowerCase(), keywords) > -1 ) {
- value = convertCase(input.val());
- } else {
- value = isRgb(input.val()) ? parseRgb(input.val()) : hex;
- }
-
- // Update input value
- if( !preserveInputValue ) input.val(value);
-
- // Determine opacity value
- if( settings.opacity ) {
- // Get from data-opacity attribute and keep within 0-1 range
- opacity = input.attr('data-opacity') === '' ? 1 : keepWithin(parseFloat(input.attr('data-opacity')).toFixed(2), 0, 1);
- if( isNaN(opacity) ) opacity = 1;
- input.attr('data-opacity', opacity);
- swatch.find('span').css('opacity', opacity);
-
- // Set opacity picker position
- y = keepWithin(opacitySlider.height() - (opacitySlider.height() * opacity), 0, opacitySlider.height());
- opacityPicker.css('top', y + 'px');
- }
-
- // Set opacity to zero if input value is transparent
- if( input.val().toLowerCase() === 'transparent' ) {
- swatch.find('span').css('opacity', 0);
- }
-
- // Update swatch
- swatch.find('span').css('backgroundColor', hex);
-
- // Determine picker locations
- switch(settings.control) {
-
- case 'wheel':
- // Set grid position
- r = keepWithin(Math.ceil(hsb.s * 0.75), 0, grid.height() / 2);
- phi = hsb.h * Math.PI / 180;
- x = keepWithin(75 - Math.cos(phi) * r, 0, grid.width());
- y = keepWithin(75 - Math.sin(phi) * r, 0, grid.height());
- gridPicker.css({
- top: y + 'px',
- left: x + 'px'
- });
-
- // Set slider position
- y = 150 - (hsb.b / (100 / grid.height()));
- if( hex === '' ) y = 0;
- sliderPicker.css('top', y + 'px');
-
- // Update panel color
- slider.css('backgroundColor', hsb2hex({ h: hsb.h, s: hsb.s, b: 100 }));
- break;
-
- case 'saturation':
- // Set grid position
- x = keepWithin((5 * hsb.h) / 12, 0, 150);
- y = keepWithin(grid.height() - Math.ceil(hsb.b / (100 / grid.height())), 0, grid.height());
- gridPicker.css({
- top: y + 'px',
- left: x + 'px'
- });
-
- // Set slider position
- y = keepWithin(slider.height() - (hsb.s * (slider.height() / 100)), 0, slider.height());
- sliderPicker.css('top', y + 'px');
-
- // Update UI
- slider.css('backgroundColor', hsb2hex({ h: hsb.h, s: 100, b: hsb.b }));
- minicolors.find('.minicolors-grid-inner').css('opacity', hsb.s / 100);
- break;
-
- case 'brightness':
- // Set grid position
- x = keepWithin((5 * hsb.h) / 12, 0, 150);
- y = keepWithin(grid.height() - Math.ceil(hsb.s / (100 / grid.height())), 0, grid.height());
- gridPicker.css({
- top: y + 'px',
- left: x + 'px'
- });
-
- // Set slider position
- y = keepWithin(slider.height() - (hsb.b * (slider.height() / 100)), 0, slider.height());
- sliderPicker.css('top', y + 'px');
-
- // Update UI
- slider.css('backgroundColor', hsb2hex({ h: hsb.h, s: hsb.s, b: 100 }));
- minicolors.find('.minicolors-grid-inner').css('opacity', 1 - (hsb.b / 100));
- break;
-
- default:
- // Set grid position
- x = keepWithin(Math.ceil(hsb.s / (100 / grid.width())), 0, grid.width());
- y = keepWithin(grid.height() - Math.ceil(hsb.b / (100 / grid.height())), 0, grid.height());
- gridPicker.css({
- top: y + 'px',
- left: x + 'px'
- });
-
- // Set slider position
- y = keepWithin(slider.height() - (hsb.h / (360 / slider.height())), 0, slider.height());
- sliderPicker.css('top', y + 'px');
-
- // Update panel color
- grid.css('backgroundColor', hsb2hex({ h: hsb.h, s: 100, b: 100 }));
- break;
-
- }
-
- // Fire change event, but only if minicolors is fully initialized
- if( input.data('minicolors-initialized') ) {
- doChange(input, value, opacity);
- }
-
- }
-
- // Runs the change and changeDelay callbacks
- function doChange(input, value, opacity) {
-
- var settings = input.data('minicolors-settings'),
- lastChange = input.data('minicolors-lastChange'),
- obj,
- sel,
- i;
-
- // Only run if it actually changed
- if( !lastChange || lastChange.value !== value || lastChange.opacity !== opacity ) {
-
- // Remember last-changed value
- input.data('minicolors-lastChange', {
- value: value,
- opacity: opacity
- });
-
- // Check and select applicable swatch
- if (settings.swatches && settings.swatches.length !== 0) {
- if(!isRgb(value)) {
- obj = hex2rgb(value);
- }
- else {
- obj = parseRgb(value, true);
- }
- sel = -1;
- for(i = 0; i < settings.swatches.length; ++i) {
- if (obj.r === settings.swatches[i].r && obj.g === settings.swatches[i].g && obj.b === settings.swatches[i].b && obj.a === settings.swatches[i].a) {
- sel = i;
- break;
- }
- }
-
- input.parent().find('.minicolors-swatches .minicolors-swatch').removeClass('selected');
- if (i !== -1) {
- input.parent().find('.minicolors-swatches .minicolors-swatch').eq(i).addClass('selected');
- }
- }
-
- // Fire change event
- if( settings.change ) {
- if( settings.changeDelay ) {
- // Call after a delay
- clearTimeout(input.data('minicolors-changeTimeout'));
- input.data('minicolors-changeTimeout', setTimeout( function() {
- settings.change.call(input.get(0), value, opacity);
- }, settings.changeDelay));
- } else {
- // Call immediately
- settings.change.call(input.get(0), value, opacity);
- }
- }
- input.trigger('change').trigger('input');
- }
-
- }
-
- // Generates an RGB(A) object based on the input's value
- function rgbObject(input) {
- var hex = parseHex($(input).val(), true),
- rgb = hex2rgb(hex),
- opacity = $(input).attr('data-opacity');
- if( !rgb ) return null;
- if( opacity !== undefined ) $.extend(rgb, { a: parseFloat(opacity) });
- return rgb;
- }
-
- // Generates an RGB(A) string based on the input's value
- function rgbString(input, alpha) {
- var hex = parseHex($(input).val(), true),
- rgb = hex2rgb(hex),
- opacity = $(input).attr('data-opacity');
- if( !rgb ) return null;
- if( opacity === undefined ) opacity = 1;
- if( alpha ) {
- return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + parseFloat(opacity) + ')';
- } else {
- return 'rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')';
- }
- }
-
- // Converts to the letter case specified in settings
- function convertCase(string, letterCase) {
- return letterCase === 'uppercase' ? string.toUpperCase() : string.toLowerCase();
- }
-
- // Parses a string and returns a valid hex string when possible
- function parseHex(string, expand) {
- string = string.replace(/^#/g, '');
- if( !string.match(/^[A-F0-9]{3,6}/ig) ) return '';
- if( string.length !== 3 && string.length !== 6 ) return '';
- if( string.length === 3 && expand ) {
- string = string[0] + string[0] + string[1] + string[1] + string[2] + string[2];
- }
- return '#' + string;
- }
-
- // Parses a string and returns a valid RGB(A) string when possible
- function parseRgb(string, obj) {
-
- var values = string.replace(/[^\d,.]/g, ''),
- rgba = values.split(',');
-
- rgba[0] = keepWithin(parseInt(rgba[0], 10), 0, 255);
- rgba[1] = keepWithin(parseInt(rgba[1], 10), 0, 255);
- rgba[2] = keepWithin(parseInt(rgba[2], 10), 0, 255);
- if( rgba[3] ) {
- rgba[3] = keepWithin(parseFloat(rgba[3], 10), 0, 1);
- }
-
- // Return RGBA object
- if( obj ) {
- return {
- r: rgba[0],
- g: rgba[1],
- b: rgba[2],
- a: rgba[3] ? rgba[3] : null
- };
- }
-
- // Return RGBA string
- if( typeof(rgba[3]) !== 'undefined' && rgba[3] <= 1 ) {
- return 'rgba(' + rgba[0] + ', ' + rgba[1] + ', ' + rgba[2] + ', ' + rgba[3] + ')';
- } else {
- return 'rgb(' + rgba[0] + ', ' + rgba[1] + ', ' + rgba[2] + ')';
- }
-
- }
-
- // Parses a string and returns a valid color string when possible
- function parseInput(string, expand) {
- if( isRgb(string) ) {
- // Returns a valid rgb(a) string
- return parseRgb(string);
- } else {
- return parseHex(string, expand);
- }
- }
-
- // Keeps value within min and max
- function keepWithin(value, min, max) {
- if( value < min ) value = min;
- if( value > max ) value = max;
- return value;
- }
-
- // Checks if a string is a valid RGB(A) string
- function isRgb(string) {
- var rgb = string.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
- return (rgb && rgb.length === 4) ? true : false;
- }
-
- // Function to get alpha from a RGB(A) string
- function getAlpha(rgba) {
- rgba = rgba.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+(\.\d{1,2})?|\.\d{1,2})[\s+]?/i);
- return (rgba && rgba.length === 6) ? rgba[4] : '1';
- }
-
- // Converts an HSB object to an RGB object
- function hsb2rgb(hsb) {
- var rgb = {};
- var h = Math.round(hsb.h);
- var s = Math.round(hsb.s * 255 / 100);
- var v = Math.round(hsb.b * 255 / 100);
- if(s === 0) {
- rgb.r = rgb.g = rgb.b = v;
- } else {
- var t1 = v;
- var t2 = (255 - s) * v / 255;
- var t3 = (t1 - t2) * (h % 60) / 60;
- if( h === 360 ) h = 0;
- if( h < 60 ) { rgb.r = t1; rgb.b = t2; rgb.g = t2 + t3; }
- else if( h < 120 ) {rgb.g = t1; rgb.b = t2; rgb.r = t1 - t3; }
- else if( h < 180 ) {rgb.g = t1; rgb.r = t2; rgb.b = t2 + t3; }
- else if( h < 240 ) {rgb.b = t1; rgb.r = t2; rgb.g = t1 - t3; }
- else if( h < 300 ) {rgb.b = t1; rgb.g = t2; rgb.r = t2 + t3; }
- else if( h < 360 ) {rgb.r = t1; rgb.g = t2; rgb.b = t1 - t3; }
- else { rgb.r = 0; rgb.g = 0; rgb.b = 0; }
- }
- return {
- r: Math.round(rgb.r),
- g: Math.round(rgb.g),
- b: Math.round(rgb.b)
- };
- }
-
- // Converts an RGB string to a hex string
- function rgbString2hex(rgb){
- rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
- return (rgb && rgb.length === 4) ? '#' +
- ('0' + parseInt(rgb[1],10).toString(16)).slice(-2) +
- ('0' + parseInt(rgb[2],10).toString(16)).slice(-2) +
- ('0' + parseInt(rgb[3],10).toString(16)).slice(-2) : '';
- }
-
- // Converts an RGB object to a hex string
- function rgb2hex(rgb) {
- var hex = [
- rgb.r.toString(16),
- rgb.g.toString(16),
- rgb.b.toString(16)
- ];
- $.each(hex, function(nr, val) {
- if (val.length === 1) hex[nr] = '0' + val;
- });
- return '#' + hex.join('');
- }
-
- // Converts an HSB object to a hex string
- function hsb2hex(hsb) {
- return rgb2hex(hsb2rgb(hsb));
- }
-
- // Converts a hex string to an HSB object
- function hex2hsb(hex) {
- var hsb = rgb2hsb(hex2rgb(hex));
- if( hsb.s === 0 ) hsb.h = 360;
- return hsb;
- }
-
- // Converts an RGB object to an HSB object
- function rgb2hsb(rgb) {
- var hsb = { h: 0, s: 0, b: 0 };
- var min = Math.min(rgb.r, rgb.g, rgb.b);
- var max = Math.max(rgb.r, rgb.g, rgb.b);
- var delta = max - min;
- hsb.b = max;
- hsb.s = max !== 0 ? 255 * delta / max : 0;
- if( hsb.s !== 0 ) {
- if( rgb.r === max ) {
- hsb.h = (rgb.g - rgb.b) / delta;
- } else if( rgb.g === max ) {
- hsb.h = 2 + (rgb.b - rgb.r) / delta;
- } else {
- hsb.h = 4 + (rgb.r - rgb.g) / delta;
- }
- } else {
- hsb.h = -1;
- }
- hsb.h *= 60;
- if( hsb.h < 0 ) {
- hsb.h += 360;
- }
- hsb.s *= 100/255;
- hsb.b *= 100/255;
- return hsb;
- }
-
- // Converts a hex string to an RGB object
- function hex2rgb(hex) {
- hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
- return {
- /* jshint ignore:start */
- r: hex >> 16,
- g: (hex & 0x00FF00) >> 8,
- b: (hex & 0x0000FF)
- /* jshint ignore:end */
- };
- }
-
- // Handle events
- $([document, top.document])
- // Hide on clicks outside of the control
- .on('mousedown.minicolors touchstart.minicolors', function(event) {
- if( !$(event.target).parents().add(event.target).hasClass('minicolors') ) {
- hide();
- }
- })
- // Start moving
- .on('mousedown.minicolors touchstart.minicolors', '.minicolors-grid, .minicolors-slider, .minicolors-opacity-slider', function(event) {
- var target = $(this);
- event.preventDefault();
- $(event.delegateTarget).data('minicolors-target', target);
- move(target, event, true);
- })
- // Move pickers
- .on('mousemove.minicolors touchmove.minicolors', function(event) {
- var target = $(event.delegateTarget).data('minicolors-target');
- if( target ) move(target, event);
- })
- // Stop moving
- .on('mouseup.minicolors touchend.minicolors', function() {
- $(this).removeData('minicolors-target');
- })
- // Selected a swatch
- .on('click.minicolors', '.minicolors-swatches li', function(event) {
- event.preventDefault();
- var target = $(this), input = target.parents('.minicolors').find('.minicolors-input'), color = target.data('swatch-color');
- updateInput(input, color, getAlpha(color));
- updateFromInput(input);
- })
- // Show panel when swatch is clicked
- .on('mousedown.minicolors touchstart.minicolors', '.minicolors-input-swatch', function(event) {
- var input = $(this).parent().find('.minicolors-input');
- event.preventDefault();
- show(input);
- })
- // Show on focus
- .on('focus.minicolors', '.minicolors-input', function() {
- var input = $(this);
- if( !input.data('minicolors-initialized') ) return;
- show(input);
- })
- // Update value on blur
- .on('blur.minicolors', '.minicolors-input', function() {
- var input = $(this),
- settings = input.data('minicolors-settings'),
- keywords,
- hex,
- rgba,
- swatchOpacity,
- value;
-
- if( !input.data('minicolors-initialized') ) return;
-
- // Get array of lowercase keywords
- keywords = !settings.keywords ? [] : $.map(settings.keywords.split(','), function(a) {
- return $.trim(a.toLowerCase());
- });
-
- // Set color string
- if( input.val() !== '' && $.inArray(input.val().toLowerCase(), keywords) > -1 ) {
- value = input.val();
- } else {
- // Get RGBA values for easy conversion
- if( isRgb(input.val()) ) {
- rgba = parseRgb(input.val(), true);
- } else {
- hex = parseHex(input.val(), true);
- rgba = hex ? hex2rgb(hex) : null;
- }
-
- // Convert to format
- if( rgba === null ) {
- value = settings.defaultValue;
- } else if( settings.format === 'rgb' ) {
- value = settings.opacity ?
- parseRgb('rgba(' + rgba.r + ',' + rgba.g + ',' + rgba.b + ',' + input.attr('data-opacity') + ')') :
- parseRgb('rgb(' + rgba.r + ',' + rgba.g + ',' + rgba.b + ')');
- } else {
- value = rgb2hex(rgba);
- }
- }
-
- // Update swatch opacity
- swatchOpacity = settings.opacity ? input.attr('data-opacity') : 1;
- if( value.toLowerCase() === 'transparent' ) swatchOpacity = 0;
- input
- .closest('.minicolors')
- .find('.minicolors-input-swatch > span')
- .css('opacity', swatchOpacity);
-
- // Set input value
- input.val(value);
-
- // Is it blank?
- if( input.val() === '' ) input.val(parseInput(settings.defaultValue, true));
-
- // Adjust case
- input.val( convertCase(input.val(), settings.letterCase) );
-
- })
- // Handle keypresses
- .on('keydown.minicolors', '.minicolors-input', function(event) {
- var input = $(this);
- if( !input.data('minicolors-initialized') ) return;
- switch(event.keyCode) {
- case 9: // tab
- hide();
- break;
- case 13: // enter
- case 27: // esc
- hide();
- input.blur();
- break;
- }
- })
- // Update on keyup
- .on('keyup.minicolors', '.minicolors-input', function() {
- var input = $(this);
- if( !input.data('minicolors-initialized') ) return;
- updateFromInput(input, true);
- })
- // Update on paste
- .on('paste.minicolors', '.minicolors-input', function() {
- var input = $(this);
- if( !input.data('minicolors-initialized') ) return;
- setTimeout( function() {
- updateFromInput(input, true);
- }, 1);
- });
-
-}));
+//
+// jQuery MiniColors: A tiny color picker built on jQuery
+//
+// Developed by Cory LaViska for A Beautiful Site, LLC
+//
+// Licensed under the MIT license: http://opensource.org/licenses/MIT
+//
+!function(i){"function"==typeof define&&define.amd?define(["jquery"],i):"object"==typeof exports?module.exports=i(require("jquery")):i(jQuery)}(function(i){"use strict";function t(t,o){var s,a,n,e,r,l,h,d=i('<div class="minicolors" />'),p=i.minicolors.defaults;if(!t.data("minicolors-initialized")){if(o=i.extend(!0,{},p,o),d.addClass("minicolors-theme-"+o.theme).toggleClass("minicolors-with-opacity",o.opacity),void 0!==o.position&&i.each(o.position.split(" "),function(){d.addClass("minicolors-position-"+this)}),a="rgb"===o.format?o.opacity?"25":"20":o.keywords?"11":"7",t.addClass("minicolors-input").data("minicolors-initialized",!1).data("minicolors-settings",o).prop("size",a).wrap(d).after('<div class="minicolors-panel minicolors-slider-'+o.control+'"><div class="minicolors-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-opacity-slider minicolors-sprite"><div class="minicolors-picker"></div></div><div class="minicolors-grid minicolors-sprite"><div class="minicolors-grid-inner"></div><div class="minicolors-picker"><div></div></div></div></div>'),o.inline||(t.after('<span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color"></span></span>'),t.next(".minicolors-input-swatch").on("click",function(i){i.preventDefault(),t.focus()})),l=t.parent().find(".minicolors-panel"),l.on("selectstart",function(){return!1}).end(),o.swatches&&0!==o.swatches.length)for(l.addClass("minicolors-with-swatches"),n=i('<ul class="minicolors-swatches"></ul>').appendTo(l),h=0;h<o.swatches.length;++h)"object"===i.type(o.swatches[h])?(s=o.swatches[h].name,e=o.swatches[h].color):(s="",e=o.swatches[h]),r=e,e=v(e)?g(e,!0):I(u(e,!0)),i('<li class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" title="'+s+'"></span></li>').appendTo(n).data("swatch-color",r).find(".minicolors-swatch-color").css({backgroundColor:C(e),opacity:e.a}),o.swatches[h]=e;o.inline&&t.parent().addClass("minicolors-inline"),c(t,!1),t.data("minicolors-initialized",!0)}}function o(i){var t=i.parent();i.removeData("minicolors-initialized").removeData("minicolors-settings").removeProp("size").removeClass("minicolors-input"),t.before(i).remove()}function s(i){var t=i.parent(),o=t.find(".minicolors-panel"),s=i.data("minicolors-settings");!i.data("minicolors-initialized")||i.prop("disabled")||t.hasClass("minicolors-inline")||t.hasClass("minicolors-focus")||(a(),t.addClass("minicolors-focus"),o.animate?o.stop(!0,!0).fadeIn(s.showSpeed,function(){s.show&&s.show.call(i.get(0))}):(o.show(),s.show&&s.show.call(i.get(0))))}function a(){i(".minicolors-focus").each(function(){var t=i(this),o=t.find(".minicolors-input"),s=t.find(".minicolors-panel"),a=o.data("minicolors-settings");s.animate?s.fadeOut(a.hideSpeed,function(){a.hide&&a.hide.call(o.get(0)),t.removeClass("minicolors-focus")}):(s.hide(),a.hide&&a.hide.call(o.get(0)),t.removeClass("minicolors-focus"))})}function n(i,t,o){var s,a,n,r,c,l=i.parents(".minicolors").find(".minicolors-input"),h=l.data("minicolors-settings"),d=i.find("[class$=-picker]"),p=i.offset().left,u=i.offset().top,g=Math.round(t.pageX-p),m=Math.round(t.pageY-u),f=o?h.animationSpeed:0;t.originalEvent.changedTouches&&(g=t.originalEvent.changedTouches[0].pageX-p,m=t.originalEvent.changedTouches[0].pageY-u),g<0&&(g=0),m<0&&(m=0),g>i.width()&&(g=i.width()),m>i.height()&&(m=i.height()),i.parent().is(".minicolors-slider-wheel")&&d.parent().is(".minicolors-grid")&&(s=75-g,a=75-m,n=Math.sqrt(s*s+a*a),r=Math.atan2(a,s),r<0&&(r+=2*Math.PI),n>75&&(n=75,g=75-75*Math.cos(r),m=75-75*Math.sin(r)),g=Math.round(g),m=Math.round(m)),c={top:m+"px"},i.is(".minicolors-grid")&&(c.left=g+"px"),d.animate?d.stop(!0).animate(c,f,h.animationEasing,function(){e(l,i)}):(d.css(c),e(l,i))}function e(i,t){function o(i,t){var o,s;return i.length&&t?(o=i.offset().left,s=i.offset().top,{x:o-t.offset().left+i.outerWidth()/2,y:s-t.offset().top+i.outerHeight()/2}):null}var s,a,n,e,c,h,d,p=i.val(),u=i.attr("data-opacity"),g=i.parent(),m=i.data("minicolors-settings"),v=g.find(".minicolors-input-swatch"),b=g.find(".minicolors-grid"),w=g.find(".minicolors-slider"),y=g.find(".minicolors-opacity-slider"),C=b.find("[class$=-picker]"),M=w.find("[class$=-picker]"),x=y.find("[class$=-picker]"),I=o(C,b),S=o(M,w),z=o(x,y);if(t.is(".minicolors-grid, .minicolors-slider, .minicolors-opacity-slider")){switch(m.control){case"wheel":e=b.width()/2-I.x,c=b.height()/2-I.y,h=Math.sqrt(e*e+c*c),d=Math.atan2(c,e),d<0&&(d+=2*Math.PI),h>75&&(h=75,I.x=69-75*Math.cos(d),I.y=69-75*Math.sin(d)),a=f(h/.75,0,100),s=f(180*d/Math.PI,0,360),n=f(100-Math.floor(S.y*(100/w.height())),0,100),p=k({h:s,s:a,b:n}),w.css("backgroundColor",k({h:s,s:a,b:100}));break;case"saturation":s=f(parseInt(I.x*(360/b.width()),10),0,360),a=f(100-Math.floor(S.y*(100/w.height())),0,100),n=f(100-Math.floor(I.y*(100/b.height())),0,100),p=k({h:s,s:a,b:n}),w.css("backgroundColor",k({h:s,s:100,b:n})),g.find(".minicolors-grid-inner").css("opacity",a/100);break;case"brightness":s=f(parseInt(I.x*(360/b.width()),10),0,360),a=f(100-Math.floor(I.y*(100/b.height())),0,100),n=f(100-Math.floor(S.y*(100/w.height())),0,100),p=k({h:s,s:a,b:n}),w.css("backgroundColor",k({h:s,s:a,b:100})),g.find(".minicolors-grid-inner").css("opacity",1-n/100);break;default:s=f(360-parseInt(S.y*(360/w.height()),10),0,360),a=f(Math.floor(I.x*(100/b.width())),0,100),n=f(100-Math.floor(I.y*(100/b.height())),0,100),p=k({h:s,s:a,b:n}),b.css("backgroundColor",k({h:s,s:100,b:100}))}u=m.opacity?parseFloat(1-z.y/y.height()).toFixed(2):1,r(i,p,u)}else v.find("span").css({backgroundColor:p,opacity:u}),l(i,p,u)}function r(i,t,o){var s,a=i.parent(),n=i.data("minicolors-settings"),e=a.find(".minicolors-input-swatch");n.opacity&&i.attr("data-opacity",o),"rgb"===n.format?(s=v(t)?g(t,!0):I(u(t,!0)),o=""===i.attr("data-opacity")?1:f(parseFloat(i.attr("data-opacity")).toFixed(2),0,1),!isNaN(o)&&n.opacity||(o=1),t=i.minicolors("rgbObject").a<=1&&s&&n.opacity?"rgba("+s.r+", "+s.g+", "+s.b+", "+parseFloat(o)+")":"rgb("+s.r+", "+s.g+", "+s.b+")"):(v(t)&&(t=y(t)),t=p(t,n.letterCase)),i.val(t),e.find("span").css({backgroundColor:t,opacity:o}),l(i,t,o)}function c(t,o){var s,a,n,e,r,c,h,d,w,C,x=t.parent(),I=t.data("minicolors-settings"),S=x.find(".minicolors-input-swatch"),z=x.find(".minicolors-grid"),F=x.find(".minicolors-slider"),T=x.find(".minicolors-opacity-slider"),j=z.find("[class$=-picker]"),D=F.find("[class$=-picker]"),q=T.find("[class$=-picker]");switch(v(t.val())?(s=y(t.val()),r=f(parseFloat(b(t.val())).toFixed(2),0,1),r&&t.attr("data-opacity",r)):s=p(u(t.val(),!0),I.letterCase),s||(s=p(m(I.defaultValue,!0),I.letterCase)),a=M(s),e=I.keywords?i.map(I.keywords.split(","),function(t){return i.trim(t.toLowerCase())}):[],c=""!==t.val()&&i.inArray(t.val().toLowerCase(),e)>-1?p(t.val()):v(t.val())?g(t.val()):s,o||t.val(c),I.opacity&&(n=""===t.attr("data-opacity")?1:f(parseFloat(t.attr("data-opacity")).toFixed(2),0,1),isNaN(n)&&(n=1),t.attr("data-opacity",n),S.find("span").css("opacity",n),d=f(T.height()-T.height()*n,0,T.height()),q.css("top",d+"px")),"transparent"===t.val().toLowerCase()&&S.find("span").css("opacity",0),S.find("span").css("backgroundColor",s),I.control){case"wheel":w=f(Math.ceil(.75*a.s),0,z.height()/2),C=a.h*Math.PI/180,h=f(75-Math.cos(C)*w,0,z.width()),d=f(75-Math.sin(C)*w,0,z.height()),j.css({top:d+"px",left:h+"px"}),d=150-a.b/(100/z.height()),""===s&&(d=0),D.css("top",d+"px"),F.css("backgroundColor",k({h:a.h,s:a.s,b:100}));break;case"saturation":h=f(5*a.h/12,0,150),d=f(z.height()-Math.ceil(a.b/(100/z.height())),0,z.height()),j.css({top:d+"px",left:h+"px"}),d=f(F.height()-a.s*(F.height()/100),0,F.height()),D.css("top",d+"px"),F.css("backgroundColor",k({h:a.h,s:100,b:a.b})),x.find(".minicolors-grid-inner").css("opacity",a.s/100);break;case"brightness":h=f(5*a.h/12,0,150),d=f(z.height()-Math.ceil(a.s/(100/z.height())),0,z.height()),j.css({top:d+"px",left:h+"px"}),d=f(F.height()-a.b*(F.height()/100),0,F.height()),D.css("top",d+"px"),F.css("backgroundColor",k({h:a.h,s:a.s,b:100})),x.find(".minicolors-grid-inner").css("opacity",1-a.b/100);break;default:h=f(Math.ceil(a.s/(100/z.width())),0,z.width()),d=f(z.height()-Math.ceil(a.b/(100/z.height())),0,z.height()),j.css({top:d+"px",left:h+"px"}),d=f(F.height()-a.h/(360/F.height()),0,F.height()),D.css("top",d+"px"),z.css("backgroundColor",k({h:a.h,s:100,b:100}))}t.data("minicolors-initialized")&&l(t,c,n)}function l(i,t,o){var s,a,n,e=i.data("minicolors-settings"),r=i.data("minicolors-lastChange");if(!r||r.value!==t||r.opacity!==o){if(i.data("minicolors-lastChange",{value:t,opacity:o}),e.swatches&&0!==e.swatches.length){for(s=v(t)?g(t,!0):I(t),a=-1,n=0;n<e.swatches.length;++n)if(s.r===e.swatches[n].r&&s.g===e.swatches[n].g&&s.b===e.swatches[n].b&&s.a===e.swatches[n].a){a=n;break}i.parent().find(".minicolors-swatches .minicolors-swatch").removeClass("selected"),a!==-1&&i.parent().find(".minicolors-swatches .minicolors-swatch").eq(n).addClass("selected")}e.change&&(e.changeDelay?(clearTimeout(i.data("minicolors-changeTimeout")),i.data("minicolors-changeTimeout",setTimeout(function(){e.change.call(i.get(0),t,o)},e.changeDelay))):e.change.call(i.get(0),t,o)),i.trigger("change").trigger("input")}}function h(t){var o,s=i(t).attr("data-opacity");if(v(i(t).val()))o=g(i(t).val(),!0);else{var a=u(i(t).val(),!0);o=I(a)}return o?(void 0!==s&&i.extend(o,{a:parseFloat(s)}),o):null}function d(t,o){var s,a=i(t).attr("data-opacity");if(v(i(t).val()))s=g(i(t).val(),!0);else{var n=u(i(t).val(),!0);s=I(n)}return s?(void 0===a&&(a=1),o?"rgba("+s.r+", "+s.g+", "+s.b+", "+parseFloat(a)+")":"rgb("+s.r+", "+s.g+", "+s.b+")"):null}function p(i,t){return"uppercase"===t?i.toUpperCase():i.toLowerCase()}function u(i,t){return i=i.replace(/^#/g,""),i.match(/^[A-F0-9]{3,6}/gi)?3!==i.length&&6!==i.length?"":(3===i.length&&t&&(i=i[0]+i[0]+i[1]+i[1]+i[2]+i[2]),"#"+i):""}function g(i,t){var o=i.replace(/[^\d,.]/g,""),s=o.split(",");return s[0]=f(parseInt(s[0],10),0,255),s[1]=f(parseInt(s[1],10),0,255),s[2]=f(parseInt(s[2],10),0,255),void 0!==s[3]&&(s[3]=f(parseFloat(s[3],10),0,1)),t?void 0!==s[3]?{r:s[0],g:s[1],b:s[2],a:s[3]}:{r:s[0],g:s[1],b:s[2]}:"undefined"!=typeof s[3]&&s[3]<=1?"rgba("+s[0]+", "+s[1]+", "+s[2]+", "+s[3]+")":"rgb("+s[0]+", "+s[1]+", "+s[2]+")"}function m(i,t){return v(i)?g(i):u(i,t)}function f(i,t,o){return i<t&&(i=t),i>o&&(i=o),i}function v(i){var t=i.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);return!(!t||4!==t.length)}function b(i){return i=i.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+(\.\d{1,2})?|\.\d{1,2})[\s+]?/i),i&&6===i.length?i[4]:"1"}function w(i){var t={},o=Math.round(i.h),s=Math.round(255*i.s/100),a=Math.round(255*i.b/100);if(0===s)t.r=t.g=t.b=a;else{var n=a,e=(255-s)*a/255,r=(n-e)*(o%60)/60;360===o&&(o=0),o<60?(t.r=n,t.b=e,t.g=e+r):o<120?(t.g=n,t.b=e,t.r=n-r):o<180?(t.g=n,t.r=e,t.b=e+r):o<240?(t.b=n,t.r=e,t.g=n-r):o<300?(t.b=n,t.g=e,t.r=e+r):o<360?(t.r=n,t.g=e,t.b=n-r):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}}function y(i){return i=i.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i),i&&4===i.length?"#"+("0"+parseInt(i[1],10).toString(16)).slice(-2)+("0"+parseInt(i[2],10).toString(16)).slice(-2)+("0"+parseInt(i[3],10).toString(16)).slice(-2):""}function C(t){var o=[t.r.toString(16),t.g.toString(16),t.b.toString(16)];return i.each(o,function(i,t){1===t.length&&(o[i]="0"+t)}),"#"+o.join("")}function k(i){return C(w(i))}function M(i){var t=x(I(i));return 0===t.s&&(t.h=360),t}function x(i){var t={h:0,s:0,b:0},o=Math.min(i.r,i.g,i.b),s=Math.max(i.r,i.g,i.b),a=s-o;return t.b=s,t.s=0!==s?255*a/s:0,0!==t.s?i.r===s?t.h=(i.g-i.b)/a:i.g===s?t.h=2+(i.b-i.r)/a:t.h=4+(i.r-i.g)/a:t.h=-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}function I(i){return i=parseInt(i.indexOf("#")>-1?i.substring(1):i,16),{r:i>>16,g:(65280&i)>>8,b:255&i}}i.minicolors={defaults:{animationSpeed:50,animationEasing:"swing",change:null,changeDelay:0,control:"hue",defaultValue:"",format:"hex",hide:null,hideSpeed:100,inline:!1,keywords:"",letterCase:"lowercase",opacity:!1,position:"bottom",show:null,showSpeed:100,theme:"default",swatches:[]}},i.extend(i.fn,{minicolors:function(n,e){switch(n){case"destroy":return i(this).each(function(){o(i(this))}),i(this);case"hide":return a(),i(this);case"opacity":return void 0===e?i(this).attr("data-opacity"):(i(this).each(function(){c(i(this).attr("data-opacity",e))}),i(this));case"rgbObject":return h(i(this),"rgbaObject"===n);case"rgbString":case"rgbaString":return d(i(this),"rgbaString"===n);case"settings":return void 0===e?i(this).data("minicolors-settings"):(i(this).each(function(){var t=i(this).data("minicolors-settings")||{};o(i(this)),i(this).minicolors(i.extend(!0,t,e))}),i(this));case"show":return s(i(this).eq(0)),i(this);case"value":return void 0===e?i(this).val():(i(this).each(function(){"object"==typeof e&&null!==e?(void 0!==e.opacity&&i(this).attr("data-opacity",f(e.opacity,0,1)),e.color&&i(this).val(e.color)):i(this).val(e),c(i(this))}),i(this));default:return"create"!==n&&(e=n),i(this).each(function(){t(i(this),e)}),i(this)}}}),i([document]).on("mousedown.minicolors touchstart.minicolors",function(t){i(t.target).parents().add(t.target).hasClass("minicolors")||a()}).on("mousedown.minicolors touchstart.minicolors",".minicolors-grid, .minicolors-slider, .minicolors-opacity-slider",function(t){var o=i(this);t.preventDefault(),i(t.delegateTarget).data("minicolors-target",o),n(o,t,!0)}).on("mousemove.minicolors touchmove.minicolors",function(t){var o=i(t.delegateTarget).data("minicolors-target");o&&n(o,t)}).on("mouseup.minicolors touchend.minicolors",function(){i(this).removeData("minicolors-target")}).on("click.minicolors",".minicolors-swatches li",function(t){t.preventDefault();var o=i(this),s=o.parents(".minicolors").find(".minicolors-input"),a=o.data("swatch-color");r(s,a,b(a)),c(s)}).on("mousedown.minicolors touchstart.minicolors",".minicolors-input-swatch",function(t){var o=i(this).parent().find(".minicolors-input");t.preventDefault(),s(o)}).on("focus.minicolors",".minicolors-input",function(){var t=i(this);t.data("minicolors-initialized")&&s(t)}).on("blur.minicolors",".minicolors-input",function(){var t,o,s,a,n,e=i(this),r=e.data("minicolors-settings");e.data("minicolors-initialized")&&(t=r.keywords?i.map(r.keywords.split(","),function(t){return i.trim(t.toLowerCase())}):[],""!==e.val()&&i.inArray(e.val().toLowerCase(),t)>-1?n=e.val():(v(e.val())?s=g(e.val(),!0):(o=u(e.val(),!0),s=o?I(o):null),n=null===s?r.defaultValue:"rgb"===r.format?g(r.opacity?"rgba("+s.r+","+s.g+","+s.b+","+e.attr("data-opacity")+")":"rgb("+s.r+","+s.g+","+s.b+")"):C(s)),a=r.opacity?e.attr("data-opacity"):1,"transparent"===n.toLowerCase()&&(a=0),e.closest(".minicolors").find(".minicolors-input-swatch > span").css("opacity",a),e.val(n),""===e.val()&&e.val(m(r.defaultValue,!0)),e.val(p(e.val(),r.letterCase)))}).on("keydown.minicolors",".minicolors-input",function(t){var o=i(this);if(o.data("minicolors-initialized"))switch(t.which){case 9:a();break;case 13:case 27:a(),o.blur()}}).on("keyup.minicolors",".minicolors-input",function(){var t=i(this);t.data("minicolors-initialized")&&c(t,!0)}).on("paste.minicolors",".minicolors-input",function(){var t=i(this);t.data("minicolors-initialized")&&setTimeout(function(){c(t,!0)},1)})});
\ No newline at end of file