OSDN Git Service

Version 0.6.138, working X.UI.ScrollBox!, fix Node.prev & Node.next.
[pettanr/clientJs.git] / 0.6.x / js / 20_ui / 06_AbstractUINode.js
index 13af1bc..f649cd5 100644 (file)
@@ -17,7 +17,7 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                attrObject        : null,\r
                unverifiedAttrs   : null,\r
                \r
-               role              : null,\r
+               role              : 1,\r
                pointerDisabled   : false,\r
                hoverClassName    : null,\r
                hovering          : false,\r
@@ -30,8 +30,8 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                \r
                boxX              : 0,\r
                boxY              : 0,\r
-               scrollWidth       : 0,\r
-               scrollHeight      : 0,          \r
+               scrollWidth       : 0, // remove?\r
+               scrollHeight      : 0, // remove?\r
                boxWidth          : X.UI.Attr.AUTO,\r
                minBoxWidth       : 0,\r
                maxBoxWidth       : X.UI.Attr.AUTO,     \r
@@ -133,6 +133,7 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                } else\r
                                if( list && ( _v = list[ v ] ) ){\r
                                        // good\r
+                                       console.log( v + ' ' + _v );\r
                                        v = _v;\r
                                } else\r
                                if( ( percent || minusPct ) && v.lastIndexOf( '%' ) !== -1 && isFinite( _v = parseFloat( v ) ) && v === _v + '%' ){\r
@@ -216,8 +217,8 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                };\r
 \r
                                if( !X.UI.attrClassProto && user === X.UI.Attr.USER.XNODE && this.xnode ){\r
-                                       this.xnode[ 'css' ]( X.UI.Attr.Rename[ name ] || name, this._createCssText( name ) );\r
-                                       //console.log( ( X.UI.Attr.Rename[ name ] || name ) + ' ' + this._createCssText( name ) + ' ' + propID + ' ' + attrs[ propID ] );\r
+                                       this.xnode[ 'css' ]( X.UI.Attr.Rename[ name ] || name, XUI_AbstractUINode_createCssText( this, name ) );\r
+                                       //console.log( ( X.UI.Attr.Rename[ name ] || name ) + ' ' + XUI_AbstractUINode_createCssText( this, name ) + ' ' + propID + ' ' + attrs[ propID ] );\r
                                };\r
                                return;\r
                        };\r
@@ -260,87 +261,15 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                        attrs[ propID ] = v;\r
                                };\r
                                \r
+                               if( name && user === X.UI.Attr.USER.UINODE ){\r
+                                       this[ name ] = v;\r
+                               };\r
+                               \r
                                if( name && user === X.UI.Attr.USER.XNODE && this.xnode ){\r
-                                       this.xnode[ 'css' ]( X.UI.Attr.Rename[ name ] || name, this._createCssText( name ) );\r
-                                       //console.log( ( X.UI.Attr.Rename[ name ] || name ) + ' ' + this._createCssText( name ) + ' ' + propID + ' ' + attrs[ propID ] );\r
+                                       this.xnode[ 'css' ]( X.UI.Attr.Rename[ name ] || name, XUI_AbstractUINode_createCssText( this, name ) );\r
+                                       //console.log( ( X.UI.Attr.Rename[ name ] || name ) + ' ' + XUI_AbstractUINode_createCssText( this, name ) + ' ' + propID + ' ' + attrs[ propID ] );\r
                                } else\r
