/**
* @class Ext.resizer.Resizer
* <p>Applies drag handles to an element or component to make it resizable. The
* drag handles are inserted into the element (or component's element) and
@@ -52,7 +69,7 @@ Ext.define('Ext.resizer.Resizer', {
proxyCls: Ext.baseCSSPrefix + 'resizable-proxy',
wrapCls: Ext.baseCSSPrefix + 'resizable-wrap',
- /**
+ /**
* @cfg {Boolean} dynamic
* <p>Specify as true to update the {@link #target} (Element or {@link Ext.Component Component}) dynamically during dragging.
* This is <code>true</code> by default, but the {@link Ext.Component Component} class passes <code>false</code> when it
@@ -62,61 +79,61 @@ Ext.define('Ext.resizer.Resizer', {
*/
dynamic: true,
- /**
+ /**
* @cfg {String} handles String consisting of the resize handles to display. Defaults to 's e se' for
* Elements and fixed position Components. Defaults to 8 point resizing for floating Components (such as Windows).
* Specify either <code>'all'</code> or any of <code>'n s e w ne nw se sw'</code>.
*/
handles: 's e se',
- /**
+ /**
* @cfg {Number} height Optional. The height to set target to in pixels (defaults to null)
*/
height : null,
- /**
+ /**
* @cfg {Number} width Optional. The width to set the target to in pixels (defaults to null)
*/
width : null,
- /**
+ /**
* @cfg {Number} minHeight The minimum height for the element (defaults to 20)
*/
minHeight : 20,
- /**
+ /**
* @cfg {Number} minWidth The minimum width for the element (defaults to 20)
*/
minWidth : 20,
- /**
+ /**
* @cfg {Number} maxHeight The maximum height for the element (defaults to 10000)
*/
maxHeight : 10000,
- /**
+ /**
* @cfg {Number} maxWidth The maximum width for the element (defaults to 10000)
*/
maxWidth : 10000,
- /**
+ /**
* @cfg {Boolean} pinned True to ensure that the resize handles are always
* visible, false indicates resizing by cursor changes only (defaults to false)
*/
pinned: false,
- /**
+ /**
* @cfg {Boolean} preserveRatio True to preserve the original ratio between height
* and width during resize (defaults to false)
*/
preserveRatio: false,
- /**
+ /**
* @cfg {Boolean} transparent True for transparent handles. This is only applied at config time. (defaults to false)
*/
transparent: false,
- /**
+ /**
* @cfg {Mixed} constrainTo Optional. An element, or a {@link Ext.util.Region} into which the resize operation
* must be constrained.
*/
@@ -132,11 +149,11 @@ Ext.define('Ext.resizer.Resizer', {
ne: 'northeast'
},
- /**
+ /**
* @cfg {Mixed} target The Element or Component to resize.
*/
- /**
+ /**
* Outer element for resizing behavior.
* @type Ext.core.Element
* @property el
@@ -154,7 +171,7 @@ Ext.define('Ext.resizer.Resizer', {
pos;
this.addEvents(
- /**
+ /**
* @event beforeresize
* Fired before resize is allowed. Return false to cancel resize.
* @param {Ext.resizer.Resizer} this
@@ -163,7 +180,7 @@ Ext.define('Ext.resizer.Resizer', {
* @param {Ext.EventObject} e The mousedown event
*/
'beforeresize',
- /**
+ /**
* @event resizedrag
* Fires during resizing. Return false to cancel resize.
* @param {Ext.resizer.Resizer} this
@@ -172,7 +189,7 @@ Ext.define('Ext.resizer.Resizer', {
* @param {Ext.EventObject} e The mousedown event
*/
'resizedrag',
- /**
+ /**
* @event resize
* Fired after a resize.
* @param {Ext.resizer.Resizer} this
@@ -228,7 +245,7 @@ Ext.define('Ext.resizer.Resizer', {
// be wrapped
tag = me.el.dom.tagName;
if (tag == 'TEXTAREA' || tag == 'IMG') {
- /**
+ /**
* Reference to the original resize target if the element of the original
* resize target was an IMG or a TEXTAREA which must be wrapped in a DIV.
* @type Mixed
@@ -254,7 +271,7 @@ Ext.define('Ext.resizer.Resizer', {
me.el.addCls(me.pinnedCls);
}
- /**
+ /**
* @type Ext.resizer.ResizeTracker
* @property resizeTracker
*/
@@ -335,7 +352,7 @@ Ext.define('Ext.resizer.Resizer', {
this.resizeTracker.enable();
},
- /**
+ /**
* @private Relay the Tracker's mousedown event as beforeresize
* @param tracker The Resizer
* @param e The Event
@@ -345,7 +362,7 @@ Ext.define('Ext.resizer.Resizer', {
return this.fireEvent('beforeresize', this, b.width, b.height, e);
},
- /**
+ /**
* @private Relay the Tracker's drag event as resizedrag
* @param tracker The Resizer
* @param e The Event
@@ -357,7 +374,7 @@ Ext.define('Ext.resizer.Resizer', {
return me.fireEvent('resizedrag', me, b.width, b.height, e);
},
- /**
+ /**
* @private Relay the Tracker's dragend event as resize
* @param tracker The Resizer
* @param e The Event
@@ -369,7 +386,7 @@ Ext.define('Ext.resizer.Resizer', {
return me.fireEvent('resize', me, b.width, b.height, e);
},
- /**
+ /**
* Perform a manual resize and fires the 'resize' event.
* @param {Number} width
* @param {Number} height
@@ -379,7 +396,7 @@ Ext.define('Ext.resizer.Resizer', {
this.fireEvent('resize', this, width, height, null);
},
- /**
+ /**
* <p>Returns the element that was configured with the el or target config property.
* If a component was configured with the target property then this will return the
* element of this component.<p>
@@ -392,7 +409,7 @@ Ext.define('Ext.resizer.Resizer', {
return this.el;
},
- /**
+ /**
* <p>Returns the element or component that was configured with the target config property.<p>
* <p>Textarea and img elements will be wrapped with an additional div because
* these elements do not support child nodes. The original element can be accessed
@@ -412,7 +429,7 @@ Ext.define('Ext.resizer.Resizer', {
}
},
- /**
+ /**
* @private
* Fix IE6 handle height issue.
*/
@@ -432,4 +449,6 @@ Ext.define('Ext.resizer.Resizer', {
}
}
});
-