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 49 6e 74 65 72 66 61 h');.let Interfa
0060: 63 65 20 3d 20 72 65 71 75 69 72 65 28 27 2e 2e ce = require('..
0070: 2f 63 6f 72 65 2f 69 6e 74 65 72 66 61 63 65 27 /core/interface'
0080: 29 3b 0a 6c 65 74 20 53 74 65 70 20 3d 20 72 65 );.let Step = re
0090: 71 75 69 72 65 28 27 2e 2e 2f 6d 6f 64 65 6c 73 quire('../models
00a0: 2f 73 74 65 70 27 29 3b 0a 69 6d 70 6f 72 74 20 /step');.import
00b0: 2a 20 61 73 20 49 6e 74 65 72 61 63 74 69 6f 6e * as Interaction
00c0: 20 66 72 6f 6d 20 27 2e 2e 2f 75 74 69 6c 2f 69 from '../util/i
00d0: 6e 74 65 72 61 63 74 69 6f 6e 27 3b 0a 0a 2f 2a nteraction';../*
00e0: 2a 0a 2a 20 50 61 6e 0a 2a 0a 2a 20 40 64 65 73 *.* Pan.*.* @des
00f0: 63 72 69 70 74 69 6f 6e 20 53 74 65 72 65 6f 20 cription Stereo
0100: 63 72 6f 73 73 66 61 64 65 72 2e 0a 2a 0a 2a 20 crossfader..*.*
0110: 40 64 65 6d 6f 20 3c 73 70 61 6e 20 6e 65 78 75 @demo <span nexu
0120: 73 2d 75 69 3d 22 70 61 6e 22 3e 3c 2f 73 70 61 s-ui="pan"></spa
0130: 6e 3e 0a 2a 0a 2a 20 40 65 78 61 6d 70 6c 65 0a n>.*.* @example.
0140: 2a 20 76 61 72 20 70 61 6e 20 3d 20 6e 65 77 20 * var pan = new
0150: 4e 65 78 75 73 2e 50 61 6e 28 27 23 74 61 72 67 Nexus.Pan('#targ
0160: 65 74 27 29 0a 2a 0a 2a 20 40 6f 75 74 70 75 74 et').*.* @output
0170: 0a 2a 20 63 68 61 6e 67 65 0a 2a 20 46 69 72 65 .* change.* Fire
0180: 73 20 61 6e 79 20 74 69 6d 65 20 74 68 65 20 69 s any time the i
0190: 6e 74 65 72 66 61 63 65 27 73 20 76 61 6c 75 65 nterface's value
01a0: 20 63 68 61 6e 67 65 73 2e 20 3c 62 72 3e 0a 2a changes. <br>.*
01b0: 20 54 68 65 20 65 76 65 6e 74 20 64 61 74 61 20 The event data
01c0: 69 73 20 61 6e 20 6f 62 6a 65 63 74 20 63 6f 6e is an object con
01d0: 74 61 69 6e 69 6e 67 20 74 68 65 20 69 6e 74 65 taining the inte
01e0: 72 66 61 63 65 27 73 20 3c 69 3e 76 61 6c 75 65 rface's <i>value
01f0: 3c 2f 69 3e 20 28 2d 31 20 74 6f 20 31 29 2c 20 </i> (-1 to 1),
0200: 61 73 20 77 65 6c 6c 20 61 73 20 3c 69 3e 4c 3c as well as <i>L<
0210: 2f 69 3e 20 61 6e 64 20 3c 69 3e 52 3c 2f 69 3e /i> and <i>R</i>
0220: 20 61 6d 70 6c 69 74 75 64 65 20 76 61 6c 75 65 amplitude value
0230: 73 20 28 30 2d 31 29 20 66 6f 72 20 6c 65 66 74 s (0-1) for left
0240: 20 61 6e 64 20 72 69 67 68 74 20 73 70 65 61 6b and right speak
0250: 65 72 73 2c 20 63 61 6c 63 75 6c 61 74 65 64 20 ers, calculated
0260: 62 79 20 61 20 73 71 75 61 72 65 2d 72 6f 6f 74 by a square-root
0270: 20 63 72 6f 73 73 66 61 64 65 20 61 6c 67 6f 72 crossfade algor
0280: 69 74 68 6d 2e 0a 2a 0a 2a 20 40 6f 75 74 70 75 ithm..*.* @outpu
0290: 74 65 78 61 6d 70 6c 65 0a 2a 20 70 61 6e 2e 6f texample.* pan.o
02a0: 6e 28 27 63 68 61 6e 67 65 27 2c 66 75 6e 63 74 n('change',funct
02b0: 69 6f 6e 28 76 29 20 7b 0a 2a 20 20 20 63 6f 6e ion(v) {.* con
02c0: 73 6f 6c 65 2e 6c 6f 67 28 76 29 3b 0a 2a 20 7d sole.log(v);.* }
02d0: 29 0a 2a 0a 2a 0a 2a 2f 0a 0a 65 78 70 6f 72 74 ).*.*.*/..export
02e0: 20 64 65 66 61 75 6c 74 20 63 6c 61 73 73 20 50 default class P
02f0: 61 6e 20 65 78 74 65 6e 64 73 20 49 6e 74 65 72 an extends Inter
0300: 66 61 63 65 20 7b 0a 0a 20 20 63 6f 6e 73 74 72 face {.. constr
0310: 75 63 74 6f 72 28 29 20 7b 0a 0a 20 20 20 20 6c uctor() {.. l
0320: 65 74 20 6f 70 74 69 6f 6e 73 20 3d 20 5b 27 73 et options = ['s
0330: 63 61 6c 65 27 2c 27 76 61 6c 75 65 27 5d 3b 0a cale','value'];.
0340: 0a 20 20 20 20 6c 65 74 20 64 65 66 61 75 6c 74 . let default
0350: 73 20 3d 20 7b 0a 20 20 20 20 20 20 27 73 69 7a s = {. 'siz
0360: 65 27 3a 20 5b 31 32 30 2c 32 30 5d 2c 0a 20 20 e': [120,20],.
0370: 20 20 20 20 27 6f 72 69 65 6e 74 61 74 69 6f 6e 'orientation
0380: 27 3a 20 27 68 6f 72 69 7a 6f 6e 74 61 6c 27 2c ': 'horizontal',
0390: 0a 20 20 20 20 20 20 27 6d 6f 64 65 27 3a 20 27 . 'mode': '
03a0: 72 65 6c 61 74 69 76 65 27 2c 0a 20 20 20 20 20 relative',.
03b0: 20 27 73 63 61 6c 65 27 3a 20 5b 2d 31 2c 31 5d 'scale': [-1,1]
03c0: 2c 0a 20 20 20 20 20 20 27 73 74 65 70 27 3a 20 ,. 'step':
03d0: 30 2c 0a 20 20 20 20 20 20 27 76 61 6c 75 65 27 0,. 'value'
03e0: 3a 20 30 2c 0a 20 20 20 20 20 20 27 68 61 73 4b : 0,. 'hasK
03f0: 6e 6f 62 27 3a 20 74 72 75 65 0a 20 20 20 20 7d nob': true. }
0400: 3b 0a 0a 20 20 20 20 73 75 70 65 72 28 61 72 67 ;.. super(arg
0410: 75 6d 65 6e 74 73 2c 6f 70 74 69 6f 6e 73 2c 64 uments,options,d
0420: 65 66 61 75 6c 74 73 29 3b 0a 0a 20 20 20 20 74 efaults);.. t
0430: 68 69 73 2e 6f 72 69 65 6e 74 61 74 69 6f 6e 20 his.orientation
0440: 3d 20 74 68 69 73 2e 73 65 74 74 69 6e 67 73 2e = this.settings.
0450: 6f 72 69 65 6e 74 61 74 69 6f 6e 3b 0a 0a 20 20 orientation;..
0460: 20 20 74 68 69 73 2e 6d 6f 64 65 20 3d 20 74 68 this.mode = th
0470: 69 73 2e 73 65 74 74 69 6e 67 73 2e 6d 6f 64 65 is.settings.mode
0480: 3b 0a 0a 20 20 20 20 74 68 69 73 2e 68 61 73 4b ;.. this.hasK
0490: 6e 6f 62 20 3d 20 74 68 69 73 2e 73 65 74 74 69 nob = this.setti
04a0: 6e 67 73 2e 68 61 73 4b 6e 6f 62 3b 0a 0a 20 20 ngs.hasKnob;..
04b0: 20 20 2f 2f 20 74 68 69 73 2e 73 74 65 70 20 73 // this.step s
04c0: 68 6f 75 6c 64 20 65 76 65 6e 74 75 61 6c 6c 79 hould eventually
04d0: 20 62 65 20 67 65 74 2f 73 65 74 0a 20 20 20 20 be get/set.
04e0: 2f 2f 20 75 70 64 61 74 69 6e 67 20 69 74 20 77 // updating it w
04f0: 69 6c 6c 20 75 70 64 61 74 65 20 74 68 65 20 5f ill update the _
0500: 76 61 6c 75 65 20 73 74 65 70 20 6d 6f 64 65 6c value step model
0510: 0a 20 20 20 20 74 68 69 73 2e 73 74 65 70 20 3d . this.step =
0520: 20 74 68 69 73 2e 73 65 74 74 69 6e 67 73 2e 73 this.settings.s
0530: 74 65 70 3b 20 2f 2f 20 66 6c 6f 61 74 0a 0a 20 tep; // float..
0540: 20 20 20 74 68 69 73 2e 5f 76 61 6c 75 65 20 3d this._value =
0550: 20 6e 65 77 20 53 74 65 70 28 74 68 69 73 2e 73 new Step(this.s
0560: 65 74 74 69 6e 67 73 2e 73 63 61 6c 65 5b 30 5d ettings.scale[0]
0570: 2c 20 74 68 69 73 2e 73 65 74 74 69 6e 67 73 2e , this.settings.
0580: 73 63 61 6c 65 5b 31 5d 2c 20 74 68 69 73 2e 73 scale[1], this.s
0590: 65 74 74 69 6e 67 73 2e 73 74 65 70 2c 20 74 68 ettings.step, th
05a0: 69 73 2e 73 65 74 74 69 6e 67 73 2e 76 61 6c 75 is.settings.valu
05b0: 65 29 3b 0a 0a 20 20 20 20 74 68 69 73 2e 69 6e e);.. this.in
05c0: 69 74 28 29 3b 0a 0a 20 20 20 20 74 68 69 73 2e it();.. this.
05d0: 70 6f 73 69 74 69 6f 6e 20 3d 20 6e 65 77 20 49 position = new I
05e0: 6e 74 65 72 61 63 74 69 6f 6e 2e 48 61 6e 64 6c nteraction.Handl
05f0: 65 28 74 68 69 73 2e 6d 6f 64 65 2c 74 68 69 73 e(this.mode,this
0600: 2e 6f 72 69 65 6e 74 61 74 69 6f 6e 2c 5b 30 2c .orientation,[0,
0610: 74 68 69 73 2e 77 69 64 74 68 5d 2c 5b 74 68 69 this.width],[thi
0620: 73 2e 68 65 69 67 68 74 2c 30 5d 29 3b 0a 20 20 s.height,0]);.
0630: 20 20 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e 2e this.position.
0640: 76 61 6c 75 65 20 3d 20 74 68 69 73 2e 5f 76 61 value = this._va
0650: 6c 75 65 2e 6e 6f 72 6d 61 6c 69 7a 65 64 3b 0a lue.normalized;.
0660: 0a 20 20 20 20 74 68 69 73 2e 76 61 6c 75 65 20 . this.value
0670: 3d 20 74 68 69 73 2e 5f 76 61 6c 75 65 2e 76 61 = this._value.va
0680: 6c 75 65 3b 0a 0a 20 20 20 20 74 68 69 73 2e 65 lue;.. this.e
0690: 6d 69 74 28 27 63 68 61 6e 67 65 27 2c 74 68 69 mit('change',thi
06a0: 73 2e 76 61 6c 75 65 29 3b 0a 0a 20 20 7d 0a 0a s.value);.. }..
06b0: 20 20 62 75 69 6c 64 49 6e 74 65 72 66 61 63 65 buildInterface
06c0: 28 29 20 7b 0a 0a 20 20 20 20 74 68 69 73 2e 62 () {.. this.b
06d0: 61 72 20 3d 20 73 76 67 2e 63 72 65 61 74 65 28 ar = svg.create(
06e0: 27 72 65 63 74 27 29 3b 0a 20 20 20 20 74 68 69 'rect');. thi
06f0: 73 2e 6b 6e 6f 62 20 3d 20 73 76 67 2e 63 72 65 s.knob = svg.cre
0700: 61 74 65 28 27 63 69 72 63 6c 65 27 29 3b 0a 0a ate('circle');..
0710: 20 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 this.element
0720: 2e 61 70 70 65 6e 64 43 68 69 6c 64 28 74 68 69 .appendChild(thi
0730: 73 2e 62 61 72 29 3b 0a 20 20 20 20 74 68 69 73 s.bar);. this
0740: 2e 65 6c 65 6d 65 6e 74 2e 61 70 70 65 6e 64 43 .element.appendC
0750: 68 69 6c 64 28 74 68 69 73 2e 6b 6e 6f 62 29 3b hild(this.knob);
0760: 0a 0a 20 20 7d 0a 0a 20 20 73 69 7a 65 49 6e 74 .. }.. sizeInt
0770: 65 72 66 61 63 65 28 29 20 7b 0a 0a 20 20 20 20 erface() {..
0780: 69 66 20 28 74 68 69 73 2e 70 6f 73 69 74 69 6f if (this.positio
0790: 6e 29 20 7b 0a 20 20 20 20 20 20 74 68 69 73 2e n) {. this.
07a0: 70 6f 73 69 74 69 6f 6e 2e 72 65 73 69 7a 65 28 position.resize(
07b0: 5b 30 2c 74 68 69 73 2e 77 69 64 74 68 5d 2c 5b [0,this.width],[
07c0: 74 68 69 73 2e 68 65 69 67 68 74 2c 30 5d 29 3b this.height,0]);
07d0: 0a 20 20 20 20 7d 0a 0a 20 20 20 20 69 66 20 28 . }.. if (
07e0: 74 68 69 73 2e 77 69 64 74 68 20 3c 20 74 68 69 this.width < thi
07f0: 73 2e 68 65 69 67 68 74 29 20 7b 0a 20 20 20 20 s.height) {.
0800: 20 20 74 68 69 73 2e 6f 72 69 65 6e 74 61 74 69 this.orientati
0810: 6f 6e 20 3d 20 27 76 65 72 74 69 63 61 6c 27 3b on = 'vertical';
0820: 0a 20 20 20 20 7d 20 65 6c 73 65 20 7b 0a 20 20 . } else {.
0830: 20 20 20 20 74 68 69 73 2e 6f 72 69 65 6e 74 61 this.orienta
0840: 74 69 6f 6e 20 3d 20 27 68 6f 72 69 7a 6f 6e 74 tion = 'horizont
0850: 61 6c 27 3b 0a 20 20 20 20 7d 0a 0a 20 20 20 20 al';. }..
0860: 6c 65 74 20 78 2c 20 79 2c 20 77 2c 20 68 2c 20 let x, y, w, h,
0870: 62 61 72 4f 66 66 73 65 74 2c 20 63 6f 72 6e 65 barOffset, corne
0880: 72 52 61 64 69 75 73 3b 0a 20 20 20 20 74 68 69 rRadius;. thi
0890: 73 2e 6b 6e 6f 62 44 61 74 61 20 3d 20 7b 0a 20 s.knobData = {.
08a0: 20 20 20 20 20 6c 65 76 65 6c 3a 20 30 2c 0a 20 level: 0,.
08b0: 20 20 20 20 20 72 3a 20 30 0a 20 20 20 20 7d 3b r: 0. };
08c0: 0a 0a 20 20 20 20 69 66 20 28 74 68 69 73 2e 6f .. if (this.o
08d0: 72 69 65 6e 74 61 74 69 6f 6e 20 3d 3d 3d 20 27 rientation === '
08e0: 76 65 72 74 69 63 61 6c 27 29 20 7b 0a 20 20 20 vertical') {.
08f0: 20 20 20 74 68 69 73 2e 74 68 69 63 6b 6e 65 73 this.thicknes
0900: 73 20 3d 20 74 68 69 73 2e 77 69 64 74 68 20 2f s = this.width /
0910: 20 32 3b 0a 20 20 20 20 09 78 20 3d 20 74 68 69 2;. .x = thi
0920: 73 2e 77 69 64 74 68 2f 32 3b 0a 20 20 20 20 09 s.width/2;. .
0930: 79 20 3d 20 30 3b 0a 20 20 20 20 09 77 20 3d 20 y = 0;. .w =
0940: 74 68 69 73 2e 74 68 69 63 6b 6e 65 73 73 3b 0a this.thickness;.
0950: 20 20 20 20 09 68 20 3d 20 74 68 69 73 2e 68 65 .h = this.he
0960: 69 67 68 74 3b 0a 20 20 20 20 20 20 74 68 69 73 ight;. this
0970: 2e 6b 6e 6f 62 44 61 74 61 2e 72 20 3d 20 74 68 .knobData.r = th
0980: 69 73 2e 74 68 69 63 6b 6e 65 73 73 20 2a 20 30 is.thickness * 0
0990: 2e 38 3b 0a 20 20 20 20 09 74 68 69 73 2e 6b 6e .8;. .this.kn
09a0: 6f 62 44 61 74 61 2e 6c 65 76 65 6c 20 3d 20 68 obData.level = h
09b0: 2d 74 68 69 73 2e 6b 6e 6f 62 44 61 74 61 2e 72 -this.knobData.r
09c0: 2d 74 68 69 73 2e 6e 6f 72 6d 61 6c 69 7a 65 64 -this.normalized
09d0: 2a 28 68 2d 74 68 69 73 2e 6b 6e 6f 62 44 61 74 *(h-this.knobDat
09e0: 61 2e 72 2a 32 29 3b 0a 20 20 20 20 20 20 62 61 a.r*2);. ba
09f0: 72 4f 66 66 73 65 74 20 3d 20 27 74 72 61 6e 73 rOffset = 'trans
0a00: 6c 61 74 65 28 27 2b 74 68 69 73 2e 74 68 69 63 late('+this.thic
0a10: 6b 6e 65 73 73 2a 28 2d 31 29 2f 32 2b 27 2c 30 kness*(-1)/2+',0
0a20: 29 27 3b 0a 20 20 20 20 20 20 63 6f 72 6e 65 72 )';. corner
0a30: 52 61 64 69 75 73 20 3d 20 77 2f 32 3b 0a 20 20 Radius = w/2;.
0a40: 20 20 7d 20 65 6c 73 65 20 7b 0a 20 20 20 20 20 } else {.
0a50: 20 74 68 69 73 2e 74 68 69 63 6b 6e 65 73 73 20 this.thickness
0a60: 3d 20 74 68 69 73 2e 68 65 69 67 68 74 20 2f 20 = this.height /
0a70: 32 3b 0a 20 20 20 20 09 78 20 3d 20 30 3b 0a 20 2;. .x = 0;.
0a80: 20 20 20 09 79 20 3d 20 74 68 69 73 2e 68 65 69 .y = this.hei
0a90: 67 68 74 2f 32 3b 0a 20 20 20 20 09 77 20 3d 20 ght/2;. .w =
0aa0: 74 68 69 73 2e 77 69 64 74 68 3b 0a 20 20 20 20 this.width;.
0ab0: 09 68 20 3d 20 74 68 69 73 2e 74 68 69 63 6b 6e .h = this.thickn
0ac0: 65 73 73 3b 0a 20 20 20 20 20 20 74 68 69 73 2e ess;. this.
0ad0: 6b 6e 6f 62 44 61 74 61 2e 72 20 3d 20 74 68 69 knobData.r = thi
0ae0: 73 2e 74 68 69 63 6b 6e 65 73 73 20 2a 20 30 2e s.thickness * 0.
0af0: 38 3b 0a 20 20 20 20 09 74 68 69 73 2e 6b 6e 6f 8;. .this.kno
0b00: 62 44 61 74 61 2e 6c 65 76 65 6c 20 3d 20 74 68 bData.level = th
0b10: 69 73 2e 6e 6f 72 6d 61 6c 69 7a 65 64 2a 28 77 is.normalized*(w
0b20: 2d 74 68 69 73 2e 6b 6e 6f 62 44 61 74 61 2e 72 -this.knobData.r
0b30: 2a 32 29 2b 74 68 69 73 2e 6b 6e 6f 62 44 61 74 *2)+this.knobDat
0b40: 61 2e 72 3b 0a 20 20 20 20 20 20 62 61 72 4f 66 a.r;. barOf
0b50: 66 73 65 74 20 3d 20 27 74 72 61 6e 73 6c 61 74 fset = 'translat
0b60: 65 28 30 2c 27 2b 74 68 69 73 2e 74 68 69 63 6b e(0,'+this.thick
0b70: 6e 65 73 73 2a 28 2d 31 29 2f 32 2b 27 29 27 3b ness*(-1)/2+')';
0b80: 0a 20 20 20 20 20 20 63 6f 72 6e 65 72 52 61 64 . cornerRad
0b90: 69 75 73 20 3d 20 68 2f 32 3b 0a 20 20 20 20 7d ius = h/2;. }
0ba0: 0a 0a 20 20 20 20 74 68 69 73 2e 62 61 72 2e 73 .. this.bar.s
0bb0: 65 74 41 74 74 72 69 62 75 74 65 28 27 78 27 2c etAttribute('x',
0bc0: 78 29 3b 0a 20 20 20 20 74 68 69 73 2e 62 61 72 x);. this.bar
0bd0: 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 27 79 .setAttribute('y
0be0: 27 2c 79 29 3b 0a 20 20 20 20 74 68 69 73 2e 62 ',y);. this.b
0bf0: 61 72 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 ar.setAttribute(
0c00: 27 74 72 61 6e 73 66 6f 72 6d 27 2c 62 61 72 4f 'transform',barO
0c10: 66 66 73 65 74 29 3b 0a 20 20 20 20 74 68 69 73 ffset);. this
0c20: 2e 62 61 72 2e 73 65 74 41 74 74 72 69 62 75 74 .bar.setAttribut
0c30: 65 28 27 72 78 27 2c 63 6f 72 6e 65 72 52 61 64 e('rx',cornerRad
0c40: 69 75 73 29 3b 20 2f 2f 20 63 6f 72 6e 65 72 20 ius); // corner
0c50: 72 61 64 69 75 73 0a 20 20 20 20 74 68 69 73 2e radius. this.
0c60: 62 61 72 2e 73 65 74 41 74 74 72 69 62 75 74 65 bar.setAttribute
0c70: 28 27 72 79 27 2c 63 6f 72 6e 65 72 52 61 64 69 ('ry',cornerRadi
0c80: 75 73 29 3b 0a 20 20 20 20 74 68 69 73 2e 62 61 us);. this.ba
0c90: 72 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 27 r.setAttribute('
0ca0: 77 69 64 74 68 27 2c 77 29 3b 0a 20 20 20 20 74 width',w);. t
0cb0: 68 69 73 2e 62 61 72 2e 73 65 74 41 74 74 72 69 his.bar.setAttri
0cc0: 62 75 74 65 28 27 68 65 69 67 68 74 27 2c 68 29 bute('height',h)
0cd0: 3b 0a 0a 20 20 20 20 69 66 20 28 74 68 69 73 2e ;.. if (this.
0ce0: 6f 72 69 65 6e 74 61 74 69 6f 6e 20 3d 3d 3d 20 orientation ===
0cf0: 27 76 65 72 74 69 63 61 6c 27 29 20 7b 0a 20 20 'vertical') {.
0d00: 20 20 20 20 74 68 69 73 2e 6b 6e 6f 62 2e 73 65 this.knob.se
0d10: 74 41 74 74 72 69 62 75 74 65 28 27 63 78 27 2c tAttribute('cx',
0d20: 78 29 3b 0a 20 20 20 20 20 20 74 68 69 73 2e 6b x);. this.k
0d30: 6e 6f 62 2e 73 65 74 41 74 74 72 69 62 75 74 65 nob.setAttribute
0d40: 28 27 63 79 27 2c 74 68 69 73 2e 6b 6e 6f 62 44 ('cy',this.knobD
0d50: 61 74 61 2e 6c 65 76 65 6c 29 3b 0a 20 20 20 20 ata.level);.
0d60: 7d 20 65 6c 73 65 20 7b 0a 20 20 20 20 20 20 74 } else {. t
0d70: 68 69 73 2e 6b 6e 6f 62 2e 73 65 74 41 74 74 72 his.knob.setAttr
0d80: 69 62 75 74 65 28 27 63 78 27 2c 74 68 69 73 2e ibute('cx',this.
0d90: 6b 6e 6f 62 44 61 74 61 2e 6c 65 76 65 6c 29 3b knobData.level);
0da0: 0a 20 20 20 20 20 20 74 68 69 73 2e 6b 6e 6f 62 . this.knob
0db0: 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 27 63 .setAttribute('c
0dc0: 79 27 2c 79 29 3b 0a 20 20 20 20 7d 0a 20 20 20 y',y);. }.
0dd0: 20 74 68 69 73 2e 6b 6e 6f 62 2e 73 65 74 41 74 this.knob.setAt
0de0: 74 72 69 62 75 74 65 28 27 72 27 2c 74 68 69 73 tribute('r',this
0df0: 2e 6b 6e 6f 62 44 61 74 61 2e 72 29 3b 0a 0a 20 .knobData.r);..
0e00: 20 7d 0a 0a 20 20 63 6f 6c 6f 72 49 6e 74 65 72 }.. colorInter
0e10: 66 61 63 65 28 29 20 7b 0a 0a 20 20 20 20 74 68 face() {.. th
0e20: 69 73 2e 62 61 72 2e 73 65 74 41 74 74 72 69 62 is.bar.setAttrib
0e30: 75 74 65 28 27 66 69 6c 6c 27 2c 20 74 68 69 73 ute('fill', this
0e40: 2e 63 6f 6c 6f 72 73 2e 66 69 6c 6c 29 3b 0a 20 .colors.fill);.
0e50: 20 20 20 74 68 69 73 2e 6b 6e 6f 62 2e 73 65 74 this.knob.set
0e60: 41 74 74 72 69 62 75 74 65 28 27 66 69 6c 6c 27 Attribute('fill'
0e70: 2c 20 74 68 69 73 2e 63 6f 6c 6f 72 73 2e 61 63 , this.colors.ac
0e80: 63 65 6e 74 29 3b 0a 0a 20 20 20 20 69 66 20 28 cent);.. if (
0e90: 21 74 68 69 73 2e 68 61 73 4b 6e 6f 62 29 20 7b !this.hasKnob) {
0ea0: 0a 20 20 20 20 20 20 74 68 69 73 2e 6b 6e 6f 62 . this.knob
0eb0: 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 27 66 .setAttribute('f
0ec0: 69 6c 6c 27 2c 27 74 72 61 6e 73 70 61 72 65 6e ill','transparen
0ed0: 74 27 29 3b 0a 20 20 20 20 7d 0a 0a 20 20 7d 0a t');. }.. }.
0ee0: 0a 20 20 72 65 6e 64 65 72 28 29 20 7b 0a 20 20 . render() {.
0ef0: 20 20 69 66 20 28 21 74 68 69 73 2e 63 6c 69 63 if (!this.clic
0f00: 6b 65 64 29 20 7b 0a 20 20 20 20 20 20 74 68 69 ked) {. thi
0f10: 73 2e 6b 6e 6f 62 44 61 74 61 2e 72 20 3d 20 74 s.knobData.r = t
0f20: 68 69 73 2e 74 68 69 63 6b 6e 65 73 73 2a 30 2e his.thickness*0.
0f30: 37 35 3b 0a 20 20 20 20 7d 0a 20 20 20 20 74 68 75;. }. th
0f40: 69 73 2e 6b 6e 6f 62 2e 73 65 74 41 74 74 72 69 is.knob.setAttri
0f50: 62 75 74 65 28 27 72 27 2c 74 68 69 73 2e 6b 6e bute('r',this.kn
0f60: 6f 62 44 61 74 61 2e 72 29 3b 0a 0a 20 20 20 20 obData.r);..
0f70: 69 66 20 28 74 68 69 73 2e 6f 72 69 65 6e 74 61 if (this.orienta
0f80: 74 69 6f 6e 20 3d 3d 3d 20 27 76 65 72 74 69 63 tion === 'vertic
0f90: 61 6c 27 29 20 7b 0a 20 20 09 20 20 20 74 68 69 al') {. . thi
0fa0: 73 2e 6b 6e 6f 62 44 61 74 61 2e 6c 65 76 65 6c s.knobData.level
0fb0: 20 3d 20 74 68 69 73 2e 6b 6e 6f 62 44 61 74 61 = this.knobData
0fc0: 2e 72 2b 74 68 69 73 2e 5f 76 61 6c 75 65 2e 6e .r+this._value.n
0fd0: 6f 72 6d 61 6c 69 7a 65 64 2a 28 74 68 69 73 2e ormalized*(this.
0fe0: 68 65 69 67 68 74 2d 74 68 69 73 2e 6b 6e 6f 62 height-this.knob
0ff0: 44 61 74 61 2e 72 2a 32 29 3b 0a 20 20 20 20 20 Data.r*2);.
1000: 20 20 74 68 69 73 2e 6b 6e 6f 62 2e 73 65 74 41 this.knob.setA
1010: 74 74 72 69 62 75 74 65 28 27 63 79 27 2c 74 68 ttribute('cy',th
1020: 69 73 2e 68 65 69 67 68 74 20 2d 20 74 68 69 73 is.height - this
1030: 2e 6b 6e 6f 62 44 61 74 61 2e 6c 65 76 65 6c 29 .knobData.level)
1040: 3b 0a 20 20 20 20 7d 20 65 6c 73 65 20 7b 0a 20 ;. } else {.
1050: 20 09 20 20 20 74 68 69 73 2e 6b 6e 6f 62 44 61 . this.knobDa
1060: 74 61 2e 6c 65 76 65 6c 20 3d 20 74 68 69 73 2e ta.level = this.
1070: 5f 76 61 6c 75 65 2e 6e 6f 72 6d 61 6c 69 7a 65 _value.normalize
1080: 64 2a 28 74 68 69 73 2e 77 69 64 74 68 2d 74 68 d*(this.width-th
1090: 69 73 2e 6b 6e 6f 62 44 61 74 61 2e 72 2a 32 29 is.knobData.r*2)
10a0: 2b 74 68 69 73 2e 6b 6e 6f 62 44 61 74 61 2e 72 +this.knobData.r
10b0: 3b 0a 20 20 20 20 20 20 20 74 68 69 73 2e 6b 6e ;. this.kn
10c0: 6f 62 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 ob.setAttribute(
10d0: 27 63 78 27 2c 74 68 69 73 2e 6b 6e 6f 62 44 61 'cx',this.knobDa
10e0: 74 61 2e 6c 65 76 65 6c 29 3b 0a 20 20 20 20 7d ta.level);. }
10f0: 0a 20 20 7d 0a 0a 0a 20 20 63 6c 69 63 6b 28 29 . }... click()
1100: 20 7b 0a 20 20 20 20 74 68 69 73 2e 6b 6e 6f 62 {. this.knob
1110: 44 61 74 61 2e 72 20 3d 20 74 68 69 73 2e 74 68 Data.r = this.th
1120: 69 63 6b 6e 65 73 73 2a 30 2e 39 3b 0a 20 20 20 ickness*0.9;.
1130: 20 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e 2e 61 this.position.a
1140: 6e 63 68 6f 72 20 3d 20 74 68 69 73 2e 6d 6f 75 nchor = this.mou
1150: 73 65 3b 0a 20 20 20 20 74 68 69 73 2e 6d 6f 76 se;. this.mov
1160: 65 28 29 3b 0a 20 20 7d 0a 0a 20 20 6d 6f 76 65 e();. }.. move
1170: 28 29 20 7b 0a 20 20 20 20 69 66 20 28 74 68 69 () {. if (thi
1180: 73 2e 63 6c 69 63 6b 65 64 29 20 7b 0a 20 20 20 s.clicked) {.
1190: 20 20 20 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e this.position
11a0: 2e 75 70 64 61 74 65 28 74 68 69 73 2e 6d 6f 75 .update(this.mou
11b0: 73 65 29 3b 0a 0a 20 20 20 20 20 20 74 68 69 73 se);.. this
11c0: 2e 76 61 6c 75 65 20 3d 20 74 68 69 73 2e 5f 76 .value = this._v
11d0: 61 6c 75 65 2e 75 70 64 61 74 65 4e 6f 72 6d 61 alue.updateNorma
11e0: 6c 28 20 74 68 69 73 2e 70 6f 73 69 74 69 6f 6e l( this.position
11f0: 2e 76 61 6c 75 65 20 29 3b 0a 0a 20 20 20 20 20 .value );..
1200: 20 74 68 69 73 2e 65 6d 69 74 28 27 63 68 61 6e this.emit('chan
1210: 67 65 27 2c 7b 0a 20 20 20 20 20 20 20 20 76 61 ge',{. va
1220: 6c 75 65 3a 20 74 68 69 73 2e 76 61 6c 75 65 2c lue: this.value,
1230: 0a 20 20 20 20 20 20 20 20 4c 3a 20 4d 61 74 68 . L: Math
1240: 2e 70 6f 77 28 20 6d 61 74 68 2e 73 63 61 6c 65 .pow( math.scale
1250: 28 74 68 69 73 2e 76 61 6c 75 65 2c 2d 31 2c 31 (this.value,-1,1
1260: 2c 31 2c 30 29 2c 20 32 29 2c 0a 20 20 20 20 20 ,1,0), 2),.
1270: 20 20 20 52 3a 20 4d 61 74 68 2e 70 6f 77 28 20 R: Math.pow(
1280: 6d 61 74 68 2e 73 63 61 6c 65 28 74 68 69 73 2e math.scale(this.
1290: 76 61 6c 75 65 2c 2d 31 2c 31 2c 30 2c 31 29 2c value,-1,1,0,1),
12a0: 20 32 29 0a 20 20 20 20 20 20 7d 29 3b 0a 0a 20 2). });..
12b0: 20 20 20 7d 0a 20 20 7d 0a 0a 20 20 72 65 6c 65 }. }.. rele
12c0: 61 73 65 28 29 20 7b 0a 20 20 20 20 74 68 69 73 ase() {. this
12d0: 2e 72 65 6e 64 65 72 28 29 3b 0a 20 20 7d 0a 0a .render();. }..
12e0: 20 20 2f 2a 2a 0a 20 20 54 68 65 20 70 6f 73 69 /**. The posi
12f0: 74 69 6f 6e 20 6f 66 20 63 72 6f 73 73 66 61 64 tion of crossfad
1300: 65 72 2c 20 66 72 6f 6d 20 2d 31 20 28 6c 65 66 er, from -1 (lef
1310: 74 29 20 74 6f 20 31 20 28 72 69 67 68 74 29 2e t) to 1 (right).
1320: 20 53 65 74 74 69 6e 67 20 74 68 69 73 20 76 61 Setting this va
1330: 6c 75 65 20 75 70 64 61 74 65 73 20 74 68 65 20 lue updates the
1340: 69 6e 74 65 72 66 61 63 65 20 61 6e 64 20 74 72 interface and tr
1350: 69 67 67 65 72 73 20 74 68 65 20 6f 75 74 70 75 iggers the outpu
1360: 74 20 65 76 65 6e 74 2e 0a 20 20 40 74 79 70 65 t event.. @type
1370: 20 7b 6e 75 6d 62 65 72 7d 0a 20 20 2a 2f 0a 20 {number}. */.
1380: 20 67 65 74 20 76 61 6c 75 65 28 29 20 7b 0a 20 get value() {.
1390: 20 20 20 72 65 74 75 72 6e 20 74 68 69 73 2e 5f return this._
13a0: 76 61 6c 75 65 2e 76 61 6c 75 65 3b 0a 20 20 7d value.value;. }
13b0: 0a 0a 20 20 73 65 74 20 76 61 6c 75 65 28 76 61 .. set value(va
13c0: 6c 75 65 29 20 7b 0a 20 20 20 20 74 68 69 73 2e lue) {. this.
13d0: 5f 76 61 6c 75 65 2e 75 70 64 61 74 65 28 76 61 _value.update(va
13e0: 6c 75 65 29 3b 0a 20 20 20 20 74 68 69 73 2e 70 lue);. this.p
13f0: 6f 73 69 74 69 6f 6e 2e 76 61 6c 75 65 20 3d 20 osition.value =
1400: 74 68 69 73 2e 5f 76 61 6c 75 65 2e 6e 6f 72 6d this._value.norm
1410: 61 6c 69 7a 65 64 3b 0a 20 20 20 20 74 68 69 73 alized;. this
1420: 2e 65 6d 69 74 28 27 63 68 61 6e 67 65 27 2c 7b .emit('change',{
1430: 0a 20 20 20 20 20 20 76 61 6c 75 65 3a 20 74 68 . value: th
1440: 69 73 2e 76 61 6c 75 65 2c 0a 20 20 20 20 20 20 is.value,.
1450: 4c 3a 20 4d 61 74 68 2e 70 6f 77 28 20 6d 61 74 L: Math.pow( mat
1460: 68 2e 73 63 61 6c 65 28 74 68 69 73 2e 76 61 6c h.scale(this.val
1470: 75 65 2c 2d 31 2c 31 2c 31 2c 30 29 2c 20 32 29 ue,-1,1,1,0), 2)
1480: 2c 0a 20 20 20 20 20 20 52 3a 20 4d 61 74 68 2e ,. R: Math.
1490: 70 6f 77 28 20 6d 61 74 68 2e 73 63 61 6c 65 28 pow( math.scale(
14a0: 74 68 69 73 2e 76 61 6c 75 65 2c 2d 31 2c 31 2c this.value,-1,1,
14b0: 30 2c 31 29 2c 20 32 29 0a 20 20 20 20 7d 29 3b 0,1), 2). });
14c0: 0a 20 20 20 20 74 68 69 73 2e 72 65 6e 64 65 72 . this.render
14d0: 28 29 3b 0a 20 20 7d 0a 0a 20 20 67 65 74 20 6e ();. }.. get n
14e0: 6f 72 6d 61 6c 69 7a 65 64 28 29 20 7b 0a 20 20 ormalized() {.
14f0: 20 20 72 65 74 75 72 6e 20 74 68 69 73 2e 5f 76 return this._v
1500: 61 6c 75 65 2e 6e 6f 72 6d 61 6c 69 7a 65 64 3b alue.normalized;
1510: 0a 20 20 7d 0a 0a 7d 0a . }..}.