⌈⌋ ⎇ branch:  Bitrhythm


Hex Artifact Content

Artifact 30d33cceac39b50503c3647f23d0de929ac8604fa7ebd28ee17550e8aad9f3ee:


0000: 27 75 73 65 20 73 74 72 69 63 74 27 3b 0a 2f 2a  'use strict';./*
0010: 2a 0a 20 2a 20 40 6d 6f 64 75 6c 65 0a 20 2a 2f  *. * @module. */
0020: 0a 0a 2f 2f 20 61 64 6a 75 73 74 20 74 68 65 73  ..// adjust thes
0030: 65 20 76 61 6c 75 65 73 20 61 63 63 6f 72 64 69  e values accordi
0040: 6e 67 6c 79 20 74 6f 20 74 68 65 20 73 61 73 73  ngly to the sass
0050: 20 76 61 72 73 0a 6c 65 74 20 73 61 73 73 56 61   vars.let sassVa
0060: 72 73 20 3d 20 7b 0a 20 20 27 62 61 72 5f 73 69  rs = {.  'bar_si
0070: 7a 65 5f 73 68 6f 72 74 27 3a 20 31 36 2c 0a 20  ze_short': 16,. 
0080: 20 27 62 61 73 65 5f 6d 61 72 67 69 6e 27 3a 20   'base_margin': 
0090: 36 2c 0a 20 20 27 63 6f 6c 75 6d 6e 73 27 3a 20  6,.  'columns': 
00a0: 36 0a 7d 3b 0a 0a 6c 65 74 20 73 6c 69 64 65 72  6.};..let slider
00b0: 53 69 7a 65 20 3d 20 28 73 61 73 73 56 61 72 73  Size = (sassVars
00c0: 2e 62 61 72 5f 73 69 7a 65 5f 73 68 6f 72 74 20  .bar_size_short 
00d0: 2a 20 73 61 73 73 56 61 72 73 2e 63 6f 6c 75 6d  * sassVars.colum
00e0: 6e 73 29 20 2b 20 28 73 61 73 73 56 61 72 73 2e  ns) + (sassVars.
00f0: 62 61 73 65 5f 6d 61 72 67 69 6e 20 2a 20 28 73  base_margin * (s
0100: 61 73 73 56 61 72 73 2e 63 6f 6c 75 6d 6e 73 20  assVars.columns 
0110: 2d 20 31 29 29 3b 0a 0a 2f 2a 2a 0a 20 2a 20 43  - 1));../**. * C
0120: 6f 6c 6f 72 70 69 63 6b 65 72 20 64 65 66 61 75  olorpicker defau
0130: 6c 74 20 6f 70 74 69 6f 6e 73 0a 20 2a 2f 0a 65  lt options. */.e
0140: 78 70 6f 72 74 20 64 65 66 61 75 6c 74 20 7b 0a  xport default {.
0150: 20 20 2f 2a 2a 0a 20 20 20 2a 20 43 75 73 74 6f    /**.   * Custo
0160: 6d 20 63 6c 61 73 73 20 74 6f 20 62 65 20 61 64  m class to be ad
0170: 64 65 64 20 74 6f 20 74 68 65 20 60 2e 63 6f 6c  ded to the `.col
0180: 6f 72 70 69 63 6b 65 72 2d 65 6c 65 6d 65 6e 74  orpicker-element
0190: 60 20 65 6c 65 6d 65 6e 74 0a 20 20 20 2a 0a 20  ` element.   *. 
01a0: 20 20 2a 20 40 74 79 70 65 20 7b 53 74 72 69 6e    * @type {Strin
01b0: 67 7c 6e 75 6c 6c 7d 0a 20 20 20 2a 20 40 64 65  g|null}.   * @de
01c0: 66 61 75 6c 74 20 6e 75 6c 6c 0a 20 20 20 2a 2f  fault null.   */
01d0: 0a 20 20 63 75 73 74 6f 6d 43 6c 61 73 73 3a 20  .  customClass: 
01e0: 6e 75 6c 6c 2c 0a 20 20 2f 2a 2a 0a 20 20 20 2a  null,.  /**.   *
01f0: 20 53 65 74 73 20 61 20 69 6e 69 74 69 61 6c 20   Sets a initial 
0200: 63 6f 6c 6f 72 2c 20 69 67 6e 6f 72 69 6e 67 20  color, ignoring 
0210: 74 68 65 20 6f 6e 65 20 66 72 6f 6d 20 74 68 65  the one from the
0220: 20 65 6c 65 6d 65 6e 74 2f 69 6e 70 75 74 20 76   element/input v
0230: 61 6c 75 65 20 6f 72 20 74 68 65 20 64 61 74 61  alue or the data
0240: 2d 63 6f 6c 6f 72 20 61 74 74 72 69 62 75 74 65  -color attribute
0250: 2e 0a 20 20 20 2a 0a 20 20 20 2a 20 40 74 79 70  ..   *.   * @typ
0260: 65 20 7b 28 53 74 72 69 6e 67 7c 43 6f 6c 6f 72  e {(String|Color
0270: 49 74 65 6d 7c 62 6f 6f 6c 65 61 6e 29 7d 0a 20  Item|boolean)}. 
0280: 20 20 2a 20 40 64 65 66 61 75 6c 74 20 66 61 6c    * @default fal
0290: 73 65 0a 20 20 20 2a 2f 0a 20 20 63 6f 6c 6f 72  se.   */.  color
02a0: 3a 20 66 61 6c 73 65 2c 0a 20 20 2f 2a 2a 0a 20  : false,.  /**. 
02b0: 20 20 2a 20 46 61 6c 6c 62 61 63 6b 20 63 6f 6c    * Fallback col
02c0: 6f 72 20 74 6f 20 75 73 65 20 77 68 65 6e 20 74  or to use when t
02d0: 68 65 20 67 69 76 65 6e 20 63 6f 6c 6f 72 20 69  he given color i
02e0: 73 20 69 6e 76 61 6c 69 64 2e 0a 20 20 20 2a 20  s invalid..   * 
02f0: 49 66 20 66 61 6c 73 65 2c 20 74 68 65 20 6c 61  If false, the la
0300: 74 65 73 74 20 76 61 6c 69 64 20 63 6f 6c 6f 72  test valid color
0310: 20 77 69 6c 6c 20 62 65 20 75 73 65 64 20 61 73   will be used as
0320: 20 61 20 66 61 6c 6c 62 61 63 6b 2e 0a 20 20 20   a fallback..   
0330: 2a 0a 20 20 20 2a 20 40 74 79 70 65 20 7b 53 74  *.   * @type {St
0340: 72 69 6e 67 7c 43 6f 6c 6f 72 49 74 65 6d 7c 62  ring|ColorItem|b
0350: 6f 6f 6c 65 61 6e 7d 0a 20 20 20 2a 20 40 64 65  oolean}.   * @de
0360: 66 61 75 6c 74 20 66 61 6c 73 65 0a 20 20 20 2a  fault false.   *
0370: 2f 0a 20 20 66 61 6c 6c 62 61 63 6b 43 6f 6c 6f  /.  fallbackColo
0380: 72 3a 20 66 61 6c 73 65 2c 0a 20 20 2f 2a 2a 0a  r: false,.  /**.
0390: 20 20 20 2a 20 46 6f 72 63 65 73 20 61 6e 20 73     * Forces an s
03a0: 70 65 63 69 66 69 63 20 63 6f 6c 6f 72 20 66 6f  pecific color fo
03b0: 72 6d 61 74 2e 20 49 66 20 27 61 75 74 6f 27 2c  rmat. If 'auto',
03c0: 20 69 74 20 77 69 6c 6c 20 62 65 20 61 75 74 6f   it will be auto
03d0: 6d 61 74 69 63 61 6c 6c 79 20 64 65 74 65 63 74  matically detect
03e0: 65 64 20 74 68 65 20 66 69 72 73 74 20 74 69 6d  ed the first tim
03f0: 65 20 6f 6e 6c 79 2c 0a 20 20 20 2a 20 62 75 74  e only,.   * but
0400: 20 69 66 20 6e 75 6c 6c 20 69 74 20 77 69 6c 6c   if null it will
0410: 20 62 65 20 61 6c 77 61 79 73 20 72 65 63 61 6c   be always recal
0420: 63 75 6c 61 74 65 64 2e 0a 20 20 20 2a 0a 20 20  culated..   *.  
0430: 20 2a 20 4e 6f 74 65 20 74 68 61 74 20 74 68 65   * Note that the
0440: 20 65 6e 64 69 6e 67 20 27 61 27 20 6f 66 20 74   ending 'a' of t
0450: 68 65 20 66 6f 72 6d 61 74 20 6d 65 61 6e 69 6e  he format meanin
0460: 67 20 22 61 6c 70 68 61 22 20 68 61 73 20 63 75  g "alpha" has cu
0470: 72 72 65 6e 74 6c 79 20 6e 6f 20 65 66 66 65 63  rrently no effec
0480: 74 2c 20 6d 65 61 6e 69 6e 67 20 74 68 61 74 20  t, meaning that 
0490: 72 67 62 20 69 73 20 74 68 65 20 73 61 6d 65 20  rgb is the same 
04a0: 61 73 0a 20 20 20 2a 20 72 67 62 61 20 65 78 63  as.   * rgba exc
04b0: 65 70 74 69 6e 67 20 69 66 20 74 68 65 20 61 6c  epting if the al
04c0: 70 68 61 20 63 68 61 6e 6e 65 6c 20 69 73 20 64  pha channel is d
04d0: 69 73 61 62 6c 65 64 20 28 73 65 65 20 75 73 65  isabled (see use
04e0: 41 6c 70 68 61 29 2e 0a 20 20 20 2a 0a 20 20 20  Alpha)..   *.   
04f0: 2a 20 40 74 79 70 65 20 7b 28 27 72 67 62 27 7c  * @type {('rgb'|
0500: 27 68 65 78 27 7c 27 68 73 6c 27 7c 27 61 75 74  'hex'|'hsl'|'aut
0510: 6f 27 7c 6e 75 6c 6c 29 7d 0a 20 20 20 2a 20 40  o'|null)}.   * @
0520: 64 65 66 61 75 6c 74 20 27 61 75 74 6f 27 0a 20  default 'auto'. 
0530: 20 20 2a 2f 0a 20 20 66 6f 72 6d 61 74 3a 20 27    */.  format: '
0540: 61 75 74 6f 27 2c 0a 20 20 2f 2a 2a 0a 20 20 20  auto',.  /**.   
0550: 2a 20 48 6f 72 69 7a 6f 6e 74 61 6c 20 6d 6f 64  * Horizontal mod
0560: 65 20 6c 61 79 6f 75 74 2e 0a 20 20 20 2a 0a 20  e layout..   *. 
0570: 20 20 2a 20 49 66 20 74 72 75 65 2c 20 74 68 65    * If true, the
0580: 20 68 75 65 20 61 6e 64 20 61 6c 70 68 61 20 63   hue and alpha c
0590: 68 61 6e 6e 65 6c 20 62 61 72 73 20 77 69 6c 6c  hannel bars will
05a0: 20 62 65 20 72 65 6e 64 65 72 65 64 20 68 6f 72   be rendered hor
05b0: 69 7a 6f 6e 74 61 6c 6c 79 2c 20 61 62 6f 76 65  izontally, above
05c0: 20 74 68 65 20 73 61 74 75 72 61 74 69 6f 6e 20   the saturation 
05d0: 73 65 6c 65 63 74 6f 72 2e 0a 20 20 20 2a 0a 20  selector..   *. 
05e0: 20 20 2a 20 40 74 79 70 65 20 7b 62 6f 6f 6c 65    * @type {boole
05f0: 61 6e 7d 0a 20 20 20 2a 20 40 64 65 66 61 75 6c  an}.   * @defaul
0600: 74 20 66 61 6c 73 65 0a 20 20 20 2a 2f 0a 20 20  t false.   */.  
0610: 68 6f 72 69 7a 6f 6e 74 61 6c 3a 20 66 61 6c 73  horizontal: fals
0620: 65 2c 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 46 6f  e,.  /**.   * Fo
0630: 72 63 65 73 20 74 6f 20 73 68 6f 77 20 74 68 65  rces to show the
0640: 20 63 6f 6c 6f 72 70 69 63 6b 65 72 20 61 73 20   colorpicker as 
0650: 61 6e 20 69 6e 6c 69 6e 65 20 65 6c 65 6d 65 6e  an inline elemen
0660: 74 2e 0a 20 20 20 2a 0a 20 20 20 2a 20 4e 6f 74  t..   *.   * Not
0670: 65 20 74 68 61 74 20 69 66 20 74 68 65 72 65 20  e that if there 
0680: 69 73 20 6e 6f 20 63 6f 6e 74 61 69 6e 65 72 20  is no container 
0690: 73 70 65 63 69 66 69 65 64 2c 20 74 68 65 20 69  specified, the i
06a0: 6e 6c 69 6e 65 20 65 6c 65 6d 65 6e 74 0a 20 20  nline element.  
06b0: 20 2a 20 77 69 6c 6c 20 62 65 20 61 64 64 65 64   * will be added
06c0: 20 74 6f 20 74 68 65 20 62 6f 64 79 2c 20 73 6f   to the body, so
06d0: 20 79 6f 75 20 6d 61 79 20 77 61 6e 74 20 74 6f   you may want to
06e0: 20 73 65 74 20 74 68 65 20 63 6f 6e 74 61 69 6e   set the contain
06f0: 65 72 20 6f 70 74 69 6f 6e 2e 0a 20 20 20 2a 0a  er option..   *.
0700: 20 20 20 2a 20 40 74 79 70 65 20 7b 62 6f 6f 6c     * @type {bool
0710: 65 61 6e 7d 0a 20 20 20 2a 20 40 64 65 66 61 75  ean}.   * @defau
0720: 6c 74 20 66 61 6c 73 65 0a 20 20 20 2a 2f 0a 20  lt false.   */. 
0730: 20 69 6e 6c 69 6e 65 3a 20 66 61 6c 73 65 2c 0a   inline: false,.
0740: 20 20 2f 2a 2a 0a 20 20 20 2a 20 43 6f 6e 74 61    /**.   * Conta
0750: 69 6e 65 72 20 77 68 65 72 65 20 74 68 65 20 63  iner where the c
0760: 6f 6c 6f 72 70 69 63 6b 65 72 20 69 73 20 61 70  olorpicker is ap
0770: 70 65 6e 64 65 64 20 74 6f 20 69 6e 20 74 68 65  pended to in the
0780: 20 44 4f 4d 2e 0a 20 20 20 2a 0a 20 20 20 2a 20   DOM..   *.   * 
0790: 49 66 20 69 73 20 61 20 73 74 72 69 6e 67 20 28  If is a string (
07a0: 43 53 53 20 73 65 6c 65 63 74 6f 72 29 2c 20 74  CSS selector), t
07b0: 68 65 20 63 6f 6c 6f 72 70 69 63 6b 65 72 20 77  he colorpicker w
07c0: 69 6c 6c 20 62 65 20 70 6c 61 63 65 64 20 69 6e  ill be placed in
07d0: 73 69 64 65 20 74 68 69 73 20 63 6f 6e 74 61 69  side this contai
07e0: 6e 65 72 2e 0a 20 20 20 2a 20 49 66 20 74 72 75  ner..   * If tru
07f0: 65 2c 20 74 68 65 20 60 2e 63 6f 6c 6f 72 70 69  e, the `.colorpi
0800: 63 6b 65 72 2d 65 6c 65 6d 65 6e 74 60 20 65 6c  cker-element` el
0810: 65 6d 65 6e 74 20 69 74 73 65 6c 66 20 77 69 6c  ement itself wil
0820: 6c 20 62 65 20 75 73 65 64 20 61 73 20 74 68 65  l be used as the
0830: 20 63 6f 6e 74 61 69 6e 65 72 2e 0a 20 20 20 2a   container..   *
0840: 20 49 66 20 66 61 6c 73 65 2c 20 74 68 65 20 64   If false, the d
0850: 6f 63 75 6d 65 6e 74 20 62 6f 64 79 20 69 73 20  ocument body is 
0860: 75 73 65 64 20 61 73 20 74 68 65 20 63 6f 6e 74  used as the cont
0870: 61 69 6e 65 72 2c 20 75 6e 6c 65 73 73 20 69 74  ainer, unless it
0880: 20 69 73 20 61 20 70 6f 70 6f 76 65 72 20 28 69   is a popover (i
0890: 6e 20 74 68 69 73 20 63 61 73 65 20 69 74 20 69  n this case it i
08a0: 73 20 61 70 70 65 6e 64 65 64 20 74 6f 20 74 68  s appended to th
08b0: 65 0a 20 20 20 2a 20 70 6f 70 6f 76 65 72 20 62  e.   * popover b
08c0: 6f 64 79 20 69 6e 73 74 65 61 64 29 2e 0a 20 20  ody instead)..  
08d0: 20 2a 0a 20 20 20 2a 20 40 74 79 70 65 20 7b 53   *.   * @type {S
08e0: 74 72 69 6e 67 7c 62 6f 6f 6c 65 61 6e 7d 0a 20  tring|boolean}. 
08f0: 20 20 2a 20 40 64 65 66 61 75 6c 74 20 66 61 6c    * @default fal
0900: 73 65 0a 20 20 20 2a 2f 0a 20 20 63 6f 6e 74 61  se.   */.  conta
0910: 69 6e 65 72 3a 20 66 61 6c 73 65 2c 0a 20 20 2f  iner: false,.  /
0920: 2a 2a 0a 20 20 20 2a 20 42 6f 6f 74 73 74 72 61  **.   * Bootstra
0930: 70 20 50 6f 70 6f 76 65 72 20 6f 70 74 69 6f 6e  p Popover option
0940: 73 2e 0a 20 20 20 2a 20 54 68 65 20 74 72 69 67  s..   * The trig
0950: 67 65 72 2c 20 63 6f 6e 74 65 6e 74 20 61 6e 64  ger, content and
0960: 20 68 74 6d 6c 20 6f 70 74 69 6f 6e 73 20 61 72   html options ar
0970: 65 20 61 6c 77 61 79 73 20 69 67 6e 6f 72 65 64  e always ignored
0980: 2e 0a 20 20 20 2a 0a 20 20 20 2a 20 40 74 79 70  ..   *.   * @typ
0990: 65 20 7b 62 6f 6f 6c 65 61 6e 7d 0a 20 20 20 2a  e {boolean}.   *
09a0: 20 40 64 65 66 61 75 6c 74 20 4f 62 6a 65 63 74   @default Object
09b0: 0a 20 20 20 2a 2f 0a 20 20 70 6f 70 6f 76 65 72  .   */.  popover
09c0: 3a 20 7b 0a 20 20 20 20 61 6e 69 6d 61 74 69 6f  : {.    animatio
09d0: 6e 3a 20 74 72 75 65 2c 0a 20 20 20 20 70 6c 61  n: true,.    pla
09e0: 63 65 6d 65 6e 74 3a 20 27 62 6f 74 74 6f 6d 27  cement: 'bottom'
09f0: 2c 0a 20 20 20 20 66 61 6c 6c 62 61 63 6b 50 6c  ,.    fallbackPl
0a00: 61 63 65 6d 65 6e 74 3a 20 27 66 6c 69 70 27 0a  acement: 'flip'.
0a10: 20 20 7d 2c 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20    },.  /**.   * 
0a20: 49 66 20 74 72 75 65 2c 20 6c 6f 61 64 73 20 74  If true, loads t
0a30: 68 65 20 27 64 65 62 75 67 67 65 72 27 20 65 78  he 'debugger' ex
0a40: 74 65 6e 73 69 6f 6e 20 61 75 74 6f 6d 61 74 69  tension automati
0a50: 63 61 6c 6c 79 2c 20 77 68 69 63 68 20 6c 6f 67  cally, which log
0a60: 73 20 74 68 65 20 65 76 65 6e 74 73 20 69 6e 20  s the events in 
0a70: 74 68 65 20 63 6f 6e 73 6f 6c 65 0a 20 20 20 2a  the console.   *
0a80: 20 40 74 79 70 65 20 7b 62 6f 6f 6c 65 61 6e 7d   @type {boolean}
0a90: 0a 20 20 20 2a 20 40 64 65 66 61 75 6c 74 20 66  .   * @default f
0aa0: 61 6c 73 65 0a 20 20 20 2a 2f 0a 20 20 64 65 62  alse.   */.  deb
0ab0: 75 67 3a 20 66 61 6c 73 65 2c 0a 20 20 2f 2a 2a  ug: false,.  /**
0ac0: 0a 20 20 20 2a 20 43 68 69 6c 64 20 43 53 53 20  .   * Child CSS 
0ad0: 73 65 6c 65 63 74 6f 72 20 66 6f 72 20 74 68 65  selector for the
0ae0: 20 63 6f 6c 6f 72 70 69 63 6b 65 72 20 69 6e 70   colorpicker inp
0af0: 75 74 2e 0a 20 20 20 2a 0a 20 20 20 2a 20 40 74  ut..   *.   * @t
0b00: 79 70 65 20 7b 53 74 72 69 6e 67 7d 0a 20 20 20  ype {String}.   
0b10: 2a 20 40 64 65 66 61 75 6c 74 20 27 69 6e 70 75  * @default 'inpu
0b20: 74 27 0a 20 20 20 2a 2f 0a 20 20 69 6e 70 75 74  t'.   */.  input
0b30: 3a 20 27 69 6e 70 75 74 27 2c 0a 20 20 2f 2a 2a  : 'input',.  /**
0b40: 0a 20 20 20 2a 20 43 68 69 6c 64 20 43 53 53 20  .   * Child CSS 
0b50: 73 65 6c 65 63 74 6f 72 20 66 6f 72 20 74 68 65  selector for the
0b60: 20 63 6f 6c 6f 72 70 69 63 6b 65 72 20 61 64 64   colorpicker add
0b70: 6f 6e 2e 0a 20 20 20 2a 20 49 66 20 69 74 20 65  on..   * If it e
0b80: 78 69 73 74 73 2c 20 74 68 65 20 63 68 69 6c 64  xists, the child
0b90: 20 3c 69 3e 20 65 6c 65 6d 65 6e 74 20 62 61 63   <i> element bac
0ba0: 6b 67 72 6f 75 6e 64 20 77 69 6c 6c 20 62 65 20  kground will be 
0bb0: 63 68 61 6e 67 65 64 20 6f 6e 20 63 6f 6c 6f 72  changed on color
0bc0: 20 63 68 61 6e 67 65 2e 0a 20 20 20 2a 0a 20 20   change..   *.  
0bd0: 20 2a 20 40 74 79 70 65 20 7b 53 74 72 69 6e 67   * @type {String
0be0: 7d 0a 20 20 20 2a 20 40 64 65 66 61 75 6c 74 20  }.   * @default 
0bf0: 27 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 74 72  '.colorpicker-tr
0c00: 69 67 67 65 72 2c 20 2e 63 6f 6c 6f 72 70 69 63  igger, .colorpic
0c10: 6b 65 72 2d 69 6e 70 75 74 2d 61 64 64 6f 6e 27  ker-input-addon'
0c20: 0a 20 20 20 2a 2f 0a 20 20 61 64 64 6f 6e 3a 20  .   */.  addon: 
0c30: 27 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 69 6e  '.colorpicker-in
0c40: 70 75 74 2d 61 64 64 6f 6e 27 2c 0a 20 20 2f 2a  put-addon',.  /*
0c50: 2a 0a 20 20 20 2a 20 49 66 20 74 72 75 65 2c 20  *.   * If true, 
0c60: 74 68 65 20 69 6e 70 75 74 20 63 6f 6e 74 65 6e  the input conten
0c70: 74 20 77 69 6c 6c 20 62 65 20 72 65 70 6c 61 63  t will be replac
0c80: 65 64 20 61 6c 77 61 79 73 20 77 69 74 68 20 61  ed always with a
0c90: 20 76 61 6c 69 64 20 63 6f 6c 6f 72 2c 0a 20 20   valid color,.  
0ca0: 20 2a 20 69 66 20 66 61 6c 73 65 2c 20 74 68 65   * if false, the
0cb0: 20 69 6e 76 61 6c 69 64 20 63 6f 6c 6f 72 20 77   invalid color w
0cc0: 69 6c 6c 20 62 65 20 6c 65 66 74 20 69 6e 20 74  ill be left in t
0cd0: 68 65 20 69 6e 70 75 74 2c 0a 20 20 20 2a 20 20  he input,.   *  
0ce0: 20 77 68 69 6c 65 20 74 68 65 20 69 6e 74 65 72   while the inter
0cf0: 6e 61 6c 20 63 6f 6c 6f 72 20 6f 62 6a 65 63 74  nal color object
0d00: 20 77 69 6c 6c 20 73 74 69 6c 6c 20 72 65 73 6f   will still reso
0d10: 6c 76 65 20 69 6e 74 6f 20 61 20 76 61 6c 69 64  lve into a valid
0d20: 20 6f 6e 65 2e 0a 20 20 20 2a 0a 20 20 20 2a 20   one..   *.   * 
0d30: 40 74 79 70 65 20 7b 62 6f 6f 6c 65 61 6e 7d 0a  @type {boolean}.
0d40: 20 20 20 2a 20 40 64 65 66 61 75 6c 74 20 74 72     * @default tr
0d50: 75 65 0a 20 20 20 2a 2f 0a 20 20 61 75 74 6f 49  ue.   */.  autoI
0d60: 6e 70 75 74 46 61 6c 6c 62 61 63 6b 3a 20 74 72  nputFallback: tr
0d70: 75 65 2c 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 49  ue,.  /**.   * I
0d80: 66 20 74 72 75 65 20 61 20 68 61 73 68 20 77 69  f true a hash wi
0d90: 6c 6c 20 62 65 20 70 72 65 70 65 6e 64 65 64 20  ll be prepended 
0da0: 74 6f 20 68 65 78 61 64 65 63 69 6d 61 6c 20 63  to hexadecimal c
0db0: 6f 6c 6f 72 73 2e 0a 20 20 20 2a 20 49 66 20 66  olors..   * If f
0dc0: 61 6c 73 65 2c 20 74 68 65 20 68 61 73 68 20 77  alse, the hash w
0dd0: 69 6c 6c 20 62 65 20 72 65 6d 6f 76 65 64 2e 0a  ill be removed..
0de0: 20 20 20 2a 20 54 68 69 73 20 6f 6e 6c 79 20 61     * This only a
0df0: 66 66 65 63 74 73 20 74 68 65 20 69 6e 70 75 74  ffects the input
0e00: 20 76 61 6c 75 65 73 20 69 6e 20 68 65 78 61 64   values in hexad
0e10: 65 63 69 6d 61 6c 20 66 6f 72 6d 61 74 2e 0a 20  ecimal format.. 
0e20: 20 20 2a 0a 20 20 20 2a 20 40 74 79 70 65 20 7b    *.   * @type {
0e30: 62 6f 6f 6c 65 61 6e 7d 0a 20 20 20 2a 20 40 64  boolean}.   * @d
0e40: 65 66 61 75 6c 74 20 74 72 75 65 0a 20 20 20 2a  efault true.   *
0e50: 2f 0a 20 20 75 73 65 48 61 73 68 50 72 65 66 69  /.  useHashPrefi
0e60: 78 3a 20 74 72 75 65 2c 0a 20 20 2f 2a 2a 0a 20  x: true,.  /**. 
0e70: 20 20 2a 20 49 66 20 74 72 75 65 2c 20 74 68 65    * If true, the
0e80: 20 61 6c 70 68 61 20 63 68 61 6e 6e 65 6c 20 62   alpha channel b
0e90: 61 72 20 77 69 6c 6c 20 62 65 20 64 69 73 70 6c  ar will be displ
0ea0: 61 79 65 64 20 6e 6f 20 6d 61 74 74 65 72 20 77  ayed no matter w
0eb0: 68 61 74 2e 0a 20 20 20 2a 0a 20 20 20 2a 20 49  hat..   *.   * I
0ec0: 66 20 66 61 6c 73 65 2c 20 69 74 20 77 69 6c 6c  f false, it will
0ed0: 20 62 65 20 61 6c 77 61 79 73 20 68 69 64 64 65   be always hidde
0ee0: 6e 20 61 6e 64 20 61 6c 70 68 61 20 63 68 61 6e  n and alpha chan
0ef0: 6e 65 6c 20 77 69 6c 6c 20 62 65 20 64 69 73 61  nel will be disa
0f00: 62 6c 65 64 20 61 6c 73 6f 20 70 72 6f 67 72 61  bled also progra
0f10: 6d 6d 61 74 69 63 61 6c 6c 79 2c 20 6d 65 61 6e  mmatically, mean
0f20: 69 6e 67 20 74 68 61 74 0a 20 20 20 2a 20 74 68  ing that.   * th
0f30: 65 20 73 65 6c 65 63 74 65 64 20 6f 72 20 74 79  e selected or ty
0f40: 70 65 64 20 63 6f 6c 6f 72 20 77 69 6c 6c 20 62  ped color will b
0f50: 65 20 61 6c 77 61 79 73 20 6f 70 61 71 75 65 2e  e always opaque.
0f60: 0a 20 20 20 2a 0a 20 20 20 2a 20 49 66 20 6e 75  .   *.   * If nu
0f70: 6c 6c 2c 20 74 68 65 20 61 6c 70 68 61 20 63 68  ll, the alpha ch
0f80: 61 6e 6e 65 6c 20 77 69 6c 6c 20 62 65 20 61 75  annel will be au
0f90: 74 6f 6d 61 74 69 63 61 6c 6c 79 20 64 69 73 61  tomatically disa
0fa0: 62 6c 65 64 2f 65 6e 61 62 6c 65 64 20 64 65 70  bled/enabled dep
0fb0: 65 6e 64 69 6e 67 20 69 66 20 74 68 65 20 69 6e  ending if the in
0fc0: 69 74 69 61 6c 20 63 6f 6c 6f 72 20 66 6f 72 6d  itial color form
0fd0: 61 74 20 73 75 70 70 6f 72 74 73 0a 20 20 20 2a  at supports.   *
0fe0: 20 61 6c 70 68 61 20 6f 72 20 6e 6f 74 2e 0a 20   alpha or not.. 
0ff0: 20 20 2a 0a 20 20 20 2a 20 40 74 79 70 65 20 7b    *.   * @type {
1000: 62 6f 6f 6c 65 61 6e 7d 0a 20 20 20 2a 20 40 64  boolean}.   * @d
1010: 65 66 61 75 6c 74 20 74 72 75 65 0a 20 20 20 2a  efault true.   *
1020: 2f 0a 20 20 75 73 65 41 6c 70 68 61 3a 20 74 72  /.  useAlpha: tr
1030: 75 65 2c 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 43  ue,.  /**.   * C
1040: 6f 6c 6f 72 70 69 63 6b 65 72 20 77 69 64 67 65  olorpicker widge
1050: 74 20 74 65 6d 70 6c 61 74 65 0a 20 20 20 2a 20  t template.   * 
1060: 40 74 79 70 65 20 7b 53 74 72 69 6e 67 7d 0a 20  @type {String}. 
1070: 20 20 2a 20 40 65 78 61 6d 70 6c 65 0a 20 20 20    * @example.   
1080: 2a 20 3c 21 2d 2d 20 54 68 69 73 20 69 73 20 74  * <!-- This is t
1090: 68 65 20 64 65 66 61 75 6c 74 20 74 65 6d 70 6c  he default templ
10a0: 61 74 65 3a 20 2d 2d 3e 0a 20 20 20 2a 20 3c 64  ate: -->.   * <d
10b0: 69 76 20 63 6c 61 73 73 3d 22 63 6f 6c 6f 72 70  iv class="colorp
10c0: 69 63 6b 65 72 22 3e 0a 20 20 20 2a 20 20 20 3c  icker">.   *   <
10d0: 64 69 76 20 63 6c 61 73 73 3d 22 63 6f 6c 6f 72  div class="color
10e0: 70 69 63 6b 65 72 2d 73 61 74 75 72 61 74 69 6f  picker-saturatio
10f0: 6e 22 3e 3c 69 20 63 6c 61 73 73 3d 22 63 6f 6c  n"><i class="col
1100: 6f 72 70 69 63 6b 65 72 2d 67 75 69 64 65 22 3e  orpicker-guide">
1110: 3c 2f 69 3e 3c 2f 64 69 76 3e 0a 20 20 20 2a 20  </i></div>.   * 
1120: 20 20 3c 64 69 76 20 63 6c 61 73 73 3d 22 63 6f    <div class="co
1130: 6c 6f 72 70 69 63 6b 65 72 2d 68 75 65 22 3e 3c  lorpicker-hue"><
1140: 69 20 63 6c 61 73 73 3d 22 63 6f 6c 6f 72 70 69  i class="colorpi
1150: 63 6b 65 72 2d 67 75 69 64 65 22 3e 3c 2f 69 3e  cker-guide"></i>
1160: 3c 2f 64 69 76 3e 0a 20 20 20 2a 20 20 20 3c 64  </div>.   *   <d
1170: 69 76 20 63 6c 61 73 73 3d 22 63 6f 6c 6f 72 70  iv class="colorp
1180: 69 63 6b 65 72 2d 61 6c 70 68 61 22 3e 0a 20 20  icker-alpha">.  
1190: 20 2a 20 20 20 20 20 3c 64 69 76 20 63 6c 61 73   *     <div clas
11a0: 73 3d 22 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 61  s="colorpicker-a
11b0: 6c 70 68 61 2d 63 6f 6c 6f 72 22 3e 3c 2f 64 69  lpha-color"></di
11c0: 76 3e 0a 20 20 20 2a 20 20 20 20 20 3c 69 20 63  v>.   *     <i c
11d0: 6c 61 73 73 3d 22 63 6f 6c 6f 72 70 69 63 6b 65  lass="colorpicke
11e0: 72 2d 67 75 69 64 65 22 3e 3c 2f 69 3e 0a 20 20  r-guide"></i>.  
11f0: 20 2a 20 20 20 3c 2f 64 69 76 3e 0a 20 20 20 2a   *   </div>.   *
1200: 20 3c 2f 64 69 76 3e 0a 20 20 20 2a 2f 0a 20 20   </div>.   */.  
1210: 74 65 6d 70 6c 61 74 65 3a 20 60 3c 64 69 76 20  template: `<div 
1220: 63 6c 61 73 73 3d 22 63 6f 6c 6f 72 70 69 63 6b  class="colorpick
1230: 65 72 22 3e 0a 20 20 20 20 20 20 3c 64 69 76 20  er">.      <div 
1240: 63 6c 61 73 73 3d 22 63 6f 6c 6f 72 70 69 63 6b  class="colorpick
1250: 65 72 2d 73 61 74 75 72 61 74 69 6f 6e 22 3e 3c  er-saturation"><
1260: 69 20 63 6c 61 73 73 3d 22 63 6f 6c 6f 72 70 69  i class="colorpi
1270: 63 6b 65 72 2d 67 75 69 64 65 22 3e 3c 2f 69 3e  cker-guide"></i>
1280: 3c 2f 64 69 76 3e 0a 20 20 20 20 20 20 3c 64 69  </div>.      <di
1290: 76 20 63 6c 61 73 73 3d 22 63 6f 6c 6f 72 70 69  v class="colorpi
12a0: 63 6b 65 72 2d 68 75 65 22 3e 3c 69 20 63 6c 61  cker-hue"><i cla
12b0: 73 73 3d 22 63 6f 6c 6f 72 70 69 63 6b 65 72 2d  ss="colorpicker-
12c0: 67 75 69 64 65 22 3e 3c 2f 69 3e 3c 2f 64 69 76  guide"></i></div
12d0: 3e 0a 20 20 20 20 20 20 3c 64 69 76 20 63 6c 61  >.      <div cla
12e0: 73 73 3d 22 63 6f 6c 6f 72 70 69 63 6b 65 72 2d  ss="colorpicker-
12f0: 61 6c 70 68 61 22 3e 0a 20 20 20 20 20 20 20 20  alpha">.        
1300: 3c 64 69 76 20 63 6c 61 73 73 3d 22 63 6f 6c 6f  <div class="colo
1310: 72 70 69 63 6b 65 72 2d 61 6c 70 68 61 2d 63 6f  rpicker-alpha-co
1320: 6c 6f 72 22 3e 3c 2f 64 69 76 3e 0a 20 20 20 20  lor"></div>.    
1330: 20 20 20 20 3c 69 20 63 6c 61 73 73 3d 22 63 6f      <i class="co
1340: 6c 6f 72 70 69 63 6b 65 72 2d 67 75 69 64 65 22  lorpicker-guide"
1350: 3e 3c 2f 69 3e 0a 20 20 20 20 20 20 3c 2f 64 69  ></i>.      </di
1360: 76 3e 0a 20 20 20 20 3c 2f 64 69 76 3e 60 2c 0a  v>.    </div>`,.
1370: 20 20 2f 2a 2a 0a 20 20 20 2a 0a 20 20 20 2a 20    /**.   *.   * 
1380: 41 73 73 6f 63 69 61 74 69 76 65 20 6f 62 6a 65  Associative obje
1390: 63 74 20 77 69 74 68 20 74 68 65 20 65 78 74 65  ct with the exte
13a0: 6e 73 69 6f 6e 20 63 6c 61 73 73 20 6e 61 6d 65  nsion class name
13b0: 20 61 6e 64 20 69 74 73 20 63 6f 6e 66 69 67 2e   and its config.
13c0: 0a 20 20 20 2a 20 43 6f 6c 6f 72 70 69 63 6b 65  .   * Colorpicke
13d0: 72 20 63 6f 6d 65 73 20 77 69 74 68 20 6d 61 6e  r comes with man
13e0: 79 20 62 75 6e 64 6c 65 64 20 65 78 74 65 6e 73  y bundled extens
13f0: 69 6f 6e 73 3a 20 64 65 62 75 67 67 65 72 2c 20  ions: debugger, 
1400: 70 61 6c 65 74 74 65 2c 20 70 72 65 76 69 65 77  palette, preview
1410: 20 61 6e 64 20 73 77 61 74 63 68 65 73 20 28 61   and swatches (a
1420: 20 73 75 70 65 72 73 65 74 20 6f 66 20 70 61 6c   superset of pal
1430: 65 74 74 65 29 2e 0a 20 20 20 2a 0a 20 20 20 2a  ette)..   *.   *
1440: 20 40 74 79 70 65 20 7b 4f 62 6a 65 63 74 5b 5d   @type {Object[]
1450: 7d 0a 20 20 20 2a 20 40 65 78 61 6d 70 6c 65 0a  }.   * @example.
1460: 20 20 20 2a 20 20 20 65 78 74 65 6e 73 69 6f 6e     *   extension
1470: 73 3a 20 5b 0a 20 20 20 2a 20 20 20 20 20 7b 0a  s: [.   *     {.
1480: 20 20 20 2a 20 20 20 20 20 20 20 6e 61 6d 65 3a     *       name:
1490: 20 27 73 77 61 74 63 68 65 73 27 0a 20 20 20 2a   'swatches'.   *
14a0: 20 20 20 20 20 20 20 6f 70 74 69 6f 6e 73 3a 20         options: 
14b0: 7b 0a 20 20 20 2a 20 20 20 20 20 20 20 20 20 63  {.   *         c
14c0: 6f 6c 6f 72 73 3a 20 7b 0a 20 20 20 2a 20 20 20  olors: {.   *   
14d0: 20 20 20 20 20 20 20 20 27 70 72 69 6d 61 72 79          'primary
14e0: 27 3a 20 27 23 33 33 37 61 62 37 27 2c 0a 20 20  ': '#337ab7',.  
14f0: 20 2a 20 20 20 20 20 20 20 20 20 20 20 27 73 75   *           'su
1500: 63 63 65 73 73 27 3a 20 27 23 35 63 62 38 35 63  ccess': '#5cb85c
1510: 27 2c 0a 20 20 20 2a 20 20 20 20 20 20 20 20 20  ',.   *         
1520: 20 20 27 69 6e 66 6f 27 3a 20 27 23 35 62 63 30    'info': '#5bc0
1530: 64 65 27 2c 0a 20 20 20 2a 20 20 20 20 20 20 20  de',.   *       
1540: 20 20 20 20 27 77 61 72 6e 69 6e 67 27 3a 20 27      'warning': '
1550: 23 66 30 61 64 34 65 27 2c 0a 20 20 20 2a 20 20  #f0ad4e',.   *  
1560: 20 20 20 20 20 20 20 20 20 27 64 61 6e 67 65 72           'danger
1570: 27 3a 20 27 23 64 39 35 33 34 66 27 0a 20 20 20  ': '#d9534f'.   
1580: 2a 20 20 20 20 20 20 20 20 20 7d 2c 0a 20 20 20  *         },.   
1590: 2a 20 20 20 20 20 20 20 20 20 6e 61 6d 65 73 41  *         namesA
15a0: 73 56 61 6c 75 65 73 3a 20 74 72 75 65 0a 20 20  sValues: true.  
15b0: 20 2a 20 20 20 20 20 20 20 7d 0a 20 20 20 2a 20   *       }.   * 
15c0: 20 20 20 20 7d 0a 20 20 20 2a 20 20 20 5d 0a 20      }.   *   ]. 
15d0: 20 20 2a 2f 0a 20 20 65 78 74 65 6e 73 69 6f 6e    */.  extension
15e0: 73 3a 20 5b 0a 20 20 20 20 7b 0a 20 20 20 20 20  s: [.    {.     
15f0: 20 6e 61 6d 65 3a 20 27 70 72 65 76 69 65 77 27   name: 'preview'
1600: 2c 0a 20 20 20 20 20 20 6f 70 74 69 6f 6e 73 3a  ,.      options:
1610: 20 7b 0a 20 20 20 20 20 20 20 20 73 68 6f 77 54   {.        showT
1620: 65 78 74 3a 20 74 72 75 65 0a 20 20 20 20 20 20  ext: true.      
1630: 7d 0a 20 20 20 20 7d 0a 20 20 5d 2c 0a 20 20 2f  }.    }.  ],.  /
1640: 2a 2a 0a 20 20 20 2a 20 56 65 72 74 69 63 61 6c  **.   * Vertical
1650: 20 73 6c 69 64 65 72 73 20 63 6f 6e 66 69 67 75   sliders configu
1660: 72 61 74 69 6f 6e 0a 20 20 20 2a 20 40 74 79 70  ration.   * @typ
1670: 65 20 7b 4f 62 6a 65 63 74 7d 0a 20 20 20 2a 2f  e {Object}.   */
1680: 0a 20 20 73 6c 69 64 65 72 73 3a 20 7b 0a 20 20  .  sliders: {.  
1690: 20 20 73 61 74 75 72 61 74 69 6f 6e 3a 20 7b 0a    saturation: {.
16a0: 20 20 20 20 20 20 73 65 6c 65 63 74 6f 72 3a 20        selector: 
16b0: 27 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 73 61  '.colorpicker-sa
16c0: 74 75 72 61 74 69 6f 6e 27 2c 0a 20 20 20 20 20  turation',.     
16d0: 20 6d 61 78 4c 65 66 74 3a 20 73 6c 69 64 65 72   maxLeft: slider
16e0: 53 69 7a 65 2c 0a 20 20 20 20 20 20 6d 61 78 54  Size,.      maxT
16f0: 6f 70 3a 20 73 6c 69 64 65 72 53 69 7a 65 2c 0a  op: sliderSize,.
1700: 20 20 20 20 20 20 63 61 6c 6c 4c 65 66 74 3a 20        callLeft: 
1710: 27 73 65 74 53 61 74 75 72 61 74 69 6f 6e 52 61  'setSaturationRa
1720: 74 69 6f 27 2c 0a 20 20 20 20 20 20 63 61 6c 6c  tio',.      call
1730: 54 6f 70 3a 20 27 73 65 74 56 61 6c 75 65 52 61  Top: 'setValueRa
1740: 74 69 6f 27 0a 20 20 20 20 7d 2c 0a 20 20 20 20  tio'.    },.    
1750: 68 75 65 3a 20 7b 0a 20 20 20 20 20 20 73 65 6c  hue: {.      sel
1760: 65 63 74 6f 72 3a 20 27 2e 63 6f 6c 6f 72 70 69  ector: '.colorpi
1770: 63 6b 65 72 2d 68 75 65 27 2c 0a 20 20 20 20 20  cker-hue',.     
1780: 20 6d 61 78 4c 65 66 74 3a 20 30 2c 0a 20 20 20   maxLeft: 0,.   
1790: 20 20 20 6d 61 78 54 6f 70 3a 20 73 6c 69 64 65     maxTop: slide
17a0: 72 53 69 7a 65 2c 0a 20 20 20 20 20 20 63 61 6c  rSize,.      cal
17b0: 6c 4c 65 66 74 3a 20 66 61 6c 73 65 2c 0a 20 20  lLeft: false,.  
17c0: 20 20 20 20 63 61 6c 6c 54 6f 70 3a 20 27 73 65      callTop: 'se
17d0: 74 48 75 65 52 61 74 69 6f 27 0a 20 20 20 20 7d  tHueRatio'.    }
17e0: 2c 0a 20 20 20 20 61 6c 70 68 61 3a 20 7b 0a 20  ,.    alpha: {. 
17f0: 20 20 20 20 20 73 65 6c 65 63 74 6f 72 3a 20 27       selector: '
1800: 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 61 6c 70  .colorpicker-alp
1810: 68 61 27 2c 0a 20 20 20 20 20 20 63 68 69 6c 64  ha',.      child
1820: 53 65 6c 65 63 74 6f 72 3a 20 27 2e 63 6f 6c 6f  Selector: '.colo
1830: 72 70 69 63 6b 65 72 2d 61 6c 70 68 61 2d 63 6f  rpicker-alpha-co
1840: 6c 6f 72 27 2c 0a 20 20 20 20 20 20 6d 61 78 4c  lor',.      maxL
1850: 65 66 74 3a 20 30 2c 0a 20 20 20 20 20 20 6d 61  eft: 0,.      ma
1860: 78 54 6f 70 3a 20 73 6c 69 64 65 72 53 69 7a 65  xTop: sliderSize
1870: 2c 0a 20 20 20 20 20 20 63 61 6c 6c 4c 65 66 74  ,.      callLeft
1880: 3a 20 66 61 6c 73 65 2c 0a 20 20 20 20 20 20 63  : false,.      c
1890: 61 6c 6c 54 6f 70 3a 20 27 73 65 74 41 6c 70 68  allTop: 'setAlph
18a0: 61 52 61 74 69 6f 27 0a 20 20 20 20 7d 0a 20 20  aRatio'.    }.  
18b0: 7d 2c 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 48 6f  },.  /**.   * Ho
18c0: 72 69 7a 6f 6e 74 61 6c 20 73 6c 69 64 65 72 73  rizontal sliders
18d0: 20 63 6f 6e 66 69 67 75 72 61 74 69 6f 6e 0a 20   configuration. 
18e0: 20 20 2a 20 40 74 79 70 65 20 7b 4f 62 6a 65 63    * @type {Objec
18f0: 74 7d 0a 20 20 20 2a 2f 0a 20 20 73 6c 69 64 65  t}.   */.  slide
1900: 72 73 48 6f 72 7a 3a 20 7b 0a 20 20 20 20 73 61  rsHorz: {.    sa
1910: 74 75 72 61 74 69 6f 6e 3a 20 7b 0a 20 20 20 20  turation: {.    
1920: 20 20 73 65 6c 65 63 74 6f 72 3a 20 27 2e 63 6f    selector: '.co
1930: 6c 6f 72 70 69 63 6b 65 72 2d 73 61 74 75 72 61  lorpicker-satura
1940: 74 69 6f 6e 27 2c 0a 20 20 20 20 20 20 6d 61 78  tion',.      max
1950: 4c 65 66 74 3a 20 73 6c 69 64 65 72 53 69 7a 65  Left: sliderSize
1960: 2c 0a 20 20 20 20 20 20 6d 61 78 54 6f 70 3a 20  ,.      maxTop: 
1970: 73 6c 69 64 65 72 53 69 7a 65 2c 0a 20 20 20 20  sliderSize,.    
1980: 20 20 63 61 6c 6c 4c 65 66 74 3a 20 27 73 65 74    callLeft: 'set
1990: 53 61 74 75 72 61 74 69 6f 6e 52 61 74 69 6f 27  SaturationRatio'
19a0: 2c 0a 20 20 20 20 20 20 63 61 6c 6c 54 6f 70 3a  ,.      callTop:
19b0: 20 27 73 65 74 56 61 6c 75 65 52 61 74 69 6f 27   'setValueRatio'
19c0: 0a 20 20 20 20 7d 2c 0a 20 20 20 20 68 75 65 3a  .    },.    hue:
19d0: 20 7b 0a 20 20 20 20 20 20 73 65 6c 65 63 74 6f   {.      selecto
19e0: 72 3a 20 27 2e 63 6f 6c 6f 72 70 69 63 6b 65 72  r: '.colorpicker
19f0: 2d 68 75 65 27 2c 0a 20 20 20 20 20 20 6d 61 78  -hue',.      max
1a00: 4c 65 66 74 3a 20 73 6c 69 64 65 72 53 69 7a 65  Left: sliderSize
1a10: 2c 0a 20 20 20 20 20 20 6d 61 78 54 6f 70 3a 20  ,.      maxTop: 
1a20: 30 2c 0a 20 20 20 20 20 20 63 61 6c 6c 4c 65 66  0,.      callLef
1a30: 74 3a 20 27 73 65 74 48 75 65 52 61 74 69 6f 27  t: 'setHueRatio'
1a40: 2c 0a 20 20 20 20 20 20 63 61 6c 6c 54 6f 70 3a  ,.      callTop:
1a50: 20 66 61 6c 73 65 0a 20 20 20 20 7d 2c 0a 20 20   false.    },.  
1a60: 20 20 61 6c 70 68 61 3a 20 7b 0a 20 20 20 20 20    alpha: {.     
1a70: 20 73 65 6c 65 63 74 6f 72 3a 20 27 2e 63 6f 6c   selector: '.col
1a80: 6f 72 70 69 63 6b 65 72 2d 61 6c 70 68 61 27 2c  orpicker-alpha',
1a90: 0a 20 20 20 20 20 20 63 68 69 6c 64 53 65 6c 65  .      childSele
1aa0: 63 74 6f 72 3a 20 27 2e 63 6f 6c 6f 72 70 69 63  ctor: '.colorpic
1ab0: 6b 65 72 2d 61 6c 70 68 61 2d 63 6f 6c 6f 72 27  ker-alpha-color'
1ac0: 2c 0a 20 20 20 20 20 20 6d 61 78 4c 65 66 74 3a  ,.      maxLeft:
1ad0: 20 73 6c 69 64 65 72 53 69 7a 65 2c 0a 20 20 20   sliderSize,.   
1ae0: 20 20 20 6d 61 78 54 6f 70 3a 20 30 2c 0a 20 20     maxTop: 0,.  
1af0: 20 20 20 20 63 61 6c 6c 4c 65 66 74 3a 20 27 73      callLeft: 's
1b00: 65 74 41 6c 70 68 61 52 61 74 69 6f 27 2c 0a 20  etAlphaRatio',. 
1b10: 20 20 20 20 20 63 61 6c 6c 54 6f 70 3a 20 66 61       callTop: fa
1b20: 6c 73 65 0a 20 20 20 20 7d 0a 20 20 7d 0a 7d 3b  lse.    }.  }.};
1b30: 0a                                               .