Artifact
1cf53e85008587c34f3870687899d16edbeb63988f24d2936bd8c2dc2c22cfb6:
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 45 78 74 65 6e 73 69 6f 6e 20 mport Extension
0020: 66 72 6f 6d 20 27 45 78 74 65 6e 73 69 6f 6e 27 from 'Extension'
0030: 3b 0a 69 6d 70 6f 72 74 20 24 20 66 72 6f 6d 20 ;.import $ from
0040: 27 6a 71 75 65 72 79 27 3b 0a 0a 2f 2a 2a 0a 20 'jquery';../**.
0050: 2a 20 44 65 62 75 67 67 65 72 20 65 78 74 65 6e * Debugger exten
0060: 73 69 6f 6e 20 63 6c 61 73 73 0a 20 2a 20 40 61 sion class. * @a
0070: 6c 69 61 73 20 44 65 62 75 67 67 65 72 45 78 74 lias DebuggerExt
0080: 65 6e 73 69 6f 6e 0a 20 2a 20 40 69 67 6e 6f 72 ension. * @ignor
0090: 65 0a 20 2a 2f 0a 63 6c 61 73 73 20 44 65 62 75 e. */.class Debu
00a0: 67 67 65 72 20 65 78 74 65 6e 64 73 20 45 78 74 gger extends Ext
00b0: 65 6e 73 69 6f 6e 20 7b 0a 20 20 63 6f 6e 73 74 ension {. const
00c0: 72 75 63 74 6f 72 28 63 6f 6c 6f 72 70 69 63 6b ructor(colorpick
00d0: 65 72 2c 20 6f 70 74 69 6f 6e 73 20 3d 20 7b 7d er, options = {}
00e0: 29 20 7b 0a 20 20 20 20 73 75 70 65 72 28 63 6f ) {. super(co
00f0: 6c 6f 72 70 69 63 6b 65 72 2c 20 6f 70 74 69 6f lorpicker, optio
0100: 6e 73 29 3b 0a 0a 20 20 20 20 2f 2a 2a 0a 20 20 ns);.. /**.
0110: 20 20 20 2a 20 40 74 79 70 65 20 7b 6e 75 6d 62 * @type {numb
0120: 65 72 7d 0a 20 20 20 20 20 2a 2f 0a 20 20 20 20 er}. */.
0130: 74 68 69 73 2e 65 76 65 6e 74 43 6f 75 6e 74 65 this.eventCounte
0140: 72 20 3d 20 30 3b 0a 20 20 20 20 69 66 20 28 74 r = 0;. if (t
0150: 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e his.colorpicker.
0160: 69 6e 70 75 74 48 61 6e 64 6c 65 72 2e 68 61 73 inputHandler.has
0170: 49 6e 70 75 74 28 29 29 20 7b 0a 20 20 20 20 20 Input()) {.
0180: 20 74 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 this.colorpicke
0190: 72 2e 69 6e 70 75 74 48 61 6e 64 6c 65 72 2e 69 r.inputHandler.i
01a0: 6e 70 75 74 2e 6f 6e 28 27 63 68 61 6e 67 65 2e nput.on('change.
01b0: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 65 78 74 27 colorpicker-ext'
01c0: 2c 20 24 2e 70 72 6f 78 79 28 74 68 69 73 2e 6f , $.proxy(this.o
01d0: 6e 43 68 61 6e 67 65 49 6e 70 75 74 2c 20 74 68 nChangeInput, th
01e0: 69 73 29 29 3b 0a 20 20 20 20 7d 0a 20 20 7d 0a is));. }. }.
01f0: 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 40 66 69 72 . /**. * @fir
0200: 65 73 20 44 65 62 75 67 67 65 72 45 78 74 65 6e es DebuggerExten
0210: 73 69 6f 6e 23 63 6f 6c 6f 72 70 69 63 6b 65 72 sion#colorpicker
0220: 44 65 62 75 67 0a 20 20 20 2a 20 40 70 61 72 61 Debug. * @para
0230: 6d 20 7b 73 74 72 69 6e 67 7d 20 65 76 65 6e 74 m {string} event
0240: 4e 61 6d 65 0a 20 20 20 2a 20 40 70 61 72 61 6d Name. * @param
0250: 20 7b 2a 7d 20 61 72 67 73 0a 20 20 20 2a 2f 0a {*} args. */.
0260: 20 20 6c 6f 67 28 65 76 65 6e 74 4e 61 6d 65 2c log(eventName,
0270: 20 2e 2e 2e 61 72 67 73 29 20 7b 0a 20 20 20 20 ...args) {.
0280: 74 68 69 73 2e 65 76 65 6e 74 43 6f 75 6e 74 65 this.eventCounte
0290: 72 20 2b 3d 20 31 3b 0a 0a 20 20 20 20 6c 65 74 r += 1;.. let
02a0: 20 6c 6f 67 4d 65 73 73 61 67 65 20 3d 20 60 23 logMessage = `#
02b0: 24 7b 74 68 69 73 2e 65 76 65 6e 74 43 6f 75 6e ${this.eventCoun
02c0: 74 65 72 7d 3a 20 43 6f 6c 6f 72 70 69 63 6b 65 ter}: Colorpicke
02d0: 72 23 24 7b 74 68 69 73 2e 63 6f 6c 6f 72 70 69 r#${this.colorpi
02e0: 63 6b 65 72 2e 69 64 7d 20 5b 24 7b 65 76 65 6e cker.id} [${even
02f0: 74 4e 61 6d 65 7d 5d 60 3b 0a 0a 20 20 20 20 63 tName}]`;.. c
0300: 6f 6e 73 6f 6c 65 2e 64 65 62 75 67 28 6c 6f 67 onsole.debug(log
0310: 4d 65 73 73 61 67 65 2c 20 2e 2e 2e 61 72 67 73 Message, ...args
0320: 29 3b 0a 0a 20 20 20 20 2f 2a 2a 0a 20 20 20 20 );.. /**.
0330: 20 2a 20 57 68 65 6e 65 76 65 72 20 74 68 65 20 * Whenever the
0340: 64 65 62 75 67 67 65 72 20 6c 6f 67 73 20 61 6e debugger logs an
0350: 20 65 76 65 6e 74 2c 20 74 68 69 73 20 6f 74 68 event, this oth
0360: 65 72 20 65 76 65 6e 74 20 69 73 20 65 6d 69 74 er event is emit
0370: 74 65 64 2e 0a 20 20 20 20 20 2a 0a 20 20 20 20 ted.. *.
0380: 20 2a 20 40 65 76 65 6e 74 20 44 65 62 75 67 67 * @event Debugg
0390: 65 72 45 78 74 65 6e 73 69 6f 6e 23 63 6f 6c 6f erExtension#colo
03a0: 72 70 69 63 6b 65 72 44 65 62 75 67 0a 20 20 20 rpickerDebug.
03b0: 20 20 2a 20 40 74 79 70 65 20 7b 6f 62 6a 65 63 * @type {objec
03c0: 74 7d 20 54 68 65 20 65 76 65 6e 74 20 6f 62 6a t} The event obj
03d0: 65 63 74 0a 20 20 20 20 20 2a 20 40 70 72 6f 70 ect. * @prop
03e0: 65 72 74 79 20 7b 43 6f 6c 6f 72 70 69 63 6b 65 erty {Colorpicke
03f0: 72 7d 20 63 6f 6c 6f 72 70 69 63 6b 65 72 20 54 r} colorpicker T
0400: 68 65 20 43 6f 6c 6f 72 70 69 63 6b 65 72 20 69 he Colorpicker i
0410: 6e 73 74 61 6e 63 65 0a 20 20 20 20 20 2a 20 40 nstance. * @
0420: 70 72 6f 70 65 72 74 79 20 7b 43 6f 6c 6f 72 49 property {ColorI
0430: 74 65 6d 7d 20 63 6f 6c 6f 72 20 54 68 65 20 63 tem} color The c
0440: 6f 6c 6f 72 20 69 6e 73 74 61 6e 63 65 0a 20 20 olor instance.
0450: 20 20 20 2a 20 40 70 72 6f 70 65 72 74 79 20 7b * @property {
0460: 7b 64 65 62 75 67 67 65 72 3a 20 44 65 62 75 67 {debugger: Debug
0470: 67 65 72 45 78 74 65 6e 73 69 6f 6e 2c 20 65 76 gerExtension, ev
0480: 65 6e 74 4e 61 6d 65 3a 20 53 74 72 69 6e 67 2c entName: String,
0490: 20 6c 6f 67 41 72 67 73 3a 20 41 72 72 61 79 2c logArgs: Array,
04a0: 20 6c 6f 67 4d 65 73 73 61 67 65 3a 20 53 74 72 logMessage: Str
04b0: 69 6e 67 7d 7d 20 64 65 62 75 67 0a 20 20 20 20 ing}} debug.
04c0: 20 2a 20 20 54 68 65 20 64 65 62 75 67 20 69 6e * The debug in
04d0: 66 6f 0a 20 20 20 20 20 2a 2f 0a 20 20 20 20 74 fo. */. t
04e0: 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e his.colorpicker.
04f0: 65 6c 65 6d 65 6e 74 2e 74 72 69 67 67 65 72 28 element.trigger(
0500: 7b 0a 20 20 20 20 20 20 74 79 70 65 3a 20 27 63 {. type: 'c
0510: 6f 6c 6f 72 70 69 63 6b 65 72 44 65 62 75 67 27 olorpickerDebug'
0520: 2c 0a 20 20 20 20 20 20 63 6f 6c 6f 72 70 69 63 ,. colorpic
0530: 6b 65 72 3a 20 74 68 69 73 2e 63 6f 6c 6f 72 70 ker: this.colorp
0540: 69 63 6b 65 72 2c 0a 20 20 20 20 20 20 63 6f 6c icker,. col
0550: 6f 72 3a 20 74 68 69 73 2e 63 6f 6c 6f 72 2c 0a or: this.color,.
0560: 20 20 20 20 20 20 76 61 6c 75 65 3a 20 6e 75 6c value: nul
0570: 6c 2c 0a 20 20 20 20 20 20 64 65 62 75 67 3a 20 l,. debug:
0580: 7b 0a 20 20 20 20 20 20 20 20 64 65 62 75 67 67 {. debugg
0590: 65 72 3a 20 74 68 69 73 2c 0a 20 20 20 20 20 20 er: this,.
05a0: 20 20 65 76 65 6e 74 4e 61 6d 65 3a 20 65 76 65 eventName: eve
05b0: 6e 74 4e 61 6d 65 2c 0a 20 20 20 20 20 20 20 20 ntName,.
05c0: 6c 6f 67 41 72 67 73 3a 20 61 72 67 73 2c 0a 20 logArgs: args,.
05d0: 20 20 20 20 20 20 20 6c 6f 67 4d 65 73 73 61 67 logMessag
05e0: 65 3a 20 6c 6f 67 4d 65 73 73 61 67 65 0a 20 20 e: logMessage.
05f0: 20 20 20 20 7d 0a 20 20 20 20 7d 29 3b 0a 20 20 }. });.
0600: 7d 0a 0a 20 20 72 65 73 6f 6c 76 65 43 6f 6c 6f }.. resolveColo
0610: 72 28 63 6f 6c 6f 72 2c 20 72 65 61 6c 43 6f 6c r(color, realCol
0620: 6f 72 20 3d 20 74 72 75 65 29 20 7b 0a 20 20 20 or = true) {.
0630: 20 74 68 69 73 2e 6c 6f 67 28 27 72 65 73 6f 6c this.log('resol
0640: 76 65 43 6f 6c 6f 72 28 29 27 2c 20 63 6f 6c 6f veColor()', colo
0650: 72 2c 20 72 65 61 6c 43 6f 6c 6f 72 29 3b 0a 20 r, realColor);.
0660: 20 20 20 72 65 74 75 72 6e 20 66 61 6c 73 65 3b return false;
0670: 0a 20 20 7d 0a 0a 20 20 6f 6e 43 72 65 61 74 65 . }.. onCreate
0680: 28 65 76 65 6e 74 29 20 7b 0a 20 20 20 20 74 68 (event) {. th
0690: 69 73 2e 6c 6f 67 28 27 63 6f 6c 6f 72 70 69 63 is.log('colorpic
06a0: 6b 65 72 43 72 65 61 74 65 27 29 3b 0a 20 20 20 kerCreate');.
06b0: 20 72 65 74 75 72 6e 20 73 75 70 65 72 2e 6f 6e return super.on
06c0: 43 72 65 61 74 65 28 65 76 65 6e 74 29 3b 0a 20 Create(event);.
06d0: 20 7d 0a 0a 20 20 6f 6e 44 65 73 74 72 6f 79 28 }.. onDestroy(
06e0: 65 76 65 6e 74 29 20 7b 0a 20 20 20 20 74 68 69 event) {. thi
06f0: 73 2e 6c 6f 67 28 27 63 6f 6c 6f 72 70 69 63 6b s.log('colorpick
0700: 65 72 44 65 73 74 72 6f 79 27 29 3b 0a 20 20 20 erDestroy');.
0710: 20 74 68 69 73 2e 65 76 65 6e 74 43 6f 75 6e 74 this.eventCount
0720: 65 72 20 3d 20 30 3b 0a 0a 20 20 20 20 69 66 20 er = 0;.. if
0730: 28 74 68 69 73 2e 63 6f 6c 6f 72 70 69 63 6b 65 (this.colorpicke
0740: 72 2e 69 6e 70 75 74 48 61 6e 64 6c 65 72 2e 68 r.inputHandler.h
0750: 61 73 49 6e 70 75 74 28 29 29 20 7b 0a 20 20 20 asInput()) {.
0760: 20 20 20 74 68 69 73 2e 63 6f 6c 6f 72 70 69 63 this.colorpic
0770: 6b 65 72 2e 69 6e 70 75 74 48 61 6e 64 6c 65 72 ker.inputHandler
0780: 2e 69 6e 70 75 74 2e 6f 66 66 28 27 2e 63 6f 6c .input.off('.col
0790: 6f 72 70 69 63 6b 65 72 2d 65 78 74 27 29 3b 0a orpicker-ext');.
07a0: 20 20 20 20 7d 0a 0a 20 20 20 20 72 65 74 75 72 }.. retur
07b0: 6e 20 73 75 70 65 72 2e 6f 6e 44 65 73 74 72 6f n super.onDestro
07c0: 79 28 65 76 65 6e 74 29 3b 0a 20 20 7d 0a 0a 20 y(event);. }..
07d0: 20 6f 6e 55 70 64 61 74 65 28 65 76 65 6e 74 29 onUpdate(event)
07e0: 20 7b 0a 20 20 20 20 74 68 69 73 2e 6c 6f 67 28 {. this.log(
07f0: 27 63 6f 6c 6f 72 70 69 63 6b 65 72 55 70 64 61 'colorpickerUpda
0800: 74 65 27 29 3b 0a 20 20 7d 0a 0a 20 20 2f 2a 2a te');. }.. /**
0810: 0a 20 20 20 2a 20 40 6c 69 73 74 65 6e 73 20 43 . * @listens C
0820: 6f 6c 6f 72 70 69 63 6b 65 72 23 63 68 61 6e 67 olorpicker#chang
0830: 65 0a 20 20 20 2a 20 40 70 61 72 61 6d 20 7b 45 e. * @param {E
0840: 76 65 6e 74 7d 20 65 76 65 6e 74 0a 20 20 20 2a vent} event. *
0850: 2f 0a 20 20 6f 6e 43 68 61 6e 67 65 49 6e 70 75 /. onChangeInpu
0860: 74 28 65 76 65 6e 74 29 20 7b 0a 20 20 20 20 74 t(event) {. t
0870: 68 69 73 2e 6c 6f 67 28 27 69 6e 70 75 74 3a 63 his.log('input:c
0880: 68 61 6e 67 65 2e 63 6f 6c 6f 72 70 69 63 6b 65 hange.colorpicke
0890: 72 27 2c 20 65 76 65 6e 74 2e 76 61 6c 75 65 2c r', event.value,
08a0: 20 65 76 65 6e 74 2e 63 6f 6c 6f 72 29 3b 0a 20 event.color);.
08b0: 20 7d 0a 0a 20 20 6f 6e 43 68 61 6e 67 65 28 65 }.. onChange(e
08c0: 76 65 6e 74 29 20 7b 0a 20 20 20 20 74 68 69 73 vent) {. this
08d0: 2e 6c 6f 67 28 27 63 6f 6c 6f 72 70 69 63 6b 65 .log('colorpicke
08e0: 72 43 68 61 6e 67 65 27 2c 20 65 76 65 6e 74 2e rChange', event.
08f0: 76 61 6c 75 65 2c 20 65 76 65 6e 74 2e 63 6f 6c value, event.col
0900: 6f 72 29 3b 0a 20 20 7d 0a 0a 20 20 6f 6e 49 6e or);. }.. onIn
0910: 76 61 6c 69 64 28 65 76 65 6e 74 29 20 7b 0a 20 valid(event) {.
0920: 20 20 20 74 68 69 73 2e 6c 6f 67 28 27 63 6f 6c this.log('col
0930: 6f 72 70 69 63 6b 65 72 49 6e 76 61 6c 69 64 27 orpickerInvalid'
0940: 2c 20 65 76 65 6e 74 2e 76 61 6c 75 65 2c 20 65 , event.value, e
0950: 76 65 6e 74 2e 63 6f 6c 6f 72 29 3b 0a 20 20 7d vent.color);. }
0960: 0a 0a 20 20 6f 6e 48 69 64 65 28 65 76 65 6e 74 .. onHide(event
0970: 29 20 7b 0a 20 20 20 20 74 68 69 73 2e 6c 6f 67 ) {. this.log
0980: 28 27 63 6f 6c 6f 72 70 69 63 6b 65 72 48 69 64 ('colorpickerHid
0990: 65 27 29 3b 0a 20 20 20 20 74 68 69 73 2e 65 76 e');. this.ev
09a0: 65 6e 74 43 6f 75 6e 74 65 72 20 3d 20 30 3b 0a entCounter = 0;.
09b0: 20 20 7d 0a 0a 20 20 6f 6e 53 68 6f 77 28 65 76 }.. onShow(ev
09c0: 65 6e 74 29 20 7b 0a 20 20 20 20 74 68 69 73 2e ent) {. this.
09d0: 6c 6f 67 28 27 63 6f 6c 6f 72 70 69 63 6b 65 72 log('colorpicker
09e0: 53 68 6f 77 27 29 3b 0a 20 20 7d 0a 0a 20 20 6f Show');. }.. o
09f0: 6e 44 69 73 61 62 6c 65 28 65 76 65 6e 74 29 20 nDisable(event)
0a00: 7b 0a 20 20 20 20 74 68 69 73 2e 6c 6f 67 28 27 {. this.log('
0a10: 63 6f 6c 6f 72 70 69 63 6b 65 72 44 69 73 61 62 colorpickerDisab
0a20: 6c 65 27 29 3b 0a 20 20 7d 0a 0a 20 20 6f 6e 45 le');. }.. onE
0a30: 6e 61 62 6c 65 28 65 76 65 6e 74 29 20 7b 0a 20 nable(event) {.
0a40: 20 20 20 74 68 69 73 2e 6c 6f 67 28 27 63 6f 6c this.log('col
0a50: 6f 72 70 69 63 6b 65 72 45 6e 61 62 6c 65 27 29 orpickerEnable')
0a60: 3b 0a 20 20 7d 0a 7d 0a 0a 65 78 70 6f 72 74 20 ;. }.}..export
0a70: 64 65 66 61 75 6c 74 20 44 65 62 75 67 67 65 72 default Debugger
0a80: 3b 0a ;.