-                               if( this.dirty < dirty ) this.dirty = dirty;                                                    \r
-                       };\r
-               },\r
-\r
-               _createCssText : function( name ){\r
-                       var attrs      = this.attrObject || this.attrClass.prototype || X.UI.AttrClass,\r
-                               def        = this.supportAttrs[ name ],\r
-                               no         = def.No,\r
-                               v          = attrs[ def.No ],\r
-                               type       = def[ 3 ],\r
-                               list       = def[ 4 ],\r
-                               flag       = !!( type & X.UI.Attr.Type.BOOLEAN ),\r
-                               combi      = !!( type & X.UI.Attr.Type.COMBI   ),\r
-                               quartet    = !!( type & X.UI.Attr.Type.QUARTET );\r
-\r
-                       if( quartet ){\r
-                               if( attrs[ no + 1 ] === attrs[ no + 3 ] ){\r
-                                       if( v === attrs[ no + 2 ] ){\r
-                                               if( v === attrs[ no + 1 ] ){\r
-                                                       return this._createCssValue( v, type, list );\r
-                                               };\r
-                                               return [\r
-                                                       this._createCssValue( v, type, list ),\r
-                                                       this._createCssValue( attrs[ no + 1 ], type, list )\r
-                                               ].join( ' ' );\r
-                                       };\r
-                                       return [\r
-                                               this._createCssValue( v, type, list ),\r
-                                               this._createCssValue( attrs[ no + 1 ], type, list ),\r
-                                               this._createCssValue( attrs[ no + 2 ], type, list )\r
-                                       ].join( ' ' );\r
-                               };\r
-                               return [\r
-                                       this._createCssValue( v, type, list ),\r
-                                       this._createCssValue( attrs[ no + 1 ], type, list ),\r
-                                       this._createCssValue( attrs[ no + 2 ], type, list ),\r
-                                       this._createCssValue( attrs[ no + 3 ], type, list )\r
-                               ].join( ' ' );\r
-                       } else\r
-                       if( combi ){\r
-                               return [\r
-                                       this._createCssValue( v, type, list ),\r
-                                       this._createCssValue( attrs[ no + 1 ], type, list )\r
-                               ].join( ' ' );\r
-                       } else\r
-                       if( flag ){\r
-                               return v ? list : 'normal'; // \r
-                       };\r
-                       return this._createCssValue( v, type, list );\r
-               },\r
-\r
-               _createCssValue : function( v, type, list ){\r
-                       var length     = !!( type & X.UI.Attr.Type.LENGTH        ),\r
-                               minusLen   = !!( type & X.UI.Attr.Type.MINUS_LENGTH  ),\r
-                               percent    = !!( type & X.UI.Attr.Type.PERCENT       ),\r
-                               minusPct   = !!( type & X.UI.Attr.Type.MINUS_PERCENT ),\r
-                               numerical  = !!( type & X.UI.Attr.Type.NUMERICAL     ),\r
-                               auto       = !!( type & X.UI.Attr.Type.AUTO          ),\r
-                               color      = !!( type & X.UI.Attr.Type.COLOR         ),\r
-                               url        = !!( type & X.UI.Attr.Type.URL           ),\r
-                               fontName   = !!( type & X.UI.Attr.Type.FONT_NAME     );\r
-                       \r
-                       if( X_Type_isNumber( v ) ){\r
-                               if( auto && v === X.UI.Attr.AUTO ) return 'auto';\r
-                               if( length || minusLen ) return v + 'em';\r
-                               if( numerical ) return v;\r
-                               if( list && list[ v ] ) return list[ v ];\r
-                               if( color ){\r
-                                       if( v < 0x100000 ){\r
-                                               v = '00000' + v.toString( 16 );\r
-                                               return '#' + v.substr( v.length - 6 );\r
-                                       };\r
-                                       return '#' + v.toString( 16 );\r
-                               };\r
-                       };\r
-                       if( X_Type_isString( v ) ){\r
-                               if( percent || minusPct || url || fontName ) return v;\r
+                               if( this.dirty < dirty ) this.dirty = dirty;\r
                        };\r
                },\r
 \r
@@ -420,10 +349,10 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                        this.xnode\r
                                [ 'css' ]( 'left',        x ? x + 'em' : 0 )\r
                                [ 'css' ]( 'top',         y ? y + 'em' : 0 )\r
