├── _config
    └── .gitkeep
├── .gitattributes
├── screenshot.png
├── .idea
    ├── codeStyles
    │   ├── codeStyleConfig.xml
    │   └── Project.xml
    ├── vcs.xml
    ├── silverstripe-color-field.iml
    ├── modules.xml
    └── workspace.xml
├── templates
    └── RyanPotter
    │   └── SilverStripeColorField
    │       └── Forms
    │           └── ColorField.ss
├── .editorconfig
├── composer.json
├── client
    ├── css
    │   └── color-picker.css
    └── javascript
    │   ├── color-picker.js
    │   └── lib
    │       └── color-picker.min.js
├── README.md
└── src
    └── Forms
        └── ColorField.php


/_config/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | /.gitignore export-ignore
2 | /.scrutinizer.yml export-ignore
3 | 


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Rhym/silverstripe-color-field/HEAD/screenshot.png


--------------------------------------------------------------------------------
/.idea/codeStyles/codeStyleConfig.xml:
--------------------------------------------------------------------------------
1 | <component name="ProjectCodeStyleConfiguration">
2 |   <state>
3 |     <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
4 |   </state>
5 | </component>


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/silverstripe-color-field.iml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <module type="WEB_MODULE" version="4">
3 |   <component name="NewModuleRootManager">
4 |     <content url="file://$MODULE_DIR$" />
5 |     <orderEntry type="inheritedJdk" />
6 |     <orderEntry type="sourceFolder" forTests="false" />
7 |   </component>
8 | </module>


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/silverstripe-color-field.iml" filepath="$PROJECT_DIR$/.idea/silverstripe-color-field.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/templates/RyanPotter/SilverStripeColorField/Forms/ColorField.ss:
--------------------------------------------------------------------------------
1 | <div class="c-color-picker">
2 |   <label class="c-color-picker__label" for="{$ID}">
3 |     <span class="c-color-picker__text"><%t ColorField.ButtonText "Select a color" %></span>
4 |   </label>
5 |   <span class="c-color-picker__wrapper" style="background-color: {$value}">
6 |     <input {$AttributesHTML} />
7 |   </span>
8 | </div>
9 | 


--------------------------------------------------------------------------------
/.idea/codeStyles/Project.xml:
--------------------------------------------------------------------------------
 1 | <component name="ProjectCodeStyleConfiguration">
 2 |   <code_scheme name="Project" version="173">
 3 |     <option name="RIGHT_MARGIN" value="220" />
 4 |     <PHPCodeStyleSettings>
 5 |       <option name="ALIGN_KEY_VALUE_PAIRS" value="true" />
 6 |       <option name="COMMA_AFTER_LAST_ARRAY_ELEMENT" value="true" />
 7 |       <option name="BLANK_LINES_BEFORE_RETURN_STATEMENT" value="1" />
 8 |       <option name="FORCE_SHORT_DECLARATION_ARRAY_STYLE" value="true" />
 9 |     </PHPCodeStyleSettings>
10 |   </code_scheme>
11 | </component>


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # This file is for unifying the coding style for different editors and IDEs
 2 | # editorconfig.org
 3 | 
 4 | root = true
 5 | 
 6 | [*]
 7 | end_of_line = lf
 8 | charset = utf-8
 9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 | indent_style = space
