Artifact
344c1fbaecdbd252f6bda43ce44f6f00e006e945a0eb2e0dd71e1a997b3d1377:
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 64 6f 6d 20 3d 20 72 65 71 75 69 .let dom = requi
0040: 72 65 28 27 2e 2e 2f 75 74 69 6c 2f 64 6f 6d 27 re('../util/dom'
0050: 29 3b 0a 6c 65 74 20 75 74 69 6c 20 3d 20 72 65 );.let util = re
0060: 71 75 69 72 65 28 27 2e 2e 2f 75 74 69 6c 2f 75 quire('../util/u
0070: 74 69 6c 27 29 3b 0a 6c 65 74 20 74 6f 75 63 68 til');.let touch
0080: 20 3d 20 72 65 71 75 69 72 65 28 27 2e 2e 2f 75 = require('../u
0090: 74 69 6c 2f 74 6f 75 63 68 27 29 3b 0a 63 6f 6e til/touch');.con
00a0: 73 74 20 45 76 65 6e 74 45 6d 69 74 74 65 72 20 st EventEmitter
00b0: 3d 20 72 65 71 75 69 72 65 28 27 65 76 65 6e 74 = require('event
00c0: 73 27 29 3b 0a 0a 69 6d 70 6f 72 74 20 7b 20 63 s');..import { c
00d0: 6f 6c 6f 72 73 20 7d 20 66 72 6f 6d 20 27 2e 2e olors } from '..
00e0: 2f 6d 61 69 6e 27 3b 0a 0a 2f 2a 2a 0a 49 6e 74 /main';../**.Int
00f0: 65 72 66 61 63 65 0a 2a 2f 0a 65 78 70 6f 72 74 erface.*/.export
0100: 20 64 65 66 61 75 6c 74 20 63 6c 61 73 73 20 49 default class I
0110: 6e 74 65 72 66 61 63 65 20 65 78 74 65 6e 64 73 nterface extends
0120: 20 45 76 65 6e 74 45 6d 69 74 74 65 72 20 7b 0a EventEmitter {.
0130: 0a 20 20 63 6f 6e 73 74 72 75 63 74 6f 72 28 61 . constructor(a
0140: 72 67 73 2c 6f 70 74 69 6f 6e 73 2c 64 65 66 61 rgs,options,defa
0150: 75 6c 74 73 29 20 7b 0a 20 20 20 20 73 75 70 65 ults) {. supe
0160: 72 28 29 3b 0a 20 20 20 20 74 68 69 73 2e 74 79 r();. this.ty
0170: 70 65 20 3d 20 74 68 69 73 2e 63 6f 6e 73 74 72 pe = this.constr
0180: 75 63 74 6f 72 2e 6e 61 6d 65 3b 0a 20 20 20 20 uctor.name;.
0190: 74 68 69 73 2e 73 65 74 74 69 6e 67 73 20 3d 20 this.settings =
01a0: 74 68 69 73 2e 70 61 72 73 65 53 65 74 74 69 6e this.parseSettin
01b0: 67 73 28 61 72 67 73 2c 6f 70 74 69 6f 6e 73 2c gs(args,options,
01c0: 64 65 66 61 75 6c 74 73 29 3b 0a 20 20 20 20 74 defaults);. t
01d0: 68 69 73 2e 6d 6f 75 73 65 20 3d 20 7b 7d 3b 0a his.mouse = {};.
01e0: 20 20 20 20 74 68 69 73 2e 77 61 69 74 20 3d 20 this.wait =
01f0: 66 61 6c 73 65 3b 0a 20 20 20 20 74 68 69 73 2e false;. this.
0200: 63 6f 6c 6f 72 73 20 3d 20 7b 7d 3b 0a 20 20 20 colors = {};.
0210: 20 6c 65 74 20 64 65 66 61 75 6c 74 43 6f 6c 6f let defaultColo
0220: 72 73 20 3d 20 63 6f 6c 6f 72 73 28 29 3b 20 2f rs = colors(); /
0230: 2f 20 6a 73 68 69 6e 74 20 69 67 6e 6f 72 65 3a / jshint ignore:
0240: 6c 69 6e 65 0a 20 20 20 20 74 68 69 73 2e 63 6f line. this.co
0250: 6c 6f 72 73 2e 61 63 63 65 6e 74 20 3d 20 64 65 lors.accent = de
0260: 66 61 75 6c 74 43 6f 6c 6f 72 73 2e 61 63 63 65 faultColors.acce
0270: 6e 74 3b 0a 20 20 20 20 74 68 69 73 2e 63 6f 6c nt;. this.col
0280: 6f 72 73 2e 66 69 6c 6c 20 3d 20 64 65 66 61 75 ors.fill = defau
0290: 6c 74 43 6f 6c 6f 72 73 2e 66 69 6c 6c 3b 0a 20 ltColors.fill;.
02a0: 20 20 20 74 68 69 73 2e 63 6f 6c 6f 72 73 2e 6c this.colors.l
02b0: 69 67 68 74 20 3d 20 64 65 66 61 75 6c 74 43 6f ight = defaultCo
02c0: 6c 6f 72 73 2e 6c 69 67 68 74 3b 0a 20 20 20 20 lors.light;.
02d0: 74 68 69 73 2e 63 6f 6c 6f 72 73 2e 64 61 72 6b this.colors.dark
02e0: 20 3d 20 64 65 66 61 75 6c 74 43 6f 6c 6f 72 73 = defaultColors
02f0: 2e 64 61 72 6b 3b 0a 20 20 20 20 74 68 69 73 2e .dark;. this.
0300: 63 6f 6c 6f 72 73 2e 6d 65 64 69 75 6d 4c 69 67 colors.mediumLig
0310: 68 74 20 3d 20 64 65 66 61 75 6c 74 43 6f 6c 6f ht = defaultColo
0320: 72 73 2e 6d 65 64 69 75 6d 4c 69 67 68 74 3b 0a rs.mediumLight;.
0330: 20 20 20 20 74 68 69 73 2e 63 6f 6c 6f 72 73 2e this.colors.
0340: 6d 65 64 69 75 6d 44 61 72 6b 20 3d 20 64 65 66 mediumDark = def
0350: 61 75 6c 74 43 6f 6c 6f 72 73 2e 6d 65 64 69 75 aultColors.mediu
0360: 6d 44 61 72 6b 3b 0a 20 20 7d 0a 0a 20 20 70 61 mDark;. }.. pa
0370: 72 73 65 53 65 74 74 69 6e 67 73 28 61 72 67 73 rseSettings(args
0380: 2c 6f 70 74 69 6f 6e 73 2c 64 65 66 61 75 6c 74 ,options,default
0390: 73 29 20 7b 0a 0a 20 20 20 20 6f 70 74 69 6f 6e s) {.. option
03a0: 73 2e 75 6e 73 68 69 66 74 28 27 74 61 72 67 65 s.unshift('targe
03b0: 74 27 29 3b 0a 20 20 20 20 64 65 66 61 75 6c 74 t');. default
03c0: 73 2e 64 65 66 61 75 6c 74 53 69 7a 65 20 3d 20 s.defaultSize =
03d0: 64 65 66 61 75 6c 74 73 2e 73 69 7a 65 2e 73 70 defaults.size.sp
03e0: 6c 69 63 65 28 30 2c 32 29 3b 0a 20 20 20 20 64 lice(0,2);. d
03f0: 65 66 61 75 6c 74 73 2e 73 69 7a 65 20 3d 20 66 efaults.size = f
0400: 61 6c 73 65 3b 0a 0a 20 20 20 20 6c 65 74 20 73 alse;.. let s
0410: 65 74 74 69 6e 67 73 20 3d 20 7b 0a 20 20 20 20 ettings = {.
0420: 20 20 27 74 61 72 67 65 74 27 3a 20 64 6f 63 75 'target': docu
0430: 6d 65 6e 74 2e 62 6f 64 79 2c 0a 20 20 20 20 20 ment.body,.
0440: 20 27 63 6f 6c 6f 72 73 27 3a 20 7b 7d 2c 20 2f 'colors': {}, /
0450: 2f 20 73 68 6f 75 6c 64 20 69 6e 68 65 72 69 74 / should inherit
0460: 20 66 72 6f 6d 20 61 20 63 6f 6c 6f 72 73 20 6d from a colors m
0470: 6f 64 75 6c 65 2c 0a 20 20 20 20 20 20 27 73 6e odule,. 'sn
0480: 61 70 57 69 74 68 50 61 72 65 6e 74 27 3a 20 74 apWithParent': t
0490: 72 75 65 2c 0a 20 20 20 20 20 20 27 65 76 65 6e rue,. 'even
04a0: 74 27 3a 20 66 75 6e 63 74 69 6f 6e 28 29 20 7b t': function() {
04b0: 7d 2c 0a 20 20 20 20 20 20 27 63 6f 6d 70 6f 6e },. 'compon
04c0: 65 6e 74 27 3a 20 66 61 6c 73 65 0a 20 20 20 20 ent': false.
04d0: 7d 3b 0a 0a 20 20 20 20 66 6f 72 20 28 6c 65 74 };.. for (let
04e0: 20 6b 65 79 20 69 6e 20 64 65 66 61 75 6c 74 73 key in defaults
04f0: 29 20 7b 0a 20 20 20 20 20 20 73 65 74 74 69 6e ) {. settin
0500: 67 73 5b 6b 65 79 5d 20 3d 20 64 65 66 61 75 6c gs[key] = defaul
0510: 74 73 5b 6b 65 79 5d 3b 0a 20 20 20 20 7d 0a 0a ts[key];. }..
0520: 20 20 20 20 66 6f 72 20 28 6c 65 74 20 69 3d 30 for (let i=0
0530: 3b 20 69 3c 61 72 67 73 2e 6c 65 6e 67 74 68 3b ; i<args.length;
0540: 20 69 2b 2b 29 20 7b 0a 20 20 20 20 20 20 2f 2f i++) {. //
0550: 20 67 72 61 62 73 20 74 68 65 20 6e 65 78 74 20 grabs the next
0560: 61 72 67 75 6d 65 6e 74 0a 20 20 20 20 20 20 6c argument. l
0570: 65 74 20 73 65 74 74 69 6e 67 20 3d 20 61 72 67 et setting = arg
0580: 73 5b 69 5d 3b 0a 20 20 20 20 20 20 2f 2f 20 69 s[i];. // i
0590: 66 20 69 74 27 73 20 61 6e 20 6f 62 6a 65 63 74 f it's an object
05a0: 2c 20 69 74 20 6d 75 73 74 20 62 65 20 74 68 65 , it must be the
05b0: 20 73 65 74 74 69 6e 67 73 20 6f 62 6a 65 63 74 settings object
05c0: 0a 20 20 20 20 20 20 69 66 20 28 20 75 74 69 6c . if ( util
05d0: 2e 69 73 4f 62 6a 65 63 74 28 73 65 74 74 69 6e .isObject(settin
05e0: 67 29 20 29 20 7b 0a 20 20 20 20 20 20 20 20 66 g) ) {. f
05f0: 6f 72 20 28 20 6c 65 74 20 6b 65 79 20 69 6e 20 or ( let key in
0600: 73 65 74 74 69 6e 67 20 29 20 7b 0a 20 20 20 20 setting ) {.
0610: 20 20 20 20 20 20 73 65 74 74 69 6e 67 73 5b 6b settings[k
0620: 65 79 5d 20 3d 20 73 65 74 74 69 6e 67 5b 6b 65 ey] = setting[ke
0630: 79 5d 3b 0a 20 20 20 20 20 20 20 20 7d 0a 20 20 y];. }.
0640: 20 20 20 20 2f 2f 20 69 66 20 69 74 27 73 20 61 // if it's a
0650: 20 66 75 6e 63 74 69 6f 6e 2c 20 69 74 20 6d 75 function, it mu
0660: 73 74 20 62 65 20 74 68 65 20 65 76 65 6e 74 20 st be the event
0670: 73 65 74 74 69 6e 67 0a 20 20 20 20 20 20 7d 20 setting. }
0680: 65 6c 73 65 20 69 66 20 28 74 79 70 65 6f 66 20 else if (typeof
0690: 73 65 74 74 69 6e 67 20 3d 3d 3d 20 27 66 75 6e setting === 'fun
06a0: 63 74 69 6f 6e 27 29 20 7b 0a 20 20 20 20 20 20 ction') {.
06b0: 20 20 73 65 74 74 69 6e 67 73 2e 65 76 65 6e 74 settings.event
06c0: 20 3d 20 73 65 74 74 69 6e 67 3b 0a 20 20 20 20 = setting;.
06d0: 20 20 2f 2f 20 6f 74 68 65 72 77 69 73 65 2c 20 // otherwise,
06e0: 63 6f 6e 73 69 64 65 72 20 69 74 20 6f 6e 65 20 consider it one
06f0: 6f 66 20 74 68 65 20 77 69 64 67 65 74 27 73 20 of the widget's
0700: 63 75 73 74 6f 6d 20 6f 70 74 69 6f 6e 73 0a 20 custom options.
0710: 20 20 20 20 20 7d 20 65 6c 73 65 20 69 66 20 28 } else if (
0720: 6f 70 74 69 6f 6e 73 2e 6c 65 6e 67 74 68 3e 3d options.length>=
0730: 31 29 20 7b 0a 20 20 20 20 20 20 20 20 2f 2f 20 1) {. //
0740: 67 72 61 62 20 74 68 65 20 66 69 72 73 74 20 6f grab the first o
0750: 70 74 69 6f 6e 20 2d 2d 20 69 2e 65 2e 20 27 74 ption -- i.e. 't
0760: 61 72 67 65 74 27 0a 20 20 20 20 20 20 20 20 6c arget'. l
0770: 65 74 20 6b 65 79 20 3d 20 6f 70 74 69 6f 6e 73 et key = options
0780: 2e 73 70 6c 69 63 65 28 30 2c 31 29 5b 30 5d 3b .splice(0,1)[0];
0790: 0a 20 20 20 20 20 20 20 20 73 65 74 74 69 6e 67 . setting
07a0: 73 5b 6b 65 79 5d 20 3d 20 73 65 74 74 69 6e 67 s[key] = setting
07b0: 3b 0a 20 20 20 20 20 20 7d 0a 20 20 20 20 7d 0a ;. }. }.
07c0: 0a 20 20 20 20 2f 2a 20 20 68 61 6e 64 6c 65 20 . /* handle
07d0: 63 6f 6d 6d 6f 6e 20 73 65 74 74 69 6e 67 73 20 common settings
07e0: 20 2a 2f 0a 0a 20 20 20 20 2f 2f 20 74 61 72 67 */.. // targ
07f0: 65 74 0a 20 20 20 20 74 68 69 73 2e 70 61 72 65 et. this.pare
0800: 6e 74 20 3d 20 64 6f 6d 2e 70 61 72 73 65 45 6c nt = dom.parseEl
0810: 65 6d 65 6e 74 28 73 65 74 74 69 6e 67 73 2e 74 ement(settings.t
0820: 61 72 67 65 74 29 3b 0a 0a 20 20 20 20 2f 2f 20 arget);.. //
0830: 6e 65 78 75 73 2d 75 69 20 61 74 74 72 69 62 75 nexus-ui attribu
0840: 74 65 0a 20 20 20 20 69 66 20 28 74 68 69 73 2e te. if (this.
0850: 70 61 72 65 6e 74 20 26 26 20 74 68 69 73 2e 70 parent && this.p
0860: 61 72 65 6e 74 20 69 6e 73 74 61 6e 63 65 6f 66 arent instanceof
0870: 20 48 54 4d 4c 45 6c 65 6d 65 6e 74 20 26 26 20 HTMLElement &&
0880: 21 73 65 74 74 69 6e 67 73 2e 63 6f 6d 70 6f 6e !settings.compon
0890: 65 6e 74 29 20 7b 0a 20 20 20 20 20 20 69 66 20 ent) {. if
08a0: 28 21 74 68 69 73 2e 70 61 72 65 6e 74 2e 68 61 (!this.parent.ha
08b0: 73 41 74 74 72 69 62 75 74 65 28 27 6e 65 78 75 sAttribute('nexu
08c0: 73 2d 75 69 27 29 29 20 7b 0a 20 20 20 20 20 20 s-ui')) {.
08d0: 20 20 74 68 69 73 2e 70 61 72 65 6e 74 2e 73 65 this.parent.se
08e0: 74 41 74 74 72 69 62 75 74 65 28 27 6e 65 78 75 tAttribute('nexu
08f0: 73 2d 75 69 27 2c 27 27 29 3b 0a 20 20 20 20 20 s-ui','');.
0900: 20 7d 0a 20 20 20 20 7d 0a 0a 20 20 20 20 2f 2f }. }.. //
0910: 20 73 69 7a 65 0a 0a 20 20 20 20 69 66 20 28 73 size.. if (s
0920: 65 74 74 69 6e 67 73 2e 73 69 7a 65 20 26 26 20 ettings.size &&
0930: 41 72 72 61 79 2e 69 73 41 72 72 61 79 28 73 65 Array.isArray(se
0940: 74 74 69 6e 67 73 2e 73 69 7a 65 29 20 26 26 20 ttings.size) &&
0950: 73 65 74 74 69 6e 67 73 2e 73 6e 61 70 57 69 74 settings.snapWit
0960: 68 50 61 72 65 6e 74 29 20 7b 0a 20 20 20 20 20 hParent) {.
0970: 20 74 68 69 73 2e 77 69 64 74 68 20 3d 20 73 65 this.width = se
0980: 74 74 69 6e 67 73 2e 73 69 7a 65 5b 30 5d 3b 0a ttings.size[0];.
0990: 20 20 20 20 20 20 74 68 69 73 2e 68 65 69 67 68 this.heigh
09a0: 74 20 3d 20 73 65 74 74 69 6e 67 73 2e 73 69 7a t = settings.siz
09b0: 65 5b 31 5d 3b 0a 20 20 20 20 20 20 74 68 69 73 e[1];. this
09c0: 2e 70 61 72 65 6e 74 2e 73 74 79 6c 65 2e 77 69 .parent.style.wi
09d0: 64 74 68 20 3d 20 74 68 69 73 2e 77 69 64 74 68 dth = this.width
09e0: 20 2b 20 27 70 78 27 3b 0a 20 20 20 20 20 20 74 + 'px';. t
09f0: 68 69 73 2e 70 61 72 65 6e 74 2e 73 74 79 6c 65 his.parent.style
0a00: 2e 68 65 69 67 68 74 20 3d 20 74 68 69 73 2e 68 .height = this.h
0a10: 65 69 67 68 74 20 2b 20 27 70 78 27 3b 0a 20 20 eight + 'px';.
0a20: 20 20 7d 20 65 6c 73 65 20 69 66 20 28 73 65 74 } else if (set
0a30: 74 69 6e 67 73 2e 73 6e 61 70 57 69 74 68 50 61 tings.snapWithPa
0a40: 72 65 6e 74 20 26 26 20 21 73 65 74 74 69 6e 67 rent && !setting
0a50: 73 2e 63 6f 6d 70 6f 6e 65 6e 74 29 20 7b 0a 0a s.component) {..
0a60: 20 20 20 20 20 20 74 68 69 73 2e 77 69 64 74 68 this.width
0a70: 20 3d 20 70 61 72 73 65 46 6c 6f 61 74 28 77 69 = parseFloat(wi
0a80: 6e 64 6f 77 2e 67 65 74 43 6f 6d 70 75 74 65 64 ndow.getComputed
0a90: 53 74 79 6c 65 28 74 68 69 73 2e 70 61 72 65 6e Style(this.paren
0aa0: 74 2c 20 6e 75 6c 6c 29 2e 67 65 74 50 72 6f 70 t, null).getProp
0ab0: 65 72 74 79 56 61 6c 75 65 28 27 77 69 64 74 68 ertyValue('width
0ac0: 27 29 2e 72 65 70 6c 61 63 65 28 27 70 78 27 2c ').replace('px',
0ad0: 27 27 29 29 3b 0a 20 20 20 20 20 20 74 68 69 73 ''));. this
0ae0: 2e 68 65 69 67 68 74 20 3d 20 70 61 72 73 65 46 .height = parseF
0af0: 6c 6f 61 74 28 77 69 6e 64 6f 77 2e 67 65 74 43 loat(window.getC
0b00: 6f 6d 70 75 74 65 64 53 74 79 6c 65 28 74 68 69 omputedStyle(thi
0b10: 73 2e 70 61 72 65 6e 74 2c 20 6e 75 6c 6c 29 2e s.parent, null).
0b20: 67 65 74 50 72 6f 70 65 72 74 79 56 61 6c 75 65 getPropertyValue
0b30: 28 27 68 65 69 67 68 74 27 29 2e 72 65 70 6c 61 ('height').repla
0b40: 63 65 28 27 70 78 27 2c 27 27 29 29 3b 0a 0a 20 ce('px',''));..
0b50: 20 20 20 20 20 69 66 20 28 74 68 69 73 2e 77 69 if (this.wi
0b60: 64 74 68 3d 3d 35 30 30 30 29 20 7b 0a 20 20 20 dth==5000) {.
0b70: 20 20 20 20 20 74 68 69 73 2e 77 69 64 74 68 20 this.width
0b80: 3d 20 73 65 74 74 69 6e 67 73 2e 64 65 66 61 75 = settings.defau
0b90: 6c 74 53 69 7a 65 5b 30 5d 3b 0a 20 20 20 20 20 ltSize[0];.
0ba0: 20 20 20 74 68 69 73 2e 70 61 72 65 6e 74 2e 73 this.parent.s
0bb0: 74 79 6c 65 2e 77 69 64 74 68 20 3d 20 74 68 69 tyle.width = thi
0bc0: 73 2e 70 61 72 65 6e 74 2e 77 69 64 74 68 20 3d s.parent.width =
0bd0: 20 74 68 69 73 2e 77 69 64 74 68 20 2b 20 27 70 this.width + 'p
0be0: 78 27 3b 0a 20 20 20 20 20 20 7d 0a 20 20 20 20 x';. }.
0bf0: 20 20 69 66 20 28 74 68 69 73 2e 68 65 69 67 68 if (this.heigh
0c00: 74 3d 3d 35 30 30 30 29 20 7b 0a 20 20 20 20 20 t==5000) {.
0c10: 20 20 20 74 68 69 73 2e 68 65 69 67 68 74 20 3d this.height =
0c20: 20 73 65 74 74 69 6e 67 73 2e 64 65 66 61 75 6c settings.defaul
0c30: 74 53 69 7a 65 5b 31 5d 3b 0a 20 20 20 20 20 20 tSize[1];.
0c40: 20 20 74 68 69 73 2e 70 61 72 65 6e 74 2e 73 74 this.parent.st
0c50: 79 6c 65 2e 68 65 69 67 68 74 20 3d 20 74 68 69 yle.height = thi
0c60: 73 2e 70 61 72 65 6e 74 2e 68 65 69 67 68 74 20 s.parent.height
0c70: 3d 20 74 68 69 73 2e 68 65 69 67 68 74 20 2b 20 = this.height +
0c80: 27 70 78 27 3b 0a 20 20 20 20 20 20 7d 0a 0a 20 'px';. }..
0c90: 20 20 20 7d 20 65 6c 73 65 20 7b 0a 20 20 20 20 } else {.
0ca0: 20 20 73 65 74 74 69 6e 67 73 2e 73 69 7a 65 20 settings.size
0cb0: 3d 20 73 65 74 74 69 6e 67 73 2e 64 65 66 61 75 = settings.defau
0cc0: 6c 74 53 69 7a 65 3b 0a 20 20 20 20 20 20 74 68 ltSize;. th
0cd0: 69 73 2e 77 69 64 74 68 20 3d 20 73 65 74 74 69 is.width = setti
0ce0: 6e 67 73 2e 73 69 7a 65 5b 30 5d 3b 0a 20 20 20 ngs.size[0];.
0cf0: 20 20 20 74 68 69 73 2e 68 65 69 67 68 74 20 3d this.height =
0d00: 20 73 65 74 74 69 6e 67 73 2e 73 69 7a 65 5b 31 settings.size[1
0d10: 5d 3b 0a 20 20 20 20 7d 0a 0a 20 20 20 20 2f 2f ];. }.. //
0d20: 20 65 76 65 6e 74 0a 20 20 20 20 69 66 20 28 73 event. if (s
0d30: 65 74 74 69 6e 67 73 2e 65 76 65 6e 74 29 20 7b ettings.event) {
0d40: 0a 20 20 20 20 20 20 74 68 69 73 2e 65 76 65 6e . this.even
0d50: 74 20 3d 20 74 68 69 73 2e 6f 6e 28 27 63 68 61 t = this.on('cha
0d60: 6e 67 65 27 2c 20 73 65 74 74 69 6e 67 73 2e 65 nge', settings.e
0d70: 76 65 6e 74 29 3b 0a 20 20 20 20 7d 20 65 6c 73 vent);. } els
0d80: 65 20 7b 0a 20 20 20 20 20 20 74 68 69 73 2e 65 e {. this.e
0d90: 76 65 6e 74 20 3d 20 66 61 6c 73 65 3b 0a 20 20 vent = false;.
0da0: 20 20 7d 0a 0a 20 20 20 20 72 65 74 75 72 6e 20 }.. return
0db0: 73 65 74 74 69 6e 67 73 3b 0a 0a 20 20 7d 0a 0a settings;.. }..
0dc0: 20 20 69 6e 69 74 28 29 20 7b 0a 20 20 20 20 74 init() {. t
0dd0: 68 69 73 2e 62 75 69 6c 64 46 72 61 6d 65 28 29 his.buildFrame()
0de0: 3b 0a 20 20 20 20 74 68 69 73 2e 62 75 69 6c 64 ;. this.build
0df0: 49 6e 74 65 72 66 61 63 65 28 29 3b 0a 20 20 20 Interface();.
0e00: 20 74 68 69 73 2e 73 69 7a 65 49 6e 74 65 72 66 this.sizeInterf
0e10: 61 63 65 28 29 3b 0a 20 20 20 20 74 68 69 73 2e ace();. this.
0e20: 61 74 74 61 63 68 4c 69 73 74 65 6e 65 72 73 28 attachListeners(
0e30: 29 3b 0a 20 20 20 20 74 68 69 73 2e 63 6f 6c 6f );. this.colo
0e40: 72 49 6e 74 65 72 66 61 63 65 28 29 3b 0a 20 20 rInterface();.
0e50: 20 20 74 68 69 73 2e 66 69 6e 61 6c 54 6f 75 63 this.finalTouc
0e60: 68 65 73 28 29 3b 0a 20 20 7d 0a 0a 20 20 62 75 hes();. }.. bu
0e70: 69 6c 64 46 72 61 6d 65 28 29 20 7b 0a 20 20 20 ildFrame() {.
0e80: 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 20 3d 20 this.element =
0e90: 73 76 67 2e 63 72 65 61 74 65 28 27 73 76 67 27 svg.create('svg'
0ea0: 29 3b 0a 20 20 20 20 74 68 69 73 2e 65 6c 65 6d );. this.elem
0eb0: 65 6e 74 2e 73 65 74 41 74 74 72 69 62 75 74 65 ent.setAttribute
0ec0: 28 27 77 69 64 74 68 27 2c 74 68 69 73 2e 77 69 ('width',this.wi
0ed0: 64 74 68 29 3b 0a 20 20 20 20 74 68 69 73 2e 65 dth);. this.e
0ee0: 6c 65 6d 65 6e 74 2e 73 65 74 41 74 74 72 69 62 lement.setAttrib
0ef0: 75 74 65 28 27 68 65 69 67 68 74 27 2c 74 68 69 ute('height',thi
0f00: 73 2e 68 65 69 67 68 74 29 3b 0a 20 20 20 20 74 s.height);. t
0f10: 68 69 73 2e 70 61 72 65 6e 74 2e 61 70 70 65 6e his.parent.appen
0f20: 64 43 68 69 6c 64 28 74 68 69 73 2e 65 6c 65 6d dChild(this.elem
0f30: 65 6e 74 29 3b 0a 20 20 7d 0a 0a 20 20 62 75 69 ent);. }.. bui
0f40: 6c 64 49 6e 74 65 72 66 61 63 65 28 29 20 7b 7d ldInterface() {}
0f50: 0a 20 20 73 69 7a 65 49 6e 74 65 72 66 61 63 65 . sizeInterface
0f60: 28 29 20 7b 7d 0a 20 20 63 6f 6c 6f 72 49 6e 74 () {}. colorInt
0f70: 65 72 66 61 63 65 28 29 20 7b 7d 0a 0a 20 20 61 erface() {}.. a
0f80: 74 74 61 63 68 4c 69 73 74 65 6e 65 72 73 28 29 ttachListeners()
0f90: 20 7b 0a 0a 20 20 20 20 74 68 69 73 2e 69 6e 74 {.. this.int
0fa0: 65 72 61 63 74 69 6f 6e 54 61 72 67 65 74 20 3d eractionTarget =
0fb0: 20 74 68 69 73 2e 69 6e 74 65 72 61 63 74 69 6f this.interactio
0fc0: 6e 54 61 72 67 65 74 20 7c 7c 20 74 68 69 73 2e nTarget || this.
0fd0: 65 6c 65 6d 65 6e 74 3b 0a 0a 20 20 20 20 2f 2f element;.. //
0fe0: 20 53 65 74 75 70 20 69 6e 74 65 72 61 63 74 69 Setup interacti
0ff0: 6f 6e 0a 20 20 20 20 69 66 20 28 74 6f 75 63 68 on. if (touch
1000: 2e 65 78 69 73 74 73 29 20 7b 0a 20 20 20 20 20 .exists) {.
1010: 20 74 68 69 73 2e 69 6e 74 65 72 61 63 74 69 6f this.interactio
1020: 6e 54 61 72 67 65 74 2e 61 64 64 45 76 65 6e 74 nTarget.addEvent
1030: 4c 69 73 74 65 6e 65 72 28 27 74 6f 75 63 68 73 Listener('touchs
1040: 74 61 72 74 27 2c 20 65 76 74 20 3d 3e 20 74 68 tart', evt => th
1050: 69 73 2e 70 72 65 54 6f 75 63 68 28 65 76 74 29 is.preTouch(evt)
1060: 29 3b 0a 20 20 20 20 20 20 74 68 69 73 2e 69 6e );. this.in
1070: 74 65 72 61 63 74 69 6f 6e 54 61 72 67 65 74 2e teractionTarget.
1080: 61 64 64 45 76 65 6e 74 4c 69 73 74 65 6e 65 72 addEventListener
1090: 28 27 74 6f 75 63 68 6d 6f 76 65 27 2c 20 65 76 ('touchmove', ev
10a0: 74 20 3d 3e 20 74 68 69 73 2e 70 72 65 54 6f 75 t => this.preTou
10b0: 63 68 4d 6f 76 65 28 65 76 74 29 29 3b 0a 20 20 chMove(evt));.
10c0: 20 20 20 20 74 68 69 73 2e 69 6e 74 65 72 61 63 this.interac
10d0: 74 69 6f 6e 54 61 72 67 65 74 2e 61 64 64 45 76 tionTarget.addEv
10e0: 65 6e 74 4c 69 73 74 65 6e 65 72 28 27 74 6f 75 entListener('tou
10f0: 63 68 65 6e 64 27 2c 20 65 76 74 20 3d 3e 20 74 chend', evt => t
1100: 68 69 73 2e 70 72 65 54 6f 75 63 68 52 65 6c 65 his.preTouchRele
1110: 61 73 65 28 65 76 74 29 29 3b 0a 20 20 20 20 7d ase(evt));. }
1120: 0a 20 20 20 20 74 68 69 73 2e 62 6f 75 6e 64 50 . this.boundP
1130: 72 65 4d 6f 76 65 20 3d 20 65 76 74 20 3d 3e 20 reMove = evt =>
1140: 74 68 69 73 2e 70 72 65 4d 6f 76 65 28 65 76 74 this.preMove(evt
1150: 29 3b 0a 20 20 20 20 74 68 69 73 2e 62 6f 75 6e );. this.boun
1160: 64 50 72 65 52 65 6c 65 61 73 65 20 3d 20 65 76 dPreRelease = ev
1170: 74 20 3d 3e 20 74 68 69 73 2e 70 72 65 52 65 6c t => this.preRel
1180: 65 61 73 65 28 65 76 74 29 3b 0a 20 20 20 20 74 ease(evt);. t
1190: 68 69 73 2e 69 6e 74 65 72 61 63 74 69 6f 6e 54 his.interactionT
11a0: 61 72 67 65 74 2e 61 64 64 45 76 65 6e 74 4c 69 arget.addEventLi
11b0: 73 74 65 6e 65 72 28 27 6d 6f 75 73 65 64 6f 77 stener('mousedow
11c0: 6e 27 2c 20 65 76 74 20 3d 3e 20 74 68 69 73 2e n', evt => this.
11d0: 70 72 65 43 6c 69 63 6b 28 65 76 74 29 29 3b 0a preClick(evt));.
11e0: 20 20 7d 0a 0a 20 20 66 69 6e 61 6c 54 6f 75 63 }.. finalTouc
11f0: 68 65 73 28 29 20 7b 0a 20 20 20 20 74 68 69 73 hes() {. this
1200: 2e 65 6c 65 6d 65 6e 74 2e 73 74 79 6c 65 2e 63 .element.style.c
1210: 75 72 73 6f 72 20 3d 20 27 70 6f 69 6e 74 65 72 ursor = 'pointer
1220: 27 3b 0a 20 20 7d 0a 0a 20 20 70 72 65 43 6c 69 ';. }.. preCli
1230: 63 6b 28 65 29 20 7b 0a 20 20 20 20 2f 2f 20 31 ck(e) {. // 1
1240: 30 30 30 30 20 67 65 74 43 6f 6d 70 75 74 65 64 0000 getComputed
1250: 53 74 79 6c 65 20 63 61 6c 6c 73 20 74 61 6b 65 Style calls take
1260: 73 20 31 30 30 20 6d 73 2e 0a 20 20 20 20 2f 2f s 100 ms.. //
1270: 20 2e 3a 2e 20 6f 6e 65 20 74 61 6b 65 73 20 61 .:. one takes a
1280: 62 6f 75 74 20 2e 30 31 6d 73 0a 20 20 20 20 69 bout .01ms. i
1290: 66 20 28 74 68 69 73 2e 65 6c 65 6d 65 6e 74 20 f (this.element
12a0: 69 6e 73 74 61 6e 63 65 6f 66 20 48 54 4d 4c 45 instanceof HTMLE
12b0: 6c 65 6d 65 6e 74 29 20 7b 0a 20 20 20 20 20 20 lement) {.
12c0: 74 68 69 73 2e 77 69 64 74 68 20 3d 20 77 69 6e this.width = win
12d0: 64 6f 77 2e 67 65 74 43 6f 6d 70 75 74 65 64 53 dow.getComputedS
12e0: 74 79 6c 65 28 74 68 69 73 2e 65 6c 65 6d 65 6e tyle(this.elemen
12f0: 74 2c 20 6e 75 6c 6c 29 2e 67 65 74 50 72 6f 70 t, null).getProp
1300: 65 72 74 79 56 61 6c 75 65 28 27 77 69 64 74 68 ertyValue('width
1310: 27 29 2e 72 65 70 6c 61 63 65 28 27 70 78 27 2c ').replace('px',
1320: 27 27 29 3b 0a 20 20 20 20 7d 0a 20 20 20 20 2f '');. }. /
1330: 2f 20 31 30 30 30 30 20 67 65 74 43 6f 6d 70 75 / 10000 getCompu
1340: 74 65 64 53 74 79 6c 65 20 63 61 6c 6c 73 20 74 tedStyle calls t
1350: 61 6b 65 73 20 34 30 20 6d 73 2e 0a 20 20 20 20 akes 40 ms..
1360: 2f 2f 20 2e 3a 2e 20 6f 6e 65 20 74 61 6b 65 73 // .:. one takes
1370: 20 61 62 6f 75 74 20 2e 30 30 34 6d 73 0a 20 20 about .004ms.
1380: 20 20 74 68 69 73 2e 6f 66 66 73 65 74 20 3d 20 this.offset =
1390: 64 6f 6d 2e 66 69 6e 64 50 6f 73 69 74 69 6f 6e dom.findPosition
13a0: 28 74 68 69 73 2e 65 6c 65 6d 65 6e 74 29 3b 0a (this.element);.
13b0: 20 20 20 20 74 68 69 73 2e 6d 6f 75 73 65 20 3d this.mouse =
13c0: 20 64 6f 6d 2e 6c 6f 63 61 74 65 4d 6f 75 73 65 dom.locateMouse
13d0: 28 65 2c 74 68 69 73 2e 6f 66 66 73 65 74 29 3b (e,this.offset);
13e0: 0a 20 20 20 20 74 68 69 73 2e 63 6c 69 63 6b 65 . this.clicke
13f0: 64 20 3d 20 74 72 75 65 3b 0a 20 20 20 20 74 68 d = true;. th
1400: 69 73 2e 63 6c 69 63 6b 28 29 3b 0a 20 20 20 20 is.click();.
1410: 74 68 69 73 2e 6d 6f 76 65 45 76 65 6e 74 20 3d this.moveEvent =
1420: 20 64 6f 63 75 6d 65 6e 74 2e 61 64 64 45 76 65 document.addEve
1430: 6e 74 4c 69 73 74 65 6e 65 72 28 27 6d 6f 75 73 ntListener('mous
1440: 65 6d 6f 76 65 27 2c 20 74 68 69 73 2e 62 6f 75 emove', this.bou
1450: 6e 64 50 72 65 4d 6f 76 65 29 3b 0a 20 20 20 20 ndPreMove);.
1460: 74 68 69 73 2e 72 65 6c 65 61 73 65 45 76 65 6e this.releaseEven
1470: 74 20 3d 20 64 6f 63 75 6d 65 6e 74 2e 61 64 64 t = document.add
1480: 45 76 65 6e 74 4c 69 73 74 65 6e 65 72 28 27 6d EventListener('m
1490: 6f 75 73 65 75 70 27 2c 20 74 68 69 73 2e 62 6f ouseup', this.bo
14a0: 75 6e 64 50 72 65 52 65 6c 65 61 73 65 29 3b 0a undPreRelease);.
14b0: 20 20 20 20 74 68 69 73 2e 65 6d 69 74 28 27 63 this.emit('c
14c0: 6c 69 63 6b 27 29 3b 0a 20 20 20 20 65 2e 70 72 lick');. e.pr
14d0: 65 76 65 6e 74 44 65 66 61 75 6c 74 28 29 3b 0a eventDefault();.
14e0: 20 20 20 20 65 2e 73 74 6f 70 50 72 6f 70 61 67 e.stopPropag
14f0: 61 74 69 6f 6e 28 29 3b 0a 20 20 7d 0a 0a 20 20 ation();. }..
1500: 70 72 65 4d 6f 76 65 28 65 29 20 7b 0a 20 20 20 preMove(e) {.
1510: 20 69 66 20 28 21 74 68 69 73 2e 77 61 69 74 29 if (!this.wait)
1520: 20 7b 0a 20 20 20 20 20 20 74 68 69 73 2e 6d 6f {. this.mo
1530: 75 73 65 20 3d 20 64 6f 6d 2e 6c 6f 63 61 74 65 use = dom.locate
1540: 4d 6f 75 73 65 28 65 2c 74 68 69 73 2e 6f 66 66 Mouse(e,this.off
1550: 73 65 74 29 3b 0a 20 20 20 20 20 20 74 68 69 73 set);. this
1560: 2e 6d 6f 76 65 28 29 3b 0a 20 20 20 20 20 20 74 .move();. t
1570: 68 69 73 2e 77 61 69 74 20 3d 20 74 72 75 65 3b his.wait = true;
1580: 0a 20 20 20 20 20 20 73 65 74 54 69 6d 65 6f 75 . setTimeou
1590: 74 28 28 29 20 3d 3e 20 7b 20 74 68 69 73 2e 77 t(() => { this.w
15a0: 61 69 74 20 3d 20 66 61 6c 73 65 3b 20 7d 2c 32 ait = false; },2
15b0: 35 29 3b 0a 20 20 20 20 7d 0a 20 20 20 20 65 2e 5);. }. e.
15c0: 70 72 65 76 65 6e 74 44 65 66 61 75 6c 74 28 29 preventDefault()
15d0: 3b 0a 20 20 20 20 65 2e 73 74 6f 70 50 72 6f 70 ;. e.stopProp
15e0: 61 67 61 74 69 6f 6e 28 29 3b 0a 20 20 7d 0a 0a agation();. }..
15f0: 20 20 70 72 65 52 65 6c 65 61 73 65 28 65 29 20 preRelease(e)
1600: 7b 0a 20 20 20 20 74 68 69 73 2e 6d 6f 75 73 65 {. this.mouse
1610: 20 3d 20 64 6f 6d 2e 6c 6f 63 61 74 65 4d 6f 75 = dom.locateMou
1620: 73 65 28 65 2c 74 68 69 73 2e 6f 66 66 73 65 74 se(e,this.offset
1630: 29 3b 0a 20 20 20 20 74 68 69 73 2e 63 6c 69 63 );. this.clic
1640: 6b 65 64 20 3d 20 66 61 6c 73 65 3b 0a 20 20 20 ked = false;.
1650: 20 74 68 69 73 2e 72 65 6c 65 61 73 65 28 29 3b this.release();
1660: 0a 20 20 20 20 74 68 69 73 2e 65 6d 69 74 28 27 . this.emit('
1670: 72 65 6c 65 61 73 65 27 29 3b 0a 20 20 20 20 64 release');. d
1680: 6f 63 75 6d 65 6e 74 2e 72 65 6d 6f 76 65 45 76 ocument.removeEv
1690: 65 6e 74 4c 69 73 74 65 6e 65 72 28 27 6d 6f 75 entListener('mou
16a0: 73 65 6d 6f 76 65 27 2c 74 68 69 73 2e 62 6f 75 semove',this.bou
16b0: 6e 64 50 72 65 4d 6f 76 65 29 3b 0a 20 20 20 20 ndPreMove);.
16c0: 64 6f 63 75 6d 65 6e 74 2e 72 65 6d 6f 76 65 45 document.removeE
16d0: 76 65 6e 74 4c 69 73 74 65 6e 65 72 28 27 6d 6f ventListener('mo
16e0: 75 73 65 75 70 27 2c 74 68 69 73 2e 62 6f 75 6e useup',this.boun
16f0: 64 50 72 65 52 65 6c 65 61 73 65 29 3b 0a 20 20 dPreRelease);.
1700: 20 20 65 2e 70 72 65 76 65 6e 74 44 65 66 61 75 e.preventDefau
1710: 6c 74 28 29 3b 0a 20 20 20 20 65 2e 73 74 6f 70 lt();. e.stop
1720: 50 72 6f 70 61 67 61 74 69 6f 6e 28 29 3b 0a 20 Propagation();.
1730: 20 7d 0a 0a 20 20 63 6c 69 63 6b 28 29 20 7b 0a }.. click() {.
1740: 0a 20 20 7d 0a 0a 20 20 6d 6f 76 65 28 29 20 7b . }.. move() {
1750: 0a 0a 20 20 7d 0a 0a 20 20 72 65 6c 65 61 73 65 .. }.. release
1760: 28 29 20 7b 0a 0a 20 20 7d 0a 0a 0a 20 20 2f 2a () {.. }... /*
1770: 20 74 6f 75 63 68 20 2a 2f 0a 0a 20 20 70 72 65 touch */.. pre
1780: 54 6f 75 63 68 28 65 29 20 7b 0a 20 20 20 20 69 Touch(e) {. i
1790: 66 20 28 74 68 69 73 2e 65 6c 65 6d 65 6e 74 20 f (this.element
17a0: 69 6e 73 74 61 6e 63 65 6f 66 20 48 54 4d 4c 45 instanceof HTMLE
17b0: 6c 65 6d 65 6e 74 29 20 7b 0a 20 20 20 20 20 20 lement) {.
17c0: 74 68 69 73 2e 77 69 64 74 68 20 3d 20 77 69 6e this.width = win
17d0: 64 6f 77 2e 67 65 74 43 6f 6d 70 75 74 65 64 53 dow.getComputedS
17e0: 74 79 6c 65 28 74 68 69 73 2e 65 6c 65 6d 65 6e tyle(this.elemen
17f0: 74 2c 20 6e 75 6c 6c 29 2e 67 65 74 50 72 6f 70 t, null).getProp
1800: 65 72 74 79 56 61 6c 75 65 28 27 77 69 64 74 68 ertyValue('width
1810: 27 29 2e 72 65 70 6c 61 63 65 28 27 70 78 27 2c ').replace('px',
1820: 27 27 29 3b 0a 20 20 20 20 7d 0a 20 20 20 20 74 '');. }. t
1830: 68 69 73 2e 6f 66 66 73 65 74 20 3d 20 64 6f 6d his.offset = dom
1840: 2e 66 69 6e 64 50 6f 73 69 74 69 6f 6e 28 74 68 .findPosition(th
1850: 69 73 2e 65 6c 65 6d 65 6e 74 29 3b 0a 20 20 20 is.element);.
1860: 20 74 68 69 73 2e 6d 6f 75 73 65 20 3d 20 64 6f this.mouse = do
1870: 6d 2e 6c 6f 63 61 74 65 54 6f 75 63 68 28 65 2c m.locateTouch(e,
1880: 74 68 69 73 2e 6f 66 66 73 65 74 29 3b 0a 20 20 this.offset);.
1890: 20 20 74 68 69 73 2e 63 6c 69 63 6b 65 64 20 3d this.clicked =
18a0: 20 74 72 75 65 3b 0a 20 20 20 20 74 68 69 73 2e true;. this.
18b0: 74 6f 75 63 68 28 65 29 3b 0a 20 20 20 20 74 68 touch(e);. th
18c0: 69 73 2e 65 6d 69 74 28 27 63 6c 69 63 6b 27 29 is.emit('click')
18d0: 3b 0a 20 20 20 20 65 2e 70 72 65 76 65 6e 74 44 ;. e.preventD
18e0: 65 66 61 75 6c 74 28 29 3b 0a 20 20 20 20 65 2e efault();. e.
18f0: 73 74 6f 70 50 72 6f 70 61 67 61 74 69 6f 6e 28 stopPropagation(
1900: 29 3b 0a 20 20 7d 0a 0a 20 20 70 72 65 54 6f 75 );. }.. preTou
1910: 63 68 4d 6f 76 65 28 65 29 20 7b 0a 20 20 20 20 chMove(e) {.
1920: 69 66 20 28 74 68 69 73 2e 63 6c 69 63 6b 65 64 if (this.clicked
1930: 29 20 7b 0a 20 20 20 20 20 20 74 68 69 73 2e 6d ) {. this.m
1940: 6f 75 73 65 20 3d 20 64 6f 6d 2e 6c 6f 63 61 74 ouse = dom.locat
1950: 65 54 6f 75 63 68 28 65 2c 74 68 69 73 2e 6f 66 eTouch(e,this.of
1960: 66 73 65 74 29 3b 0a 20 20 20 20 20 20 74 68 69 fset);. thi
1970: 73 2e 74 6f 75 63 68 4d 6f 76 65 28 29 3b 0a 20 s.touchMove();.
1980: 20 20 20 20 20 65 2e 70 72 65 76 65 6e 74 44 65 e.preventDe
1990: 66 61 75 6c 74 28 29 3b 0a 20 20 20 20 20 20 65 fault();. e
19a0: 2e 73 74 6f 70 50 72 6f 70 61 67 61 74 69 6f 6e .stopPropagation
19b0: 28 29 3b 0a 20 20 20 20 7d 0a 20 20 7d 0a 0a 20 ();. }. }..
19c0: 20 70 72 65 54 6f 75 63 68 52 65 6c 65 61 73 65 preTouchRelease
19d0: 28 65 29 20 7b 0a 20 20 20 20 74 68 69 73 2e 6d (e) {. this.m
19e0: 6f 75 73 65 20 3d 20 64 6f 6d 2e 6c 6f 63 61 74 ouse = dom.locat
19f0: 65 54 6f 75 63 68 28 65 2c 20 74 68 69 73 2e 6f eTouch(e, this.o
1a00: 66 66 73 65 74 29 3b 0a 20 20 20 20 74 68 69 73 ffset);. this
1a10: 2e 63 6c 69 63 6b 65 64 20 3d 20 66 61 6c 73 65 .clicked = false
1a20: 3b 0a 20 20 20 20 74 68 69 73 2e 74 6f 75 63 68 ;. this.touch
1a30: 52 65 6c 65 61 73 65 28 29 3b 0a 20 20 20 20 74 Release();. t
1a40: 68 69 73 2e 65 6d 69 74 28 27 72 65 6c 65 61 73 his.emit('releas
1a50: 65 27 29 3b 0a 20 20 20 20 65 2e 70 72 65 76 65 e');. e.preve
1a60: 6e 74 44 65 66 61 75 6c 74 28 29 3b 0a 20 20 20 ntDefault();.
1a70: 20 65 2e 73 74 6f 70 50 72 6f 70 61 67 61 74 69 e.stopPropagati
1a80: 6f 6e 28 29 3b 0a 20 20 7d 0a 0a 20 20 74 6f 75 on();. }.. tou
1a90: 63 68 28 29 20 7b 0a 20 20 20 20 74 68 69 73 2e ch() {. this.
1aa0: 63 6c 69 63 6b 28 29 3b 0a 20 20 7d 0a 0a 20 20 click();. }..
1ab0: 74 6f 75 63 68 4d 6f 76 65 28 29 20 7b 0a 20 20 touchMove() {.
1ac0: 20 20 74 68 69 73 2e 6d 6f 76 65 28 29 3b 0a 20 this.move();.
1ad0: 20 7d 0a 0a 20 20 74 6f 75 63 68 52 65 6c 65 61 }.. touchRelea
1ae0: 73 65 28 29 20 7b 0a 20 20 20 20 74 68 69 73 2e se() {. this.
1af0: 72 65 6c 65 61 73 65 28 29 3b 0a 20 20 7d 0a 0a release();. }..
1b00: 20 20 2f 2a 2a 0a 20 20 2a 20 52 65 73 69 7a 65 /**. * Resize
1b10: 20 74 68 65 20 69 6e 74 65 72 66 61 63 65 0a 20 the interface.
1b20: 20 2a 20 40 70 61 72 61 6d 20 77 69 64 74 68 20 * @param width
1b30: 7b 6e 75 6d 62 65 72 7d 20 4e 65 77 20 77 69 64 {number} New wid
1b40: 74 68 20 69 6e 20 70 69 78 65 6c 73 0a 20 20 2a th in pixels. *
1b50: 20 40 70 61 72 61 6d 20 68 65 69 67 68 74 20 7b @param height {
1b60: 6e 75 6d 62 65 72 7d 20 4e 65 77 20 68 65 69 67 number} New heig
1b70: 68 74 20 69 6e 20 70 69 78 65 6c 73 0a 20 20 2a ht in pixels. *
1b80: 0a 20 20 2a 20 40 65 78 61 6d 70 6c 65 0a 20 20 . * @example.
1b90: 2a 20 62 75 74 74 6f 6e 2e 72 65 73 69 7a 65 28 * button.resize(
1ba0: 31 30 30 2c 31 30 30 29 3b 0a 20 20 2a 2f 0a 20 100,100);. */.
1bb0: 20 72 65 73 69 7a 65 28 77 69 64 74 68 2c 68 65 resize(width,he
1bc0: 69 67 68 74 29 20 7b 0a 20 20 20 20 74 68 69 73 ight) {. this
1bd0: 2e 77 69 64 74 68 20 3d 20 77 69 64 74 68 3b 0a .width = width;.
1be0: 20 20 20 20 74 68 69 73 2e 68 65 69 67 68 74 20 this.height
1bf0: 3d 20 68 65 69 67 68 74 3b 0a 20 20 20 20 74 68 = height;. th
1c00: 69 73 2e 70 61 72 65 6e 74 2e 73 74 79 6c 65 2e is.parent.style.
1c10: 77 69 64 74 68 20 3d 20 74 68 69 73 2e 77 69 64 width = this.wid
1c20: 74 68 2b 27 70 78 27 3b 0a 20 20 20 20 74 68 69 th+'px';. thi
1c30: 73 2e 70 61 72 65 6e 74 2e 73 74 79 6c 65 2e 68 s.parent.style.h
1c40: 65 69 67 68 74 20 3d 20 74 68 69 73 2e 68 65 69 eight = this.hei
1c50: 67 68 74 2b 27 70 78 27 3b 0a 20 20 20 20 74 68 ght+'px';. th
1c60: 69 73 2e 65 6c 65 6d 65 6e 74 2e 73 65 74 41 74 is.element.setAt
1c70: 74 72 69 62 75 74 65 28 27 77 69 64 74 68 27 2c tribute('width',
1c80: 74 68 69 73 2e 77 69 64 74 68 29 3b 0a 20 20 20 this.width);.
1c90: 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e 73 65 this.element.se
1ca0: 74 41 74 74 72 69 62 75 74 65 28 27 68 65 69 67 tAttribute('heig
1cb0: 68 74 27 2c 74 68 69 73 2e 68 65 69 67 68 74 29 ht',this.height)
1cc0: 3b 0a 20 20 20 20 74 68 69 73 2e 73 69 7a 65 49 ;. this.sizeI
1cd0: 6e 74 65 72 66 61 63 65 28 29 3b 0a 20 20 7d 0a nterface();. }.
1ce0: 0a 20 20 65 6d 70 74 79 28 29 20 7b 0a 20 20 20 . empty() {.
1cf0: 20 77 68 69 6c 65 20 28 74 68 69 73 2e 65 6c 65 while (this.ele
1d00: 6d 65 6e 74 2e 6c 61 73 74 43 68 69 6c 64 29 20 ment.lastChild)
1d10: 7b 0a 20 20 20 20 20 20 74 68 69 73 2e 65 6c 65 {. this.ele
1d20: 6d 65 6e 74 2e 72 65 6d 6f 76 65 43 68 69 6c 64 ment.removeChild
1d30: 28 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e 6c 61 (this.element.la
1d40: 73 74 43 68 69 6c 64 29 3b 0a 20 20 20 20 7d 0a stChild);. }.
1d50: 20 20 7d 0a 0a 20 20 2f 2a 2a 0a 20 20 2a 20 52 }.. /**. * R
1d60: 65 6d 6f 76 65 20 74 68 65 20 69 6e 74 65 72 66 emove the interf
1d70: 61 63 65 20 66 72 6f 6d 20 74 68 65 20 70 61 67 ace from the pag
1d80: 65 20 61 6e 64 20 63 61 6e 63 65 6c 20 69 74 73 e and cancel its
1d90: 20 65 76 65 6e 74 20 6c 69 73 74 65 6e 65 72 28 event listener(
1da0: 73 29 2e 0a 20 20 2a 0a 20 20 2a 20 40 65 78 61 s).. *. * @exa
1db0: 6d 70 6c 65 0a 20 20 2a 20 62 75 74 74 6f 6e 2e mple. * button.
1dc0: 64 65 73 74 72 6f 79 28 29 3b 0a 20 20 2a 2f 0a destroy();. */.
1dd0: 20 20 64 65 73 74 72 6f 79 28 29 20 7b 0a 20 20 destroy() {.
1de0: 20 20 74 68 69 73 2e 65 6d 70 74 79 28 29 3b 0a this.empty();.
1df0: 20 20 20 20 74 68 69 73 2e 70 61 72 65 6e 74 2e this.parent.
1e00: 72 65 6d 6f 76 65 43 68 69 6c 64 28 74 68 69 73 removeChild(this
1e10: 2e 65 6c 65 6d 65 6e 74 29 3b 0a 20 20 20 20 74 .element);. t
1e20: 68 69 73 2e 72 65 6d 6f 76 65 41 6c 6c 4c 69 73 his.removeAllLis
1e30: 74 65 6e 65 72 73 28 29 3b 0a 20 20 20 20 69 66 teners();. if
1e40: 20 28 74 68 69 73 2e 69 6e 73 74 72 75 6d 65 6e (this.instrumen
1e50: 74 29 20 7b 0a 20 20 20 20 20 20 64 65 6c 65 74 t) {. delet
1e60: 65 20 74 68 69 73 2e 69 6e 73 74 72 75 6d 65 6e e this.instrumen
1e70: 74 5b 74 68 69 73 2e 69 64 5d 3b 0a 20 20 20 20 t[this.id];.
1e80: 7d 0a 20 20 20 20 74 68 69 73 2e 63 75 73 74 6f }. this.custo
1e90: 6d 44 65 73 74 72 6f 79 28 29 3b 0a 20 20 7d 0a mDestroy();. }.
1ea0: 0a 20 20 63 75 73 74 6f 6d 44 65 73 74 72 6f 79 . customDestroy
1eb0: 28 29 20 7b 0a 0a 20 20 7d 0a 0a 20 20 63 6f 6c () {.. }.. col
1ec0: 6f 72 69 7a 65 28 74 79 70 65 2c 63 6f 6c 6f 72 orize(type,color
1ed0: 29 20 7b 0a 20 20 20 20 74 68 69 73 2e 63 6f 6c ) {. this.col
1ee0: 6f 72 73 5b 74 79 70 65 5d 20 3d 20 63 6f 6c 6f ors[type] = colo
1ef0: 72 3b 0a 20 20 20 20 74 68 69 73 2e 63 6f 6c 6f r;. this.colo
1f00: 72 49 6e 74 65 72 66 61 63 65 28 29 3b 0a 20 20 rInterface();.
1f10: 7d 0a 0a 7d 0a }..}.