[ { "path": ".gitignore", "content": ".DS_Store\n.ftppass\ndist/\ndocs/technical/generated/\nnode_modules/\n*.sublime-project\n*.sublime-workspace\n" }, { "path": ".jshintrc", "content": "{\n \"laxcomma\" : true\n, \"laxbreak\" : false\n}" }, { "path": ".travis.yml", "content": "language: node_js\nnode_js:\n - 0.10\nbefore_script:\n - export CHROME_BIN=chromium-browser\n - export DISPLAY=:99.0\n - sh -e /etc/init.d/xvfb start\n - npm install -g grunt-cli\nenv:\n global:\n - secure: h/UQzq/D5P/fmZRCTNdJt5LrKjCNSEKY+nTfgnzXk3yt5bIvVVxkOLsWo8dmb7JWKHhS/UJrwzmrFNCNh2DH8Zm/ffkW505Z4tH3f6tZjEoQ0nSVyuumsJ7I7rEQ0Y7e2nGE+2X8FY54JIe+hM2mUdA87OLV8XL8pcYpQDO/I7s=\n - secure: GJCmrqpUEkbAJ8/BfWvh8bGhGH8By1lOCTyArzBNph6EcW1x48fkVrnPYHt4JIEbDFtZbsUCeDoUut44m0pnqEb1JOEyDKDHZIWka+5i2qH4omod5zXkV9spXJ9RiM9gNlIlzQhc6A7u4uMC3pvgo8rvRONxN/I7Pf13tyDhgHQ=\nscript:\n- grunt ci\nafter_script:\n- cat ./dist/reports/coverage/**/lcov.info | ./node_modules/coveralls/bin/coveralls.js" }, { "path": "Gruntfile.coffee", "content": "module.exports = ( grunt ) ->\n\n grunt.loadNpmTasks \"grunt-contrib-clean\"\n grunt.loadNpmTasks \"grunt-contrib-compress\"\n grunt.loadNpmTasks \"grunt-contrib-copy\"\n grunt.loadNpmTasks \"grunt-contrib-jshint\"\n grunt.loadNpmTasks \"grunt-contrib-uglify\"\n grunt.loadNpmTasks \"grunt-contrib-yuidoc\"\n grunt.loadNpmTasks \"grunt-ftp-deploy\"\n grunt.loadNpmTasks \"grunt-karma\"\n grunt.loadNpmTasks \"grunt-processhtml\"\n\n grunt.initConfig\n\n pkg: grunt.file.readJSON \"package.json\"\n\n # Banner we want to show above the minified js files.\n #\n banner: '/*! <%= pkg.title || pkg.name %> - v<%= pkg.version %> - ' +\n '<%= grunt.template.today(\"yyyy-mm-dd\") %>\\n ' +\n '<%= pkg.homepage ? \"* \" + pkg.homepage + \"\\\\n *\\\\n \" : \"\" %>' +\n '* Copyright (c) <%= grunt.template.today(\"yyyy\") %> <%= pkg.author.name %> <<%= pkg.author.email %>>;\\n' +\n ' * Licensed under the <%= _.pluck(pkg.licenses, \"type\").join(\", \") %> license */\\n\\n'\n\n\n # Validate javascript files with jsHint.\n #\n jshint:\n options:\n jshintrc: \".jshintrc\"\n all: [\n \"lib/jquery.<%= pkg.name %>.js\"\n ]\n\n\n # Run unit tests.\n #\n karma:\n dev:\n configFile: \"test/conf/karma-dev.js\"\n ci:\n configFile: \"test/conf/karma-ci.js\"\n\n\n # Remove old build.\n #\n clean:\n dist:\n src: \"dist/\"\n\n # Copy the images and the index to the dist location.\n #\n copy:\n docs:\n files: [\n { expand: true, cwd: \"docs\", src: [\"**/*\", \"!technical/**\"], dest: \"dist/docs\", dot: true }\n { expand: true, cwd: \"node_modules/baijs\", src: \"css/**/*\", dest: \"dist/docs\" }\n { expand: true, cwd: \"node_modules/baijs\", src: \"js/**/*\", dest: \"dist/docs\" }\n { expand: true, cwd: \"lib\", src: \"**/*\", dest: \"dist/docs/js\" }\n ]\n\n examples:\n files: [\n { expand: true, cwd: \"examples\", src: \"**/*\", dest: \"dist/examples\" }\n { expand: true, cwd: \"lib\", src: \"jquery.<%= pkg.name %>*\", dest: \"dist/examples/simple\" }\n { expand: true, cwd: \"lib\", src: \"<%= pkg.name %>*\", dest: \"dist/examples/nojquery\" }\n ]\n\n # Generate technical documentation from code.\n #\n yuidoc:\n compile:\n name: '<%= pkg.name %>'\n description: '<%= pkg.description %>'\n version: '<%= pkg.version %>'\n url: '<%= pkg.homepage %>'\n options:\n paths: 'lib/'\n themedir: 'docs/technical/theme',\n outdir: 'docs/technical/generated'\n\n # Minify the javascript.\n #\n uglify:\n dist:\n options:\n banner: \"<%= banner %>\"\n beautify: false\n files: [\n { src: \"lib/jquery.<%= pkg.name %>.js\", dest: \"lib/jquery.<%= pkg.name %>.min.js\" }\n { src: \"lib/<%= pkg.name %>.js\", dest: \"lib/<%= pkg.name %>.min.js\" }\n ]\n\n\n # Set paths and version.\n #\n processhtml:\n options:\n process: true\n strip: true\n environment: \"dist\"\n data:\n version: \"<%= pkg.version %>\"\n html:\n files: [\n { expand: true, src: \"dist/docs/index.html\" }\n { expand: true, src: \"dist/examples/**/*.html\" }\n ]\n\n # Make a zipfile from the dist and examples.\n #\n compress:\n docs:\n options:\n archive: \"dist/<%= pkg.name %>-<%= pkg.version %>-docs.zip\"\n expand: true\n cwd: \"dist/docs\"\n src: \"**/*\"\n dest: \".\"\n\n examples :\n options :\n archive: \"dist/<%= pkg.name %>-<%= pkg.version %>.zip\"\n expand : true\n cwd: \"dist/examples\"\n src: \"**/*\"\n dest: \".\"\n\n\n # Deploy plugin to baijs.com\n #\n \"ftp-deploy\":\n docs:\n auth:\n host: \"ftp.baijs.nl\"\n port: 21\n authKey: \"<%= pkg.name %>\"\n src: \"dist/docs\"\n dest: \"/\"\n\n examples:\n auth:\n host: \"ftp.baijs.nl\"\n port: 21\n authKey: \"<%= pkg.name %>\"\n src: \"dist/\"\n dest: \"/\"\n exclusions: [\n \"docs\"\n \"<%= pkg.name %>-<%= pkg.version %>-docs.zip\"\n ]\n\n grunt.registerTask(\n \"common\"\n [\n \"jshint\"\n \"copy:docs\"\n \"yuidoc\"\n \"uglify:dist\"\n \"copy:examples\"\n \"processhtml\"\n \"compress:docs\"\n \"compress:examples\"\n ]\n )\n\n grunt.registerTask(\n \"default\"\n [\n \"clean:dist\"\n \"karma:dev\"\n \"common\"\n ]\n )\n\n grunt.registerTask(\n \"ci\"\n [\n \"clean:dist\"\n \"karma:ci\"\n \"common\"\n ]\n )\n\n grunt.registerTask(\n \"ftp\"\n [\n \"default\"\n \"ftp-deploy:docs\"\n \"ftp-deploy:examples\"\n ]\n )" }, { "path": "MIT-LICENSE.txt", "content": "Copyright 2013 Maarten Baijs\nhttp://www.baijs.com\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n" }, { "path": "README.md", "content": "[tinycolorpicker](http://baijs.com/tinycolorpicker) [![Build Status][travis-image]][travis-url] [![Coverage Status][coveralls-image]][coveralls-url] [![NPM version][npm-image]][npm-url]\n==================================================\n\n** HELP MAINTAINER NEEDED!! **\n\nSupport\n----------------------------\n- Browser support differs between the jQuery plugin and the plain Javascript microlib. Specifically, the plain Javascript microlib does not support legacy browsers such as IE6-8. Use the jQuery plugin release if support for those browsers is required.\n\nWhat you need to build your own version of tinycolorpicker\n--------------------------------------\n\nIn order to build tinycolorpicker, you need to have Node.js/npm, and git 1.7 or later installed.\n\n\nHow to build your own tinycolorpicker\n----------------------------\n\nFirst, clone a copy of the main tinycolorpicker git repo by running:\n\n```bash\ngit clone git://github.com/wieringen/tinycolorpicker.git\n```\n\nInstall the grunt-cli package so that you will have the correct version of grunt available from any project that needs it. This should be done as a global install:\n\n```bash\nnpm install -g grunt-cli\n```\n\nEnter the tinycolorpicker directory and install the Node dependencies, this time *without* specifying a global install:\n\n```bash\ncd tinycolorpicker && npm install\n```\n\nMake sure you have `grunt` installed by testing:\n\n```bash\ngrunt -version\n```\n\nThen, to get a complete, minified (w/ Uglify.js), linted (w/ JSHint) version of tinycolorpicker, type the following:\n\n```bash\ngrunt\n```\n\nThe built version of tinycolorpicker will be put in the `dist/` subdirectory, along with the minified copy and associated map file.\n\n\nQuestions?\n----------\n\nIf you have any questions, please feel free to email [me](mailto:wieringen@gmail.com).\n\n[travis-image]: https://travis-ci.org/wieringen/tinycolorpicker.svg?branch=master\n[travis-url]: https://travis-ci.org/wieringen/tinycolorpicker\n\n[coveralls-image]: https://img.shields.io/coveralls/wieringen/tinycolorpicker/master.svg\n[coveralls-url]: https://coveralls.io/r/wieringen/tinycolorpicker?branch=master\n\n[npm-image]: https://badge.fury.io/js/tinycolorpicker.png\n[npm-url]: http://badge.fury.io/js/tinycolorpicker\n" }, { "path": "bower.json", "content": "{\n \"name\": \"tinycolorpicker\",\n \"version\": \"0.9.5\",\n \"description\": \"A lightweight cross browser jQuery based colorpicker.\",\n \"main\": \"lib/jquery.tinycolorpicker.js\",\n \"ignore\": [\n \"**/.*\",\n \"bower.json\",\n \"Gruntfile.coffee\",\n \"package.json\",\n \"README.md\"\n ],\n \"resolutions\": {\n \"jquery\": \"~1.5.0\"\n },\n \"devDependencies\": {\n \"baijs\": \"latest\",\n \"chai\": \"~1.8.1\",\n \"coveralls\": \"^2.11.2\",\n \"grunt\": \"~0.4.1\",\n \"grunt-contrib-clean\": \"~0.5.0\",\n \"grunt-contrib-compress\": \"~0.5.2\",\n \"grunt-contrib-copy\": \"~0.4.1\",\n \"grunt-contrib-jshint\": \"~0.8.0\",\n \"grunt-contrib-uglify\": \"~0.2.7\",\n \"grunt-contrib-yuidoc\": \"^0.6.0\",\n \"grunt-ftp-deploy\": \"~0.1.1\",\n \"grunt-karma\": \"0.8.0\",\n \"grunt-processhtml\": \"^0.3.6\",\n \"grunt-text-replace\": \"~0.3.9\",\n \"iectrl\": \"0.0.3\",\n \"karma\": \"~0.12.0\",\n \"karma-chai\": \"^0.1.0\",\n \"karma-chai-jquery\": \"^1.0.0\",\n \"karma-chai-sinon\": \"~0.1.0\",\n \"karma-chrome-launcher\": \"~0.1.1\",\n \"karma-coverage\": \"~0.1.3\",\n \"karma-firefox-launcher\": \"~0.1.2\",\n \"karma-html2js-preprocessor\": \"~0.1.0\",\n \"karma-htmlfile-reporter\": \"~0.1.0\",\n \"karma-ie-launcher\": \"~0.1.1\",\n \"karma-ievms\": \"0.0.4\",\n \"karma-jquery\": \"^0.1.0\",\n \"karma-junit-reporter\": \"~0.2.1\",\n \"karma-mocha\": \"~0.1.1\",\n \"karma-phantomjs-launcher\": \"~0.1.1\",\n \"karma-script-launcher\": \"~0.1.0\",\n \"mocha\": \"~1.15.1\",\n \"sinon\": \"~1.7.3\",\n \"sinon-chai\": \"~2.4.0\"\n }\n}\n" }, { "path": "docs/css/tinycolorpicker.css", "content": "/* COLORPICKER 1 EXAMPLE */\n#colorPicker1\n{\n width: 30px;\n height: 30px;\n position: relative;\n clear: both;\n margin: 0 auto 20px;\n}\n\n#colorPicker1 .track {\n background: #EFEFEF url(../images/text-color.png) no-repeat 50% 50%;\n height: 150px;\n width: 150px;\n padding: 10px;\n position: absolute;\n cursor: crosshair;\n float: left;\n left: -71px;\n top: -71px;\n display: none;\n border: 1px solid #ccc;\n z-index: 10;\n -webkit-border-radius: 150px;\n -moz-border-radius: 150px;\n border-radius: 150px;\n\n}\n\n#colorPicker1 .color {\n width: 25px;\n height: 25px;\n padding: 1px;\n border: 1px solid #ccc;\n display: block;\n position: relative;\n z-index: 11;\n background-color: #EFEFEF;\n -webkit-border-radius: 27px;\n -moz-border-radius: 27px;\n border-radius: 27px;\n cursor: pointer;\n}\n\n#colorPicker1 .colorInner {\n width: 25px;\n height: 25px;\n -webkit-border-radius: 27px;\n -moz-border-radius: 27px;\n border-radius: 27px;\n}\n\n#colorPicker1 .dropdown {\n list-style: none;\n display: none;\n width: 27px;\n position: absolute;\n top: 28px;\n border: 1px solid #ccc;\n left: 0;\n z-index: 1000;\n}\n\n#colorPicker1 .dropdown li{\n height: 25px;\n cursor: pointer;\n}\n\n/* COLORPICKER 2 EXAMPLE */\n#colorPicker2\n{\n width: 87px;\n height: 30px;\n position: relative;\n clear: both;\n margin: 0 auto 20px;\n}\n\n#colorPicker2 .track {\n background: #EFEFEF url(../images/firefox.png) no-repeat 50% 50%;\n height: 150px;\n width: 150px;\n padding: 10px;\n position: absolute;\n cursor: crosshair;\n float: left;\n left: 75px;\n top: -71px;\n display: none;\n border: 1px solid #ccc;\n z-index: 10;\n -webkit-border-radius: 150px;\n -moz-border-radius: 150px;\n border-radius: 150px;\n\n}\n\n#colorPicker2 .color {\n width: 75px;\n height: 25px;\n line-height: 25px;\n text-decoration : none;\n padding: 1px;\n border: 1px solid #ccc;\n display: block;\n position: relative;\n z-index: 11;\n color: #666;\n background-color: #EFEFEF;\n -webkit-border-radius: 27px;\n -moz-border-radius: 27px;\n border-radius: 27px;\n cursor: pointer;\n padding: 0 0 0 10px;\n}\n\n#colorPicker2 .colorInner {\n width: 25px;\n height: 25px;\n float: right;\n -webkit-border-radius: 27px;\n -moz-border-radius: 27px;\n border-radius: 27px;\n border-left: 3px solid #ccc;\n}\n\n#colorPicker2 .dropdown {\n list-style: none;\n display: none;\n width: 27px;\n position: absolute;\n top: 26px;\n border: 1px solid #ccc;\n right: 0;\n z-index: 1000;\n}\n\n#colorPicker2 .dropdown li{\n height: 25px;\n cursor: pointer;\n}\n\n/* COLORPICKER 3 EXAMPLE */\n#colorPicker3\n{\n width: 30px;\n height: 30px;\n position: relative;\n clear: both;\n margin: 0 auto 20px;\n}\n\n#colorPicker3 .track {\n background: #EFEFEF url(../images/text-color.png) no-repeat 50% 50%;\n height: 150px;\n width: 150px;\n padding: 10px;\n position: absolute;\n cursor: crosshair;\n float: left;\n left: -71px;\n top: -71px;\n display: none;\n border: 1px solid #ccc;\n z-index: 10;\n -webkit-border-radius: 150px;\n -moz-border-radius: 150px;\n border-radius: 150px;\n\n}\n\n#colorPicker3 .color {\n width: 25px;\n height: 25px;\n padding: 1px;\n border: 1px solid #ccc;\n display: block;\n position: relative;\n z-index: 11;\n background-color: #EFEFEF;\n -webkit-border-radius: 27px;\n -moz-border-radius: 27px;\n border-radius: 27px;\n cursor: pointer;\n}\n\n#colorPicker3 .colorInner {\n width: 25px;\n height: 25px;\n -webkit-border-radius: 27px;\n -moz-border-radius: 27px;\n border-radius: 27px;\n}\n\n#colorPicker3 .dropdown {\n list-style: none;\n display: none;\n width: 27px;\n position: absolute;\n top: 28px;\n border: 1px solid #ccc;\n left: 0;\n z-index: 1000;\n}\n\n#colorPicker3 .dropdown li{\n height: 25px;\n cursor: pointer;\n}\n" }, { "path": "docs/index.html", "content": "\n\n \n Tiny Colorpicker: A lightweight cross browser color picker.\n\n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n\n \n \n \n\n \n\n \n \n \n \n\n \n \n \n \n \n \n\n \n\n \n
\n\n
\n

Tiny Colorpicker

\n A lightweight cross browser color picker.\n\n
\n .zip\" class=\"btn\">Download v<%= version %>\n

The latest source is available on GitHub.

\n
\n
\n\n \n\n
\n\n
\n \n

What is it?

\n

Tiny Colorpicker is a crossbrowser lib that creates a color picker (form) input. Its a easy way to add color pickers to your forms or user interface.

\n

It comes in 2 flavours as a vanilla Javascript microlib and as a jQuery plugin.

\n

Browser support differs between the jQuery plugin and the plain Javascript microlib. Specifically, the plain Javascript microlib does not support legacy browsers such as IE6-8. Use the jQuery plugin release if support for those browsers is required.

\n\n \n\n\n \n
\n \n \n \n
\n \n \n
\n\n
\n

Features

\n
    \n
  • IOS, Android and Windows Phone support.
    • \n
  • Available as a jQuery plugin and as a vanilla Javascript microlib.
    • \n
  • AMD, Node, requirejs and commonjs support.
    • \n
  • Easy customizable
    • \n
  • Can be used inside forms or outside
    • \n
  • Lightweight
    • \n
  • Source is on GitHub
    • \n
\n
\n\n
\n

Examples

\n

The examples below are all for the jQuery Plugin. You can find some more (advanced and simple) examples here. You can also find a example for the plain javascript library there.

\n

The example below is the most basic version. The colors are just a image that is taken from the css and drawn to a canvas. So you are completely free in how your picker looks and how its styled.

\n\n
\n
\n
\n
\n \n
\n\n \n\n 
\n$(document).ready(function()\n{\n    $(\"#colorpicker1\").tinycolorpicker();\n});\n
\n\n

The example below is to make clear that it can pick colors from any image in any shape or form you want. The image is taken from stylesheet.

\n
\n
Color :\n
\n
\n \n
\n\n \n\n 
\n$(document).ready(function()\n{\n    $(\"#colorpicker2\").tinycolorpicker();\n});\n
\n\n

The example below is to show how to use the setColor method.

\n
\n
\n
\n
\n \n
\n\n \n\n 
\n$(document).ready(function()\n{\n    $(\"#colorPicker3\").tinycolorpicker();\n    var picker = $('#colorPicker3').data(\"plugin_tinycolorpicker\");\n\n    picker.setColor(\"#FF45CC\");\n});\n
\n
\n\n
\n \n \n \n \n
\n\n
\n \n

The generated API docs will be included here.

\n \n
\n\n
\n

Usage

\n 
\n$(document).ready(function()\n{\n    // Initialize a colorpicker like this.\n    //\n    var $box = $('#box');\n    $box.tinycolorpicker();\n\n    // Try this to get access to the actual colorpicker instance.\n    //\n    var box = $box.data(\"plugin_tinycolorpicker\");\n\n    // Now you have access to all the methods and properties.\n    //\n    // box.setColor(\"#cccccc\");\n    // console.log(box.colorRGB);\n    //\n    // etc..\n\n    // You can bind to the change event like this.\n    //\n    $box.bind(\"change\", function()\n    {\n        console.log(\"do something when a new color is set\");\n    });\n});\n
\n
\n
\n\n \n\n \n
\n\n \n\n\n" }, { "path": "docs/technical/theme/layouts/main.handlebars", "content": "{{>layout_content}}\n" }, { "path": "docs/technical/theme/partials/attrs.handlebars", "content": "
\n {{! For backwards compatibility }}\n

{{name}}

\n {{#crossLink type}}{{/crossLink}}\n\n {{#if deprecated}}\n deprecated\n {{/if}}\n\n {{#if access}}\n {{access}}\n {{/if}}\n\n {{#if final}}\n final\n {{/if}}\n\n {{#if static}}\n static\n {{/if}}\n\n {{#if optional}}\n optional\n {{/if}}\n\n {{#if required}}\n required\n {{/if}}\n\n {{#if readonly}}\n readonly\n {{/if}}\n\n
\n {{#if overwritten_from}}\n

Inherited from\n \n {{overwritten_from/class}}\n \n {{#if foundAt}}\n but overwritten in\n {{/if}}\n {{else}}\n {{#if extended_from}}\n

Inherited from\n {{extended_from}}:\n {{else}}\n {{#providedBy}}\n

Provided by the {{.}} module.

\n {{/providedBy}}\n

\n {{#if foundAt}}\n Defined in\n {{/if}}\n {{/if}}\n {{/if}}\n {{#if foundAt}}\n `{{{file}}}:{{{line}}}`\n {{/if}}\n

\n\n {{#if deprecationMessage}}\n

Deprecated: {{deprecationMessage}}

\n {{/if}}\n\n {{#if since}}\n

Available since {{since}}

\n {{/if}}\n
\n\n
\n {{{attrDescription}}}\n
\n\n {{#if default}}\n

Default: {{default}}

\n {{/if}}\n\n {{#if emit}}\n
\n

Fires event {{name}}Change

\n\n

\n Fires when the value for the configuration attribute `{{{name}}}` is\n changed. You can listen for the event using the `on` method if you\n wish to be notified before the attribute's value has changed, or\n using the `after` method if you wish to be notified after the\n attribute's value has changed.\n

\n\n
\n

Parameters:

\n\n
    \n
  • \n e\n {{#crossLink \"EventFacade\"}}{{/crossLink}}\n\n
    \n An Event Facade object with the following\n attribute-specific properties added:\n
    \n\n
      \n
    • \n prevVal\n Any\n
      The value of the attribute, prior to it being set.
      \n
      • \n
    • \n newVal\n Any\n
      The value the attribute is to be set to.
      \n
      • \n
    • \n attrName\n {{#crossLink \"String\"}}{{/crossLink}}\n
      The name of the attribute being set.
      \n
      • \n
    • \n subAttrName\n {{#crossLink \"String\"}}{{/crossLink}}\n
      If setting a property within the attribute's value, the name of the sub-attribute property being set.
      \n
      • \n
    \n
    • \n
\n
\n
\n {{/if}}\n\n {{#example}}\n
\n

Example:

\n\n
\n {{{.}}}\n
\n
\n {{/example}}\n
\n" }, { "path": "docs/technical/theme/partials/classes.handlebars", "content": "{{#is_constructor}}\n

Constructor

\n \n {{>method}}\n
\n{{/is_constructor}}\n\n{{#if properties}}\n

Properties

\n \n {{#properties}}\n {{>props}}\n {{/properties}}\n
\n{{/if}}\n\n{{#if attrs}}\n

Attributes

\n \n {{#attrs}}\n {{>attrs}}\n {{/attrs}}\n
\n{{/if}}\n\n{{#if methods}}\n

Methods

\n \n {{#methods}}\n {{>method}}\n {{/methods}}\n
\n{{/if}}\n\n{{#if events}}\n

Events

\n \n {{#events}}\n {{>events}}\n {{/events}}\n
\n{{/if}}\n" }, { "path": "docs/technical/theme/partials/events.handlebars", "content": "\n {{name}}\n {{#if type}}\n {{#crossLink type}}{{/crossLink}}\n {{/if}}\n \n\n\n \n\n
\n {{{eventDescription}}}\n
\n\n {{#if params}}\n
\n

Event Payload:

\n\n \n
\n {{/if}}\n\n\n {{#example}}\n
\n

Example:

\n\n
\n {{{.}}}\n
\n
\n {{/example}}\n \n\n" }, { "path": "docs/technical/theme/partials/files.handlebars", "content": "

File: {{fileName}}

\n\n
\n 
\n{{fileData}}\n
\n
\n" }, { "path": "docs/technical/theme/partials/index.handlebars", "content": "
\n

\n Browse to a module or class using the sidebar to view its API documentation.\n

\n\n

Keyboard Shortcuts

\n\n \n
" }, { "path": "docs/technical/theme/partials/method.handlebars", "content": "\n \n {{name}}\n {{#if params}}\n (\n {{#params}}\n {{#if optional}}\n {{name}}{{#if optdefault}}={{optdefault}}{{/if}}\n {{else}}\n {{name}}\n {{/if}}\n {{/params}}\n )\n {{else}}\n ()\n {{/if}}\n \n\n
\n {{{methodDescription}}}\n
\n\n {{#if params}}\n \n {{/if}}\n \n\n" }, { "path": "docs/technical/theme/partials/module.handlebars", "content": "

{{name}} Module

\n
\n {{#extra}}\n {{#selleck}}\n User Guide & Examples\n {{/selleck}}\n {{/extra}}\n\n {{#if requires}}\n
\n Requires\n \n
\n {{/if}}\n\n {{#if foundAt}}\n
\n Defined in: `{{{file}}}:{{{line}}}`\n
\n {{/if}}\n\n {{#if since}}\n

Available since {{since}}

\n {{/if}}\n
\n\n{{#if deprecated}}\n
\n

\n {{#if deprecationMessage}}\n Deprecated: {{deprecationMessage}}\n {{else}}\n This module is deprecated.\n {{/if}}\n

\n
\n{{/if}}\n\n
\n {{{moduleDescription}}}\n
\n\n{{#example}}\n
\n

Example:

\n
\n {{{.}}}\n
\n
\n{{/example}}\n\n
\n
\n {{#if moduleClasses}}\n

This module provides the following classes:

\n\n \n {{/if}}\n
\n\n
\n {{#if subModules}}\n

This module is a rollup of the following modules:

\n\n \n {{/if}}\n
\n
\n" }, { "path": "docs/technical/theme/partials/options.handlebars", "content": "
\n Show:\n \n\n \n\n \n \n\n
\n\n" }, { "path": "docs/technical/theme/partials/props.handlebars", "content": "\n\n {{name}}\n\n \n {{#crossLink type}}{{/crossLink}}\n\n {{#if deprecated}}\n deprecated\n {{/if}}\n\n {{#if access}}\n {{access}}\n {{/if}}\n\n {{#if final}}\n final\n {{/if}}\n\n {{#if static}}\n static\n {{/if}}\n \n\n \n
\n {{{propertyDescription}}}\n
\n\n {{#if default}}\n

Default: {{default}}

\n {{/if}}\n\n {{#example}}\n
\n

Example:

\n\n
\n {{{.}}}\n
\n
\n {{/example}}\n\n {{#if subprops}}\n

Sub-properties:

\n\n \n {{/if}}\n \n\n" }, { "path": "docs/technical/theme/partials/sidebar.handlebars", "content": "
\n
\n \n\n
\n \n
\n\n
\n \n\n \n
\n
\n
\n" }, { "path": "docs/technical/theme/theme.json", "content": "{\n \n}\n" }, { "path": "examples/nojquery/index.html", "content": "\r\n\r\n\r\n\r\n \r\n Tiny Colorpicker: A lightweight cross browser color picker.\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n" }, { "path": "examples/nojquery/tinycolorpicker.css", "content": "/* COLORPICKER 1 EXAMPLE */\r\n#colorPicker\r\n{\r\n width: 30px;\r\n height: 30px;\r\n position: relative;\r\n clear: both;\r\n margin: 80px auto 20px;\r\n}\r\n\r\n#colorPicker .track {\r\n background: #EFEFEF url(images/text-color.png) no-repeat 50% 50%;\r\n height: 150px;\r\n width: 150px;\r\n padding: 10px;\r\n position: absolute;\r\n cursor: crosshair;\r\n float: left;\r\n left: -71px;\r\n top: -71px;\r\n display: none;\r\n border: 1px solid #ccc;\r\n z-index: 10;\r\n -webkit-border-radius: 150px;\r\n -moz-border-radius: 150px;\r\n border-radius: 150px;\r\n\r\n}\r\n\r\n#colorPicker .color {\r\n width: 25px;\r\n height: 25px;\r\n padding: 1px;\r\n border: 1px solid #ccc;\r\n display: block;\r\n position: relative;\r\n z-index: 11;\r\n background-color: #EFEFEF;\r\n -webkit-border-radius: 27px;\r\n -moz-border-radius: 27px;\r\n border-radius: 27px;\r\n cursor: pointer;\r\n}\r\n\r\n#colorPicker .colorInner {\r\n width: 25px;\r\n height: 25px;\r\n -webkit-border-radius: 27px;\r\n -moz-border-radius: 27px;\r\n border-radius: 27px;\r\n}\r\n\r\n#colorPicker .dropdown {\r\n list-style: none;\r\n display: none;\r\n width: 27px;\r\n position: absolute;\r\n top: 28px;\r\n border: 1px solid #ccc;\r\n left: 0;\r\n z-index: 1000;\r\n}\r\n\r\n#colorPicker .dropdown li{\r\n height: 25px;\r\n cursor: pointer;\r\n}\r\n" }, { "path": "examples/simple/index.html", "content": "\r\n\r\n\r\n\r\n\t\r\n Tiny Colorpicker: A lightweight cross browser color picker.\r\n\t\r\n\r\n \r\n \r\n \r\n \r\n\t\r\n\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n" }, { "path": "examples/simple/tinycolorpicker.css", "content": "/* COLORPICKER 1 EXAMPLE */\r\n#colorPicker\r\n{\r\n width: 30px;\r\n height: 30px;\r\n position: relative;\r\n clear: both;\r\n margin: 80px auto 20px;\r\n}\r\n\r\n#colorPicker .track {\r\n background: #EFEFEF url(images/text-color.png) no-repeat 50% 50%;\r\n height: 150px;\r\n width: 150px;\r\n padding: 10px;\r\n position: absolute;\r\n cursor: crosshair;\r\n float: left;\r\n left: -71px;\r\n top: -71px;\r\n display: none;\r\n border: 1px solid #ccc;\r\n z-index: 10;\r\n -webkit-border-radius: 150px;\r\n -moz-border-radius: 150px;\r\n border-radius: 150px;\r\n\r\n}\r\n\r\n#colorPicker .color {\r\n width: 25px;\r\n height: 25px;\r\n padding: 1px;\r\n border: 1px solid #ccc;\r\n display: block;\r\n position: relative;\r\n z-index: 11;\r\n background-color: #EFEFEF;\r\n -webkit-border-radius: 27px;\r\n -moz-border-radius: 27px;\r\n border-radius: 27px;\r\n cursor: pointer;\r\n}\r\n\r\n#colorPicker .colorInner {\r\n width: 25px;\r\n height: 25px;\r\n -webkit-border-radius: 27px;\r\n -moz-border-radius: 27px;\r\n border-radius: 27px;\r\n}\r\n\r\n#colorPicker .dropdown {\r\n list-style: none;\r\n display: none;\r\n width: 27px;\r\n position: absolute;\r\n top: 28px;\r\n border: 1px solid #ccc;\r\n left: 0;\r\n z-index: 1000;\r\n}\r\n\r\n#colorPicker .dropdown li{\r\n height: 25px;\r\n cursor: pointer;\r\n}\r\n" }, { "path": "lib/jquery.tinycolorpicker.js", "content": ";(function(factory) {\n if(typeof define === 'function' && define.amd) {\n define(['jquery'], factory);\n }\n else if(typeof exports === 'object') {\n module.exports = factory(require(\"jquery\"));\n }\n else {\n factory(jQuery);\n }\n}\n(function($) {\n var pluginName = \"tinycolorpicker\"\n , defaults = {\n colors : [\"#ffffff\", \"#A7194B\",\"#FE2712\",\"#FB9902\",\"#FABC02\",\"#FEFE33\",\"#D0EA2B\",\"#66B032\",\"#0391CE\",\"#0247FE\",\"#3D01A5\",\"#8601AF\"]\n , backgroundUrl : null\n }\n ;\n\n function Plugin($container, options) {\n /**\n * The options of the colorpicker extended with the defaults.\n *\n * @property options\n * @type Object\n */\n this.options = $.extend({}, defaults, options);\n\n /**\n * @property _defaults\n * @type Object\n * @private\n * @default defaults\n */\n this._defaults = defaults;\n\n /**\n * @property _name\n * @type String\n * @private\n * @final\n * @default 'tinycolorpicker'\n */\n this._name = pluginName;\n\n var self = this\n , $track = $container.find(\".track\")\n , $color = $container.find(\".color\")\n , $canvas = null\n , $colorInput = $container.find(\".colorInput\")\n , $dropdown = $container.find(\".dropdown\")\n , $dropdownItem = $dropdown.find(\"li\").remove()\n\n , context = null\n , mouseIsDown = false\n , hasCanvas = !!document.createElement(\"canvas\").getContext\n , touchEvents = \"ontouchstart\" in document.documentElement\n ;\n\n /**\n * The current active color in hex.\n *\n * @property colorHex\n * @type String\n * @default \"\"\n */\n this.colorHex = \"\";\n\n /**\n * The current active color in rgb.\n *\n * @property colorRGB\n * @type String\n * @default \"\"\n */\n this.colorRGB = \"\";\n\n /**\n * @method _initialize\n * @private\n */\n function _initialize() {\n if(hasCanvas) {\n $canvas = $(\"\");\n $track.append($canvas);\n\n context = $canvas[0].getContext( \"2d\" );\n\n _setImage();\n }\n else {\n $.each(self.options.colors, function(index, color) {\n var $clone = $dropdownItem.clone();\n\n $clone.css(\"backgroundColor\", color);\n $clone.attr(\"data-color\", color);\n\n $dropdown.append($clone);\n });\n }\n\n _setEvents();\n\n return self;\n }\n\n /**\n * @method _setImage\n * @private\n */\n function _setImage() {\n var colorPicker = new Image()\n , backgroundUrl = $track.css(\"background-image\").replace(/\"/g, \"\").replace(/url\\(|\\)$/ig, \"\")\n ;\n\n colorPicker.crossOrigin = \"Anonymous\";\n $track.css(\"background-image\", \"none\");\n\n $(colorPicker).load(function() {\n $canvas.attr(\"width\", this.width);\n $canvas.attr(\"height\", this.height);\n\n context.drawImage(colorPicker, 0, 0, this.width, this.height);\n });\n\n colorPicker.src = self.options.backgroundUrl || backgroundUrl;\n }\n\n /**\n * @method _setEvents\n * @private\n */\n function _setEvents() {\n var eventType = touchEvents ? \"touchstart\" : \"mousedown\";\n\n if(hasCanvas) {\n $color.bind(eventType, function(event) {\n event.preventDefault();\n event.stopPropagation();\n\n $track.toggle();\n\n $(document).bind(\"mousedown.colorpicker\", function(event) {\n $(document).unbind(\".colorpicker\");\n\n self.close();\n });\n });\n\n if(!touchEvents) {\n $canvas.mousedown(function(event) {\n mouseIsDown = true;\n\n _getColorCanvas(event);\n\n $(document).bind(\"mouseup.colorpicker\", function(event) {\n $(document).unbind(\".colorpicker\");\n\n self.close();\n\n return false;\n });\n\n return false;\n });\n\n $canvas.mousemove(_getColorCanvas);\n }\n else {\n $canvas.bind(\"touchstart\", function(event) {\n mouseIsDown = true;\n\n _getColorCanvas(event.originalEvent.touches[0]);\n\n return false;\n });\n\n $canvas.bind(\"touchmove\", function(event) {\n _getColorCanvas(event.originalEvent.touches[0]);\n\n return false;\n });\n\n $canvas.bind(\"touchend\", function(event) {\n self.close();\n\n return false;\n });\n }\n }\n else {\n $color.bind(\"mousedown\", function(event) {\n event.preventDefault();\n event.stopPropagation();\n\n $dropdown.toggle();\n });\n\n $dropdown.delegate(\"li\", \"mousedown\", function(event) {\n event.preventDefault();\n event.stopImmediatePropagation();\n\n var color = $(this).attr(\"data-color\");\n\n self.setColor(color);\n\n $dropdown.hide();\n });\n }\n }\n\n /**\n * @method _getColorCanvas\n * @private\n */\n function _getColorCanvas(event) {\n if(mouseIsDown) {\n var $target = $(event.target)\n , offset = $target.offset()\n , colorData = context.getImageData(event.pageX - offset.left, event.pageY - offset.top, 1, 1).data\n ;\n\n self.setColor(\"rgb(\" + colorData[0] + \",\" + colorData[1] + \",\" + colorData[2] + \")\");\n\n /**\n * The change event will trigger when a new color is set.\n *\n * @event change\n */\n $container.trigger(\"change\", [self.colorHex, self.colorRGB]);\n }\n }\n\n /**\n * Set the color to a given hex or rgb color.\n *\n * @method setColor\n * @chainable\n */\n this.setColor = function(color) {\n if(color.indexOf(\"#\") >= 0) {\n self.colorHex = color;\n self.colorRGB = self.hexToRgb(self.colorHex);\n }\n else {\n self.colorRGB = color;\n self.colorHex = self.rgbToHex(self.colorRGB);\n }\n\n $color.find(\".colorInner\").css(\"backgroundColor\", self.colorHex);\n $colorInput.val(self.colorHex);\n };\n\n /**\n * Close the picker\n *\n * @method close\n * @chainable\n */\n this.close = function() {\n mouseIsDown = false;\n\n $track.hide();\n };\n\n /**\n * Convert hex to rgb\n *\n * @method hexToRgb\n * @chainable\n */\n this.hexToRgb = function(hex) {\n var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n\n return \"rgb(\" + parseInt(result[1], 16) + \",\" + parseInt(result[2], 16) + \",\" + parseInt(result[3], 16) + \")\";\n };\n\n /**\n * Convert rgb to hex\n *\n * @method rgbToHex\n * @chainable\n */\n this.rgbToHex = function(rgb) {\n var result = rgb.match(/\\d+/g);\n\n function hex(x) {\n var digits = new Array(\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\");\n return isNaN(x) ? \"00\" : digits[(x - x % 16 ) / 16] + digits[x % 16];\n }\n\n return \"#\" + hex(result[0]) + hex(result[1]) + hex(result[2]);\n };\n\n return _initialize();\n }\n\n /**\n * @class tinycolorpicker\n * @constructor\n * @param {Object} options\n @param {Array} [options.colors=[]] fallback colors for old browsers (ie8-).\n @param {String} [options.backgroundUrl=''] It will look for a css image on the track div. If not found it will look if there's a url in this property.\n */\n $.fn[pluginName] = function(options) {\n return this.each(function() {\n if(!$.data(this, \"plugin_\" + pluginName)) {\n $.data(this, \"plugin_\" + pluginName, new Plugin($(this), options));\n }\n });\n };\n}));\n" }, { "path": "lib/tinycolorpicker.js", "content": ";(function(window, undefined) {\n \"use strict\";\n\n function extend() {\n for(var i=1; i < arguments.length; i++) {\n for(var key in arguments[i]) {\n if(arguments[i].hasOwnProperty(key)) {\n arguments[0][key] = arguments[i][key];\n }\n }\n }\n return arguments[0];\n }\n\n var pluginName = \"tinycolorpicker\"\n , defaults = {\n backgroundUrl : null\n }\n ;\n\n function Plugin($container, options) {\n /**\n * The options of the colorpicker extended with the defaults.\n *\n * @property options\n * @type Object\n */\n this.options = extend({}, defaults, options);\n\n /**\n * @property _defaults\n * @type Object\n * @private\n * @default defaults\n */\n this._defaults = defaults;\n\n /**\n * @property _name\n * @type String\n * @private\n * @final\n * @default 'tinycolorpicker'\n */\n this._name = pluginName;\n\n var self = this\n , $track = $container.querySelectorAll(\".track\")[0]\n , $color = $container.querySelectorAll(\".color\")[0]\n , $colorInner = $container.querySelectorAll(\".colorInner\")[0]\n , $canvas = null\n , $colorInput = $container.querySelectorAll(\".colorInput\")[0]\n\n , context = null\n , mouseIsDown = false\n , hasCanvas = !!document.createElement(\"canvas\").getContext\n , touchEvents = \"ontouchstart\" in document.documentElement\n , changeEvent = document.createEvent(\"HTMLEvents\")\n ;\n\n changeEvent.initEvent(\"change\", true, true);\n\n /**\n * The current active color in hex.\n *\n * @property colorHex\n * @type String\n * @default \"\"\n */\n this.colorHex = \"\";\n\n /**\n * The current active color in rgb.\n *\n * @property colorRGB\n * @type String\n * @default \"\"\n */\n this.colorRGB = \"\";\n\n /**\n * @method _initialize\n * @private\n */\n function _initialize() {\n if(hasCanvas) {\n $canvas = document.createElement(\"canvas\");\n $track.appendChild($canvas);\n\n context = $canvas.getContext(\"2d\");\n\n _setImage();\n }\n\n _setEvents();\n\n return self;\n }\n\n /**\n * @method _setImage\n * @private\n */\n function _setImage() {\n var colorPicker = new Image()\n , style = $track.currentStyle || window.getComputedStyle($track, false)\n , backgroundUrl = style.backgroundImage.replace(/\"/g, \"\").replace(/url\\(|\\)$/ig, \"\")\n ;\n\n colorPicker.crossOrigin = \"Anonymous\";\n $track.style.backgroundImage = \"none\";\n\n colorPicker.onload = function() {\n $canvas.width = this.width;\n $canvas.height = this.height;\n\n context.drawImage(colorPicker, 0, 0, this.width, this.height);\n };\n\n colorPicker.src = self.options.backgroundUrl || backgroundUrl;\n }\n\n /**\n * @method _setEvents\n * @private\n */\n function _setEvents() {\n var eventType = touchEvents ? \"touchstart\" : \"mousedown\";\n\n if(hasCanvas) {\n $color[\"on\" + eventType] = function(event) {\n event.preventDefault();\n event.stopPropagation();\n\n $track.style.display = 'block';\n\n document.onmousedown = function(event) {\n document.onmousedown = null;\n\n self.close();\n };\n };\n\n if(!touchEvents) {\n $canvas.onmousedown = function(event) {\n event.preventDefault();\n event.stopPropagation();\n\n mouseIsDown = true;\n\n _getColorCanvas(event);\n\n document.onmouseup = function(event) {\n document.onmouseup = null;\n\n self.close();\n\n return false;\n };\n };\n\n $canvas.onmousemove = _getColorCanvas;\n }\n else {\n $canvas.ontouchstart = function(event) {\n mouseIsDown = true;\n\n _getColorCanvas(event.touches[0]);\n\n return false;\n };\n\n $canvas.ontouchmove = function(event) {\n _getColorCanvas(event.touches[0]);\n\n return false;\n };\n\n $canvas.ontouchend = function(event) {\n self.close();\n\n return false;\n };\n }\n }\n }\n\n /**\n * @method _getColorCanvas\n * @private\n */\n function _getColorCanvas(event) {\n if(mouseIsDown) {\n var offset = event.target.getBoundingClientRect()\n , colorData = context.getImageData(event.clientX - offset.left, event.clientY - offset.top, 1, 1).data\n ;\n\n self.setColor(\"rgb(\" + colorData[0] + \",\" + colorData[1] + \",\" + colorData[2] + \")\");\n\n $container.dispatchEvent(changeEvent, [self.colorHex, self.colorRGB]);\n }\n }\n\n /**\n * Set the color to a given hex or rgb color.\n *\n * @method setColor\n * @chainable\n */\n this.setColor = function(color) {\n if(color.indexOf(\"#\") >= 0) {\n self.colorHex = color;\n self.colorRGB = self.hexToRgb(self.colorHex);\n }\n else {\n self.colorRGB = color;\n self.colorHex = self.rgbToHex(self.colorRGB);\n }\n\n $colorInner.style.backgroundColor = self.colorHex;\n $colorInput.value = self.colorHex;\n };\n\n /**\n * Close the picker\n *\n * @method close\n * @chainable\n */\n this.close = function() {\n mouseIsDown = false;\n\n $track.style.display = 'none';\n };\n\n /**\n * Cobert hex to rgb\n *\n * @method hexToRgb\n * @chainable\n */\n this.hexToRgb = function(hex) {\n var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n\n return \"rgb(\" + parseInt(result[1], 16) + \",\" + parseInt(result[2], 16) + \",\" + parseInt(result[3], 16) + \")\";\n };\n\n /**\n * Cobert rgb to hex\n *\n * @method rgbToHex\n * @chainable\n */\n this.rgbToHex = function(rgb) {\n var result = rgb.match(/\\d+/g);\n\n function hex(x) {\n var digits = new Array(\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\");\n return isNaN(x) ? \"00\" : digits[(x - x % 16 ) / 16] + digits[x % 16];\n }\n\n return \"#\" + hex(result[0]) + hex(result[1]) + hex(result[2]);\n };\n\n return _initialize();\n }\n\n /**\n * @class window.tinycolorpicker\n * @constructor\n * @param {Object} $container\n * @param {Object} options\n @param {String} [options.backgroundUrl=''] It will look for a css image on the track div. If not found it will look if there's a url in this property.\n */\n var tinycolorpicker = function($container, options) {\n return new Plugin($container, options);\n };\n\n if(typeof define == 'function' && define.amd) {\n define(function(){ return tinycolorpicker; });\n }\n else if(typeof module === 'object' && module.exports) {\n module.exports = tinycolorpicker;\n }\n else {\n window.tinycolorpicker = tinycolorpicker;\n }\n})(window);\n" }, { "path": "package.json", "content": "{\n \"name\": \"tinycolorpicker\",\n \"version\": \"0.9.5\",\n \"description\": \"A lightweight cross browser jQuery based colorpicker.\",\n \"homepage\": \"http://www.baijs.com/tinycolorpicker\",\n \"main\": \"lib/jquery.tinycolorpicker.js\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/wieringen/tinycolorpicker.git\"\n },\n \"keywords\": [\n \"UI\",\n \"jQuery\",\n \"Mobile\",\n \"colorpicker\",\n \"javascript\"\n ],\n \"author\": {\n \"name\": \"Maarten Baijs\",\n \"email\": \"wieringen@gmail.com\"\n },\n \"licenses\": [\n {\n \"type\": \"MIT\",\n \"url\": \"https://github.com/wieringen/tinycolorpicker/blob/master/MIT-LICENSE.txt\"\n }\n ],\n \"bugs\": {\n \"url\": \"https://github.com/wieringen/tinycolorpicker/issues\"\n },\n \"devDependencies\": {\n \"baijs\": \"latest\",\n \"chai\": \"~1.8.1\",\n \"coveralls\": \"^2.11.2\",\n \"grunt\": \"~0.4.1\",\n \"grunt-contrib-clean\": \"~0.5.0\",\n \"grunt-contrib-compress\": \"~0.5.2\",\n \"grunt-contrib-copy\": \"~0.4.1\",\n \"grunt-contrib-jshint\": \"~0.8.0\",\n \"grunt-contrib-uglify\": \"~0.2.7\",\n \"grunt-contrib-yuidoc\": \"^0.6.0\",\n \"grunt-ftp-deploy\": \"~0.1.1\",\n \"grunt-karma\": \"0.8.0\",\n \"grunt-processhtml\": \"^0.3.6\",\n \"grunt-text-replace\": \"~0.3.9\",\n \"iectrl\": \"0.0.3\",\n \"karma\": \"~0.12.0\",\n \"karma-chai\": \"^0.1.0\",\n \"karma-chai-jquery\": \"^1.0.0\",\n \"karma-chai-sinon\": \"~0.1.0\",\n \"karma-chrome-launcher\": \"~0.1.1\",\n \"karma-coverage\": \"~0.1.3\",\n \"karma-firefox-launcher\": \"~0.1.2\",\n \"karma-html2js-preprocessor\": \"~0.1.0\",\n \"karma-htmlfile-reporter\": \"~0.1.0\",\n \"karma-ie-launcher\": \"~0.1.1\",\n \"karma-ievms\": \"0.0.4\",\n \"karma-jquery\": \"^0.1.0\",\n \"karma-junit-reporter\": \"~0.2.1\",\n \"karma-mocha\": \"~0.1.1\",\n \"karma-phantomjs-launcher\": \"~0.1.1\",\n \"karma-script-launcher\": \"~0.1.0\",\n \"mocha\": \"~1.15.1\",\n \"sinon\": \"~1.7.3\",\n \"sinon-chai\": \"~2.4.0\"\n }\n}\n" }, { "path": "test/conf/karma-all.js", "content": "var allConfig = require('./karma-common.js');\n\nmodule.exports = function (config) {\n allConfig.browsers = [\n 'Firefox',\n 'Chrome',\n 'IE9 - Win7',\n 'IE10 - Win7',\n 'IE11 - Win7'\n ];\n allConfig.logLevel = config.LOG_INFO;\n config.set(allConfig);\n};" }, { "path": "test/conf/karma-ci.js", "content": "var ciConfig = require('./karma-common.js');\n\nmodule.exports = function (config) {\n ciConfig.browsers = [\n 'Firefox',\n 'Chrome',\n //'IE9 - Win7',\n //'IE10 - Win7',\n //'IE11 - Win7'\n ];\n\n if (process.env.TRAVIS) {\n ciConfig.customLaunchers = {\n Chrome_travis_ci: {\n base: 'Chrome',\n flags: ['--no-sandbox']\n }\n };\n\n ciConfig.browsers = ['Firefox', 'Chrome_travis_ci'];\n }\n\n ciConfig.singleRun = true;\n ciConfig.reporters.push('junit');\n ciConfig.junitReporter = {\n outputFile: 'dist/reports/test-report.xml'\n };\n //ciConfig.coverageReporter.type = 'cobertura';\n ciConfig.logLevel = config.LOG_INFO;\n config.set(ciConfig);\n};" }, { "path": "test/conf/karma-common.js", "content": "module.exports = {\n // base path, that will be used to resolve files and exclude\n basePath: '../../',\n\n frameworks: [\n 'mocha',\n 'chai-sinon',\n 'jquery-1.8.3'\n ],\n\n client: {\n mocha: {\n ui: 'bdd'\n }\n },\n\n // list of files / patterns to load in the browser\n files: [\n 'lib/tinycolorpicker.js',\n 'lib/jquery.tinycolorpicker.js',\n 'test/unit/tinycolorpicker.spec.js',\n 'test/unit/jquery.tinycolorpicker.spec.js',\n {\n pattern: 'test/fixtures/**/*.html',\n included: true\n }\n ],\n\n // list of files to exclude\n exclude: [],\n\n preprocessors: {\n 'lib/*.js': ['coverage'],\n 'test/fixtures/**/*.html': ['html2js']\n },\n\n // use dots reporter, as travis terminal does not support escaping sequences\n // possible values: 'dots', 'progress', 'junit'\n // CLI --reporters progress\n reporters: [\n 'dots',\n 'html',\n 'coverage'\n ],\n\n coverageReporter: {\n type: 'lcov',\n dir: 'dist/reports/coverage/'\n },\n\n htmlReporter: {\n outputFile: 'dist/reports/test-report.html'\n },\n\n // web server port\n // CLI --port 9876\n port: 9876,\n\n // cli runner port\n // CLI --runner-port 9100\n runnerPort: 9100,\n\n // enable / disable colors in the output (reporters and logs)\n // CLI --colors --no-colors\n colors: true,\n\n // level of logging\n // possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG\n // CLI --log-level debug\n // logLevel: config.LOG_ERROR,\n\n // enable / disable watching file and executing tests whenever any file changes\n // CLI --auto-watch --no-auto-watch\n autoWatch: true,\n\n // Start these browsers, currently available:\n // - Chrome\n // - ChromeCanary\n // - Firefox\n // - Opera\n // - Safari (only Mac)\n // - PhantomJS\n // - IE (only Windows)\n // CLI --browsers Chrome,Firefox,Safari\n browsers: [\n 'Firefox',\n 'Chrome'\n ],\n\n // If browser does not capture in given timeout [ms], kill it\n // CLI --capture-timeout 5000\n captureTimeout: 15000,\n\n // Auto run tests on start (when browsers are captured) and exit\n // CLI --single-run --no-single-run\n singleRun: false,\n\n // report which specs are slower than 500ms\n // CLI --report-slower-than 500\n reportSlowerThan: 500,\n\n //proxies: {}\n\n plugins: [\n 'karma-mocha',\n 'karma-jquery',\n 'karma-chai-sinon',\n 'karma-ie-launcher',\n 'karma-chrome-launcher',\n 'karma-firefox-launcher',\n 'karma-phantomjs-launcher',\n 'karma-html2js-preprocessor',\n 'karma-coverage',\n 'karma-junit-reporter',\n 'karma-htmlfile-reporter',\n 'karma-ievms'\n ]\n};" }, { "path": "test/conf/karma-debug.js", "content": "var debugConfig = require('./karma-common.js');\n\nmodule.exports = function (config) {\n debugConfig.browsers = [\n 'Chrome'\n ];\n debugConfig.logLevel = config.LOG_DEBUG;\n config.set(debugConfig);\n};" }, { "path": "test/conf/karma-dev.js", "content": "var devConfig = require('./karma-common.js');\n\nmodule.exports = function (config) {\n devConfig.browsers = [\n 'Chrome'\n ];\n devConfig.singleRun = true;\n devConfig.logLevel = config.LOG_INFO;\n config.set(devConfig);\n};" }, { "path": "test/fixtures/tinycolorpicker-css.html", "content": "" }, { "path": "test/fixtures/tinycolorpicker.html", "content": "
\n
\n
\n \n \n
" }, { "path": "test/unit/jquery.tinycolorpicker.spec.js", "content": "describe('A single Tinycolorpicker', function() {\n before(function () {\n document.head.innerHTML = __html__['test/fixtures/tinycolorpicker-css.html'];\n });\n\n beforeEach(function () {\n document.body.innerHTML = __html__['test/fixtures/tinycolorpicker.html'];\n });\n\n afterEach(function () {\n document.body.innerHTML = '';\n });\n\n it('should have a chainable constructor', function() {\n $('#colorPicker').tinycolorpicker().addClass('testing');\n\n expect($('#colorPicker').hasClass('testing')).to.equal(true);\n });\n\n it('should have a accessible instance', function() {\n var instance = $('#colorPicker').tinycolorpicker().data('plugin_tinycolorpicker');\n\n expect(instance).to.be.a('object');\n expect(instance._name).to.equal('tinycolorpicker');\n });\n\n it('should be able to be set to a specific hex color.', function() {\n var instance = $('#colorPicker').tinycolorpicker().data('plugin_tinycolorpicker');\n\n instance.setColor('#FF0000');\n\n expect(instance.colorHex).to.equal('#FF0000');\n expect(instance.colorRGB).to.equal('rgb(255,0,0)');\n });\n\n it('should be able to be set to a specific rgb color.', function() {\n var instance = $('#colorPicker').tinycolorpicker().data('plugin_tinycolorpicker');\n\n instance.setColor('rgb(255,0,0)');\n\n expect(instance.colorHex).to.equal('#FF0000');\n expect(instance.colorRGB).to.equal('rgb(255,0,0)');\n });\n\n it('should be able to convert a hex color to rgb color.', function() {\n var instance = $('#colorPicker').tinycolorpicker().data('plugin_tinycolorpicker');\n\n expect(instance.hexToRgb('#FF0000')).to.equal('rgb(255,0,0)');\n });\n\n it('should be able to convert a rgb color to hex color.', function() {\n var instance = $('#colorPicker').tinycolorpicker().data('plugin_tinycolorpicker');\n\n expect(instance.rgbToHex('rgb(255,0,0)')).to.equal('#FF0000');\n });\n});\n" }, { "path": "test/unit/tinycolorpicker.spec.js", "content": "describe('A single Tinycolorpicker', function() {\n before(function () {\n document.head.innerHTML = __html__['test/fixtures/tinycolorpicker-css.html'];\n });\n\n beforeEach(function () {\n document.body.innerHTML = __html__['test/fixtures/tinycolorpicker.html'];\n });\n\n afterEach(function () {\n document.body.innerHTML = '';\n });\n\n it('should have a accessible instance', function() {\n var instance = tinycolorpicker(document.getElementById(\"colorPicker\"));\n\n expect(instance).to.be.a('object');\n expect(instance._name).to.equal('tinycolorpicker');\n });\n\n it('should be able to be set to a specific hex color.', function() {\n var instance = tinycolorpicker(document.getElementById(\"colorPicker\"));\n\n instance.setColor('#FF0000');\n\n expect(instance.colorHex).to.equal('#FF0000');\n expect(instance.colorRGB).to.equal('rgb(255,0,0)');\n });\n\n it('should be able to be set to a specific rgb color.', function() {\n var instance = tinycolorpicker(document.getElementById(\"colorPicker\"));\n\n instance.setColor('rgb(255,0,0)');\n\n expect(instance.colorHex).to.equal('#FF0000');\n expect(instance.colorRGB).to.equal('rgb(255,0,0)');\n });\n\n it('should be able to convert a hex color to rgb color.', function() {\n var instance = tinycolorpicker(document.getElementById(\"colorPicker\"));\n\n expect(instance.hexToRgb('#FF0000')).to.equal('rgb(255,0,0)');\n });\n\n it('should be able to convert a rgb color to hex color.', function() {\n var instance = tinycolorpicker(document.getElementById(\"colorPicker\"));\n\n expect(instance.rgbToHex('rgb(255,0,0)')).to.equal('#FF0000');\n });\n});\n" }, { "path": "tinycolorpicker.jquery.json", "content": "{\n \"name\": \"tinycolorpicker\",\n \"title\": \"Tiny Colorpicker\",\n \"version\": \"0.9.5\",\n \"description\": \"A lightweight cross browser jQuery based colorpicker.\",\n \"homepage\": \"http://www.baijs.com/tinycolorpicker\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/wieringen/tinycolorpicker.git\"\n },\n \"keywords\": [\n \"UI\",\n \"jQuery\",\n \"Mobile\",\n \"colors\",\n \"colorpicker\",\n \"javascript\"\n ],\n \"author\": {\n \"name\": \"Maarten Baijs\",\n \"email\": \"wieringen@gmail.com\"\n },\n \"licenses\": [\n {\n \"type\": \"MIT\",\n \"url\": \"https://github.com/wieringen/tinycolorpicker/blob/master/MIT-LICENSE.txt\"\n }\n ],\n \"bugs\": \"https://github.com/wieringen/tinycolorpicker/issues\",\n \"download\": \"http://baijs.com/tinycolorpicker/\",\n \"demo\" : \"http://baijs.com/tinycolorpicker/\",\n \"docs\" : \"http://baijs.com/tinycolorpicker/\",\n \"dependencies\": {\n \"jquery\": \">=1.5\"\n }\n}\n" } ]