189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff var supportsVML = false;

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff //testVMLNode;

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff if (Y.UA.ie && Y.UA.ie < 9){

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff supportsVML = true;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var Lang = Y.Lang,

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Widget = Y.Widget,

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Node = Y.Node;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff function Dial(config) {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Dial.superclass.constructor.apply(this, arguments);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

f47f024e093853ad3957be898687fc8317a835daJeff Conniff // Y.Dial static properties

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Dial.NAME = "dial";

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Dial.ATTRS = {

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff min : {

24ef71067b8f34f90df1fc636a73424647c97f4bJeff Conniff value:-220

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff max : {

24ef71067b8f34f90df1fc636a73424647c97f4bJeff Conniff value:220

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff diameter : {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff value:100

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff /**

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff handleDiameter : {

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff value:0.2

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff },

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff /**

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff markerDiameter : {

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff value:0.1

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff },

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff /**

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff centerButtonDiameter : {

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff value:0.5

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff },

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff value : {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff value:0,

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff validator: function(val) {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff return this._validateValue(val);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff minorStep : {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff value:1

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff majorStep : {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff value:10

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff stepsPerRevolution : {

24ef71067b8f34f90df1fc636a73424647c97f4bJeff Conniff value:100

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff /**

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff decimalPlaces : {

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff value:0

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff strings: {

a90f7fefd9901a8da896d4bfe602441e0b7078d3Jeff Conniff valueFn: function () {

a90f7fefd9901a8da896d4bfe602441e0b7078d3Jeff Conniff return Y.Intl.get('dial');

59927fc7ef43db5ef49fce3811b307e2f0a4267cJeff Conniff }

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff handleDistance:{

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff value:0.75

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff };

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff function makeClassName(str) {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff return Y.ClassNameManager.getClassName(Dial.NAME, str);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Dial.CSS_CLASSES = {

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff label : makeClassName("label"),

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff labelString : makeClassName("label-string"),

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff valueString : makeClassName("value-string"),

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff northMark : makeClassName("north-mark"),

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff ring : makeClassName('ring'),

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff ringVml : makeClassName('ring-vml'),

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff marker : makeClassName("marker"),

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff markerVml : makeClassName("marker-vml"),

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff markerMaxMin : makeClassName("marker-max-min"),

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff centerButton : makeClassName("center-button"),

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff centerButtonVml : makeClassName('center-button-vml'),

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff resetString : makeClassName("reset-string"),

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff handle : makeClassName("handle"),

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff handleVml : makeClassName("handle-vml"),

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff hidden : makeClassName("hidden"),

59927fc7ef43db5ef49fce3811b307e2f0a4267cJeff Conniff dragging : Y.ClassNameManager.getClassName("dd-dragging")

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff };

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff /* Static constants used to define the markup templates used to create Dial DOM elements */

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff var labelId = Dial.CSS_CLASSES.label + Y.guid(); //get this unique id once then use

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff Dial.LABEL_TEMPLATE = '<div id="' + labelId + '" class="' + Dial.CSS_CLASSES.label + '"><span class="' + Dial.CSS_CLASSES.labelString + '">{label}</span><span class="' + Dial.CSS_CLASSES.valueString + '"></span></div>';

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff if(supportsVML === false){

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Dial.RING_TEMPLATE = '<div class="' + Dial.CSS_CLASSES.ring + '"><div class="' + Dial.CSS_CLASSES.northMark + '"></div></div>';

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff Dial.MARKER_TEMPLATE = '<div class="' + Dial.CSS_CLASSES.marker + ' ' + Dial.CSS_CLASSES.hidden + '"></div>';

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff Dial.CENTER_BUTTON_TEMPLATE = '<div class="' + Dial.CSS_CLASSES.centerButton + '"><div class="' + Dial.CSS_CLASSES.resetString + ' ' + Dial.CSS_CLASSES.hidden + '">{resetStr}</div></div>';

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff Dial.HANDLE_TEMPLATE = '<div class="' + Dial.CSS_CLASSES.handle + '" aria-labelledby="' + labelId + '" aria-valuetext="" aria-valuemax="" aria-valuemin="" aria-valuenow="" role="slider" tabindex="0" title="{tooltipHandle}">';

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }else{ // VML case

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff Dial.RING_TEMPLATE = '<div class="' + Dial.CSS_CLASSES.ring + ' ' + Dial.CSS_CLASSES.ringVml + '">'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '<div class="' + Dial.CSS_CLASSES.northMark + '"></div>'+

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff '<v:oval strokecolor="#ceccc0" strokeweight="1px"><v:fill type=gradient color="#8B8A7F" color2="#EDEDEB" angle="45"/></v:oval>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '</div>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '';

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff Dial.MARKER_TEMPLATE = '<div class="' + Dial.CSS_CLASSES.markerVml + ' ' + Dial.CSS_CLASSES.hidden + '">'+

04f7ef259d54aeab53258697e1e7f8856adcc8a6Jeff Conniff '<v:oval stroked="false">'+

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff '<v:fill opacity="20%" color="#000"/>'+

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff '</v:oval>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '</div>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '';

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff Dial.CENTER_BUTTON_TEMPLATE = '<div class="' + Dial.CSS_CLASSES.centerButton + ' ' + Dial.CSS_CLASSES.centerButtonVml + '">'+

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff '<v:oval strokecolor="#ceccc0" strokeweight="1px">'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '<v:fill type=gradient color="#C7C5B9" color2="#fefcf6" colors="35% #d9d7cb, 65% #fefcf6" angle="45"/>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '<v:shadow on="True" color="#000" opacity="10%" offset="2px, 2px"/>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '</v:oval>'+

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff '<div class="' + Dial.CSS_CLASSES.resetString + ' ' + Dial.CSS_CLASSES.hidden + '">{resetStr}</div>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '</div>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '';

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff Dial.HANDLE_TEMPLATE = '<div class="' + Dial.CSS_CLASSES.handleVml + '" aria-labelledby="' + labelId + '" aria-valuetext="" aria-valuemax="" aria-valuemin="" aria-valuenow="" role="slider" tabindex="0" title="{tooltipHandle}">'+

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff '<v:oval stroked="false">'+

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff '<v:fill opacity="20%" color="#6C3A3A"/>'+

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff '</v:oval>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '</div>'+

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff '';

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff /* Dial extends the base Widget class */

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Y.extend(Dial, Widget, {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff renderUI : function() {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._renderLabel();

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._renderRing();

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._renderMarker();

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._renderCenterButton();

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._renderHandle();

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff // object handles

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this.contentBox = this.get("contentBox");

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff // constants

24ef71067b8f34f90df1fc636a73424647c97f4bJeff Conniff this._originalValue = this.get('value');

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._minValue = this.get('min'); // saves doing a .get many times, but we need to remember to update this if/when we allow changing min or max after instantiation

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._maxValue = this.get('max');

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._stepsPerRevolution = this.get('stepsPerRevolution');

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._minTimesWrapped = (Math.floor(this._minValue / this._stepsPerRevolution - 1));

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._maxTimesWrapped = (Math.floor(this._maxValue / this._stepsPerRevolution + 1));

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff // variables

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._timesWrapped = 0;

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff this._angle = this._getAngleFromValue(this.get('value'));

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff this._prevAng = this._angle;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff // init

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._setTimesWrappedFromValue(this._originalValue);

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._handleNode.set('aria-valuemin', this._minValue);

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._handleNode.set('aria-valuemax', this._maxValue);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

e81cc12bafc201061ba76fdfd173f1412371e0ecJeff Conniff

e81cc12bafc201061ba76fdfd173f1412371e0ecJeff Conniff /**

e81cc12bafc201061ba76fdfd173f1412371e0ecJeff Conniff _setBorderRadius : function(){

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._ringNode.setStyles({'WebkitBorderRadius':this._ringNodeRadius + 'px',

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff 'MozBorderRadius':this._ringNodeRadius + 'px',

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff 'borderRadius':this._ringNodeRadius + 'px'

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff });

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._handleNode.setStyles({'WebkitBorderRadius':this._handleNodeRadius + 'px',

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff 'MozBorderRadius':this._handleNodeRadius + 'px',

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff 'borderRadius':this._handleNodeRadius + 'px'

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff });

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._markerNode.setStyles({'WebkitBorderRadius':this._markerNodeRadius + 'px',

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff 'MozBorderRadius':this._markerNodeRadius + 'px',

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff 'borderRadius':this._markerNodeRadius + 'px'

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff });

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._centerButtonNode.setStyles({'WebkitBorderRadius':this._centerButtonNodeRadius + 'px',

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff 'MozBorderRadius':this._centerButtonNodeRadius + 'px',

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff 'borderRadius':this._centerButtonNodeRadius + 'px'

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff });

e81cc12bafc201061ba76fdfd173f1412371e0ecJeff Conniff },

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff bindUI : function() {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this.after("valueChange", this._afterValueChange);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var boundingBox = this.get("boundingBox"),

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff // Looking for a key event which will fire continously across browsers while the key is held down.

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff keyEventSpec = (!Y.UA.opera) ? "down:" : "press:",

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff keyLeftRightSpec = (!Y.UA.opera) ? "down:" : "press:";

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff // 38, 40 = arrow up/down, 33, 34 = page up/down, 35 , 36 = end/home

41af0d917f0352d732a7dbf9c9594f3ef30b82a0Jeff Conniff keyEventSpec += "38,40,33,34,35,36";

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff // 37 , 39 = arrow left/right

41af0d917f0352d732a7dbf9c9594f3ef30b82a0Jeff Conniff keyLeftRightSpec += "37,39";

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Y.on("key", Y.bind(this._onDirectionKey, this), boundingBox, keyEventSpec);

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff Y.on("key", Y.bind(this._onLeftRightKey, this), boundingBox, keyLeftRightSpec);

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff Y.on('mouseenter', function(){this.one('.' + Dial.CSS_CLASSES.resetString).removeClass(Dial.CSS_CLASSES.hidden);}, this._centerButtonNode);

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff Y.on('mouseleave', function(){this.one('.' + Dial.CSS_CLASSES.resetString).addClass(Dial.CSS_CLASSES.hidden);}, this._centerButtonNode);

32dbcde2fa3a8c0ad6f36343177d167a55a958f8Jeff Conniff // Needed to replace mousedown/up with gesturemovestart/end to make behavior on touch devices work the same.

0ed6176253fa9ba4e1c0825cca2f4cd707681f02Jeff Conniff Y.on('gesturemovestart', Y.bind(this._resetDial, this), this._centerButtonNode); //[#2530441]

0ed6176253fa9ba4e1c0825cca2f4cd707681f02Jeff Conniff Y.on('gesturemoveend', Y.bind(function(){this._handleNode.focus();}, this), this._centerButtonNode);

32dbcde2fa3a8c0ad6f36343177d167a55a958f8Jeff Conniff Y.on('gesturemovestart', Y.bind(function(){this._handleNode.focus();}, this), this._handleNode);

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff Y.on('gesturemovestart', Y.bind(this._getNewValueFromMousedown, this), this._ringNode); // [#2530766] // send this directly to mousedown method

32dbcde2fa3a8c0ad6f36343177d167a55a958f8Jeff Conniff Y.on('gesturemoveend', Y.bind(function(){this._handleNode.focus();}, this), this._ringNode); // [#2530206] // need to re-focus on the handle so keyboard is accessible

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._dd1 = new Y.DD.Drag({ //// [#2530206] changed global this._dd1 from just var dd1 = new Y.DD.drag so

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff node: this._handleNode,

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff on : {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff 'drag:drag' : Y.bind(this._handleDrag, this),

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff 'drag:start' : Y.bind(this._handleDragStart, this),

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff 'drag:end' : Y.bind(this._handleDragEnd, this) //,

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff });

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff Y.bind(this._dd1.addHandle(this._ringNode), this); // [#2530206] added the ring as a handle to the dd1 (the dd of the handleNode)

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff _setTimesWrappedFromValue : function(val){

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff if(val % this._stepsPerRevolution === 0){

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._timesWrapped = (val / this._stepsPerRevolution);

24ef71067b8f34f90df1fc636a73424647c97f4bJeff Conniff }else{

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._timesWrapped = Math.floor(val / this._stepsPerRevolution);

24ef71067b8f34f90df1fc636a73424647c97f4bJeff Conniff }

24ef71067b8f34f90df1fc636a73424647c97f4bJeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff /**

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff _getAngleFromHandleCenter : function(handleCenterX, handleCenterY){

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff var ang = Math.atan( (this._centerYOnPage - handleCenterY) / (this._centerXOnPage - handleCenterX) ) * (180 / Math.PI);

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff ang = ((this._centerXOnPage - handleCenterX) < 0) ? ang + 90 : ang + 90 + 180; // Compensate for neg angles from Math.atan

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff return ang;

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff },

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff /**

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff _handleDrag : function(e){

7e21402185b2bb1c42859a8dca7863be3759647dJeff Conniff var handleCenterX, // changes for [#2530206]

7e21402185b2bb1c42859a8dca7863be3759647dJeff Conniff handleCenterY, // changes for [#2530206]

7e21402185b2bb1c42859a8dca7863be3759647dJeff Conniff ang,

82cdeb4d776987d0e2501978b1e1c50143931bbcJeff Conniff newValue;

7e21402185b2bb1c42859a8dca7863be3759647dJeff Conniff

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff // [#2530206] The center of the handle is different relative to the XY of the mousedown event, compared to the drag:drag event.

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff // the event was emitted from drag:drag of handle. The center of the handle is e.pageX + radius, e.pageY + radius

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff handleCenterX = e.pageX + this._handleNodeRadius;

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff handleCenterY = e.pageY + this._handleNodeRadius;

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff ang = this._getAngleFromHandleCenter(handleCenterX, handleCenterY);

7e21402185b2bb1c42859a8dca7863be3759647dJeff Conniff

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff // check for need to set timesWrapped

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff if((this._prevAng > 270) && (ang < 90)){ // If wrapping, clockwise

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff if(this._timesWrapped < this._maxTimesWrapped){

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._timesWrapped = (this._timesWrapped + 1);

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff }

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff }else if((this._prevAng < 90) && (ang > 270)){ // if un-wrapping, counter-clockwise

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff if(this._timesWrapped > this._minTimesWrapped){

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._timesWrapped = (this._timesWrapped - 1);

7e21402185b2bb1c42859a8dca7863be3759647dJeff Conniff }

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff }

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff newValue = this._getValueFromAngle(ang); // This function needs the current _timesWrapped value. That's why it comes after the _timesWrapped code above

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff // If you've gone past max more than one full revolution, we decrement the _timesWrapped value

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff // This gives the effect of a ratchet mechanism.

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff // It feels like you are never more than one revolution past max

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff // The effect is the same for min, only in reverse.

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff // We can't reset the _timesWrapped to the max or min here.

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff // If we did, the next (continuous) drag would reset the value incorrectly.

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff if(newValue > (this._maxValue + this._stepsPerRevolution) ){

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._timesWrapped --;

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff }else if(newValue < (this._minValue - this._stepsPerRevolution) ){

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._timesWrapped ++;

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff }

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._prevAng = ang; // need to keep the previous angle in order to check for wrapping on the next drag, click, or keypress

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff this._handleValuesBeyondMinMax(e, newValue);

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff },

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff /**

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff _getNewValueFromMousedown : function(e){ // #2530306

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff var minAng = this._getAngleFromValue(this._minValue),

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff maxAng = this._getAngleFromValue(this._maxValue),

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff newValue, oppositeMidRangeAngle,

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff ang;

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff // the event was emitted from mousedown on ring, so center should be the XY of mousedown.

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff handleCenterX = e.pageX;

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff handleCenterY = e.pageY;

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff ang = this._getAngleFromHandleCenter(handleCenterX, handleCenterY);

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff //////////////////////////////////////////////

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff /*

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff if(this.get('max') - this.get('min') > this._stepsPerRevolution){

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // range min-to-max is greater than stepsPerRevolution (one revolution)

e0cefdb165ce2bf64d9dbf31368ef772fe70d547Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // This checks the shortest way around the dial between the prevAng and this ang.

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff if(Math.abs(this._prevAng - ang) > 180){ // this crossed a wrapping

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // Only change the _timesWrapped if it's between minTimesWrapped and maxTimesWrapped

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff if((this._timesWrapped > this._minTimesWrapped) &&

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff (this._timesWrapped < this._maxTimesWrapped)

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff ){

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // this checks which direction, clock wise or CCW and incr or decr _timesWrapped

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff this._timesWrapped = ((this._prevAng - ang) > 0) ? (this._timesWrapped + 1) : (this._timesWrapped - 1);

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff }

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // special case of getting un-stuck from a min value case

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // where timesWrapped is minTimesWrapped but new ang won't trigger a cross wrap boundry

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // because prevAng is set to 0 or > 0

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff }else if(

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff (this._timesWrapped === this._minTimesWrapped) &&

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff (ang - this._prevAng < 180)

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff ){

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff this._timesWrapped ++;

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff } //it didn't cross a wrapping boundary

e0cefdb165ce2bf64d9dbf31368ef772fe70d547Jeff Conniff

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff }else if((maxAng === 0) && (this.get('value') === this._maxValue)){

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // this happens when max is set at (North), an increment of stepsPerRevolution

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // because of "else if", range is <= stepsPerRevolution

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff if(ang > minAng / 2){

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff this._timesWrapped --;

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff }

e0cefdb165ce2bf64d9dbf31368ef772fe70d547Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff }else if(minAng > maxAng){

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // this range includes the wrap point (north)

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // because of "else if", range is <= stepsPerRevolution

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff if(

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff (this._prevAng >= minAng) && // if prev angle was greater than angle of min and...

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff (ang <= (minAng + maxAng) / 2) // the angle of this click is less than

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // the angle opposite the mid-range angle, then...

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff ){

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff this._timesWrapped ++;

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff }else if(

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff (this._prevAng <= maxAng) &&

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // if prev angle is < max angle and...

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff (ang > (minAng + maxAng) / 2) //!!!!!!@@@###!!!!! &&

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // the angle of this click is greater than,

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // the angle opposite the mid-range angle and...

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff //(this.get('value') > this._minValue)

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff //(this._prevAng !== 0) //#2530597 fix md wrong way from 0

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // not zero. We don't want a previously min value of zero to have its _timesWrapped decremented

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff ){

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff this._timesWrapped --;

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff var foo = 3;

e0cefdb165ce2bf64d9dbf31368ef772fe70d547Jeff Conniff }

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff }else if(minAng === maxAng){

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff this._timesWrapped = 0;

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff if(ang < minAng){

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff this._timesWrapped = 1;

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff }

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // This is min and max are same angle 0 or other

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff // because of "else if", the range is <= stepsPerRevolution

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff

dfce478dfa2a75c4dfcacb60b7321f9ef37c8477Jeff Conniff }else{

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // min - max range doesn't include the wrap point

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // range is still <= stepsPerRevolution

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff if ((ang < minAng) || (ang > maxAng)){ // angle is out of range

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff oppositeMidRangeAngle = (((minAng + maxAng) / 2) + 180) % 360;

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff // This is the bisection of the min-to-max range + 180. (opposite the bisection)

e0cefdb165ce2bf64d9dbf31368ef772fe70d547Jeff Conniff

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff if(oppositeMidRangeAngle > 180){

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff newValue = ((maxAng < ang) && (ang < oppositeMidRangeAngle)) ? this.get('max') : this.get('min');

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff }else{ //oppositeMidRangeAngle <= 180

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff newValue = ((minAng > ang) && (ang > oppositeMidRangeAngle)) ? this.get('min') : this.get('max');

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff }

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff this._prevAng = this._getAngleFromValue(newValue);

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this.set('value', newValue);

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._setTimesWrappedFromValue(newValue);

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff return;

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff newValue = this._getValueFromAngle(ang); // This function needs the correct, current _timesWrapped value.

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff this._prevAng = ang;

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff this._handleValuesBeyondMinMax(e, newValue);

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff },

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff /**

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff _handleValuesBeyondMinMax : function(e, newValue){ // #2530306

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff // If _getValueFromAngle() is passed 0, it increments the _timesWrapped value.

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff // handle hitting max and min and going beyond, stops at max or min

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff if((newValue >= this._minValue) && (newValue <= this._maxValue)) {

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff this.set('value', newValue);

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff // [#2530206] transfer the mousedown event from the _ringNode to the _handleNode drag, so we can mousedown, then continue dragging

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff if(e.currentTarget === this._ringNode){

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff // Delegate to DD's natural behavior

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff this._dd1._handleMouseDownEvent(e);

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff }

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff }else if(newValue > this._maxValue){

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff this.set('value', this._maxValue);

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff if(e.type === 'gesturemovestart'){

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._prevAng = this._getAngleFromValue(this._maxValue); // #2530766 need for mousedown on the ring; causes prob for drag

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff }

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff }else if(newValue < this._minValue){

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff this.set('value', this._minValue);

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff if(e.type === 'gesturemovestart'){

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff this._prevAng = this._getAngleFromValue(this._minValue);

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff }

3909982acea3ffce1cb7435b87bee218e423c1ddJeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _handleDragStart : function(e){

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._markerNode.removeClass(Dial.CSS_CLASSES.hidden);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff /*

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _handleDragEnd : function(){

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var node = this._handleNode;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff node.transition({

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff duration: 0.08, // seconds

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff easing: 'ease-in',

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff left: this._setNodeToFixedRadius(this._handleNode, true)[0] + 'px',

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff top: this._setNodeToFixedRadius(this._handleNode, true)[1] + 'px'

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }, Y.bind(function(){

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff var value = this.get('value');

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff //[#2530206] only hide marker if not at max or min

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff // more persistant user visibility of when the dial is at max or min

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff if((value > this._minValue) && (value < this._maxValue)){

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._markerNode.addClass(Dial.CSS_CLASSES.hidden);

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff }else{

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._setTimesWrappedFromValue(value); //#2530766 secondary bug when drag past max + cross wrapping boundry

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff this._prevAng = this._getAngleFromValue(value); //#2530766 secondary bug when drag past max + cross wrapping boundry

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }, this)

24ef71067b8f34f90df1fc636a73424647c97f4bJeff Conniff );

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff _setNodeToFixedRadius : function(obj, typeArray){

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var thisAngle = (this._angle - 90),

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff rad = (Math.PI / 180),

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff newY = Math.round(Math.sin(thisAngle * rad) * this._handleDistance),

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff newX = Math.round(Math.cos(thisAngle * rad) * this._handleDistance),

7defd8450188bddcb9e79a7d1c2246aa027ed78fJeff Conniff dia = obj.get('offsetWidth'); //Ticket #2529852

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff newY = newY - (dia * 0.5);

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff newX = newX - (dia * 0.5);

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff if(typeArray){ // just need the style for css transform left and top to animate the handle drag:end

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff return [(this._ringNodeRadius + newX), (this._ringNodeRadius + newY)];

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff }else{

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff obj.setStyle('left', (this._ringNodeRadius + newX) + 'px');

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff obj.setStyle('top', (this._ringNodeRadius + newY) + 'px');

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff syncUI : function() {

11b81e1c54469a27a52271a2bcff20794d259d27Jeff Conniff // Make the marker and the resetString display so their placement and borderRadius can be calculated, then hide them again.

11b81e1c54469a27a52271a2bcff20794d259d27Jeff Conniff // We would have used visibility:hidden in the css of this class,

11b81e1c54469a27a52271a2bcff20794d259d27Jeff Conniff // but IE8 VML never returns to visible after applying visibility:hidden then removing it.

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._setSizes();

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._setBorderRadius();

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._uiSetValue(this.get("value"));

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._markerNode.addClass(Dial.CSS_CLASSES.hidden);

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._resetString.addClass(Dial.CSS_CLASSES.hidden);

7e21402185b2bb1c42859a8dca7863be3759647dJeff Conniff this._centerYOnPage = (this._ringNode.getY() + this._ringNodeRadius); // moved from _handleDragStart for [#2530206]

7e21402185b2bb1c42859a8dca7863be3759647dJeff Conniff this._centerXOnPage = (this._ringNode.getX() + this._ringNodeRadius); // moved from _handleDragStart for [#2530206]

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff /**

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff _setSizes : function(){

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff var dia = this.get('diameter'),

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff offset, offsetResetX, offsetResetY,

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff setSize = function(node, dia, percent){

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff var suffix = 'px';

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff node.getElementsByTagName('oval').setStyle('width', (dia * percent) + suffix);

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff node.getElementsByTagName('oval').setStyle('height', (dia * percent) + suffix);

dcb17c0ed0cc508b4c74234b7477b05e6a8723ebJeff Conniff node.setStyle('width', (dia * percent) + suffix);

dcb17c0ed0cc508b4c74234b7477b05e6a8723ebJeff Conniff node.setStyle('height', (dia * percent) + suffix);

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff };

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff setSize(this._ringNode, dia, 1.0);

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff setSize(this._handleNode, dia, this.get('handleDiameter'));

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff setSize(this._markerNode, dia, this.get('markerDiameter'));

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff setSize(this._centerButtonNode, dia, this.get('centerButtonDiameter'));

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff // Set these (used for trig) this way instead of relative to dia,

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff // in case they have borders, have images etc.

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._ringNodeRadius = this._ringNode.get('offsetWidth') * 0.5;

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._handleNodeRadius = this._handleNode.get('offsetWidth') * 0.5;

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._markerNodeRadius = this._markerNode.get('offsetWidth') * 0.5;

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._centerButtonNodeRadius = this._centerButtonNode.get('offsetWidth') * 0.5;

7928e2ef0532df9064d9374ceda31d6ab080eb2dJeff Conniff this._handleDistance = this._ringNodeRadius * this.get('handleDistance');

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff // place the centerButton

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff offset = (this._ringNodeRadius - this._centerButtonNodeRadius);

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._centerButtonNode.setStyle('left', offset + 'px');

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._centerButtonNode.setStyle('top', offset + 'px');

11b81e1c54469a27a52271a2bcff20794d259d27Jeff Conniff /*

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff offsetResetX = (this._centerButtonNodeRadius - (this._resetString.get('offsetWidth') * 0.5));

189003a5b9ed3b1168f3331a2d4213bb08bf0d86Jeff Conniff offsetResetY = (this._centerButtonNodeRadius - (this._resetString.get('offsetHeight') * 0.5));

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._resetString.setStyles({'left':offsetResetX + 'px', 'top':offsetResetY + 'px'});

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff },

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff

e81cc12bafc201061ba76fdfd173f1412371e0ecJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _renderLabel : function() {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var contentBox = this.get("contentBox"),

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff label = contentBox.one("." + Dial.CSS_CLASSES.label);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff if (!label) {

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff label = Node.create(Y.substitute(Dial.LABEL_TEMPLATE, this.get('strings')));

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff contentBox.append(label);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._labelNode = label;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._valueStringNode = this._labelNode.one("." + Dial.CSS_CLASSES.valueString);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _renderRing : function() {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var contentBox = this.get("contentBox"),

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff ring = contentBox.one("." + Dial.CSS_CLASSES.ring);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff if (!ring) {

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff ring = contentBox.appendChild(Dial.RING_TEMPLATE);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff ring.setStyles({width:this.get('diameter') + 'px', height:this.get('diameter') + 'px'});

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._ringNode = ring;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _renderMarker : function() {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var contentBox = this.get("contentBox"),

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff marker = contentBox.one("." + Dial.CSS_CLASSES.marker);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff if (!marker) {

2aa0883432cf56a974eb9261afcf6ede4313384cJeff Conniff marker = contentBox.one('.' + Dial.CSS_CLASSES.ring).appendChild(Dial.MARKER_TEMPLATE);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._markerNode = marker;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _renderCenterButton : function() {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var contentBox = this.get("contentBox"),

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff centerButton = contentBox.one("." + Dial.CSS_CLASSES.centerButton);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff if (!centerButton) {

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff centerButton = Node.create(Y.substitute(Dial.CENTER_BUTTON_TEMPLATE, this.get('strings')));

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff contentBox.one('.' + Dial.CSS_CLASSES.ring).append(centerButton);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._centerButtonNode = centerButton;

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._resetString = this._centerButtonNode.one('.' + Dial.CSS_CLASSES.resetString);

dcb17c0ed0cc508b4c74234b7477b05e6a8723ebJeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _renderHandle : function() {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var contentBox = this.get("contentBox"),

7defd8450188bddcb9e79a7d1c2246aa027ed78fJeff Conniff handle = contentBox.one("." + Dial.CSS_CLASSES.handle);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff if (!handle) {

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff handle = Node.create(Y.substitute(Dial.HANDLE_TEMPLATE, this.get('strings')));

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff contentBox.one('.' + Dial.CSS_CLASSES.ring).append(handle);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._handleNode = handle;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

db4ce980273cc4e9e42eebf699de9b44b51768a4Jeff Conniff _setLabelString : function(str) {

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff this.get("contentBox").one("." + Dial.CSS_CLASSES.labelString).setContent(str);

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

db4ce980273cc4e9e42eebf699de9b44b51768a4Jeff Conniff _setResetString : function(str) {

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this.get("contentBox").one("." + Dial.CSS_CLASSES.resetString).setContent(str);

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff // this._setXYResetString(); // This used to recenter the string in the button. Done with CSS now. Method has been removed.

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff // this._resetString.setContent(''); //We no longer show/hide the reset string with setContent but by addClass and removeClass .yui3-dial-reset-string-hidden

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

db4ce980273cc4e9e42eebf699de9b44b51768a4Jeff Conniff _setTooltipString : function(str) {

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff this._handleNode.set('title', str);

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _onDirectionKey : function(e) {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff e.preventDefault();

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff switch (e.charCode) {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff case 38: // up

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff this._incrMinor();

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff break;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff case 40: // down

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff this._decrMinor();

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff break;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff case 36: // home

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff this._resetDial();

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff break;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff case 35: // end

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff this._setToMax();

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff break;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff case 33: // page up

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff this._incrMajor();

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff break;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff case 34: // page down

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff this._decrMajor();

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff break;

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff /**

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff _onLeftRightKey : function(e) {

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff e.preventDefault();

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff switch (e.charCode) {

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff case 37: // left

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff this._decrMinor();

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff break;

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff case 39: // right

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff this._incrMinor();

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff break;

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff }

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff /**

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff _incrMinor : function(){

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff var newVal = (this.get('value') + this.get("minorStep"));

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff newVal = Math.min(newVal, this.get("max"));

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff // [#2530045] .toFixed returns a string.

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff // Dial's value needs a number. -0 makes it a number, but removes trailing zeros.

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff // Added toFixed(...) again in _uiSetValue where content of yui3-dial-value-string is set.

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff // Removing the toFixed here, loses the feature of "snap-to" when for example, stepsPerRevolution is 10 and decimalPlaces is 0.

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff this.set('value', newVal.toFixed(this.get('decimalPlaces')) - 0);

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff /**

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff _decrMinor : function(){

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff var newVal = (this.get('value') - this.get("minorStep"));

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff newVal = Math.max(newVal, this.get("min"));

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff this.set('value', newVal.toFixed(this.get('decimalPlaces')) - 0);

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff /**

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff _incrMajor : function(){

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff var newVal = (this.get('value') + this.get("majorStep"));

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff newVal = Math.min(newVal, this.get("max"));

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff this.set('value', newVal.toFixed(this.get('decimalPlaces')) - 0);

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff /**

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff _decrMajor : function(){

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff var newVal = (this.get('value') - this.get("majorStep"));

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff newVal = Math.max(newVal, this.get("min"));

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff this.set('value', newVal.toFixed(this.get('decimalPlaces')) - 0);

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff /**

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff _setToMax : function(){

59927fc7ef43db5ef49fce3811b307e2f0a4267cJeff Conniff this.set('value', this.get("max"));

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff /**

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff _setToMin : function(){

59927fc7ef43db5ef49fce3811b307e2f0a4267cJeff Conniff this.set('value', this.get("min"));

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff /**

7e21402185b2bb1c42859a8dca7863be3759647dJeff Conniff _resetDial : function(e){

0ed6176253fa9ba4e1c0825cca2f4cd707681f02Jeff Conniff if(e){

0ed6176253fa9ba4e1c0825cca2f4cd707681f02Jeff Conniff e.stopPropagation(); //[#2530206] need to add so mousedown doesn't propagate to ring and move the handle

0ed6176253fa9ba4e1c0825cca2f4cd707681f02Jeff Conniff }

59927fc7ef43db5ef49fce3811b307e2f0a4267cJeff Conniff this.set('value', this._originalValue);

b6728820ae681622a056c2cd665139f59789c664Jeff Conniff this._resetString.addClass(Dial.CSS_CLASSES.hidden); //[#2530441]

0ed6176253fa9ba4e1c0825cca2f4cd707681f02Jeff Conniff this._handleNode.focus();

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff },

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _getAngleFromValue : function(newVal){

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff var nonWrappedPartOfValue = newVal % this._stepsPerRevolution,

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff angleFromValue = nonWrappedPartOfValue / this._stepsPerRevolution * 360;

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff return (angleFromValue < 0) ? (angleFromValue + 360) : angleFromValue;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _getValueFromAngle : function(angle){

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff if(angle < 0){

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff angle = (360 + angle);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }else if(angle === 0){

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff angle = 360;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff var value = (angle / 360) * this._stepsPerRevolution;

62280f8683de7078a1eb123153c33822cd3bca37Jeff Conniff value = (value + (this._timesWrapped * this._stepsPerRevolution));

44c68f247b9311ea767cb4656220793317e3383bJeff Conniff //return Math.round(value * 100) / 100;

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff return value.toFixed(this.get('decimalPlaces')) - 0;

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _afterValueChange : function(e) {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._uiSetValue(e.newVal);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff /**

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff _valueToDecimalPlaces : function(val) { // [#2530206] cleaned up and better user feedback of when it's max or min.

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff },

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff

2353184083624510261e335c156a05e8cae2fc41Jeff Conniff /**

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff _uiSetValue : function(val) { // [#2530206] cleaned up and better user feedback of when it's max or min.

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff this._angle = this._getAngleFromValue(val);

59927fc7ef43db5ef49fce3811b307e2f0a4267cJeff Conniff if(this._handleNode.hasClass(Dial.CSS_CLASSES.dragging) === false){

691af6c84a00ad5f629ffcfa3b1e42c38da5da4fJeff Conniff this._setTimesWrappedFromValue(val);

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff this._setNodeToFixedRadius(this._handleNode, false);

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff this._prevAng = this._getAngleFromValue(this.get('value'));

59927fc7ef43db5ef49fce3811b307e2f0a4267cJeff Conniff }

ee795fdb0aaa73a9c3d348fd05149c573012185aJeff Conniff this._valueStringNode.setContent(val.toFixed(this.get('decimalPlaces'))); // [#2530045]

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff this._handleNode.set('aria-valuenow', val);

41a8874f3c14857a5a311a43eaf30a123f376771Jeff Conniff this._handleNode.set('aria-valuetext', val);

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff this._setNodeToFixedRadius(this._markerNode, false);

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff if((val === this._maxValue) || (val === this._minValue)){

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._markerNode.addClass(Dial.CSS_CLASSES.markerMaxMin);

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff if(supportsVML === true){

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._markerNode.getElementsByTagName('fill').set('color', '#AB3232');

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._markerNode.removeClass(Dial.CSS_CLASSES.hidden);

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff }else{ // not max or min

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff if(supportsVML === true){

624b3d25f12c6e63f607b2690315293ad7ef6481Jeff Conniff this._markerNode.getElementsByTagName('fill').set('color', '#000');

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._markerNode.removeClass(Dial.CSS_CLASSES.markerMaxMin);

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff if(this._handleNode.hasClass(Dial.CSS_CLASSES.dragging) === false){ // if not max || min, and not dragging handle, hide the marker

4af2659c7f72aa2813a2eea32fcc568bbea27de7Jeff Conniff this._markerNode.addClass(Dial.CSS_CLASSES.hidden);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff },

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff

736745cee753d967cf5fb1063c21578ecca61b4aJeff Conniff /**

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff _validateValue: function(val) {

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var min = this.get("min"),

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff max = this.get("max");

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff return (Lang.isNumber(val) && val >= min && val <= max);

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff }

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff });

df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff Y.Dial = Dial;