Artifact
0674d7efc001826c2b12d9c01d695c093d64d0c0c3cd25dc5a761af81f2183dc:
0000: 27 75 73 65 20 73 74 72 69 63 74 27 3b 0a 0a 69 'use strict';..i
0010: 6d 70 6f 72 74 20 24 20 66 72 6f 6d 20 27 6a 71 mport $ from 'jq
0020: 75 65 72 79 27 3b 0a 69 6d 70 6f 72 74 20 43 6f uery';.import Co
0030: 6c 6f 72 49 74 65 6d 20 66 72 6f 6d 20 27 2e 2f lorItem from './
0040: 43 6f 6c 6f 72 49 74 65 6d 27 3b 0a 0a 2f 2a 2a ColorItem';../**
0050: 0a 20 2a 20 48 61 6e 64 6c 65 73 20 65 76 65 72 . * Handles ever
0060: 79 74 68 69 6e 67 20 72 65 6c 61 74 65 64 20 74 ything related t
0070: 6f 20 74 68 65 20 63 6f 6c 6f 72 70 69 63 6b 65 o the colorpicke
0080: 72 20 69 6e 70 75 74 0a 20 2a 20 40 69 67 6e 6f r input. * @igno
0090: 72 65 0a 20 2a 2f 0a 63 6c 61 73 73 20 49 6e 70 re. */.class Inp
00a0: 75 74 48 61 6e 64 6c 65 72 20 7b 0a 20 20 2f 2a utHandler {. /*
00b0: 2a 0a 20 20 20 2a 20 40 70 61 72 61 6d 20 7b 43 *. * @param {C
00c0: 6f 6c 6f 72 70 69 63 6b 65 72 7d 20 63 6f 6c 6f olorpicker} colo
00d0: 72 70 69 63 6b 65 72 0a 20 20 20 2a 2f 0a 20 20 rpicker. */.
00e0: 63 6f 6e 73 74 72 75 63 74 6f 72 28 63 6f 6c 6f constructor(colo
00f0: 72 70 69 63 6b 65 72 29 20 7b 0a 20 20 20 20 2f rpicker) {. /
0100: 2a 2a 0a 20 20 20 20 20 2a 20 40 74 79 70 65 20 **. * @type
0110: 7b 43 6f 6c 6f 72 70 69 63 6b 65 72 7d 0a 20 20 {Colorpicker}.
0120: 20 20 20 2a 2f 0a 20 20 20 20 74 68 69 73 2e 63 */. this.c
0130: 6f 6c 6f 72 70 69 63 6b 65 72 20 3d 20 63 6f 6c olorpicker = col
0140: 6f 72 70 69 63 6b 65 72 3b 0a 20 20 20 20 2f 2a orpicker;. /*
0150: 2a 0a 20 20 20 20 20 2a 20 40 74 79 70 65 20 7b *. * @type {
0160: 6a 51 75 65 72 79 7c 66 61 6c 73 65 7d 0a 20 20 jQuery|false}.
0170: 20 20 20 2a 2f 0a 20 20 20 20 74 68 69 73 2e 69 */. this.i
0180: 6e 70 75 74 20 3d 20 74 68 69 73 2e 63 6f 6c 6f nput = this.colo
0190: 72 70 69 63 6b 65 72 2e 65 6c 65 6d 65 6e 74 2e rpicker.element.
01a0: 69 73 28 27 69 6e 70 75 74 27 29 20 3f 20 74 68 is('input') ? th
01b0: 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 65 is.colorpicker.e
01c0: 6c 65 6d 65 6e 74 20 3a 20 28 74 68 69 73 2e 63 lement : (this.c
01d0: 6f 6c 6f 72 70 69 63 6b 65 72 2e 6f 70 74 69 6f olorpicker.optio
01e0: 6e 73 2e 69 6e 70 75 74 20 3f 0a 20 20 20 20 20 ns.input ?.
01f0: 20 74 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 this.colorpicke
0200: 72 2e 65 6c 65 6d 65 6e 74 2e 66 69 6e 64 28 74 r.element.find(t
0210: 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e his.colorpicker.
0220: 6f 70 74 69 6f 6e 73 2e 69 6e 70 75 74 29 20 3a options.input) :
0230: 20 66 61 6c 73 65 29 3b 0a 0a 20 20 20 20 69 66 false);.. if
0240: 20 28 74 68 69 73 2e 69 6e 70 75 74 20 26 26 20 (this.input &&
0250: 28 74 68 69 73 2e 69 6e 70 75 74 2e 6c 65 6e 67 (this.input.leng
0260: 74 68 20 3d 3d 3d 20 30 29 29 20 7b 0a 20 20 20 th === 0)) {.
0270: 20 20 20 74 68 69 73 2e 69 6e 70 75 74 20 3d 20 this.input =
0280: 66 61 6c 73 65 3b 0a 20 20 20 20 7d 0a 0a 20 20 false;. }..
0290: 20 20 74 68 69 73 2e 5f 69 6e 69 74 56 61 6c 75 this._initValu
02a0: 65 28 29 3b 0a 20 20 7d 0a 0a 20 20 62 69 6e 64 e();. }.. bind
02b0: 28 29 20 7b 0a 20 20 20 20 69 66 20 28 21 74 68 () {. if (!th
02c0: 69 73 2e 68 61 73 49 6e 70 75 74 28 29 29 20 7b is.hasInput()) {
02d0: 0a 20 20 20 20 20 20 72 65 74 75 72 6e 3b 0a 20 . return;.
02e0: 20 20 20 7d 0a 20 20 20 20 74 68 69 73 2e 69 6e }. this.in
02f0: 70 75 74 2e 6f 6e 28 7b 0a 20 20 20 20 20 20 27 put.on({. '
0300: 6b 65 79 75 70 2e 63 6f 6c 6f 72 70 69 63 6b 65 keyup.colorpicke
0310: 72 27 3a 20 24 2e 70 72 6f 78 79 28 74 68 69 73 r': $.proxy(this
0320: 2e 6f 6e 6b 65 79 75 70 2c 20 74 68 69 73 29 0a .onkeyup, this).
0330: 20 20 20 20 7d 29 3b 0a 20 20 20 20 74 68 69 73 });. this
0340: 2e 69 6e 70 75 74 2e 6f 6e 28 7b 0a 20 20 20 20 .input.on({.
0350: 20 20 27 63 68 61 6e 67 65 2e 63 6f 6c 6f 72 70 'change.colorp
0360: 69 63 6b 65 72 27 3a 20 24 2e 70 72 6f 78 79 28 icker': $.proxy(
0370: 74 68 69 73 2e 6f 6e 63 68 61 6e 67 65 2c 20 74 this.onchange, t
0380: 68 69 73 29 0a 20 20 20 20 7d 29 3b 0a 20 20 7d his). });. }
0390: 0a 0a 20 20 75 6e 62 69 6e 64 28 29 20 7b 0a 20 .. unbind() {.
03a0: 20 20 20 69 66 20 28 21 74 68 69 73 2e 68 61 73 if (!this.has
03b0: 49 6e 70 75 74 28 29 29 20 7b 0a 20 20 20 20 20 Input()) {.
03c0: 20 72 65 74 75 72 6e 3b 0a 20 20 20 20 7d 0a 20 return;. }.
03d0: 20 20 20 74 68 69 73 2e 69 6e 70 75 74 2e 6f 66 this.input.of
03e0: 66 28 27 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 27 f('.colorpicker'
03f0: 29 3b 0a 20 20 7d 0a 0a 20 20 5f 69 6e 69 74 56 );. }.. _initV
0400: 61 6c 75 65 28 29 20 7b 0a 20 20 20 20 69 66 20 alue() {. if
0410: 28 21 74 68 69 73 2e 68 61 73 49 6e 70 75 74 28 (!this.hasInput(
0420: 29 29 20 7b 0a 20 20 20 20 20 20 72 65 74 75 72 )) {. retur
0430: 6e 3b 0a 20 20 20 20 7d 0a 0a 20 20 20 20 6c 65 n;. }.. le
0440: 74 20 76 61 6c 20 3d 20 27 27 3b 0a 0a 20 20 20 t val = '';..
0450: 20 5b 0a 20 20 20 20 20 20 2f 2f 20 63 61 6e 64 [. // cand
0460: 69 64 61 74 65 73 3a 0a 20 20 20 20 20 20 74 68 idates:. th
0470: 69 73 2e 69 6e 70 75 74 2e 76 61 6c 28 29 2c 0a is.input.val(),.
0480: 20 20 20 20 20 20 74 68 69 73 2e 69 6e 70 75 74 this.input
0490: 2e 64 61 74 61 28 27 63 6f 6c 6f 72 27 29 2c 0a .data('color'),.
04a0: 20 20 20 20 20 20 74 68 69 73 2e 69 6e 70 75 74 this.input
04b0: 2e 61 74 74 72 28 27 64 61 74 61 2d 63 6f 6c 6f .attr('data-colo
04c0: 72 27 29 0a 20 20 20 20 5d 2e 6d 61 70 28 28 69 r'). ].map((i
04d0: 74 65 6d 29 20 3d 3e 20 7b 0a 20 20 20 20 20 20 tem) => {.
04e0: 69 66 20 28 69 74 65 6d 20 26 26 20 28 76 61 6c if (item && (val
04f0: 20 3d 3d 3d 20 27 27 29 29 20 7b 0a 20 20 20 20 === '')) {.
0500: 20 20 20 20 76 61 6c 20 3d 20 69 74 65 6d 3b 0a val = item;.
0510: 20 20 20 20 20 20 7d 0a 20 20 20 20 7d 29 3b 0a }. });.
0520: 0a 20 20 20 20 69 66 20 28 76 61 6c 20 69 6e 73 . if (val ins
0530: 74 61 6e 63 65 6f 66 20 43 6f 6c 6f 72 49 74 65 tanceof ColorIte
0540: 6d 29 20 7b 0a 20 20 20 20 20 20 76 61 6c 20 3d m) {. val =
0550: 20 74 68 69 73 2e 67 65 74 46 6f 72 6d 61 74 74 this.getFormatt
0560: 65 64 43 6f 6c 6f 72 28 76 61 6c 2e 73 74 72 69 edColor(val.stri
0570: 6e 67 28 74 68 69 73 2e 63 6f 6c 6f 72 70 69 63 ng(this.colorpic
0580: 6b 65 72 2e 66 6f 72 6d 61 74 29 29 3b 0a 20 20 ker.format));.
0590: 20 20 7d 20 65 6c 73 65 20 69 66 20 28 21 28 74 } else if (!(t
05a0: 79 70 65 6f 66 20 76 61 6c 20 3d 3d 3d 20 27 73 ypeof val === 's
05b0: 74 72 69 6e 67 27 20 7c 7c 20 76 61 6c 20 69 6e tring' || val in
05c0: 73 74 61 6e 63 65 6f 66 20 53 74 72 69 6e 67 29 stanceof String)
05d0: 29 20 7b 0a 20 20 20 20 20 20 76 61 6c 20 3d 20 ) {. val =
05e0: 27 27 3b 0a 20 20 20 20 7d 0a 0a 20 20 20 20 74 '';. }.. t
05f0: 68 69 73 2e 69 6e 70 75 74 2e 70 72 6f 70 28 27 his.input.prop('
0600: 76 61 6c 75 65 27 2c 20 76 61 6c 29 3b 0a 20 20 value', val);.
0610: 7d 0a 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 52 65 }.. /**. * Re
0620: 74 75 72 6e 73 20 74 68 65 20 63 6f 6c 6f 72 20 turns the color
0630: 73 74 72 69 6e 67 20 66 72 6f 6d 20 74 68 65 20 string from the
0640: 69 6e 70 75 74 20 76 61 6c 75 65 2e 0a 20 20 20 input value..
0650: 2a 20 49 66 20 74 68 65 72 65 20 69 73 20 6e 6f * If there is no
0660: 20 69 6e 70 75 74 20 74 68 65 20 72 65 74 75 72 input the retur
0670: 6e 20 76 61 6c 75 65 20 69 73 20 66 61 6c 73 65 n value is false
0680: 2e 0a 20 20 20 2a 0a 20 20 20 2a 20 40 72 65 74 .. *. * @ret
0690: 75 72 6e 73 20 7b 53 74 72 69 6e 67 7c 62 6f 6f urns {String|boo
06a0: 6c 65 61 6e 7d 0a 20 20 20 2a 2f 0a 20 20 67 65 lean}. */. ge
06b0: 74 56 61 6c 75 65 28 29 20 7b 0a 20 20 20 20 69 tValue() {. i
06c0: 66 20 28 21 74 68 69 73 2e 68 61 73 49 6e 70 75 f (!this.hasInpu
06d0: 74 28 29 29 20 7b 0a 20 20 20 20 20 20 72 65 74 t()) {. ret
06e0: 75 72 6e 20 66 61 6c 73 65 3b 0a 20 20 20 20 7d urn false;. }
06f0: 0a 0a 20 20 20 20 72 65 74 75 72 6e 20 74 68 69 .. return thi
0700: 73 2e 69 6e 70 75 74 2e 76 61 6c 28 29 3b 0a 20 s.input.val();.
0710: 20 7d 0a 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 49 }.. /**. * I
0720: 66 20 74 68 65 20 69 6e 70 75 74 20 65 6c 65 6d f the input elem
0730: 65 6e 74 20 69 73 20 70 72 65 73 65 6e 74 2c 20 ent is present,
0740: 69 74 20 75 70 64 61 74 65 73 20 74 68 65 20 76 it updates the v
0750: 61 6c 75 65 20 77 69 74 68 20 74 68 65 20 63 75 alue with the cu
0760: 72 72 65 6e 74 20 63 6f 6c 6f 72 20 6f 62 6a 65 rrent color obje
0770: 63 74 20 63 6f 6c 6f 72 20 73 74 72 69 6e 67 2e ct color string.
0780: 0a 20 20 20 2a 20 49 66 20 74 68 65 20 76 61 6c . * If the val
0790: 75 65 20 69 73 20 63 68 61 6e 67 65 64 2c 20 74 ue is changed, t
07a0: 68 69 73 20 6d 65 74 68 6f 64 20 66 69 72 65 73 his method fires
07b0: 20 61 20 22 63 68 61 6e 67 65 22 20 65 76 65 6e a "change" even
07c0: 74 20 6f 6e 20 74 68 65 20 69 6e 70 75 74 20 65 t on the input e
07d0: 6c 65 6d 65 6e 74 2e 0a 20 20 20 2a 0a 20 20 20 lement.. *.
07e0: 2a 20 40 70 61 72 61 6d 20 7b 53 74 72 69 6e 67 * @param {String
07f0: 7d 20 76 61 6c 0a 20 20 20 2a 0a 20 20 20 2a 20 } val. *. *
0800: 40 66 69 72 65 73 20 43 6f 6c 6f 72 70 69 63 6b @fires Colorpick
0810: 65 72 23 63 68 61 6e 67 65 0a 20 20 20 2a 2f 0a er#change. */.
0820: 20 20 73 65 74 56 61 6c 75 65 28 76 61 6c 29 20 setValue(val)
0830: 7b 0a 20 20 20 20 69 66 20 28 21 74 68 69 73 2e {. if (!this.
0840: 68 61 73 49 6e 70 75 74 28 29 29 20 7b 0a 20 20 hasInput()) {.
0850: 20 20 20 20 72 65 74 75 72 6e 3b 0a 20 20 20 20 return;.
0860: 7d 0a 0a 20 20 20 20 6c 65 74 20 69 6e 70 75 74 }.. let input
0870: 56 61 6c 20 3d 20 74 68 69 73 2e 69 6e 70 75 74 Val = this.input
0880: 2e 70 72 6f 70 28 27 76 61 6c 75 65 27 29 3b 0a .prop('value');.
0890: 0a 20 20 20 20 76 61 6c 20 3d 20 76 61 6c 20 3f . val = val ?
08a0: 20 76 61 6c 20 3a 20 27 27 3b 0a 0a 20 20 20 20 val : '';..
08b0: 69 66 20 28 76 61 6c 20 3d 3d 3d 20 28 69 6e 70 if (val === (inp
08c0: 75 74 56 61 6c 20 3f 20 69 6e 70 75 74 56 61 6c utVal ? inputVal
08d0: 20 3a 20 27 27 29 29 20 7b 0a 20 20 20 20 20 20 : '')) {.
08e0: 2f 2f 20 4e 6f 20 6e 65 65 64 20 74 6f 20 73 65 // No need to se
08f0: 74 20 76 61 6c 75 65 20 6f 72 20 74 72 69 67 67 t value or trigg
0900: 65 72 20 61 6e 79 20 65 76 65 6e 74 20 69 66 20 er any event if
0910: 6e 6f 74 68 69 6e 67 20 63 68 61 6e 67 65 64 0a nothing changed.
0920: 20 20 20 20 20 20 72 65 74 75 72 6e 3b 0a 20 20 return;.
0930: 20 20 7d 0a 0a 20 20 20 20 74 68 69 73 2e 69 6e }.. this.in
0940: 70 75 74 2e 70 72 6f 70 28 27 76 61 6c 75 65 27 put.prop('value'
0950: 2c 20 76 61 6c 29 3b 0a 0a 20 20 20 20 2f 2a 2a , val);.. /**
0960: 0a 20 20 20 20 20 2a 20 28 49 6e 70 75 74 29 20 . * (Input)
0970: 54 72 69 67 67 65 72 65 64 20 6f 6e 20 74 68 65 Triggered on the
0980: 20 69 6e 70 75 74 20 65 6c 65 6d 65 6e 74 20 77 input element w
0990: 68 65 6e 20 61 20 6e 65 77 20 63 6f 6c 6f 72 20 hen a new color
09a0: 69 73 20 73 65 6c 65 63 74 65 64 2e 0a 20 20 20 is selected..
09b0: 20 20 2a 0a 20 20 20 20 20 2a 20 40 65 76 65 6e *. * @even
09c0: 74 20 43 6f 6c 6f 72 70 69 63 6b 65 72 23 63 68 t Colorpicker#ch
09d0: 61 6e 67 65 0a 20 20 20 20 20 2a 2f 0a 20 20 20 ange. */.
09e0: 20 74 68 69 73 2e 69 6e 70 75 74 2e 74 72 69 67 this.input.trig
09f0: 67 65 72 28 7b 0a 20 20 20 20 20 20 74 79 70 65 ger({. type
0a00: 3a 20 27 63 68 61 6e 67 65 27 2c 0a 20 20 20 20 : 'change',.
0a10: 20 20 63 6f 6c 6f 72 70 69 63 6b 65 72 3a 20 74 colorpicker: t
0a20: 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2c his.colorpicker,
0a30: 0a 20 20 20 20 20 20 63 6f 6c 6f 72 3a 20 74 68 . color: th
0a40: 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 is.colorpicker.c
0a50: 6f 6c 6f 72 2c 0a 20 20 20 20 20 20 76 61 6c 75 olor,. valu
0a60: 65 3a 20 76 61 6c 0a 20 20 20 20 7d 29 3b 0a 20 e: val. });.
0a70: 20 7d 0a 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 52 }.. /**. * R
0a80: 65 74 75 72 6e 73 20 74 68 65 20 66 6f 72 6d 61 eturns the forma
0a90: 74 74 65 64 20 63 6f 6c 6f 72 20 73 74 72 69 6e tted color strin
0aa0: 67 2c 20 77 69 74 68 20 74 68 65 20 66 6f 72 6d g, with the form
0ab0: 61 74 74 69 6e 67 20 6f 70 74 69 6f 6e 73 20 61 atting options a
0ac0: 70 70 6c 69 65 64 0a 20 20 20 2a 20 28 65 2e 67 pplied. * (e.g
0ad0: 2e 20 75 73 65 48 61 73 68 50 72 65 66 69 78 29 . useHashPrefix)
0ae0: 0a 20 20 20 2a 0a 20 20 20 2a 20 40 70 61 72 61 . *. * @para
0af0: 6d 20 7b 53 74 72 69 6e 67 7c 6e 75 6c 6c 7d 20 m {String|null}
0b00: 76 61 6c 0a 20 20 20 2a 0a 20 20 20 2a 20 40 72 val. *. * @r
0b10: 65 74 75 72 6e 73 20 7b 53 74 72 69 6e 67 7d 0a eturns {String}.
0b20: 20 20 20 2a 2f 0a 20 20 67 65 74 46 6f 72 6d 61 */. getForma
0b30: 74 74 65 64 43 6f 6c 6f 72 28 76 61 6c 20 3d 20 ttedColor(val =
0b40: 6e 75 6c 6c 29 20 7b 0a 20 20 20 20 76 61 6c 20 null) {. val
0b50: 3d 20 76 61 6c 20 3f 20 76 61 6c 20 3a 20 74 68 = val ? val : th
0b60: 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 is.colorpicker.c
0b70: 6f 6c 6f 72 48 61 6e 64 6c 65 72 2e 67 65 74 43 olorHandler.getC
0b80: 6f 6c 6f 72 53 74 72 69 6e 67 28 29 3b 0a 0a 20 olorString();..
0b90: 20 20 20 69 66 20 28 21 76 61 6c 29 20 7b 0a 20 if (!val) {.
0ba0: 20 20 20 20 20 72 65 74 75 72 6e 20 27 27 3b 0a return '';.
0bb0: 20 20 20 20 7d 0a 0a 20 20 20 20 76 61 6c 20 3d }.. val =
0bc0: 20 74 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 this.colorpicke
0bd0: 72 2e 63 6f 6c 6f 72 48 61 6e 64 6c 65 72 2e 72 r.colorHandler.r
0be0: 65 73 6f 6c 76 65 43 6f 6c 6f 72 44 65 6c 65 67 esolveColorDeleg
0bf0: 61 74 65 28 76 61 6c 2c 20 66 61 6c 73 65 29 3b ate(val, false);
0c00: 0a 0a 20 20 20 20 69 66 20 28 74 68 69 73 2e 63 .. if (this.c
0c10: 6f 6c 6f 72 70 69 63 6b 65 72 2e 6f 70 74 69 6f olorpicker.optio
0c20: 6e 73 2e 75 73 65 48 61 73 68 50 72 65 66 69 78 ns.useHashPrefix
0c30: 20 3d 3d 3d 20 66 61 6c 73 65 29 20 7b 0a 20 20 === false) {.
0c40: 20 20 20 20 76 61 6c 20 3d 20 76 61 6c 2e 72 65 val = val.re
0c50: 70 6c 61 63 65 28 2f 5e 23 2f 67 2c 20 27 27 29 place(/^#/g, '')
0c60: 3b 0a 20 20 20 20 7d 0a 0a 20 20 20 20 72 65 74 ;. }.. ret
0c70: 75 72 6e 20 76 61 6c 3b 0a 20 20 7d 0a 0a 20 20 urn val;. }..
0c80: 2f 2a 2a 0a 20 20 20 2a 20 52 65 74 75 72 6e 73 /**. * Returns
0c90: 20 74 72 75 65 20 69 66 20 74 68 65 20 77 69 64 true if the wid
0ca0: 67 65 74 20 68 61 73 20 61 6e 20 61 73 73 6f 63 get has an assoc
0cb0: 69 61 74 65 64 20 69 6e 70 75 74 20 65 6c 65 6d iated input elem
0cc0: 65 6e 74 2c 20 66 61 6c 73 65 20 6f 74 68 65 72 ent, false other
0cd0: 77 69 73 65 0a 20 20 20 2a 20 40 72 65 74 75 72 wise. * @retur
0ce0: 6e 73 20 7b 62 6f 6f 6c 65 61 6e 7d 0a 20 20 20 ns {boolean}.
0cf0: 2a 2f 0a 20 20 68 61 73 49 6e 70 75 74 28 29 20 */. hasInput()
0d00: 7b 0a 20 20 20 20 72 65 74 75 72 6e 20 28 74 68 {. return (th
0d10: 69 73 2e 69 6e 70 75 74 20 21 3d 3d 20 66 61 6c is.input !== fal
0d20: 73 65 29 3b 0a 20 20 7d 0a 0a 20 20 2f 2a 2a 0a se);. }.. /**.
0d30: 20 20 20 2a 20 52 65 74 75 72 6e 73 20 74 72 75 * Returns tru
0d40: 65 20 69 66 20 74 68 65 20 69 6e 70 75 74 20 65 e if the input e
0d50: 78 69 73 74 73 20 61 6e 64 20 69 73 20 64 69 73 xists and is dis
0d60: 61 62 6c 65 64 0a 20 20 20 2a 20 40 72 65 74 75 abled. * @retu
0d70: 72 6e 73 20 7b 62 6f 6f 6c 65 61 6e 7d 0a 20 20 rns {boolean}.
0d80: 20 2a 2f 0a 20 20 69 73 45 6e 61 62 6c 65 64 28 */. isEnabled(
0d90: 29 20 7b 0a 20 20 20 20 72 65 74 75 72 6e 20 74 ) {. return t
0da0: 68 69 73 2e 68 61 73 49 6e 70 75 74 28 29 20 26 his.hasInput() &
0db0: 26 20 21 74 68 69 73 2e 69 73 44 69 73 61 62 6c & !this.isDisabl
0dc0: 65 64 28 29 3b 0a 20 20 7d 0a 0a 20 20 2f 2a 2a ed();. }.. /**
0dd0: 0a 20 20 20 2a 20 52 65 74 75 72 6e 73 20 74 72 . * Returns tr
0de0: 75 65 20 69 66 20 74 68 65 20 69 6e 70 75 74 20 ue if the input
0df0: 65 78 69 73 74 73 20 61 6e 64 20 69 73 20 64 69 exists and is di
0e00: 73 61 62 6c 65 64 0a 20 20 20 2a 20 40 72 65 74 sabled. * @ret
0e10: 75 72 6e 73 20 7b 62 6f 6f 6c 65 61 6e 7d 0a 20 urns {boolean}.
0e20: 20 20 2a 2f 0a 20 20 69 73 44 69 73 61 62 6c 65 */. isDisable
0e30: 64 28 29 20 7b 0a 20 20 20 20 72 65 74 75 72 6e d() {. return
0e40: 20 74 68 69 73 2e 68 61 73 49 6e 70 75 74 28 29 this.hasInput()
0e50: 20 26 26 20 28 74 68 69 73 2e 69 6e 70 75 74 2e && (this.input.
0e60: 70 72 6f 70 28 27 64 69 73 61 62 6c 65 64 27 29 prop('disabled')
0e70: 20 3d 3d 3d 20 74 72 75 65 29 3b 0a 20 20 7d 0a === true);. }.
0e80: 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 44 69 73 61 . /**. * Disa
0e90: 62 6c 65 73 20 74 68 65 20 69 6e 70 75 74 20 69 bles the input i
0ea0: 66 20 61 6e 79 0a 20 20 20 2a 0a 20 20 20 2a 20 f any. *. *
0eb0: 40 66 69 72 65 73 20 43 6f 6c 6f 72 70 69 63 6b @fires Colorpick
0ec0: 65 72 23 63 6f 6c 6f 72 70 69 63 6b 65 72 44 69 er#colorpickerDi
0ed0: 73 61 62 6c 65 0a 20 20 20 2a 20 40 72 65 74 75 sable. * @retu
0ee0: 72 6e 73 20 7b 62 6f 6f 6c 65 61 6e 7d 0a 20 20 rns {boolean}.
0ef0: 20 2a 2f 0a 20 20 64 69 73 61 62 6c 65 28 29 20 */. disable()
0f00: 7b 0a 20 20 20 20 69 66 20 28 74 68 69 73 2e 68 {. if (this.h
0f10: 61 73 49 6e 70 75 74 28 29 29 20 7b 0a 20 20 20 asInput()) {.
0f20: 20 20 20 74 68 69 73 2e 69 6e 70 75 74 2e 70 72 this.input.pr
0f30: 6f 70 28 27 64 69 73 61 62 6c 65 64 27 2c 20 74 op('disabled', t
0f40: 72 75 65 29 3b 0a 20 20 20 20 7d 0a 20 20 7d 0a rue);. }. }.
0f50: 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 45 6e 61 62 . /**. * Enab
0f60: 6c 65 73 20 74 68 65 20 69 6e 70 75 74 20 69 66 les the input if
0f70: 20 61 6e 79 0a 20 20 20 2a 0a 20 20 20 2a 20 40 any. *. * @
0f80: 66 69 72 65 73 20 43 6f 6c 6f 72 70 69 63 6b 65 fires Colorpicke
0f90: 72 23 63 6f 6c 6f 72 70 69 63 6b 65 72 45 6e 61 r#colorpickerEna
0fa0: 62 6c 65 0a 20 20 20 2a 20 40 72 65 74 75 72 6e ble. * @return
0fb0: 73 20 7b 62 6f 6f 6c 65 61 6e 7d 0a 20 20 20 2a s {boolean}. *
0fc0: 2f 0a 20 20 65 6e 61 62 6c 65 28 29 20 7b 0a 20 /. enable() {.
0fd0: 20 20 20 69 66 20 28 74 68 69 73 2e 68 61 73 49 if (this.hasI
0fe0: 6e 70 75 74 28 29 29 20 7b 0a 20 20 20 20 20 20 nput()) {.
0ff0: 74 68 69 73 2e 69 6e 70 75 74 2e 70 72 6f 70 28 this.input.prop(
1000: 27 64 69 73 61 62 6c 65 64 27 2c 20 66 61 6c 73 'disabled', fals
1010: 65 29 3b 0a 20 20 20 20 7d 0a 20 20 7d 0a 0a 20 e);. }. }..
1020: 20 2f 2a 2a 0a 20 20 20 2a 20 43 61 6c 6c 73 20 /**. * Calls
1030: 73 65 74 56 61 6c 75 65 20 77 69 74 68 20 74 68 setValue with th
1040: 65 20 63 75 72 72 65 6e 74 20 69 6e 74 65 72 6e e current intern
1050: 61 6c 20 63 6f 6c 6f 72 20 76 61 6c 75 65 0a 20 al color value.
1060: 20 20 2a 0a 20 20 20 2a 20 40 66 69 72 65 73 20 *. * @fires
1070: 43 6f 6c 6f 72 70 69 63 6b 65 72 23 63 68 61 6e Colorpicker#chan
1080: 67 65 0a 20 20 20 2a 2f 0a 20 20 75 70 64 61 74 ge. */. updat
1090: 65 28 29 20 7b 0a 20 20 20 20 69 66 20 28 21 74 e() {. if (!t
10a0: 68 69 73 2e 68 61 73 49 6e 70 75 74 28 29 29 20 his.hasInput())
10b0: 7b 0a 20 20 20 20 20 20 72 65 74 75 72 6e 3b 0a {. return;.
10c0: 20 20 20 20 7d 0a 0a 20 20 20 20 69 66 20 28 0a }.. if (.
10d0: 20 20 20 20 20 20 28 74 68 69 73 2e 63 6f 6c 6f (this.colo
10e0: 72 70 69 63 6b 65 72 2e 6f 70 74 69 6f 6e 73 2e rpicker.options.
10f0: 61 75 74 6f 49 6e 70 75 74 46 61 6c 6c 62 61 63 autoInputFallbac
1100: 6b 20 3d 3d 3d 20 66 61 6c 73 65 29 20 26 26 0a k === false) &&.
1110: 20 20 20 20 20 20 74 68 69 73 2e 63 6f 6c 6f 72 this.color
1120: 70 69 63 6b 65 72 2e 63 6f 6c 6f 72 48 61 6e 64 picker.colorHand
1130: 6c 65 72 2e 69 73 49 6e 76 61 6c 69 64 43 6f 6c ler.isInvalidCol
1140: 6f 72 28 29 0a 20 20 20 20 29 20 7b 0a 20 20 20 or(). ) {.
1150: 20 20 20 2f 2f 20 70 72 65 76 65 6e 74 20 75 70 // prevent up
1160: 64 61 74 65 20 69 66 20 63 6f 6c 6f 72 20 69 73 date if color is
1170: 20 69 6e 76 61 6c 69 64 2c 20 61 75 74 6f 49 6e invalid, autoIn
1180: 70 75 74 46 61 6c 6c 62 61 63 6b 20 69 73 20 64 putFallback is d
1190: 69 73 61 62 6c 65 64 20 61 6e 64 20 74 68 65 20 isabled and the
11a0: 6c 61 73 74 20 65 76 65 6e 74 20 69 73 20 6b 65 last event is ke
11b0: 79 75 70 2e 0a 20 20 20 20 20 20 72 65 74 75 72 yup.. retur
11c0: 6e 3b 0a 20 20 20 20 7d 0a 0a 20 20 20 20 74 68 n;. }.. th
11d0: 69 73 2e 73 65 74 56 61 6c 75 65 28 74 68 69 73 is.setValue(this
11e0: 2e 67 65 74 46 6f 72 6d 61 74 74 65 64 43 6f 6c .getFormattedCol
11f0: 6f 72 28 29 29 3b 0a 20 20 7d 0a 0a 20 20 2f 2a or());. }.. /*
1200: 2a 0a 20 20 20 2a 20 46 75 6e 63 74 69 6f 6e 20 *. * Function
1210: 74 72 69 67 67 65 72 65 64 20 77 68 65 6e 20 74 triggered when t
1220: 68 65 20 69 6e 70 75 74 20 68 61 73 20 63 68 61 he input has cha
1230: 6e 67 65 64 2c 20 73 6f 20 74 68 65 20 63 6f 6c nged, so the col
1240: 6f 72 70 69 63 6b 65 72 20 67 65 74 73 20 75 70 orpicker gets up
1250: 64 61 74 65 64 2e 0a 20 20 20 2a 0a 20 20 20 2a dated.. *. *
1260: 20 40 70 72 69 76 61 74 65 0a 20 20 20 2a 20 40 @private. * @
1270: 70 61 72 61 6d 20 7b 45 76 65 6e 74 7d 20 65 0a param {Event} e.
1280: 20 20 20 2a 20 40 72 65 74 75 72 6e 73 20 7b 62 * @returns {b
1290: 6f 6f 6c 65 61 6e 7d 0a 20 20 20 2a 2f 0a 20 20 oolean}. */.
12a0: 6f 6e 63 68 61 6e 67 65 28 65 29 20 7b 0a 20 20 onchange(e) {.
12b0: 20 20 74 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b this.colorpick
12c0: 65 72 2e 6c 61 73 74 45 76 65 6e 74 2e 61 6c 69 er.lastEvent.ali
12d0: 61 73 20 3d 20 27 69 6e 70 75 74 2e 63 68 61 6e as = 'input.chan
12e0: 67 65 27 3b 0a 20 20 20 20 74 68 69 73 2e 63 6f ge';. this.co
12f0: 6c 6f 72 70 69 63 6b 65 72 2e 6c 61 73 74 45 76 lorpicker.lastEv
1300: 65 6e 74 2e 65 20 3d 20 65 3b 0a 0a 20 20 20 20 ent.e = e;..
1310: 6c 65 74 20 76 61 6c 20 3d 20 74 68 69 73 2e 67 let val = this.g
1320: 65 74 56 61 6c 75 65 28 29 3b 0a 0a 20 20 20 20 etValue();..
1330: 69 66 20 28 76 61 6c 20 21 3d 3d 20 65 2e 76 61 if (val !== e.va
1340: 6c 75 65 29 20 7b 0a 20 20 20 20 20 20 74 68 69 lue) {. thi
1350: 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 73 65 s.colorpicker.se
1360: 74 56 61 6c 75 65 28 76 61 6c 29 3b 0a 20 20 20 tValue(val);.
1370: 20 7d 0a 20 20 7d 0a 0a 20 20 2f 2a 2a 0a 20 20 }. }.. /**.
1380: 20 2a 20 46 75 6e 63 74 69 6f 6e 20 74 72 69 67 * Function trig
1390: 67 65 72 65 64 20 61 66 74 65 72 20 61 20 6b 65 gered after a ke
13a0: 79 62 6f 61 72 64 20 6b 65 79 20 68 61 73 20 62 yboard key has b
13b0: 65 65 6e 20 72 65 6c 65 61 73 65 64 2e 0a 20 20 een released..
13c0: 20 2a 0a 20 20 20 2a 20 40 70 72 69 76 61 74 65 *. * @private
13d0: 0a 20 20 20 2a 20 40 70 61 72 61 6d 20 7b 45 76 . * @param {Ev
13e0: 65 6e 74 7d 20 65 0a 20 20 20 2a 20 40 72 65 74 ent} e. * @ret
13f0: 75 72 6e 73 20 7b 62 6f 6f 6c 65 61 6e 7d 0a 20 urns {boolean}.
1400: 20 20 2a 2f 0a 20 20 6f 6e 6b 65 79 75 70 28 65 */. onkeyup(e
1410: 29 20 7b 0a 20 20 20 20 74 68 69 73 2e 63 6f 6c ) {. this.col
1420: 6f 72 70 69 63 6b 65 72 2e 6c 61 73 74 45 76 65 orpicker.lastEve
1430: 6e 74 2e 61 6c 69 61 73 20 3d 20 27 69 6e 70 75 nt.alias = 'inpu
1440: 74 2e 6b 65 79 75 70 27 3b 0a 20 20 20 20 74 68 t.keyup';. th
1450: 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 6c is.colorpicker.l
1460: 61 73 74 45 76 65 6e 74 2e 65 20 3d 20 65 3b 0a astEvent.e = e;.
1470: 0a 20 20 20 20 6c 65 74 20 76 61 6c 20 3d 20 74 . let val = t
1480: 68 69 73 2e 67 65 74 56 61 6c 75 65 28 29 3b 0a his.getValue();.
1490: 0a 20 20 20 20 69 66 20 28 76 61 6c 20 21 3d 3d . if (val !==
14a0: 20 65 2e 76 61 6c 75 65 29 20 7b 0a 20 20 20 20 e.value) {.
14b0: 20 20 74 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b this.colorpick
14c0: 65 72 2e 73 65 74 56 61 6c 75 65 28 76 61 6c 29 er.setValue(val)
14d0: 3b 0a 20 20 20 20 7d 0a 20 20 7d 0a 7d 0a 0a 65 ;. }. }.}..e
14e0: 78 70 6f 72 74 20 64 65 66 61 75 6c 74 20 49 6e xport default In
14f0: 70 75 74 48 61 6e 64 6c 65 72 3b 0a putHandler;.