-                               [ 'css' ]( 'width',       this.contentWidth  ? X.UI._AbstractUINode.ceil( this.contentWidth  ) + 'em' : 0 )\r
-                               [ 'css' ]( 'height',      this.contentHeight ? X.UI._AbstractUINode.ceil( this.contentHeight ) + 'em' : 0 )\r
-                               [ 'css' ]( 'padding',     this._createCssText( 'padding' ) )\r
-                               [ 'css' ]( 'borderWidth', this._createCssText( 'borderWidth' ) );\r
+                               [ 'css' ]( 'width',       this.contentWidth  ? XUI_AbstractUINode_ceil( this.contentWidth  ) + 'em' : 0 )\r
+                               [ 'css' ]( 'height',      this.contentHeight ? XUI_AbstractUINode_ceil( this.contentHeight ) + 'em' : 0 )\r
+                               [ 'css' ]( 'padding',     XUI_AbstractUINode_createCssText( this, 'padding' ) )\r
+                               [ 'css' ]( 'borderWidth', XUI_AbstractUINode_createCssText( this, 'borderWidth' ) );\r
                },\r
 \r
                /*\r
@@ -431,7 +360,6 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                 */\r
                preMesure : function( allowedW, allowedH ){\r
                        var attrs = this.attrObject || this.attrClass.prototype || X.UI.AttrClass,\r
-                               calc  = X.UI._AbstractUINode.calcValue,\r
                                box   = attrs[ X.UI.Attr.Support.sizing.No ],\r
                                min, max,\r
                                boxL, boxT, boxR, boxB,\r
@@ -443,10 +371,10 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                        // 自身が constraintW の場合 親が AUTO ではない\r
                        // 自身が constraintW でない場合自身が  AUTO はなくかつ親 が AUTO の場合 or 自身は % でない\r
                        \r
-                       paddingR = calc( attrs[ X.UI.Attr.Support.padding.No + 1 ], allowedW );\r
-                       paddingL = calc( attrs[ X.UI.Attr.Support.padding.No + 3 ], allowedW );\r
-                       borderR  = calc( attrs[ X.UI.Attr.Support.borderWidth.No + 1 ], allowedW );\r
-                       borderL  = calc( attrs[ X.UI.Attr.Support.borderWidth.No + 3 ], allowedW );\r
+                       paddingR = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.padding.No + 1 ], allowedW );\r
+                       paddingL = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.padding.No + 3 ], allowedW );\r
+                       borderR  = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.borderWidth.No + 1 ], allowedW );\r
+                       borderL  = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.borderWidth.No + 3 ], allowedW );\r
                        boxMinus = 0;\r
                        switch( box ){\r
                                case 3 : // border-box\r
@@ -460,9 +388,9 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                        \r
                        if( this.constraintW ? allowedW !== X.UI.Attr.AUTO : !this.autoWidth && ( allowedW !== X.UI.Attr.AUTO || !this.percentWidth ) ){\r
                                if( this.constraintW ){ // 制約レイアウト\r
-                                       contentW = allowedW - ( boxL = calc( attrs[ X.UI.Attr.Support.left.No ], allowedW ) ) - ( boxR = calc( attrs[ X.UI.Attr.Support.right.No ], allowedW ) );\r
+                                       contentW = allowedW - ( boxL = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.left.No ], allowedW ) ) - ( boxR = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.right.No ], allowedW ) );\r
                                } else {\r
-                                       contentW = X.UI._AbstractUINode.finalValue( attrs[ X.UI.Attr.Support.width.No ], attrs[ X.UI.Attr.Support.minWidth.No ], attrs[ X.UI.Attr.Support.maxWidth.No ], allowedW );                                    \r
+                                       contentW = XUI_AbstractUINode_calcFinalValue( attrs[ X.UI.Attr.Support.width.No ], attrs[ X.UI.Attr.Support.minWidth.No ], attrs[ X.UI.Attr.Support.maxWidth.No ], allowedW );                                  \r
                                };\r
                                this.contentWidth = contentW + boxMinus;\r
                                this.scrollWidth  = this.contentWidth + this.contentL + this.contentR;\r
