0000: 27 75 73 65 20 73 74 72 69 63 74 27 3b 0a 0a 6c 'use strict';..l
0010: 65 74 20 73 76 67 20 3d 20 72 65 71 75 69 72 65 et svg = require
0020: 28 27 2e 2e 2f 75 74 69 6c 2f 73 76 67 27 29 3b ('../util/svg');
0030: 0a 6c 65 74 20 6d 61 74 68 20 3d 20 72 65 71 75 .let math = requ
0040: 69 72 65 28 27 2e 2e 2f 75 74 69 6c 2f 6d 61 74 ire('../util/mat
0050: 68 27 29 3b 0a 6c 65 74 20 54 6f 67 67 6c 65 4d h');.let ToggleM
0060: 6f 64 65 6c 20 3d 20 72 65 71 75 69 72 65 28 27 odel = require('
0070: 2e 2e 2f 6d 6f 64 65 6c 73 2f 74 6f 67 67 6c 65 ../models/toggle
0080: 27 29 3b 0a 6c 65 74 20 49 6e 74 65 72 66 61 63 ');.let Interfac
0090: 65 20 3d 20 72 65 71 75 69 72 65 28 27 2e 2e 2f e = require('../
00a0: 63 6f 72 65 2f 69 6e 74 65 72 66 61 63 65 27 29 core/interface')
00b0: 3b 0a 0a 2f 2a 2a 0a 42 75 74 74 6f 6e 20 54 65 ;../**.Button Te
00c0: 6d 70 6c 61 74 65 0a 2a 2f 0a 0a 65 78 70 6f 72 mplate.*/..expor
00d0: 74 20 64 65 66 61 75 6c 74 20 63 6c 61 73 73 20 t default class
00e0: 42 75 74 74 6f 6e 54 65 6d 70 6c 61 74 65 20 65 ButtonTemplate e
00f0: 78 74 65 6e 64 73 20 49 6e 74 65 72 66 61 63 65 xtends Interface
0100: 20 7b 0a 0a 20 20 63 6f 6e 73 74 72 75 63 74 6f {.. constructo
0110: 72 28 61 72 67 73 2c 6f 70 74 69 6f 6e 73 2c 64 r(args,options,d
0120: 65 66 61 75 6c 74 73 29 20 7b 0a 0a 20 20 20 20 efaults) {..
0130: 73 75 70 65 72 28 61 72 67 73 2c 6f 70 74 69 6f super(args,optio
0140: 6e 73 2c 64 65 66 61 75 6c 74 73 29 3b 0a 0a 20 ns,defaults);..
0150: 20 20 20 74 68 69 73 2e 6d 6f 64 65 20 3d 20 74 this.mode = t
0160: 68 69 73 2e 73 65 74 74 69 6e 67 73 2e 6d 6f 64 his.settings.mod
0170: 65 20 7c 7c 20 27 62 75 74 74 6f 6e 27 3b 0a 0a e || 'button';..
0180: 20 20 20 20 74 68 69 73 2e 70 6f 73 69 74 69 6f this.positio
0190: 6e 20 3d 20 7b 0a 20 20 20 20 20 20 78 3a 20 30 n = {. x: 0
01a0: 2c 0a 20 20 20 20 20 20 79 3a 20 30 0a 20 20 20 ,. y: 0.
01b0: 20 7d 3b 0a 0a 20 20 20 20 74 68 69 73 2e 5f 73 };.. this._s
01c0: 74 61 74 65 20 3d 20 6e 65 77 20 54 6f 67 67 6c tate = new Toggl
01d0: 65 4d 6f 64 65 6c 28 74 68 69 73 2e 73 65 74 74 eModel(this.sett
01e0: 69 6e 67 73 2e 73 74 61 74 65 29 3b 0a 0a 20 20 ings.state);..
01f0: 7d 0a 0a 20 20 62 75 69 6c 64 49 6e 74 65 72 66 }.. buildInterf
0200: 61 63 65 28 29 20 7b 0a 20 20 20 20 74 68 69 73 ace() {. this
0210: 2e 70 61 64 20 3d 20 73 76 67 2e 63 72 65 61 74 .pad = svg.creat
0220: 65 28 27 63 69 72 63 6c 65 27 29 3b 0a 20 20 20 e('circle');.
0230: 20 74 68 69 73 2e 70 61 64 2e 73 65 74 41 74 74 this.pad.setAtt
0240: 72 69 62 75 74 65 28 27 66 69 6c 6c 27 2c 20 27 ribute('fill', '
0250: 23 64 31 38 27 29 3b 0a 20 20 20 20 74 68 69 73 #d18');. this
0260: 2e 70 61 64 2e 73 65 74 41 74 74 72 69 62 75 74 .pad.setAttribut
0270: 65 28 27 73 74 72 6f 6b 65 27 2c 20 27 23 64 31 e('stroke', '#d1
0280: 38 27 29 3b 0a 20 20 20 20 74 68 69 73 2e 70 61 8');. this.pa
0290: 64 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 27 d.setAttribute('
02a0: 73 74 72 6f 6b 65 2d 77 69 64 74 68 27 2c 20 34 stroke-width', 4
02b0: 29 3b 0a 0a 20 20 20 20 74 68 69 73 2e 65 6c 65 );.. this.ele
02c0: 6d 65 6e 74 2e 61 70 70 65 6e 64 43 68 69 6c 64 ment.appendChild
02d0: 28 74 68 69 73 2e 70 61 64 29 3b 0a 0a 20 20 20 (this.pad);..
02e0: 20 74 68 69 73 2e 69 6e 74 65 72 61 63 74 69 6f this.interactio
02f0: 6e 54 61 72 67 65 74 20 3d 20 74 68 69 73 2e 70 nTarget = this.p
0300: 61 64 3b 0a 0a 20 20 20 20 74 68 69 73 2e 73 69 ad;.. this.si
0310: 7a 65 49 6e 74 65 72 66 61 63 65 28 29 3b 0a 20 zeInterface();.
0320: 20 7d 0a 0a 20 20 73 69 7a 65 49 6e 74 65 72 66 }.. sizeInterf
0330: 61 63 65 28 29 20 7b 0a 20 20 20 20 74 68 69 73 ace() {. this
0340: 2e 70 61 64 2e 73 65 74 41 74 74 72 69 62 75 74 .pad.setAttribut
0350: 65 28 27 63 78 27 2c 74 68 69 73 2e 77 69 64 74 e('cx',this.widt
0360: 68 2f 32 29 3b 0a 20 20 20 20 74 68 69 73 2e 70 h/2);. this.p
0370: 61 64 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 ad.setAttribute(
0380: 27 63 79 27 2c 74 68 69 73 2e 68 65 69 67 68 74 'cy',this.height
0390: 2f 32 29 3b 0a 20 20 20 20 74 68 69 73 2e 70 61 /2);. this.pa
03a0: 64 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 27 d.setAttribute('
03b0: 72 27 2c 20 4d 61 74 68 2e 6d 69 6e 28 74 68 69 r', Math.min(thi
03c0: 73 2e 77 69 64 74 68 2c 74 68 69 73 2e 68 65 69 s.width,this.hei
03d0: 67 68 74 29 20 2f 20 32 20 2d 20 32 29 3b 0a 20 ght) / 2 - 2);.
03e0: 20 7d 0a 0a 20 20 72 65 6e 64 65 72 28 29 20 7b }.. render() {
03f0: 0a 20 20 20 20 69 66 20 28 21 74 68 69 73 2e 73 . if (!this.s
0400: 74 61 74 65 29 20 7b 0a 20 20 20 20 20 20 74 68 tate) {. th
0410: 69 73 2e 70 61 64 2e 73 65 74 41 74 74 72 69 62 is.pad.setAttrib
0420: 75 74 65 28 27 66 69 6c 6c 27 2c 20 74 68 69 73 ute('fill', this
0430: 2e 63 6f 6c 6f 72 73 2e 66 69 6c 6c 29 3b 0a 20 .colors.fill);.
0440: 20 20 20 20 20 74 68 69 73 2e 70 61 64 2e 73 65 this.pad.se
0450: 74 41 74 74 72 69 62 75 74 65 28 27 73 74 72 6f tAttribute('stro
0460: 6b 65 27 2c 20 74 68 69 73 2e 63 6f 6c 6f 72 73 ke', this.colors
0470: 2e 6d 65 64 69 75 6d 4c 69 67 68 74 29 3b 0a 20 .mediumLight);.
0480: 20 20 20 7d 20 65 6c 73 65 20 7b 0a 20 20 20 20 } else {.
0490: 20 20 74 68 69 73 2e 70 61 64 2e 73 65 74 41 74 this.pad.setAt
04a0: 74 72 69 62 75 74 65 28 27 66 69 6c 6c 27 2c 20 tribute('fill',
04b0: 74 68 69 73 2e 63 6f 6c 6f 72 73 2e 61 63 63 65 this.colors.acce
04c0: 6e 74 29 3b 0a 20 20 20 20 20 20 74 68 69 73 2e nt);. this.
04d0: 70 61 64 2e 73 65 74 41 74 74 72 69 62 75 74 65 pad.setAttribute
04e0: 28 27 73 74 72 6f 6b 65 27 2c 20 74 68 69 73 2e ('stroke', this.
04f0: 63 6f 6c 6f 72 73 2e 61 63 63 65 6e 74 29 3b 0a colors.accent);.
0500: 20 20 20 20 7d 0a 20 20 7d 0a 0a 20 20 64 6f 77 }. }.. dow
0510: 6e 28 70 61 69 6e 74 62 72 75 73 68 29 20 7b 0a n(paintbrush) {.
0520: 20 20 20 20 73 77 69 74 63 68 20 28 74 68 69 73 switch (this
0530: 2e 6d 6f 64 65 29 20 7b 0a 20 20 20 20 20 20 63 .mode) {. c
0540: 61 73 65 20 27 69 6d 70 75 6c 73 65 27 3a 0a 20 ase 'impulse':.
0550: 20 20 20 20 20 20 20 74 68 69 73 2e 74 75 72 6e this.turn
0560: 4f 6e 28 29 3b 0a 20 20 20 20 20 20 20 20 69 66 On();. if
0570: 20 28 74 68 69 73 2e 74 69 6d 65 6f 75 74 29 20 (this.timeout)
0580: 7b 0a 20 20 20 20 20 20 20 20 20 20 63 6c 65 61 {. clea
0590: 72 54 69 6d 65 6f 75 74 28 74 68 69 73 2e 74 69 rTimeout(this.ti
05a0: 6d 65 6f 75 74 29 3b 0a 20 20 20 20 20 20 20 20 meout);.
05b0: 7d 0a 20 20 20 20 20 20 20 20 74 68 69 73 2e 74 }. this.t
05c0: 69 6d 65 6f 75 74 20 3d 20 73 65 74 54 69 6d 65 imeout = setTime
05d0: 6f 75 74 28 74 68 69 73 2e 74 75 72 6e 4f 66 66 out(this.turnOff
05e0: 2e 62 69 6e 64 28 74 68 69 73 29 2c 33 30 29 3b .bind(this),30);
05f0: 0a 20 20 20 20 2f 2f 20 20 20 20 74 68 69 73 2e . // this.
0600: 65 6d 69 74 28 27 63 68 61 6e 67 65 27 2c 74 68 emit('change',th
0610: 69 73 2e 73 74 61 74 65 29 3b 0a 20 20 20 20 20 is.state);.
0620: 20 20 20 62 72 65 61 6b 3b 0a 20 20 20 20 20 20 break;.
0630: 63 61 73 65 20 27 62 75 74 74 6f 6e 27 3a 0a 20 case 'button':.
0640: 20 20 20 20 20 20 20 74 68 69 73 2e 74 75 72 6e this.turn
0650: 4f 6e 28 29 3b 0a 20 20 20 20 2f 2f 20 20 20 20 On();. //
0660: 74 68 69 73 2e 65 6d 69 74 28 27 63 68 61 6e 67 this.emit('chang
0670: 65 27 2c 74 68 69 73 2e 73 74 61 74 65 29 3b 0a e',this.state);.
0680: 20 20 20 20 20 20 20 20 62 72 65 61 6b 3b 0a 20 break;.
0690: 20 20 20 20 20 63 61 73 65 20 27 61 66 74 65 72 case 'after
06a0: 74 6f 75 63 68 27 3a 0a 20 20 20 20 20 20 20 20 touch':.
06b0: 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e 20 3d 20 this.position =
06c0: 7b 0a 20 20 20 20 20 20 20 20 20 20 78 3a 20 6d {. x: m
06d0: 61 74 68 2e 63 6c 69 70 28 74 68 69 73 2e 6d 6f ath.clip(this.mo
06e0: 75 73 65 2e 78 20 2f 20 74 68 69 73 2e 77 69 64 use.x / this.wid
06f0: 74 68 2c 30 2c 31 29 2c 0a 20 20 20 20 20 20 20 th,0,1),.
0700: 20 20 20 79 3a 20 6d 61 74 68 2e 63 6c 69 70 28 y: math.clip(
0710: 31 2d 74 68 69 73 2e 6d 6f 75 73 65 2e 79 20 2f 1-this.mouse.y /
0720: 20 74 68 69 73 2e 68 65 69 67 68 74 2c 30 2c 31 this.height,0,1
0730: 29 0a 20 20 20 20 20 20 20 20 7d 3b 0a 20 20 20 ). };.
0740: 20 20 20 20 20 74 68 69 73 2e 74 75 72 6e 4f 6e this.turnOn
0750: 28 29 3b 0a 20 20 20 20 2f 2f 20 20 20 20 74 68 ();. // th
0760: 69 73 2e 65 6d 69 74 28 27 63 68 61 6e 67 65 27 is.emit('change'
0770: 2c 7b 0a 20 20 20 20 2f 2f 20 20 20 20 20 20 73 ,{. // s
0780: 74 61 74 65 3a 20 74 68 69 73 2e 73 74 61 74 65 tate: this.state
0790: 2c 0a 20 20 20 20 2f 2f 20 20 20 20 20 20 78 3a ,. // x:
07a0: 20 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e 2e 78 this.position.x
07b0: 2c 0a 20 20 20 20 2f 2f 20 20 20 20 20 20 79 3a ,. // y:
07c0: 20 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e 2e 79 this.position.y
07d0: 2c 0a 20 20 20 20 2f 2f 20 20 20 20 7d 29 3b 0a ,. // });.
07e0: 20 20 20 20 20 20 20 20 62 72 65 61 6b 3b 0a 20 break;.
07f0: 20 20 20 20 20 63 61 73 65 20 27 74 6f 67 67 6c case 'toggl
0800: 65 27 3a 0a 20 20 20 20 20 20 20 20 74 68 69 73 e':. this
0810: 2e 66 6c 69 70 28 70 61 69 6e 74 62 72 75 73 68 .flip(paintbrush
0820: 29 3b 0a 20 20 20 20 2f 2f 20 20 20 20 74 68 69 );. // thi
0830: 73 2e 65 6d 69 74 28 27 63 68 61 6e 67 65 27 2c s.emit('change',
0840: 74 68 69 73 2e 73 74 61 74 65 29 3b 0a 20 20 20 this.state);.
0850: 20 20 20 20 20 62 72 65 61 6b 3b 0a 20 20 20 20 break;.
0860: 7d 0a 0a 20 20 7d 0a 0a 20 20 62 65 6e 64 28 6d }.. }.. bend(m
0870: 6f 75 73 65 29 20 7b 0a 20 20 20 20 69 66 20 28 ouse) {. if (
0880: 74 68 69 73 2e 6d 6f 64 65 3d 3d 3d 27 61 66 74 this.mode==='aft
0890: 65 72 74 6f 75 63 68 27 29 20 7b 0a 20 20 20 20 ertouch') {.
08a0: 20 20 74 68 69 73 2e 6d 6f 75 73 65 20 3d 20 6d this.mouse = m
08b0: 6f 75 73 65 20 7c 7c 20 74 68 69 73 2e 6d 6f 75 ouse || this.mou
08c0: 73 65 3b 0a 20 20 20 20 20 20 74 68 69 73 2e 70 se;. this.p
08d0: 6f 73 69 74 69 6f 6e 20 3d 20 7b 0a 20 20 20 20 osition = {.
08e0: 20 20 20 20 78 3a 20 6d 61 74 68 2e 63 6c 69 70 x: math.clip
08f0: 28 74 68 69 73 2e 6d 6f 75 73 65 2e 78 20 2f 20 (this.mouse.x /
0900: 74 68 69 73 2e 77 69 64 74 68 2c 30 2c 31 29 2c this.width,0,1),
0910: 0a 20 20 20 20 20 20 20 20 79 3a 20 6d 61 74 68 . y: math
0920: 2e 63 6c 69 70 28 31 20 2d 20 74 68 69 73 2e 6d .clip(1 - this.m
0930: 6f 75 73 65 2e 79 20 2f 20 74 68 69 73 2e 68 65 ouse.y / this.he
0940: 69 67 68 74 2c 30 2c 31 29 0a 20 20 20 20 20 20 ight,0,1).
0950: 7d 3b 0a 20 20 20 20 20 20 74 68 69 73 2e 65 6d };. this.em
0960: 69 74 28 27 63 68 61 6e 67 65 27 2c 7b 0a 20 20 it('change',{.
0970: 20 20 20 20 20 20 73 74 61 74 65 3a 20 74 68 69 state: thi
0980: 73 2e 73 74 61 74 65 2c 0a 20 20 20 20 20 20 20 s.state,.
0990: 20 78 3a 20 74 68 69 73 2e 70 6f 73 69 74 69 6f x: this.positio
09a0: 6e 2e 78 2c 0a 20 20 20 20 20 20 20 20 79 3a 20 n.x,. y:
09b0: 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e 2e 79 2c this.position.y,
09c0: 0a 20 20 20 20 20 20 7d 29 3b 0a 20 20 20 20 20 . });.
09d0: 20 74 68 69 73 2e 72 65 6e 64 65 72 28 29 3b 0a this.render();.
09e0: 20 20 20 20 7d 0a 20 20 7d 0a 0a 20 20 75 70 28 }. }.. up(
09f0: 29 20 7b 0a 20 20 20 20 73 77 69 74 63 68 20 28 ) {. switch (
0a00: 74 68 69 73 2e 6d 6f 64 65 29 20 7b 0a 20 20 20 this.mode) {.
0a10: 20 20 20 63 61 73 65 20 27 62 75 74 74 6f 6e 27 case 'button'
0a20: 3a 0a 20 20 20 20 20 20 20 20 74 68 69 73 2e 74 :. this.t
0a30: 75 72 6e 4f 66 66 28 29 3b 0a 20 20 20 20 20 20 urnOff();.
0a40: 2f 2f 20 20 74 68 69 73 2e 65 6d 69 74 28 27 63 // this.emit('c
0a50: 68 61 6e 67 65 27 2c 74 68 69 73 2e 73 74 61 74 hange',this.stat
0a60: 65 29 3b 0a 20 20 20 20 20 20 20 20 62 72 65 61 e);. brea
0a70: 6b 3b 0a 20 20 20 20 20 20 63 61 73 65 20 27 61 k;. case 'a
0a80: 66 74 65 72 74 6f 75 63 68 27 3a 0a 20 20 20 20 ftertouch':.
0a90: 20 20 20 20 74 68 69 73 2e 74 75 72 6e 4f 66 66 this.turnOff
0aa0: 28 29 3b 0a 20 20 20 20 20 20 20 20 74 68 69 73 ();. this
0ab0: 2e 70 6f 73 69 74 69 6f 6e 20 3d 20 7b 0a 20 20 .position = {.
0ac0: 20 20 20 20 20 20 20 20 78 3a 20 6d 61 74 68 2e x: math.
0ad0: 63 6c 69 70 28 74 68 69 73 2e 6d 6f 75 73 65 2e clip(this.mouse.
0ae0: 78 20 2f 20 74 68 69 73 2e 77 69 64 74 68 2c 30 x / this.width,0
0af0: 2c 31 29 2c 0a 20 20 20 20 20 20 20 20 20 20 79 ,1),. y
0b00: 3a 20 6d 61 74 68 2e 63 6c 69 70 28 31 20 2d 20 : math.clip(1 -
0b10: 74 68 69 73 2e 6d 6f 75 73 65 2e 79 20 2f 20 74 this.mouse.y / t
0b20: 68 69 73 2e 68 65 69 67 68 74 2c 30 2c 31 29 0a his.height,0,1).
0b30: 20 20 20 20 20 20 20 20 7d 3b 0a 20 20 20 20 20 };.
0b40: 20 2f 2f 20 20 74 68 69 73 2e 65 6d 69 74 28 27 // this.emit('
0b50: 63 68 61 6e 67 65 27 2c 7b 0a 20 20 20 20 20 20 change',{.
0b60: 2f 2f 20 20 20 20 73 74 61 74 65 3a 20 74 68 69 // state: thi
0b70: 73 2e 73 74 61 74 65 2c 0a 20 20 20 20 20 20 2f s.state,. /
0b80: 2f 20 20 20 20 78 3a 20 74 68 69 73 2e 70 6f 73 / x: this.pos
0b90: 69 74 69 6f 6e 2e 78 2c 0a 20 20 20 20 20 20 2f ition.x,. /
0ba0: 2f 20 20 20 20 79 3a 20 74 68 69 73 2e 70 6f 73 / y: this.pos
0bb0: 69 74 69 6f 6e 2e 79 2c 0a 20 20 20 20 20 20 2f ition.y,. /
0bc0: 2f 20 20 7d 29 3b 0a 20 20 20 20 20 20 20 20 62 / });. b
0bd0: 72 65 61 6b 3b 0a 20 20 20 20 7d 0a 20 20 7d 0a reak;. }. }.
0be0: 0a 20 20 2f 2a 20 6f 76 65 72 77 72 69 74 61 62 . /* overwritab
0bf0: 6c 65 20 69 6e 74 65 72 61 63 74 69 6f 6e 20 68 le interaction h
0c00: 61 6e 64 6c 65 72 73 20 2a 2f 0a 0a 20 20 63 6c andlers */.. cl
0c10: 69 63 6b 28 29 20 7b 0a 20 20 20 20 74 68 69 73 ick() {. this
0c20: 2e 64 6f 77 6e 28 29 3b 0a 20 20 7d 0a 20 20 6d .down();. }. m
0c30: 6f 76 65 28 29 20 7b 0a 20 20 20 20 74 68 69 73 ove() {. this
0c40: 2e 62 65 6e 64 28 29 3b 0a 20 20 7d 0a 20 20 72 .bend();. }. r
0c50: 65 6c 65 61 73 65 28 29 20 7b 0a 20 20 20 20 74 elease() {. t
0c60: 68 69 73 2e 75 70 28 29 3b 0a 20 20 7d 0a 0a 20 his.up();. }..
0c70: 20 2f 2a 2a 0a 20 20 57 68 65 74 68 65 72 20 74 /**. Whether t
0c80: 68 65 20 62 75 74 74 6f 6e 20 69 73 20 6f 6e 20 he button is on
0c90: 28 70 72 65 73 73 65 64 29 20 6f 72 20 6f 66 66 (pressed) or off
0ca0: 20 28 6e 6f 74 20 70 72 65 73 73 65 64 29 0a 20 (not pressed).
0cb0: 20 40 74 79 70 65 20 7b 62 6f 6f 6c 65 61 6e 7d @type {boolean}
0cc0: 0a 20 20 40 65 78 61 6d 70 6c 65 20 62 75 74 74 . @example butt
0cd0: 6f 6e 2e 73 74 61 74 65 20 3d 20 74 72 75 65 3b on.state = true;
0ce0: 0a 20 20 2a 2f 0a 20 20 67 65 74 20 73 74 61 74 . */. get stat
0cf0: 65 28 29 20 7b 0a 20 20 20 20 72 65 74 75 72 6e e() {. return
0d00: 20 74 68 69 73 2e 5f 73 74 61 74 65 2e 73 74 61 this._state.sta
0d10: 74 65 3b 0a 20 20 7d 0a 20 20 73 65 74 20 73 74 te;. }. set st
0d20: 61 74 65 28 76 61 6c 75 65 29 20 7b 0a 20 20 20 ate(value) {.
0d30: 20 74 68 69 73 2e 5f 73 74 61 74 65 2e 66 6c 69 this._state.fli
0d40: 70 28 76 61 6c 75 65 29 3b 0a 20 20 20 20 69 66 p(value);. if
0d50: 20 28 74 68 69 73 2e 6d 6f 64 65 3d 3d 3d 27 61 (this.mode==='a
0d60: 66 74 65 72 74 6f 75 63 68 27 29 20 7b 0a 20 20 ftertouch') {.
0d70: 20 20 20 20 74 68 69 73 2e 65 6d 69 74 28 27 63 this.emit('c
0d80: 68 61 6e 67 65 27 2c 7b 0a 20 20 20 20 20 20 20 hange',{.
0d90: 20 73 74 61 74 65 3a 20 74 68 69 73 2e 73 74 61 state: this.sta
0da0: 74 65 2c 0a 20 20 20 20 20 20 20 20 78 3a 20 74 te,. x: t
0db0: 68 69 73 2e 70 6f 73 69 74 69 6f 6e 2e 78 2c 0a his.position.x,.
0dc0: 20 20 20 20 20 20 20 20 79 3a 20 74 68 69 73 2e y: this.
0dd0: 70 6f 73 69 74 69 6f 6e 2e 79 2c 0a 20 20 20 20 position.y,.
0de0: 20 20 7d 29 3b 0a 20 20 20 20 7d 20 65 6c 73 65 });. } else
0df0: 20 7b 0a 20 20 20 20 20 20 74 68 69 73 2e 65 6d {. this.em
0e00: 69 74 28 27 63 68 61 6e 67 65 27 2c 74 68 69 73 it('change',this
0e10: 2e 73 74 61 74 65 29 3b 0a 20 20 20 20 7d 0a 20 .state);. }.
0e20: 20 20 20 74 68 69 73 2e 72 65 6e 64 65 72 28 29 this.render()
0e30: 3b 0a 20 20 7d 0a 0a 20 20 2f 2a 2a 0a 20 20 43 ;. }.. /**. C
0e40: 68 61 6e 67 65 20 74 68 65 20 62 75 74 74 6f 6e hange the button
0e50: 20 74 6f 20 69 74 73 20 61 6c 74 65 72 6e 61 74 to its alternat
0e60: 65 20 73 74 61 74 65 20 28 6f 66 66 3d 3e 6f 6e e state (off=>on
0e70: 2c 20 6f 6e 3d 3e 6f 66 66 29 2c 20 6f 72 20 66 , on=>off), or f
0e80: 6c 69 70 20 69 74 20 74 6f 20 61 20 73 70 65 63 lip it to a spec
0e90: 69 66 69 65 64 20 73 74 61 74 65 2e 0a 20 20 40 ified state.. @
0ea0: 70 61 72 61 6d 20 76 61 6c 75 65 20 7b 62 6f 6f param value {boo
0eb0: 6c 65 61 6e 7d 20 28 4f 70 74 69 6f 6e 61 6c 29 lean} (Optional)
0ec0: 20 53 74 61 74 65 20 74 6f 20 66 6c 69 70 20 74 State to flip t
0ed0: 6f 2e 0a 20 20 40 65 78 61 6d 70 6c 65 20 62 75 o.. @example bu
0ee0: 74 74 6f 6e 2e 66 6c 69 70 28 29 3b 0a 20 20 2a tton.flip();. *
0ef0: 2f 0a 20 20 66 6c 69 70 28 76 61 6c 75 65 29 20 /. flip(value)
0f00: 7b 0a 20 20 20 20 74 68 69 73 2e 5f 73 74 61 74 {. this._stat
0f10: 65 2e 66 6c 69 70 28 76 61 6c 75 65 29 3b 0a 20 e.flip(value);.
0f20: 20 20 20 69 66 20 28 74 68 69 73 2e 6d 6f 64 65 if (this.mode
0f30: 3d 3d 3d 27 61 66 74 65 72 74 6f 75 63 68 27 29 ==='aftertouch')
0f40: 20 7b 0a 20 20 20 20 20 20 74 68 69 73 2e 65 6d {. this.em
0f50: 69 74 28 27 63 68 61 6e 67 65 27 2c 7b 0a 20 20 it('change',{.
0f60: 20 20 20 20 20 20 73 74 61 74 65 3a 20 74 68 69 state: thi
0f70: 73 2e 73 74 61 74 65 2c 0a 20 20 20 20 20 20 20 s.state,.
0f80: 20 78 3a 20 74 68 69 73 2e 70 6f 73 69 74 69 6f x: this.positio
0f90: 6e 2e 78 2c 0a 20 20 20 20 20 20 20 20 79 3a 20 n.x,. y:
0fa0: 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e 2e 79 2c this.position.y,
0fb0: 0a 20 20 20 20 20 20 7d 29 3b 0a 20 20 20 20 7d . });. }
0fc0: 20 65 6c 73 65 20 7b 0a 20 20 20 20 20 20 74 68 else {. th
0fd0: 69 73 2e 65 6d 69 74 28 27 63 68 61 6e 67 65 27 is.emit('change'
0fe0: 2c 74 68 69 73 2e 73 74 61 74 65 29 3b 0a 20 20 ,this.state);.
0ff0: 20 20 7d 0a 20 20 20 20 74 68 69 73 2e 72 65 6e }. this.ren
1000: 64 65 72 28 29 3b 0a 20 20 7d 0a 0a 20 20 2f 2a der();. }.. /*
1010: 2a 0a 20 20 54 75 72 6e 20 74 68 65 20 62 75 74 *. Turn the but
1020: 74 6f 6e 27 73 20 73 74 61 74 65 20 74 6f 20 74 ton's state to t
1030: 72 75 65 2e 0a 20 20 40 65 78 61 6d 70 6c 65 20 rue.. @example
1040: 62 75 74 74 6f 6e 2e 74 75 72 6e 4f 6e 28 29 3b button.turnOn();
1050: 0a 20 20 2a 2f 0a 20 20 74 75 72 6e 4f 6e 28 65 . */. turnOn(e
1060: 6d 69 74 74 69 6e 67 29 20 7b 0a 20 20 20 20 74 mitting) {. t
1070: 68 69 73 2e 5f 73 74 61 74 65 2e 6f 6e 28 29 3b his._state.on();
1080: 0a 20 20 20 20 69 66 20 28 65 6d 69 74 74 69 6e . if (emittin
1090: 67 21 3d 3d 66 61 6c 73 65 29 20 7b 0a 20 20 20 g!==false) {.
10a0: 20 20 20 69 66 20 28 74 68 69 73 2e 6d 6f 64 65 if (this.mode
10b0: 3d 3d 3d 27 61 66 74 65 72 74 6f 75 63 68 27 29 ==='aftertouch')
10c0: 20 7b 0a 20 20 20 20 20 20 20 20 74 68 69 73 2e {. this.
10d0: 65 6d 69 74 28 27 63 68 61 6e 67 65 27 2c 7b 0a emit('change',{.
10e0: 20 20 20 20 20 20 20 20 20 20 73 74 61 74 65 3a state:
10f0: 20 74 68 69 73 2e 73 74 61 74 65 2c 0a 20 20 20 this.state,.
1100: 20 20 20 20 20 20 20 78 3a 20 74 68 69 73 2e 70 x: this.p
1110: 6f 73 69 74 69 6f 6e 2e 78 2c 0a 20 20 20 20 20 osition.x,.
1120: 20 20 20 20 20 79 3a 20 74 68 69 73 2e 70 6f 73 y: this.pos
1130: 69 74 69 6f 6e 2e 79 2c 0a 20 20 20 20 20 20 20 ition.y,.
1140: 20 7d 29 3b 0a 20 20 20 20 20 20 7d 20 65 6c 73 });. } els
1150: 65 20 7b 0a 20 20 20 20 20 20 20 20 74 68 69 73 e {. this
1160: 2e 65 6d 69 74 28 27 63 68 61 6e 67 65 27 2c 74 .emit('change',t
1170: 68 69 73 2e 73 74 61 74 65 29 3b 0a 20 20 20 20 his.state);.
1180: 20 20 7d 0a 20 20 20 20 7d 0a 20 20 20 20 74 68 }. }. th
1190: 69 73 2e 72 65 6e 64 65 72 28 29 3b 0a 20 20 7d is.render();. }
11a0: 0a 0a 20 20 2f 2a 2a 0a 20 20 54 75 72 6e 20 74 .. /**. Turn t
11b0: 68 65 20 62 75 74 74 6f 6e 27 73 20 73 74 61 74 he button's stat
11c0: 65 20 74 6f 20 66 61 6c 73 65 2e 0a 20 20 40 65 e to false.. @e
11d0: 78 61 6d 70 6c 65 20 62 75 74 74 6f 6e 2e 74 75 xample button.tu
11e0: 72 6e 4f 66 66 28 29 3b 0a 20 20 2a 2f 0a 20 20 rnOff();. */.
11f0: 74 75 72 6e 4f 66 66 28 65 6d 69 74 74 69 6e 67 turnOff(emitting
1200: 29 20 7b 0a 20 20 20 20 74 68 69 73 2e 5f 73 74 ) {. this._st
1210: 61 74 65 2e 6f 66 66 28 29 3b 0a 20 20 20 20 69 ate.off();. i
1220: 66 20 28 65 6d 69 74 74 69 6e 67 21 3d 3d 66 61 f (emitting!==fa
1230: 6c 73 65 29 20 7b 0a 20 20 20 20 20 20 69 66 20 lse) {. if
1240: 28 74 68 69 73 2e 6d 6f 64 65 3d 3d 3d 27 61 66 (this.mode==='af
1250: 74 65 72 74 6f 75 63 68 27 29 20 7b 0a 20 20 20 tertouch') {.
1260: 20 20 20 20 20 74 68 69 73 2e 65 6d 69 74 28 27 this.emit('
1270: 63 68 61 6e 67 65 27 2c 7b 0a 20 20 20 20 20 20 change',{.
1280: 20 20 20 20 73 74 61 74 65 3a 20 74 68 69 73 2e state: this.
1290: 73 74 61 74 65 2c 0a 20 20 20 20 20 20 20 20 20 state,.
12a0: 20 78 3a 20 74 68 69 73 2e 70 6f 73 69 74 69 6f x: this.positio
12b0: 6e 2e 78 2c 0a 20 20 20 20 20 20 20 20 20 20 79 n.x,. y
12c0: 3a 20 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e 2e : this.position.
12d0: 79 2c 0a 20 20 20 20 20 20 20 20 7d 29 3b 0a 20 y,. });.
12e0: 20 20 20 20 20 7d 20 65 6c 73 65 20 7b 0a 20 20 } else {.
12f0: 20 20 20 20 20 20 74 68 69 73 2e 65 6d 69 74 28 this.emit(
1300: 27 63 68 61 6e 67 65 27 2c 74 68 69 73 2e 73 74 'change',this.st
1310: 61 74 65 29 3b 0a 20 20 20 20 20 20 7d 0a 20 20 ate);. }.
1320: 20 20 7d 0a 20 20 20 20 74 68 69 73 2e 72 65 6e }. this.ren
1330: 64 65 72 28 29 3b 0a 20 20 7d 0a 0a 7d 0a der();. }..}.