123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264 |
- if(!dojo._hasResource["dijit._CssStateMixin"]){
- dojo._hasResource["dijit._CssStateMixin"] = true;
- dojo.provide("dijit._CssStateMixin");
- dojo.declare("dijit._CssStateMixin", [], {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- cssStateNodes: {},
-
-
- hovering: false,
-
-
-
- active: false,
- _applyAttributes: function(){
-
-
-
- this.inherited(arguments);
-
- dojo.forEach(["onmouseenter", "onmouseleave", "onmousedown"], function(e){
- this.connect(this.domNode, e, "_cssMouseEvent");
- }, this);
-
-
- dojo.forEach(["disabled", "readOnly", "checked", "selected", "focused", "state", "hovering", "active"], function(attr){
- this.watch(attr, dojo.hitch(this, "_setStateClass"));
- }, this);
-
- for(var ap in this.cssStateNodes){
- this._trackMouseState(this[ap], this.cssStateNodes[ap]);
- }
-
-
- this._setStateClass();
- },
- _cssMouseEvent: function(/*Event*/ event){
-
-
-
- if(!this.disabled){
- switch(event.type){
- case "mouseenter":
- case "mouseover":
- this._set("hovering", true);
- this._set("active", this._mouseDown);
- break;
- case "mouseleave":
- case "mouseout":
- this._set("hovering", false);
- this._set("active", false);
- break;
- case "mousedown" :
- this._set("active", true);
- this._mouseDown = true;
-
-
-
- var mouseUpConnector = this.connect(dojo.body(), "onmouseup", function(){
- this._mouseDown = false;
- this._set("active", false);
- this.disconnect(mouseUpConnector);
- });
- break;
- }
- }
- },
- _setStateClass: function(){
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- var newStateClasses = this.baseClass.split(" ");
- function multiply(modifier){
- newStateClasses = newStateClasses.concat(dojo.map(newStateClasses, function(c){ return c+modifier; }), "dijit"+modifier);
- }
- if(!this.isLeftToRight()){
-
- multiply("Rtl");
- }
- if(this.checked){
- multiply("Checked");
- }
- if(this.state){
- multiply(this.state);
- }
- if(this.selected){
- multiply("Selected");
- }
- if(this.disabled){
- multiply("Disabled");
- }else if(this.readOnly){
- multiply("ReadOnly");
- }else{
- if(this.active){
- multiply("Active");
- }else if(this.hovering){
- multiply("Hover");
- }
- }
- if(this._focused){
- multiply("Focused");
- }
-
-
- var tn = this.stateNode || this.domNode,
- classHash = {};
- dojo.forEach(tn.className.split(" "), function(c){ classHash[c] = true; });
- if("_stateClasses" in this){
- dojo.forEach(this._stateClasses, function(c){ delete classHash[c]; });
- }
- dojo.forEach(newStateClasses, function(c){ classHash[c] = true; });
- var newClasses = [];
- for(var c in classHash){
- newClasses.push(c);
- }
- tn.className = newClasses.join(" ");
- this._stateClasses = newStateClasses;
- },
- _trackMouseState: function(/*DomNode*/ node, /*String*/ clazz){
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- var hovering=false, active=false, focused=false;
- var self = this,
- cn = dojo.hitch(this, "connect", node);
- function setClass(){
- var disabled = ("disabled" in self && self.disabled) || ("readonly" in self && self.readonly);
- dojo.toggleClass(node, clazz+"Hover", hovering && !active && !disabled);
- dojo.toggleClass(node, clazz+"Active", active && !disabled);
- dojo.toggleClass(node, clazz+"Focused", focused && !disabled);
- }
-
- cn("onmouseenter", function(){
- hovering = true;
- setClass();
- });
- cn("onmouseleave", function(){
- hovering = false;
- active = false;
- setClass();
- });
- cn("onmousedown", function(){
- active = true;
- setClass();
- });
- cn("onmouseup", function(){
- active = false;
- setClass();
- });
-
- cn("onfocus", function(){
- focused = true;
- setClass();
- });
- cn("onblur", function(){
- focused = false;
- setClass();
- });
-
-
- this.watch("disabled", setClass);
- this.watch("readOnly", setClass);
- }
- });
- }
|