@@ -473,8 +401,8 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                delete this.minBoxWidth;\r
                                delete this.maxBoxWidth;\r
                        } else {        \r
-                               this.minContentWidth = calc( attrs[ X.UI.Attr.Support.minWidth.No ], allowedW ) + boxMinus;\r
-                               this.maxContentWidth = calc( attrs[ X.UI.Attr.Support.maxWidth.No ], allowedW ) + boxMinus;\r
+                               this.minContentWidth = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.minWidth.No ], allowedW ) + boxMinus;\r
+                               this.maxContentWidth = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.maxWidth.No ], allowedW ) + boxMinus;\r
                                this.scrollWidth     = this.contentWidth + this.contentL + this.contentR;\r
                                this.minBoxWidth     = this.minContentWidth - boxMinus + this.contentL + this.contentR;\r
                                this.maxBoxWidth     = this.maxContentWidth - boxMinus + this.contentL + this.contentR;\r
@@ -484,10 +412,10 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                //delete this.boxSizingOffsetLR;\r
                        };\r
                        \r
-                       paddingT  = calc( attrs[ X.UI.Attr.Support.padding.No + 0 ], allowedH );// paddingTRBL の % 指定は 最大幅に対して TB でも幅に対して\r
-                       paddingB  = calc( attrs[ X.UI.Attr.Support.padding.No + 2 ], allowedH );\r
-                       borderT   = calc( attrs[ X.UI.Attr.Support.borderWidth.No  + 0 ], allowedH );\r
-                       borderB   = calc( attrs[ X.UI.Attr.Support.borderWidth.No  + 2 ], allowedH );\r
+                       paddingT  = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.padding.No + 0 ], allowedH );// paddingTRBL の % 指定は 最大幅に対して TB でも幅に対して\r
+                       paddingB  = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.padding.No + 2 ], allowedH );\r
+                       borderT   = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.borderWidth.No  + 0 ], allowedH );\r
+                       borderB   = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.borderWidth.No  + 2 ], allowedH );\r
                        boxMinus = 0;\r
                        switch( box ){\r
                                case 3 : // border-box\r
@@ -502,9 +430,9 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                        // Height\r
                        if( this.constraintH ? allowedH !== X.UI.Attr.AUTO : !this.autoHeight && ( allowedH !== X.UI.Attr.AUTO || !this.percentHeight ) ){\r
                                if( this.constraintH ){ // 制約レイアウト\r
-                                       contentH = allowedH - ( boxT = calc( attrs[ X.UI.Attr.Support.top.No ], allowedH ) ) - ( boxB = calc( attrs[ X.UI.Attr.Support.bottom.No ], allowedH ) );\r
+                                       contentH = allowedH - ( boxT = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.top.No ], allowedH ) ) - ( boxB = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.bottom.No ], allowedH ) );\r
                                } else {\r
-                                       contentH = X.UI._AbstractUINode.finalValue( attrs[ X.UI.Attr.Support.height.No ], attrs[ X.UI.Attr.Support.minHeight.No ], attrs[ X.UI.Attr.Support.maxHeight.No ], allowedH );\r
+                                       contentH = XUI_AbstractUINode_calcFinalValue( attrs[ X.UI.Attr.Support.height.No ], attrs[ X.UI.Attr.Support.minHeight.No ], attrs[ X.UI.Attr.Support.maxHeight.No ], allowedH );\r
                                };                      \r
                                this.contentHeight = contentH + boxMinus;\r
                                this.scrollHeight  = this.contentHeight + this.contentT + this.contentB;\r
@@ -515,8 +443,8 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                delete this.minBoxHeight;\r
                                delete this.maxBoxHeight;\r
                        } else {\r
-                               this.minContentHeight = calc( attrs[ X.UI.Attr.Support.minHeight.No ], allowedH ) + boxMinus;\r
-                               this.maxContentHeight = calc( attrs[ X.UI.Attr.Support.maxHeight.No ], allowedH ) + boxMinus;                           \r
+                               this.minContentHeight = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.minHeight.No ], allowedH ) + boxMinus;\r
+                               this.maxContentHeight = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.maxHeight.No ], allowedH ) + boxMinus;                           \r
                                this.minBoxHeight = this.minContentHeight - boxMinus + this.contentT + this.contentB;\r
                                this.maxBoxHeight = this.maxContentHeight - boxMinus + this.contentT + this.contentB;\r
                \r