12 | indent_size = 2
13 | 
14 | [**.js]
15 | indent_style = space
16 | indent_size = 2
17 | 
18 | [**.scss]
19 | indent_style = space
20 | indent_size = 2
21 | 
22 | [**.css]
23 | indent_style = space
24 | indent_size = 2
25 | 
26 | [**.php]
27 | indent_style = space
28 | indent_size = 2
29 | 
30 | [**.html]
31 | indent_style = space
32 | indent_size = 2
33 | 
34 | [*.md]
35 | trim_trailing_whitespace = false
36 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ryanpotter/silverstripe-color-field",
 3 |   "description": "Silverstripe Color Field",
 4 |   "type": "silverstripe-vendormodule",
 5 |   "keywords": [
 6 |     "silverstripe"
 7 |   ],
 8 |   "license": "BSD-3-Clause",
 9 |   "authors": [
10 |     {
11 |       "name": "Ryan Potter",
12 |       "homepage": "http://ryanpotter.co.nz/",
13 |       "role": "Developer"
14 |     }
15 |   ],
16 |   "require": {
17 |     "silverstripe/framework": "^4.0 || ^5.0"
18 |   },
19 |   "support": {
20 |     "issues": "https://github.com/Rhym/silverstripe-color-field/issues"
21 |   },
22 |   "extra": {
23 |     "installer-name": "silverstripe-color-field",
24 |     "expose": [
25 |       "client"
26 |     ]
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/client/css/color-picker.css:
--------------------------------------------------------------------------------
 1 | .c-color-picker {
 2 |   position: relative;
 3 |   font-size: 0;
 4 | }
 5 | 
 6 | .c-color-picker__label {
 7 |   font-size: 13px;
 8 |   padding: 0.5385rem 1em;
 9 |   border: 1px solid #cbd3df;
10 |   border-right-width: 0;
11 |   margin: 0;
12 |   display: inline-block;
13 |   cursor: pointer;
14 |   border-top-left-radius: 0.23rem;
15 |   border-bottom-left-radius: 0.23rem;
16 | }
17 | 
18 | .c-color-picker__text {
19 | 
20 | }
21 | 
22 | .c-color-picker__wrapper {
23 |   display: inline-block;
24 |   border-top-right-radius: 0.23rem;
25 |   border-bottom-right-radius: 0.23rem;
26 | }
27 | 
28 | .color.field .c-color-picker__input {
29 |   border-color: rgba(0, 0, 0, 0.25);
30 |   display: inline-block;
31 |   width: auto;
32 |   border-top-left-radius: 0;
33 |   border-bottom-left-radius: 0;
34 | }
35 | 
36 | .color.field .c-color-picker__input:focus {
37 |   border-color: rgba(0, 0, 0, 0.25);
38 | }
39 | 
40 | .iris-picker {
41 |   position: absolute !important;
42 |   z-index: 99999;
43 | }
44 | 


--------------------------------------------------------------------------------
/client/javascript/color-picker.js:
--------------------------------------------------------------------------------
 1 | ;
 2 | (function ($) {
 3 |   $.entwine('color-picker', function ($) {
 4 |     $(document).on('click', function (e) {
 5 |       if (!$(e.target).is('.js-color-picker, .iris-picker, .iris-picker-inner')) {
 6 |         $('.js-color-picker').iris('hide');
 7 |       }
 8 |     });
 9 |     $('.js-color-picker').entwine({
10 |       onmatch: function () {
11 |         var palettes = $('.js-color-picker').data('palette');
12 |         $('.js-color-picker').iris({
13 |           palettes: palettes,
14 |           change: function (event, ui) {
15 |             var $c, $r, $g, $b, $mid;
16 |             $(this).css('backgroundColor', ui.color.toString());
17 |             $(this).parent().css('backgroundColor', ui.color.toString());
18 |           }
19 |         });
20 |         this.on('click', function (e) {
21 |           $('.js-color-picker').iris('hide');
22 |           $(this).iris('show');
23 |         });
24 |         this._super();
25 |       },
26 |       onunmatch: function () {
27 |         this._super();
28 |       }
29 |     });
30 |   });
31 | })(jQuery);
32 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # SilverStripe Color Field
 2 | 
 3 | [![Latest Stable Version](https://poser.pugx.org/ryanpotter/silverstripe-color-field/v/stable)](https://packagist.org/packages/ryanpotter/silverstripe-color-field)
 4 | [![Total Downloads](https://poser.pugx.org/ryanpotter/silverstripe-color-field/downloads)](https://packagist.org/packages/ryanpotter/silverstripe-color-field)
 5 | [![Monthly Downloads](https://poser.pugx.org/ryanpotter/silverstripe-color-field/d/monthly)](https://packagist.org/packages/ryanpotter/silverstripe-color-field)
 6 | 
 7 | A colour picker field for the Silverstripe CMS.
 8 | 
 9 | Uses [Iris Colour Picker](https://github.com/Automattic/Iris).
10 | 
11 | ### Installation
12 | 
13 | Installation with composer:
14 | 
15 | ```bash
16 | composer require ryanpotter/silverstripe-color-field
17 | ```
18 | 
19 | ### Usage
20 | 
21 | ```php
22 | use RyanPotter\SilverStripeColorField\Forms\ColorField;
23 | ```
24 | 
25 | ```php
26 | private static $db = [
27 |     'MyColor' => DBVarchar::class . '(7)',
28 | ];
29 | ```
30 | 
31 | ```php
32 | ColorField::create('MyColor')
33 | ```
34 | 
35 | ### Screenshot
36 | 
37 | ![Screenshot](https://github.com/Rhym/silverstripe-color-field/blob/master/screenshot.png)
38 | 
39 | ### Configuration
40 | 
41 | Add as many colours as you want to the palettes.
42 | 
43 | ```yml
44 | RyanPotter\SilverStripeColorField\Forms\ColorField:
45 |   colors:
46 |     - '#1976D2'
47 |     - '#2196F3'
48 |     - '#BBDEFB'
49 |     - '#FFFFFF'
50 |     - '#FF4081'
51 |     - '#212121'
52 |     - '#727272'
53 |     - '#B6B6B6'
54 | ```
55 | 


--------------------------------------------------------------------------------
/src/Forms/ColorField.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace RyanPotter\SilverStripeColorField\Forms;
  4 | 
  5 | use SilverStripe\Forms\TextField;
  6 | use SilverStripe\ORM\FieldType\DBHTMLText;
  7 | use SilverStripe\View\Requirements;
  8 | 
  9 | /**
 10 |  * Class ColorField
 11 |  * @package RyanPotter\SilverStripeColorField\Forms
 12 |  */
 13 | class ColorField extends TextField
 14 | {
 15 | 
 16 |   /**
 17 |    * @var string
 18 |    */
 19 |   private static $primary_color = '#3f51b5';
 20 | 
 21 |   /**
 22 |    * @var string
 23 |    */
 24 |   private static $secondary_color = '#ff4081';
 25 | 
 26 |   /**
 27 |    * @var array
 28 |    */
 29 |   private static $colors = [];
 30 | 
 31 |   /**
 32 |    * @desc ColorField constructor.
 33 |    * @param $name
 34 |    * @param null $title
 35 |    * @param string $value
 36 |    * @param null $form
 37 |    */
 38 |   public function __construct($name, $title = null, $value = '', $form = null)
 39 |   {
 40 |     parent::__construct($name, $title, $value, 7, $form);
 41 | 
 42 |     Requirements::css('ryanpotter/silverstripe-color-field:client/css/color-picker.css');
 43 |     Requirements::javascript('ryanpotter/silverstripe-color-field:client/javascript/lib/color-picker.min.js');
 44 |     Requirements::javascript('ryanpotter/silverstripe-color-field:client/javascript/color-picker.js');
 45 | 
 46 |     $this->addExtraClass('text');
 47 |   }
 48 | 
 49 |   /**
 50 |    * @param array $properties
 51 |    * @return DBHTMLText
 52 |    */
 53 |   public function Field($properties = []): DBHTMLText
 54 |   {
 55 |     $this->addExtraClass('c-color-picker__input js-color-picker');
 56 | 
 57 |     /**
 58 |      * Assign a background color to the field.
 59 |      */
 60 |     $style = sprintf(
 61 |       'background-image: none; background-color: %s; color: %s;',
 62 |       $this->value ? $this->value : '#ffffff',
 63 |       $this->getTextColor()
 64 |     );
 65 |     $this->setAttribute('style', $style);
 66 | 
 67 |     /**
 68 |      * Apply custom data attributes for the Iris Color Picker.
 69 |      */
 70 |     if ($colors = $this->config()->colors) {
 71 |       $pallets = '"' . implode('", "', $colors) . '"';
 72 |       $this->setAttribute('data-palette', '[' . $pallets . ']');
 73 |     }
 74 | 
 75 |     $properties['type'] = 'text';
 76 |     $properties['tabindex'] = $this->getAttribute('tabindex');
 77 |     $properties['maxlength'] = ($this->maxLength) ? $this->maxLength : null;
 78 |     $properties['size'] = ($this->maxLength) ? min($this->maxLength, 30) : null;
 79 | 
 80 |     /**
 81 |      * Check if the field is disabled.
 82 |      */
 83 |     if ($this->disabled) {
 84 |       $properties['disabled'] = 'disabled';
 85 |     }
 86 | 
 87 |     $obj = ($properties) ? $this->customise($properties) : $this;
 88 | 
 89 |     return $obj->renderWith($this->getTemplates());
 90 |   }
 91 | 
 92 |   /**
 93 |    * @param \SilverStripe\Forms\Validator $validator
 94 |    * @return bool
 95 |    */
 96 |   function validate($validator): bool
 97 |   {
 98 |     return true;
 99 |   }
100 | 
101 |   /**
102 |    * @desc Set the colour to be white or black depending on the shade of the background colour of the Field.
103 |    * @return string
104 |    */
105 |   protected function getTextColor(): string
106 |   {
107 |     if ($this->value) {
108 |       $c = intval(str_replace("#", "", $this->value), 16);
109 |       $r = $c >> 16;
110 |       $g = ($c >> 8) & 0xff;
111 |       $b = $c & 0xff;
112 |       $mid = ($r + $g + $b) / 3;
113 | 
114 |       return ($mid > 127) ? '#000000' : '#ffffff';
115 |     } else {
116 |       return '#000000';
117 |     }
118 |   }
119 | }
120 | 


--------------------------------------------------------------------------------
/.idea/workspace.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <project version="4">
  3 |   <component name="ChangeListManager">
  4 |     <list default="true" id="1aebed1f-d709-428e-88a1-60d216eecf06" name="Default" comment="">
  5 |       <change beforePath="$PROJECT_DIR$/README.md" afterPath="$PROJECT_DIR$/README.md" />
  6 |     </list>
  7 |     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
  8 |     <option name="TRACKING_ENABLED" value="true" />
  9 |     <option name="SHOW_DIALOG" value="false" />
 10 |     <option name="HIGHLIGHT_CONFLICTS" value="true" />
 11 |     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
 12 |     <option name="LAST_RESOLUTION" value="IGNORE" />
 13 |   </component>
 14 |   <component name="ComposerSettings" synchronizationState="SYNCHRONIZE">
 15 |     <pharConfigPath>$PROJECT_DIR$/composer.json</pharConfigPath>
 16 |   </component>
 17 |   <component name="FileColors">
 18 |     <fileColor scope="Non-Project Files (Material Default)" color="2E3C43" />
 19 |     <fileColor scope="Non-Project Files (Material Darker)" color="323232" />
 20 |     <fileColor scope="Non-Project Files (Material Lighter)" color="eae8e8" />
 21 |     <fileColor scope="Non-Project Files (Material Palenight)" color="2f2e43" />
 22 |   </component>
 23 |   <component name="FileEditorManager">
 24 |     <leaf>
 25 |       <file leaf-file-name="composer.json" pinned="false" current-in-tab="false">
 26 |         <entry file="file://$PROJECT_DIR$/composer.json">
 27 |           <provider selected="true" editor-type-id="text-editor">
 28 |             <state relative-caret-position="420">
 29 |               <caret line="28" column="0" lean-forward="true" selection-start-line="28" selection-start-column="0" selection-end-line="28" selection-end-column="0" />
 30 |               <folding />
 31 |             </state>
 32 |           </provider>
 33 |         </entry>
 34 |       </file>
 35 |       <file leaf-file-name="README.md" pinned="false" current-in-tab="true">
 36 |         <entry file="file://$PROJECT_DIR$/README.md">
 37 |           <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
 38 |             <state split_layout="SPLIT">
 39 |               <first_editor relative-caret-position="195">
 40 |                 <caret line="13" column="0" lean-forward="true" selection-start-line="13" selection-start-column="0" selection-end-line="13" selection-end-column="0" />
 41 |                 <folding />
 42 |               </first_editor>
 43 |               <second_editor />
 44 |             </state>
 45 |           </provider>
 46 |         </entry>
 47 |       </file>
 48 |     </leaf>
 49 |   </component>
 50 |   <component name="Git.Settings">
 51 |     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
 52 |   </component>
 53 |   <component name="IdeDocumentHistory">
 54 |     <option name="CHANGED_PATHS">
 55 |       <list>
 56 |         <option value="$PROJECT_DIR$/README.md" />
 57 |       </list>
 58 |     </option>
 59 |   </component>
 60 |   <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
 61 |   <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
 62 |   <component name="JsGulpfileManager">
 63 |     <detection-done>true</detection-done>
 64 |     <sorting>DEFINITION_ORDER</sorting>
 65 |   </component>
 66 |   <component name="PhpWorkspaceProjectConfiguration" backward_compatibility_performed="true" />
 67 |   <component name="ProjectFrameBounds" extendedState="6">
 68 |     <option name="x" value="-1920" />
 69 |     <option name="y" value="22" />
 70 |     <option name="width" value="1920" />
 71 |     <option name="height" value="1058" />
 72 |   </component>
 73 |   <component name="ProjectLevelVcsManager">
 74 |     <ConfirmationsSetting value="1" id="Add" />
 75 |   </component>
 76 |   <component name="ProjectView">
 77 |     <navigator currentView="ProjectPane" proportions="" version="1">
 78 |       <flattenPackages />
 79 |       <showMembers />
 80 |       <showModules />
 81 |       <showLibraryContents />
 82 |       <hideEmptyPackages />
 83 |       <abbreviatePackageNames />
 84 |       <autoscrollToSource />
 85 |       <autoscrollFromSource />
 86 |       <sortByType />
 87 |       <manualOrder />
 88 |       <foldersAlwaysOnTop value="true" />
 89 |     </navigator>
 90 |     <panes>
 91 |       <pane id="Scratches" />
 92 |       <pane id="ProjectPane">
 93 |         <subPane>
 94 |           <expand>
 95 |             <path>
 96 |               <item name="silverstripe-color-field" type="b2602c69:ProjectViewProjectNode" />
 97 |               <item name="silverstripe-color-field" type="2a2b976b:PhpTreeStructureProvider$1" />
 98 |             </path>
 99 |           </expand>
100 |           <select />
101 |         </subPane>
102 |       </pane>
103 |       <pane id="Scope" />
104 |     </panes>
105 |   </component>
106 |   <component name="PropertiesComponent">
107 |     <property name="settings.editor.selected.configurable" value="reference.settingsdialog.project.vagrant" />
108 |     <property name="HbShouldOpenHtmlAsHb" value="" />
109 |     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
110 |     <property name="WebServerToolWindowFactoryState" value="false" />
111 |     <property name="last_opened_file_path" value="$PROJECT_DIR$" />
112 |   </component>
113 |   <component name="RecentsManager">
114 |     <key name="CopyFile.RECENT_KEYS">
115 |       <recent name="$PROJECT_DIR$" />
116 |     </key>
117 |   </component>
118 |   <component name="RunDashboard">
119 |     <option name="ruleStates">
120 |       <list>
121 |         <RuleState>
122 |           <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
123 |         </RuleState>
124 |         <RuleState>
125 |           <option name="name" value="StatusDashboardGroupingRule" />
126 |         </RuleState>
127 |       </list>
128 |     </option>
129 |   </component>
130 |   <component name="ShelveChangesManager" show_recycled="false">
131 |     <option name="remove_strategy" value="false" />
132 |   </component>
133 |   <component name="SvnConfiguration">
134 |     <configuration />
135 |   </component>
136 |   <component name="TaskManager">
137 |     <task active="true" id="Default" summary="Default task">
138 |       <changelist id="1aebed1f-d709-428e-88a1-60d216eecf06" name="Default" comment="" />
139 |       <created>1540352212502</created>
140 |       <option name="number" value="Default" />
141 |       <option name="presentableId" value="Default" />
142 |       <updated>1540352212502</updated>
143 |       <workItem from="1540352213753" duration="488000" />
144 |     </task>
145 |     <servers />
146 |   </component>
147 |   <component name="TimeTrackingManager">
148 |     <option name="totallyTimeSpent" value="488000" />
149 |   </component>
150 |   <component name="ToolWindowManager">
151 |     <frame x="-1920" y="22" width="1920" height="1058" extended-state="6" />
152 |     <editor active="true" />
153 |     <layout>
154 |       <window_info id="Project" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24947916" sideWeight="0.5" order="4" side_tool="false" content_ui="combo" />
155 |       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="10" side_tool="false" content_ui="tabs" />
156 |       <window_info id="Docker" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="false" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
157 |       <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="true" content_ui="tabs" />
158 |       <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
159 |       <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
160 |       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
161 |       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
162 |       <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
163 |       <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
164 |       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="true" content_ui="tabs" />
165 |       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
166 |       <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
167 |       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
168 |       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
169 |       <window_info id="npm" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="true" content_ui="tabs" />
170 |       <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="3" side_tool="false" content_ui="combo" />
171 |       <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
172 |       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
173 |     </layout>
174 |   </component>
175 |   <component name="TypeScriptGeneratedFilesManager">
176 |     <option name="version" value="1" />
177 |   </component>
178 |   <component name="VcsContentAnnotationSettings">
179 |     <option name="myLimit" value="2678400000" />
180 |   </component>
181 |   <component name="XDebuggerManager">
182 |     <breakpoint-manager />
183 |     <watches-manager />
184 |   </component>
185 |   <component name="editorHistoryManager">
186 |     <entry file="file://$PROJECT_DIR$/composer.json">
187 |       <provider selected="true" editor-type-id="text-editor">
188 |         <state relative-caret-position="420">
189 |           <caret line="28" column="0" lean-forward="true" selection-start-line="28" selection-start-column="0" selection-end-line="28" selection-end-column="0" />
190 |           <folding />
191 |         </state>
192 |       </provider>
193 |     </entry>
194 |     <entry file="file://$PROJECT_DIR$/screenshot.png">
195 |       <provider selected="true" editor-type-id="images">
196 |         <state />
197 |       </provider>
198 |     </entry>
199 |     <entry file="file://$PROJECT_DIR$/README.md">
200 |       <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
201 |         <state split_layout="SPLIT">
202 |           <first_editor relative-caret-position="195">
203 |             <caret line="13" column="0" lean-forward="true" selection-start-line="13" selection-start-column="0" selection-end-line="13" selection-end-column="0" />
204 |             <folding />
205 |           </first_editor>
206 |           <second_editor />
207 |         </state>
208 |       </provider>
209 |     </entry>
210 |   </component>
211 | </project>


--------------------------------------------------------------------------------
/client/javascript/lib/color-picker.min.js:
--------------------------------------------------------------------------------
1 | /*! Iris Color Picker - v1.0.7 - 2014-11-28
2 |  * https://github.com/Automattic/Iris
3 |  * Copyright (c) 2014 Matt Wiebe; Licensed GPLv2 */
4 | !function(a,b){function c(){var b,c,d="backgroundImage";j?k="filter":(b=a('<div id="iris-gradtest" />'),c="linear-gradient(top,#fff,#000)",a.each(l,function(a,e){return b.css(d,e+c),b.css(d).match("gradient")?(k=a,!1):void 0}),k===!1&&(b.css("background","-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#000))"),b.css(d).match("gradient")&&(k="webkit")),b.remove())}function d(b,c){return b="top"===b?"top":"left",c=a.isArray(c)?c:Array.prototype.slice.call(arguments,1),"webkit"===k?f(b,c):l[k]+"linear-gradient("+b+", "+c.join(", ")+")"}function e(b,c){var d,e,f,h,i,j,k,l,m;b="top"===b?"top":"left",c=a.isArray(c)?c:Array.prototype.slice.call(arguments,1),d="top"===b?0:1,e=a(this),f=c.length-1,h="filter",i=1===d?"left":"top",j=1===d?"right":"bottom",k=1===d?"height":"width",l='<div class="iris-ie-gradient-shim" style="position:absolute;'+k+":100%;"+i+":%start%;"+j+":%end%;"+h+':%filter%;" data-color:"%color%"></div>',m="","static"===e.css("position")&&e.css({position:"relative"}),c=g(c),a.each(c,function(a,b){var e,g,h;return a===f?!1:(e=c[a+1],b.stop!==e.stop&&(g=100-parseFloat(e.stop)+"%",b.octoHex=new Color(b.color).toIEOctoHex(),e.octoHex=new Color(e.color).toIEOctoHex(),h="progid:DXImageTransform.Microsoft.Gradient(GradientType="+d+", StartColorStr='"+b.octoHex+"', EndColorStr='"+e.octoHex+"')",m+=l.replace("%start%",b.stop).replace("%end%",g).replace("%filter%",h)),void 0)}),e.find(".iris-ie-gradient-shim").remove(),a(m).prependTo(e)}function f(b,c){var d=[];return b="top"===b?"0% 0%,0% 100%,":"0% 100%,100% 100%,",c=g(c),a.each(c,function(a,b){d.push("color-stop("+parseFloat(b.stop)/100+", "+b.color+")")}),"-webkit-gradient(linear,"+b+d.join(",")+")"}function g(b){var c=[],d=[],e=[],f=b.length-1;return a.each(b,function(a,b){var e=b,f=!1,g=b.match(/1?[0-9]{1,2}%$/);g&&(e=b.replace(/\s?1?[0-9]{1,2}%$/,""),f=g.shift()),c.push(e),d.push(f)}),d[0]===!1&&(d[0]="0%"),d[f]===!1&&(d[f]="100%"),d=h(d),a.each(d,function(a){e[a]={color:c[a],stop:d[a]}}),e}function h(b){var c,d,e,f,g=0,i=b.length-1,j=0,k=!1;if(b.length<=2||a.inArray(!1,b)<0)return b;for(;j<b.length-1;)k||b[j]!==!1?k&&b[j]!==!1&&(i=j,j=b.length):(g=j-1,k=!0),j++;for(d=i-g,f=parseInt(b[g].replace("%"),10),c=(parseFloat(b[i].replace("%"))-f)/d,j=g+1,e=1;i>j;)b[j]=f+e*c+"%",e++,j++;return h(b)}var i,j,k,l,m,n,o,p,q;return i='<div class="iris-picker"><div class="iris-picker-inner"><div class="iris-square"><a class="iris-square-value" href="#"><span class="iris-square-handle ui-slider-handle"></span></a><div class="iris-square-inner iris-square-horiz"></div><div class="iris-square-inner iris-square-vert"></div></div><div class="iris-slider iris-strip"><div class="iris-slider-offset"></div></div></div></div>',m='.iris-picker{display:block;position:relative}.iris-picker,.iris-picker *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input+.iris-picker{margin-top:4px}.iris-error{background-color:#ffafaf}.iris-border{border-radius:3px;border:1px solid #aaa;width:200px;background-color:#fff}.iris-picker-inner{position:absolute;top:0;right:0;left:0;bottom:0}.iris-border .iris-picker-inner{top:10px;right:10px;left:10px;bottom:10px}.iris-picker .iris-square-inner{position:absolute;left:0;right:0;top:0;bottom:0}.iris-picker .iris-square,.iris-picker .iris-slider,.iris-picker .iris-square-inner,.iris-picker .iris-palette{border-radius:3px;box-shadow:inset 0 0 5px rgba(0,0,0,.4);height:100%;width:12.5%;float:left;margin-right:5%}.iris-picker .iris-square{width:76%;margin-right:10%;position:relative}.iris-picker .iris-square-inner{width:auto;margin:0}.iris-ie-9 .iris-square,.iris-ie-9 .iris-slider,.iris-ie-9 .iris-square-inner,.iris-ie-9 .iris-palette{box-shadow:none;border-radius:0}.iris-ie-9 .iris-square,.iris-ie-9 .iris-slider,.iris-ie-9 .iris-palette{outline:1px solid rgba(0,0,0,.1)}.iris-ie-lt9 .iris-square,.iris-ie-lt9 .iris-slider,.iris-ie-lt9 .iris-square-inner,.iris-ie-lt9 .iris-palette{outline:1px solid #aaa}.iris-ie-lt9 .iris-square .ui-slider-handle{outline:1px solid #aaa;background-color:#fff;-ms-filter:"alpha(Opacity=30)"}.iris-ie-lt9 .iris-square .iris-square-handle{background:0;border:3px solid #fff;-ms-filter:"alpha(Opacity=50)"}.iris-picker .iris-strip{margin-right:0;position:relative}.iris-picker .iris-strip .ui-slider-handle{position:absolute;background:0;margin:0;right:-3px;left:-3px;border:4px solid #aaa;border-width:4px 3px;width:auto;height:6px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);opacity:.9;z-index:5;cursor:ns-resize}.iris-strip .ui-slider-handle:before{content:" ";position:absolute;left:-2px;right:-2px;top:-3px;bottom:-3px;border:2px solid #fff;border-radius:3px}.iris-picker .iris-slider-offset{position:absolute;top:11px;left:0;right:0;bottom:-3px;width:auto;height:auto;background:transparent;border:0;border-radius:0}.iris-picker .iris-square-handle{background:transparent;border:5px solid #aaa;border-radius:50%;border-color:rgba(128,128,128,.5);box-shadow:none;width:12px;height:12px;position:absolute;left:-10px;top:-10px;cursor:move;opacity:1;z-index:10}.iris-picker .ui-state-focus .iris-square-handle{opacity:.8}.iris-picker .iris-square-handle:hover{border-color:#999}.iris-picker .iris-square-value:focus .iris-square-handle{box-shadow:0 0 2px rgba(0,0,0,.75);opacity:.8}.iris-picker .iris-square-handle:hover::after{border-color:#fff}.iris-picker .iris-square-handle::after{position:absolute;bottom:-4px;right:-4px;left:-4px;top:-4px;border:3px solid #f9f9f9;border-color:rgba(255,255,255,.8);border-radius:50%;content:" "}.iris-picker .iris-square-value{width:8px;height:8px;position:absolute}.iris-ie-lt9 .iris-square-value,.iris-mozilla .iris-square-value{width:1px;height:1px}.iris-palette-container{position:absolute;bottom:0;left:0;margin:0;padding:0}.iris-border .iris-palette-container{left:10px;bottom:10px}.iris-picker .iris-palette{margin:0;cursor:pointer}.iris-square-handle,.ui-slider-handle{border:0;outline:0}',o=navigator.userAgent.toLowerCase(),p="Microsoft Internet Explorer"===navigator.appName,q=p?parseFloat(o.match(/msie ([0-9]{1,}[\.0-9]{0,})/)[1]):0,j=p&&10>q,k=!1,l=["-moz-","-webkit-","-o-","-ms-"],j&&7>=q?(a.fn.iris=a.noop,a.support.iris=!1,void 0):(a.support.iris=!0,a.fn.gradient=function(){var b=arguments;return this.each(function(){j?e.apply(this,b):a(this).css("backgroundImage",d.apply(this,b))})},a.fn.raninbowGradient=function(b,c){var d,e,f,g;for(b=b||"top",d=a.extend({},{s:100,l:50},c),e="hsl(%h%,"+d.s+"%,"+d.l+"%)",f=0,g=[];360>=f;)g.push(e.replace("%h%",f)),f+=30;return this.each(function(){a(this).gradient(b,g)})},n={options:{color:!1,mode:"hsl",controls:{horiz:"s",vert:"l",strip:"h"},hide:!0,border:!0,target:!1,width:200,palettes:!1},_color:"",_palettes:["#000","#fff","#d33","#d93","#ee2","#81d742","#1e73be","#8224e3"],_inited:!1,_defaultHSLControls:{horiz:"s",vert:"l",strip:"h"},_defaultHSVControls:{horiz:"h",vert:"v",strip:"s"},_scale:{h:360,s:100,l:100,v:100},_create:function(){var b=this,d=b.element,e=b.options.color||d.val();k===!1&&c(),d.is("input")?(b.picker=b.options.target?a(i).appendTo(b.options.target):a(i).insertAfter(d),b._addInputListeners(d)):(d.append(i),b.picker=d.find(".iris-picker")),p?9===q?b.picker.addClass("iris-ie-9"):8>=q&&b.picker.addClass("iris-ie-lt9"):o.indexOf("compatible")<0&&o.indexOf("khtml")<0&&o.match(/mozilla/)&&b.picker.addClass("iris-mozilla"),b.options.palettes&&b._addPalettes(),b._color=new Color(e).setHSpace(b.options.mode),b.options.color=b._color.toString(),b.controls={square:b.picker.find(".iris-square"),squareDrag:b.picker.find(".iris-square-value"),horiz:b.picker.find(".iris-square-horiz"),vert:b.picker.find(".iris-square-vert"),strip:b.picker.find(".iris-strip"),stripSlider:b.picker.find(".iris-strip .iris-slider-offset")},"hsv"===b.options.mode&&b._has("l",b.options.controls)?b.options.controls=b._defaultHSVControls:"hsl"===b.options.mode&&b._has("v",b.options.controls)&&(b.options.controls=b._defaultHSLControls),b.hue=b._color.h(),b.options.hide&&b.picker.hide(),b.options.border&&b.picker.addClass("iris-border"),b._initControls(),b.active="external",b._dimensions(),b._change()},_has:function(b,c){var d=!1;return a.each(c,function(a,c){return b===c?(d=!0,!1):void 0}),d},_addPalettes:function(){var b=a('<div class="iris-palette-container" />'),c=a('<a class="iris-palette" tabindex="0" />'),d=a.isArray(this.options.palettes)?this.options.palettes:this._palettes;this.picker.find(".iris-palette-container").length&&(b=this.picker.find(".iris-palette-container").detach().html("")),a.each(d,function(a,d){c.clone().data("color",d).css("backgroundColor",d).appendTo(b).height(10).width(10)}),this.picker.append(b)},_paint:function(){var a=this;a._paintDimension("top","strip"),a._paintDimension("top","vert"),a._paintDimension("left","horiz")},_paintDimension:function(a,b){var c,d=this,e=d._color,f=d.options.mode,g=d._getHSpaceColor(),h=d.controls[b],i=d.options.controls;if(b!==d.active&&("square"!==d.active||"strip"===b))switch(i[b]){case"h":if("hsv"===f){switch(g=e.clone(),b){case"horiz":g[i.vert](100);break;case"vert":g[i.horiz](100);break;case"strip":g.setHSpace("hsl")}c=g.toHsl()}else c="strip"===b?{s:g.s,l:g.l}:{s:100,l:g.l};h.raninbowGradient(a,c);break;case"s":"hsv"===f?"vert"===b?c=[e.clone().a(0).s(0).toCSS("rgba"),e.clone().a(1).s(0).toCSS("rgba")]:"strip"===b?c=[e.clone().s(100).toCSS("hsl"),e.clone().s(0).toCSS("hsl")]:"horiz"===b&&(c=["#fff","hsl("+g.h+",100%,50%)"]):c="vert"===b&&"h"===d.options.controls.horiz?["hsla(0, 0%, "+g.l+"%, 0)","hsla(0, 0%, "+g.l+"%, 1)"]:["hsl("+g.h+",0%,50%)","hsl("+g.h+",100%,50%)"],h.gradient(a,c);break;case"l":c="strip"===b?["hsl("+g.h+",100%,100%)","hsl("+g.h+", "+g.s+"%,50%)","hsl("+g.h+",100%,0%)"]:["#fff","rgba(255,255,255,0) 50%","rgba(0,0,0,0) 50%","rgba(0,0,0,1)"],h.gradient(a,c);break;case"v":c="strip"===b?[e.clone().v(100).toCSS(),e.clone().v(0).toCSS()]:["rgba(0,0,0,0)","#000"],h.gradient(a,c)}},_getHSpaceColor:function(){return"hsv"===this.options.mode?this._color.toHsv():this._color.toHsl()},_dimensions:function(b){var c,d,e,f,g=this,h=g.options,i=g.controls,j=i.square,k=g.picker.find(".iris-strip"),l="77.5%",m="12%",n=20,o=h.border?h.width-n:h.width,p=a.isArray(h.palettes)?h.palettes.length:g._palettes.length;return b&&(j.css("width",""),k.css("width",""),g.picker.css({width:"",height:""})),l=o*(parseFloat(l)/100),m=o*(parseFloat(m)/100),c=h.border?l+n:l,j.width(l).height(l),k.height(l).width(m),g.picker.css({width:h.width,height:c}),h.palettes?(d=2*l/100,f=l-(p-1)*d,e=f/p,g.picker.find(".iris-palette").each(function(b){var c=0===b?0:d;a(this).css({width:e,height:e,marginLeft:c})}),g.picker.css("paddingBottom",e+d),k.height(e+d+l),void 0):g.picker.css("paddingBottom","")},_addInputListeners:function(a){var b=this,c=100,d=function(c){var d=new Color(a.val()),e=a.val().replace(/^#/,"");a.removeClass("iris-error"),d.error?""!==e&&a.addClass("iris-error"):d.toString()!==b._color.toString()&&("keyup"===c.type&&e.match(/^[0-9a-fA-F]{3}$/)||b._setOption("color",d.toString()))};a.on("change",d).on("keyup",b._debounce(d,c)),b.options.hide&&a.one("focus",function(){b.show()})},_initControls:function(){var b=this,c=b.controls,d=c.square,e=b.options.controls,f=b._scale[e.strip];c.stripSlider.slider({orientation:"vertical",max:f,slide:function(a,c){b.active="strip","h"===e.strip&&(c.value=f-c.value),b._color[e.strip](c.value),b._change.apply(b,arguments)}}),c.squareDrag.draggable({containment:c.square.find(".iris-square-inner"),zIndex:1e3,cursor:"move",drag:function(a,c){b._squareDrag(a,c)},start:function(){d.addClass("iris-dragging"),a(this).addClass("ui-state-focus")},stop:function(){d.removeClass("iris-dragging"),a(this).removeClass("ui-state-focus")}}).on("mousedown mouseup",function(c){var d="ui-state-focus";c.preventDefault(),"mousedown"===c.type?(b.picker.find("."+d).removeClass(d).blur(),a(this).addClass(d).focus()):a(this).removeClass(d)}).on("keydown",function(a){var d=c.square,e=c.squareDrag,f=e.position(),g=b.options.width/100;switch(a.altKey&&(g*=10),a.keyCode){case 37:f.left-=g;break;case 38:f.top-=g;break;case 39:f.left+=g;break;case 40:f.top+=g;break;default:return!0}f.left=Math.max(0,Math.min(f.left,d.width())),f.top=Math.max(0,Math.min(f.top,d.height())),e.css(f),b._squareDrag(a,{position:f}),a.preventDefault()}),d.mousedown(function(c){var d,e;1===c.which&&a(c.target).is("div")&&(d=b.controls.square.offset(),e={top:c.pageY-d.top,left:c.pageX-d.left},c.preventDefault(),b._squareDrag(c,{position:e}),c.target=b.controls.squareDrag.get(0),b.controls.squareDrag.css(e).trigger(c))}),b.options.palettes&&b._paletteListeners()},_paletteListeners:function(){var b=this;b.picker.find(".iris-palette-container").on("click.palette",".iris-palette",function(){b._color.fromCSS(a(this).data("color")),b.active="external",b._change()}).on("keydown.palette",".iris-palette",function(b){return 13!==b.keyCode&&32!==b.keyCode?!0:(b.stopPropagation(),a(this).click(),void 0)})},_squareDrag:function(a,b){var c=this,d=c.options.controls,e=c._squareDimensions(),f=Math.round((e.h-b.position.top)/e.h*c._scale[d.vert]),g=c._scale[d.horiz]-Math.round((e.w-b.position.left)/e.w*c._scale[d.horiz]);c._color[d.horiz](g)[d.vert](f),c.active="square",c._change.apply(c,arguments)},_setOption:function(b,c){var d,e,f,g=this,h=g.options[b],i=!1;switch(g.options[b]=c,b){case"color":c=""+c,d=c.replace(/^#/,""),e=new Color(c).setHSpace(g.options.mode),e.error?g.options[b]=h:(g._color=e,g.options.color=g.options[b]=g._color.toString(),g.active="external",g._change());break;case"palettes":i=!0,c?g._addPalettes():g.picker.find(".iris-palette-container").remove(),h||g._paletteListeners();break;case"width":i=!0;break;case"border":i=!0,f=c?"addClass":"removeClass",g.picker[f]("iris-border");break;case"mode":case"controls":if(h===c)return;return f=g.element,h=g.options,h.hide=!g.picker.is(":visible"),g.destroy(),g.picker.remove(),a(g.element).iris(h)}i&&g._dimensions(!0)},_squareDimensions:function(a){var c,d,e=this.controls.square;return a!==b&&e.data("dimensions")?e.data("dimensions"):(d=this.controls.squareDrag,c={w:e.width(),h:e.height()},e.data("dimensions",c),c)},_isNonHueControl:function(a,b){return"square"===a&&"h"===this.options.controls.strip?!0:"external"===b||"h"===b&&"strip"===a?!1:!0},_change:function(){var b=this,c=b.controls,d=b._getHSpaceColor(),e=["square","strip"],f=b.options.controls,g=f[b.active]||"external",h=b.hue;"strip"===b.active?e=[]:"external"!==b.active&&e.pop(),a.each(e,function(a,e){var g,h,i;if(e!==b.active)switch(e){case"strip":g="h"===f.strip?b._scale[f.strip]-d[f.strip]:d[f.strip],c.stripSlider.slider("value",g);break;case"square":h=b._squareDimensions(),i={left:d[f.horiz]/b._scale[f.horiz]*h.w,top:h.h-d[f.vert]/b._scale[f.vert]*h.h},b.controls.squareDrag.css(i)}}),d.h!==h&&b._isNonHueControl(b.active,g)&&b._color.h(h),b.hue=b._color.h(),b.options.color=b._color.toString(),b._inited&&b._trigger("change",{type:b.active},{color:b._color}),b.element.is(":input")&&!b._color.error&&(b.element.removeClass("iris-error"),b.element.val()!==b._color.toString()&&b.element.val(b._color.toString())),b._paint(),b._inited=!0,b.active=!1},_debounce:function(a,b,c){var d,e;return function(){var f,g,h=this,i=arguments;return f=function(){d=null,c||(e=a.apply(h,i))},g=c&&!d,clearTimeout(d),d=setTimeout(f,b),g&&(e=a.apply(h,i)),e}},show:function(){this.picker.show()},hide:function(){this.picker.hide()},toggle:function(){this.picker.toggle()},color:function(a){return a===!0?this._color.clone():a===b?this._color.toString():(this.option("color",a),void 0)}},a.widget("a8c.iris",n),a('<style id="iris-css">'+m+"</style>").appendTo("head"),void 0)}(jQuery),function(a,b){var c=function(a,b){return this instanceof c?this._init(a,b):new c(a,b)};c.fn=c.prototype={_color:0,_alpha:1,error:!1,_hsl:{h:0,s:0,l:0},_hsv:{h:0,s:0,v:0},_hSpace:"hsl",_init:function(a){var c="noop";switch(typeof a){case"object":return a.a!==b&&this.a(a.a),c=a.r!==b?"fromRgb":a.l!==b?"fromHsl":a.v!==b?"fromHsv":c,this[c](a);case"string":return this.fromCSS(a);case"number":return this.fromInt(parseInt(a,10))}return this},_error:function(){return this.error=!0,this},clone:function(){for(var a=new c(this.toInt()),b=["_alpha","_hSpace","_hsl","_hsv","error"],d=b.length-1;d>=0;d--)a[b[d]]=this[b[d]];return a},setHSpace:function(a){return this._hSpace="hsv"===a?a:"hsl",this},noop:function(){return this},fromCSS:function(a){var b,c=/^(rgb|hs(l|v))a?\(/;if(this.error=!1,a=a.replace(/^\s+/,"").replace(/\s+$/,"").replace(/;$/,""),a.match(c)&&a.match(/\)$/)){if(b=a.replace(/(\s|%)/g,"").replace(c,"").replace(/,?\);?$/,"").split(","),b.length<3)return this._error();if(4===b.length&&(this.a(parseFloat(b.pop())),this.error))return this;for(var d=b.length-1;d>=0;d--)if(b[d]=parseInt(b[d],10),isNaN(b[d]))return this._error();return a.match(/^rgb/)?this.fromRgb({r:b[0],g:b[1],b:b[2]}):a.match(/^hsv/)?this.fromHsv({h:b[0],s:b[1],v:b[2]}):this.fromHsl({h:b[0],s:b[1],l:b[2]})}return this.fromHex(a)},fromRgb:function(a,c){return"object"!=typeof a||a.r===b||a.g===b||a.b===b?this._error():(this.error=!1,this.fromInt(parseInt((a.r<<16)+(a.g<<8)+a.b,10),c))},fromHex:function(a){return a=a.replace(/^#/,"").replace(/^0x/,""),3===a.length&&(a=a[0]+a[0]+a[1]+a[1]+a[2]+a[2]),this.error=!/^[0-9A-F]{6}$/i.test(a),this.fromInt(parseInt(a,16))},fromHsl:function(a){var c,d,e,f,g,h,i,j;return"object"!=typeof a||a.h===b||a.s===b||a.l===b?this._error():(this._hsl=a,this._hSpace="hsl",h=a.h/360,i=a.s/100,j=a.l/100,0===i?c=d=e=j:(f=.5>j?j*(1+i):j+i-j*i,g=2*j-f,c=this.hue2rgb(g,f,h+1/3),d=this.hue2rgb(g,f,h),e=this.hue2rgb(g,f,h-1/3)),this.fromRgb({r:255*c,g:255*d,b:255*e},!0))},fromHsv:function(a){var c,d,e,f,g,h,i,j,k,l,m;if("object"!=typeof a||a.h===b||a.s===b||a.v===b)return this._error();switch(this._hsv=a,this._hSpace="hsv",c=a.h/360,d=a.s/100,e=a.v/100,i=Math.floor(6*c),j=6*c-i,k=e*(1-d),l=e*(1-j*d),m=e*(1-(1-j)*d),i%6){case 0:f=e,g=m,h=k;break;case 1:f=l,g=e,h=k;break;case 2:f=k,g=e,h=m;break;case 3:f=k,g=l,h=e;break;case 4:f=m,g=k,h=e;break;case 5:f=e,g=k,h=l}return this.fromRgb({r:255*f,g:255*g,b:255*h},!0)},fromInt:function(a,c){return this._color=parseInt(a,10),isNaN(this._color)&&(this._color=0),this._color>16777215?this._color=16777215:this._color<0&&(this._color=0),c===b&&(this._hsv.h=this._hsv.s=this._hsl.h=this._hsl.s=0),this},hue2rgb:function(a,b,c){return 0>c&&(c+=1),c>1&&(c-=1),1/6>c?a+6*(b-a)*c:.5>c?b:2/3>c?a+6*(b-a)*(2/3-c):a},toString:function(){var a=parseInt(this._color,10).toString(16);if(this.error)return"";if(a.length<6)for(var b=6-a.length-1;b>=0;b--)a="0"+a;return"#"+a},toCSS:function(a,b){switch(a=a||"hex",b=parseFloat(b||this._alpha),a){case"rgb":case"rgba":var c=this.toRgb();return 1>b?"rgba( "+c.r+", "+c.g+", "+c.b+", "+b+" )":"rgb( "+c.r+", "+c.g+", "+c.b+" )";case"hsl":case"hsla":var d=this.toHsl();return 1>b?"hsla( "+d.h+", "+d.s+"%, "+d.l+"%, "+b+" )":"hsl( "+d.h+", "+d.s+"%, "+d.l+"% )";default:return this.toString()}},toRgb:function(){return{r:255&this._color>>16,g:255&this._color>>8,b:255&this._color}},toHsl:function(){var a,b,c=this.toRgb(),d=c.r/255,e=c.g/255,f=c.b/255,g=Math.max(d,e,f),h=Math.min(d,e,f),i=(g+h)/2;if(g===h)a=b=0;else{var j=g-h;switch(b=i>.5?j/(2-g-h):j/(g+h),g){case d:a=(e-f)/j+(f>e?6:0);break;case e:a=(f-d)/j+2;break;case f:a=(d-e)/j+4}a/=6}return a=Math.round(360*a),0===a&&this._hsl.h!==a&&(a=this._hsl.h),b=Math.round(100*b),0===b&&this._hsl.s&&(b=this._hsl.s),{h:a,s:b,l:Math.round(100*i)}},toHsv:function(){var a,b,c=this.toRgb(),d=c.r/255,e=c.g/255,f=c.b/255,g=Math.max(d,e,f),h=Math.min(d,e,f),i=g,j=g-h;if(b=0===g?0:j/g,g===h)a=b=0;else{switch(g){case d:a=(e-f)/j+(f>e?6:0);break;case e:a=(f-d)/j+2;break;case f:a=(d-e)/j+4}a/=6}return a=Math.round(360*a),0===a&&this._hsv.h!==a&&(a=this._hsv.h),b=Math.round(100*b),0===b&&this._hsv.s&&(b=this._hsv.s),{h:a,s:b,v:Math.round(100*i)}},toInt:function(){return this._color},toIEOctoHex:function(){var a=this.toString(),b=parseInt(255*this._alpha,10).toString(16);return 1===b.length&&(b="0"+b),"#"+b+a.replace(/^#/,"")},toLuminosity:function(){var a=this.toRgb();return.2126*Math.pow(a.r/255,2.2)+.7152*Math.pow(a.g/255,2.2)+.0722*Math.pow(a.b/255,2.2)},getDistanceLuminosityFrom:function(a){if(!(a instanceof c))throw"getDistanceLuminosityFrom requires a Color object";var b=this.toLuminosity(),d=a.toLuminosity();return b>d?(b+.05)/(d+.05):(d+.05)/(b+.05)},getMaxContrastColor:function(){var a=this.toLuminosity(),b=a>=.5?"000000":"ffffff";return new c(b)},getReadableContrastingColor:function(a,d){if(!a instanceof c)return this;var e=d===b?5:d,f=a.getDistanceLuminosityFrom(this),g=a.getMaxContrastColor(),h=g.getDistanceLuminosityFrom(a);if(e>=h)return g;if(f>=e)return this;for(var i=0===g.toInt()?-1:1;e>f&&(this.l(i,!0),f=this.getDistanceLuminosityFrom(a),0!==this._color&&16777215!==this._color););return this},a:function(a){if(a===b)return this._alpha;var c=parseFloat(a);return isNaN(c)?this._error():(this._alpha=c,this)},darken:function(a){return a=a||5,this.l(-a,!0)},lighten:function(a){return a=a||5,this.l(a,!0)},saturate:function(a){return a=a||15,this.s(a,!0)},desaturate:function(a){return a=a||15,this.s(-a,!0)},toGrayscale:function(){return this.setHSpace("hsl").s(0)},getComplement:function(){return this.h(180,!0)},getSplitComplement:function(a){a=a||1;var b=180+30*a;return this.h(b,!0)},getAnalog:function(a){a=a||1;var b=30*a;return this.h(b,!0)},getTetrad:function(a){a=a||1;var b=60*a;return this.h(b,!0)},getTriad:function(a){a=a||1;var b=120*a;return this.h(b,!0)},_partial:function(a){var c=d[a];return function(d,e){var f=this._spaceFunc("to",c.space);return d===b?f[a]:(e===!0&&(d=f[a]+d),c.mod&&(d%=c.mod),c.range&&(d=d<c.range[0]?c.range[0]:d>c.range[1]?c.range[1]:d),f[a]=d,this._spaceFunc("from",c.space,f))}},_spaceFunc:function(a,b,c){var d=b||this._hSpace,e=a+d.charAt(0).toUpperCase()+d.substr(1);return this[e](c)}};var d={h:{mod:360},s:{range:[0,100]},l:{space:"hsl",range:[0,100]},v:{space:"hsv",range:[0,100]},r:{space:"rgb",range:[0,255]},g:{space:"rgb",range:[0,255]},b:{space:"rgb",range:[0,255]}};for(var e in d)d.hasOwnProperty(e)&&(c.fn[e]=c.fn._partial(e));"object"==typeof exports?module.exports=c:a.Color=c}(this);


--------------------------------------------------------------------------------