@@ -528,12 +456,12 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                        \r
                        if( this.parentData && this.parentData.layout.overrideAttrsForChild.left ){\r
                                if( this.constraintW ){\r
-                                       this.boxX = ( boxL || boxL === 0 ) ? boxL : calc( attrs[ X.UI.Attr.Support.left.No ], allowedW );\r
+                                       this.boxX = ( boxL || boxL === 0 ) ? boxL : XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.left.No ], allowedW );\r
                                } else\r
                                if( attrs[ X.UI.Attr.Support.right.No ] === null ){\r
-                                       this.boxX = ( boxL || boxL === 0 ) ? boxL : calc( attrs[ X.UI.Attr.Support.left.No ], allowedW );\r
+                                       this.boxX = ( boxL || boxL === 0 ) ? boxL : XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.left.No ], allowedW );\r
                                } else {\r
-                                       this.boxX = alllowW - this.boxWidth - ( ( boxR || boxR === 0 ) ? boxR : calc( attrs[ X.UI.Attr.Support.right.No ], allowedW ) );\r
+                                       this.boxX = alllowW - this.boxWidth - ( ( boxR || boxR === 0 ) ? boxR : XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.right.No ], allowedW ) );\r
                                };\r
                        } else {\r
                                delete this.boxX;\r
@@ -541,12 +469,12 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                        \r
                        if( this.parentData && this.parentData.layout.overrideAttrsForChild.top ){\r
                                if( this.constraintH ){\r
-                                       this.boxY = ( boxT || boxT === 0 ) ? boxT : calc( attrs[ X.UI.Attr.Support.top.No ], allowedH );\r
+                                       this.boxY = ( boxT || boxT === 0 ) ? boxT : XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.top.No ], allowedH );\r
                                } else\r
                                if( attrs[ X.UI.Attr.Support.bottom.No ] === null ){\r
-                                       this.boxY = ( boxT || boxT === 0 ) ? boxT : calc( attrs[ X.UI.Attr.Support.top.No ], allowedH );\r
+                                       this.boxY = ( boxT || boxT === 0 ) ? boxT : XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.top.No ], allowedH );\r
                                } else {\r
-                                       this.boxY = allowedH - this.boxHeight - ( ( boxB || boxB === 0 ) ? boxB : calc( attrs[ X.UI.Attr.Support.bottom.No ], allowedH ) );\r
+                                       this.boxY = allowedH - this.boxHeight - ( ( boxB || boxB === 0 ) ? boxB : XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.bottom.No ], allowedH ) );\r
                                };\r
                        } else {\r
                                delete this.boxY;\r
@@ -608,7 +536,7 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                                        if( w - this.boxSizingOffsetLR < this.minContentWidth ) this.contentWidth = this.minContentWidth + this.boxSizingOffsetLR;\r
                                                        this.lastContentWidth = this.contentWidth;\r
                                                        \r
-                                                       w !== this.contentWidth && xnode[ 'css' ]( 'width', X.UI._AbstractUINode.ceil( this.contentWidth ) + 'em' );\r
+                                                       w !== this.contentWidth && xnode[ 'css' ]( 'width', XUI_AbstractUINode_ceil( this.contentWidth ) + 'em' );\r
                                                        \r
                                                        if( h === X.UI.Attr.AUTO ){\r
                                                                this.contentHeight = h = xnode[ 'css' ]( 'height', 'auto' )[ 'scrollHeight' ]() / X_Node_CSS_getCharSize( xnode ); // scrollHeight() ??\r
@@ -623,7 +551,7 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                                } else\r
                                                if( h === X.UI.Attr.AUTO ){\r
                                                        if( w !== this.lastContentWidth ){\r
-                                                               xnode[ 'css' ]( 'width', X.UI._AbstractUINode.ceil( w ) + 'em' );\r
+                                                               xnode[ 'css' ]( 'width', XUI_AbstractUINode_ceil( w ) + 'em' );\r
                                                                \r
                                                                this.lastContentWidth  = w;\r
                                                                this.contentHeight = h = xnode[ 'css' ]( 'height', 'auto' )[ 'scrollHeight' ]() / X_Node_CSS_getCharSize( xnode );\r
@@ -666,7 +594,6 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                 */\r
                postMesure : function(){\r
                        var     attrs = this.attrObject || this.attrClass.prototype || X.UI.AttrClass,\r
-                               calc  = X.UI._AbstractUINode.calcValue,\r
                                box   = attrs[ X.UI.Attr.Support.sizing.No ],\r
                                contentW, contentH,\r
                                contentPlus,\r
@@ -677,10 +604,10 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                        // Width\r
                        if( this.boxWidth === X.UI.Attr.AUTO ){\r
                                contentW = this.contentWidth;\r
-                               paddingR = calc( attrs[ X.UI.Attr.Support.padding.No + 1 ], contentW );                                 \r
-                               paddingL = calc( attrs[ X.UI.Attr.Support.padding.No + 3 ], contentW );                                 \r
-                               borderR  = calc( attrs[ X.UI.Attr.Support.borderWidth.No + 1 ], contentW );\r
-                               borderL  = calc( attrs[ X.UI.Attr.Support.borderWidth.No + 3 ], contentW );\r
+                               paddingR = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.padding.No + 1 ], contentW );                                 \r
+                               paddingL = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.padding.No + 3 ], contentW );                                 \r
+                               borderR  = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.borderWidth.No + 1 ], contentW );\r
+                               borderL  = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.borderWidth.No + 3 ], contentW );\r
                                contentPlus = 0;\r
                                switch( box ){\r
                                        case 3 : // border-box\r
@@ -692,8 +619,8 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                \r
                                if( !this.constraintW ){\r
                                        contentW += contentPlus;\r
-                                       min = calc( attrs[ X.UI.Attr.Support.minWidth.No ], contentW );\r
-                                       max = calc( attrs[ X.UI.Attr.Support.maxWidth.No ], contentW );\r
+                                       min = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.minWidth.No ], contentW );\r
+                                       max = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.maxWidth.No ], contentW );\r
                                        if( contentW < min && contentPlus < min ){\r
                                                this.contentWidth = min - contentPlus;\r
                                        } else\r
@@ -708,10 +635,10 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                        // Height\r
                        if( this.boxHeight === X.UI.Attr.AUTO ){\r
                                contentH    = this.contentHeight;\r
-                               paddingT    = calc( attrs[ X.UI.Attr.Support.padding.No + 0 ], contentH );// paddingTRBL の % 指定は 最大幅に対して TB でも幅に対して\r
-                               paddingB    = calc( attrs[ X.UI.Attr.Support.padding.No + 2 ], contentH );\r
-                               borderT     = calc( attrs[ X.UI.Attr.Support.borderWidth.No  + 0 ], contentH );\r
-                               borderB     = calc( attrs[ X.UI.Attr.Support.borderWidth.No  + 2 ], contentH );\r
+                               paddingT    = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.padding.No + 0 ], contentH );// paddingTRBL の % 指定は 最大幅に対して TB でも幅に対して\r
+                               paddingB    = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.padding.No + 2 ], contentH );\r
+                               borderT     = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.borderWidth.No  + 0 ], contentH );\r
+                               borderB     = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.borderWidth.No  + 2 ], contentH );\r
                                contentPlus = 0;\r
                                switch( box ){\r
                                        case 3 : // border-box\r
@@ -722,8 +649,8 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                };\r
                                if( !this.constraintH ){\r
                                        contentH += contentPlus;\r
-                                       min = calc( attrs[ X.UI.Attr.Support.minHeight.No ], contentH );\r
-                                       max = calc( attrs[ X.UI.Attr.Support.maxHeight.No ], contentH );\r
+                                       min = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.minHeight.No ], contentH );\r
+                                       max = XUI_AbstractUINode_calcValue( attrs[ X.UI.Attr.Support.maxHeight.No ], contentH );\r
                                        if( contentH < min && contentPlus < min ){\r
                                                this.contentHeight = min - contentPlus;\r
                                        } else\r
@@ -750,7 +677,9 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                        };\r
                },\r
                \r
-               \r
+               /*\r
+                * context を明示しない場合、User が context になる!\r
+                */\r
                listen : function( type, arg1, arg2, arg3 ){\r
                        var root, events, counter, f;\r
                        if( X.UI.Event._START_POINTER <= type && type <= X.UI.Event._END_POINTER ){\r
@@ -777,7 +706,7 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                        };\r
                                };\r
                        };\r
-                       f = X_Callback_classifyCallbackArgs( arg1, arg2, arg3 );\r
+                       arg1 && arg1.kind ? ( f = arg1 ) : ( f = X_Callback_classifyCallbackArgs( arg1, arg2, arg3 ) );\r
                        if( !f.kind ){\r
                                return X_EventDispatcher_listen.call( this, type, this.User, f );\r
                        } else\r
@@ -814,7 +743,7 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
                                        };\r
                                };\r
                        };\r
-                       f = X_Callback_classifyCallbackArgs( arg1, arg2, arg3 );\r
+                       arg1 && arg1.kind ? ( f = arg1 ) : ( f = X_Callback_classifyCallbackArgs( arg1, arg2, arg3 ) );\r
                        if( !f.kind ){\r
                                return X_EventDispatcher_unlisten.apply( this, [ type, this.User, f ] );\r
                        } else\r
@@ -843,7 +772,83 @@ X.UI._AbstractUINode = X_EventDispatcher[ 'inherits' ](
        }\r
 );\r
 \r
-X.UI._AbstractUINode.calcValue = function( styleValue, srcValue ){\r
+function XUI_AbstractUINode_createCssText( that, name ){\r
+       var attrs      = that.attrObject || that.attrClass.prototype || X.UI.AttrClass,\r
+               def        = that.supportAttrs[ name ],\r
+               no         = def.No,\r
+               v          = attrs[ def.No ],\r
+               type       = def[ 3 ],\r
+               list       = def[ 4 ],\r
+               flag       = !!( type & X.UI.Attr.Type.BOOLEAN ),\r
+               combi      = !!( type & X.UI.Attr.Type.COMBI   ),\r
+               quartet    = !!( type & X.UI.Attr.Type.QUARTET );\r
+\r
+       if( quartet ){\r
+               if( attrs[ no + 1 ] === attrs[ no + 3 ] ){\r
+                       if( v === attrs[ no + 2 ] ){\r
+                               if( v === attrs[ no + 1 ] ){\r
+                                       return XUI_AbstractUINode_createCssValue( v, type, list );\r
+                               };\r
+                               return [\r
+                                       XUI_AbstractUINode_createCssValue( v, type, list ),\r
+                                       XUI_AbstractUINode_createCssValue( attrs[ no + 1 ], type, list )\r
+                               ].join( ' ' );\r
+                       };\r
+                       return [\r
+                               XUI_AbstractUINode_createCssValue( v, type, list ),\r
+                               XUI_AbstractUINode_createCssValue( attrs[ no + 1 ], type, list ),\r
+                               XUI_AbstractUINode_createCssValue( attrs[ no + 2 ], type, list )\r
+                       ].join( ' ' );\r
+               };\r
+               return [\r
+                       XUI_AbstractUINode_createCssValue( v, type, list ),\r
+                       XUI_AbstractUINode_createCssValue( attrs[ no + 1 ], type, list ),\r
+                       XUI_AbstractUINode_createCssValue( attrs[ no + 2 ], type, list ),\r
+                       XUI_AbstractUINode_createCssValue( attrs[ no + 3 ], type, list )\r
+               ].join( ' ' );\r
+       } else\r
+       if( combi ){\r
+               return [\r
+                       XUI_AbstractUINode_createCssValue( v, type, list ),\r
+                       XUI_AbstractUINode_createCssValue( attrs[ no + 1 ], type, list )\r
+               ].join( ' ' );\r
+       } else\r
+       if( flag ){\r
+               return v ? list : 'normal'; // \r
+       };\r
+       return XUI_AbstractUINode_createCssValue( v, type, list );\r
+};\r
+\r
+function XUI_AbstractUINode_createCssValue( v, type, list ){\r
+       var length     = !!( type & X.UI.Attr.Type.LENGTH        ),\r
+               minusLen   = !!( type & X.UI.Attr.Type.MINUS_LENGTH  ),\r
+               percent    = !!( type & X.UI.Attr.Type.PERCENT       ),\r
+               minusPct   = !!( type & X.UI.Attr.Type.MINUS_PERCENT ),\r
+               numerical  = !!( type & X.UI.Attr.Type.NUMERICAL     ),\r
+               auto       = !!( type & X.UI.Attr.Type.AUTO          ),\r
+               color      = !!( type & X.UI.Attr.Type.COLOR         ),\r
+               url        = !!( type & X.UI.Attr.Type.URL           ),\r
+               fontName   = !!( type & X.UI.Attr.Type.FONT_NAME     );\r
+       \r
+       if( X_Type_isNumber( v ) ){\r
+               if( auto && v === X.UI.Attr.AUTO ) return 'auto';\r
+               if( length || minusLen ) return v + 'em';\r
+               if( numerical ) return v;\r
+               if( list && list[ v ] ) return list[ v ];\r
+               if( color ){\r
+                       if( v < 0x100000 ){\r
+                               v = '00000' + v.toString( 16 );\r
+                               return '#' + v.substr( v.length - 6 );\r
+                       };\r
+                       return '#' + v.toString( 16 );\r
+               };\r
+       };\r
+       if( X_Type_isString( v ) ){\r
+               if( percent || minusPct || url || fontName ) return v;\r
+       };\r
+};\r
+\r
+function XUI_AbstractUINode_calcValue( styleValue, srcValue ){\r
        /*\r
         * String の場合は必ず %\r
         */     \r
@@ -854,14 +859,13 @@ X.UI._AbstractUINode.calcValue = function( styleValue, srcValue ){
        return styleValue;\r
 };\r
 \r
-X.UI._AbstractUINode.finalValue = function( styleValue, styleMin, styleMax, srcValue ){\r
-       var calc = X.UI._AbstractUINode.calcValue,\r
-               v    = calc( styleValue, srcValue ),\r
-               min  = calc( styleMin, srcValue ),\r
-               max  = calc( styleMax, srcValue );\r
+function XUI_AbstractUINode_calcFinalValue( styleValue, styleMin, styleMax, srcValue ){\r
+       var v    = XUI_AbstractUINode_calcValue( styleValue, srcValue ),\r
+               min  = XUI_AbstractUINode_calcValue( styleMin, srcValue ),\r
+               max  = XUI_AbstractUINode_calcValue( styleMax, srcValue );\r
        return v <= min ? min : max <= v ? max : v;\r
 };\r
-X.UI._AbstractUINode.ceil = function( v ){\r
+function XUI_AbstractUINode_ceil( v ){\r
        if( 0 <= v ){\r
                return ( v * 10 + 0.999 | 0 ) / 10;\r
        };\r
@@ -939,10 +943,10 @@ X.UI.AbstractUINode = X_Class_create(
                        return X_Class_getPrivate( this )[ 'dispatch' ]( e );\r
                },\r
                        \r
-               getNextNode : function(){\r
+               nextNode : function(){\r
                        \r
                },\r
-               getPrevNode : function(){\r
+               prevNode : function(){\r
                        \r
                },\r
                nodeIndex : function( v ){\r
@@ -979,23 +983,6 @@ X.UI.AbstractUINode = X_Class_create(
                getHeight : function(){\r
                        // dirty の場合、rootData.calculate\r
                        return X_Class_getPrivate( this ).boxHeight;\r
-               },\r
-               scrollTo : function( x, y ){\r
-                       X_Class_getPrivate( this ).scrollTo( x, y );\r
-               },\r
-               getScrollX : function( v ){\r
-                       // dirty の場合、rootData.calculate\r
-                       return X_Class_getPrivate( this ).scrollX( v );\r
-               },\r
-               getScrollY : function( v ){\r
-                       // dirty の場合、rootData.calculate\r
-                       return X_Class_getPrivate( this ).scrollY( v );\r
-               },\r
-               disabled : function( v ){\r
-                       return X_Class_getPrivate( this ).disabled( v );\r
-               },\r
-               cursor : function( v ){\r
-                       return X_Class_getPrivate( this ).cursor( v );\r
                }\r
        }\r
 );\r