1/*! 2 * jQuery UI Resizable 1.13.3 3 * https://jqueryui.com 4 * 5 * Copyright OpenJS Foundation and other contributors 6 * Released under the MIT license. 7 * https://jquery.org/license 8 */ 9 10//>>label: Resizable 11//>>group: Interactions 12//>>description: Enables resize functionality for any element. 13//>>docs: https://api.jqueryui.com/resizable/ 14//>>demos: https://jqueryui.com/resizable/ 15//>>css.structure: ../../themes/base/core.css 16//>>css.structure: ../../themes/base/resizable.css 17//>>css.theme: ../../themes/base/theme.css 18 19( function( factory ) { 20 "use strict"; 21 22 if ( typeof define === "function" && define.amd ) { 23 24 // AMD. Register as an anonymous module. 25 define( [ 26 "jquery", 27 "./mouse", 28 "../disable-selection", 29 "../plugin", 30 "../version", 31 "../widget" 32 ], factory ); 33 } else { 34 35 // Browser globals 36 factory( jQuery ); 37 } 38} )( function( $ ) { 39"use strict";
vendor: 29,581 bytes, lines 39-1219
39 40 41$.widget( "ui.resizable", $.ui.mouse, { 42 version: "1.13.3", 43 widgetEventPrefix: "resize", 44 options: { 45 alsoResize: false, 46 animate: false, 47 animateDuration: "slow", 48 animateEasing: "swing", 49 aspectRatio: false, 50 autoHide: false, 51 classes: { 52 "ui-resizable-se": "ui-icon ui-icon-gripsmall-diagonal-se" 53 }, 54 containment: false, 55 ghost: false, 56 grid: false, 57 handles: "e,s,se", 58 helper: false, 59 maxHeight: null, 60 maxWidth: null, 61 minHeight: 10, 62 minWidth: 10, 63 64 // See #7960 65 zIndex: 90, 66 67 // Callbacks 68 resize: null, 69 start: null, 70 stop: null 71 }, 72 73 _num: function( value ) { 74 return parseFloat( value ) || 0; 75 }, 76 77 _isNumber: function( value ) { 78 return !isNaN( parseFloat( value ) ); 79 }, 80 81 _hasScroll: function( el, a ) { 82 83 if ( $( el ).css( "overflow" ) === "hidden" ) { 84 return false; 85 } 86 87 var scroll = ( a && a === "left" ) ? "scrollLeft" : "scrollTop", 88 has = false; 89 90 if ( el[ scroll ] > 0 ) { 91 return true; 92 } 93 94 // TODO: determine which cases actually cause this to happen 95 // if the element doesn't have the scroll set, see if it's possible to 96 // set the scroll 97 try { 98 el[ scroll ] = 1; 99 has = ( el[ scroll ] > 0 ); 100 el[ scroll ] = 0; 101 } catch ( e ) { 102 103 // `el` might be a string, then setting `scroll` will throw 104 // an error in strict mode; ignore it. 105 } 106 return has; 107 }, 108 109 _create: function() { 110 111 var margins, 112 o = this.options, 113 that = this; 114 this._addClass( "ui-resizable" ); 115 116 $.extend( this, { 117 _aspectRatio: !!( o.aspectRatio ), 118 aspectRatio: o.aspectRatio, 119 originalElement: this.element, 120 _proportionallyResizeElements: [], 121 _helper: o.helper || o.ghost || o.animate ? o.helper || "ui-resizable-helper" : null 122 } ); 123 124 // Wrap the element if it cannot hold child nodes 125 if ( this.element[ 0 ].nodeName.match( /^(canvas|textarea|input|select|button|img)$/i ) ) { 126 127 this.element.wrap( 128 $( "<div class='ui-wrapper'></div>" ).css( { 129 overflow: "hidden", 130 position: this.element.css( "position" ), 131 width: this.element.outerWidth(), 132 height: this.element.outerHeight(), 133 top: this.element.css( "top" ), 134 left: this.element.css( "left" ) 135 } ) 136 ); 137 138 this.element = this.element.parent().data( 139 "ui-resizable", this.element.resizable( "instance" ) 140 ); 141 142 this.elementIsWrapper = true; 143 144 margins = { 145 marginTop: this.originalElement.css( "marginTop" ), 146 marginRight: this.originalElement.css( "marginRight" ), 147 marginBottom: this.originalElement.css( "marginBottom" ), 148 marginLeft: this.originalElement.css( "marginLeft" ) 149 }; 150 151 this.element.css( margins ); 152 this.originalElement.css( "margin", 0 ); 153 154 // support: Safari 155 // Prevent Safari textarea resize 156 this.originalResizeStyle = this.originalElement.css( "resize" ); 157 this.originalElement.css( "resize", "none" ); 158 159 this._proportionallyResizeElements.push( this.originalElement.css( { 160 position: "static", 161 zoom: 1, 162 display: "block" 163 } ) ); 164 165 // Support: IE9 166 // avoid IE jump (hard set the margin) 167 this.originalElement.css( margins ); 168 169 this._proportionallyResize(); 170 } 171 172 this._setupHandles(); 173 174 if ( o.autoHide ) { 175 $( this.element ) 176 .on( "mouseenter", function() { 177 if ( o.disabled ) { 178 return; 179 } 180 that._removeClass( "ui-resizable-autohide" ); 181 that._handles.show(); 182 } ) 183 .on( "mouseleave", function() { 184 if ( o.disabled ) { 185 return; 186 } 187 if ( !that.resizing ) { 188 that._addClass( "ui-resizable-autohide" ); 189 that._handles.hide(); 190 } 191 } ); 192 } 193 194 this._mouseInit(); 195 }, 196 197 _destroy: function() { 198 199 this._mouseDestroy(); 200 this._addedHandles.remove(); 201 202 var wrapper, 203 _destroy = function( exp ) { 204 $( exp ) 205 .removeData( "resizable" ) 206 .removeData( "ui-resizable" ) 207 .off( ".resizable" ); 208 }; 209 210 // TODO: Unwrap at same DOM position 211 if ( this.elementIsWrapper ) { 212 _destroy( this.element ); 213 wrapper = this.element; 214 this.originalElement.css( { 215 position: wrapper.css( "position" ), 216 width: wrapper.outerWidth(), 217 height: wrapper.outerHeight(), 218 top: wrapper.css( "top" ), 219 left: wrapper.css( "left" ) 220 } ).insertAfter( wrapper ); 221 wrapper.remove(); 222 } 223 224 this.originalElement.css( "resize", this.originalResizeStyle ); 225 _destroy( this.originalElement ); 226 227 return this; 228 }, 229 230 _setOption: function( key, value ) { 231 this._super( key, value ); 232 233 switch ( key ) { 234 case "handles": 235 this._removeHandles(); 236 this._setupHandles(); 237 break; 238 case "aspectRatio": 239 this._aspectRatio = !!value; 240 break; 241 default: 242 break; 243 } 244 }, 245 246 _setupHandles: function() { 247 var o = this.options, handle, i, n, hname, axis, that = this; 248 this.handles = o.handles || 249 ( !$( ".ui-resizable-handle", this.element ).length ? 250 "e,s,se" : { 251 n: ".ui-resizable-n", 252 e: ".ui-resizable-e", 253 s: ".ui-resizable-s", 254 w: ".ui-resizable-w", 255 se: ".ui-resizable-se", 256 sw: ".ui-resizable-sw", 257 ne: ".ui-resizable-ne", 258 nw: ".ui-resizable-nw" 259 } ); 260 261 this._handles = $(); 262 this._addedHandles = $(); 263 if ( this.handles.constructor === String ) { 264 265 if ( this.handles === "all" ) { 266 this.handles = "n,e,s,w,se,sw,ne,nw"; 267 } 268 269 n = this.handles.split( "," ); 270 this.handles = {}; 271 272 for ( i = 0; i < n.length; i++ ) { 273 274 handle = String.prototype.trim.call( n[ i ] ); 275 hname = "ui-resizable-" + handle; 276 axis = $( "<div>" ); 277 this._addClass( axis, "ui-resizable-handle " + hname ); 278 279 axis.css( { zIndex: o.zIndex } ); 280 281 this.handles[ handle ] = ".ui-resizable-" + handle; 282 if ( !this.element.children( this.handles[ handle ] ).length ) { 283 this.element.append( axis ); 284 this._addedHandles = this._addedHandles.add( axis ); 285 } 286 } 287 288 } 289 290 this._renderAxis = function( target ) { 291 292 var i, axis, padPos, padWrapper; 293 294 target = target || this.element; 295 296 for ( i in this.handles ) { 297 298 if ( this.handles[ i ].constructor === String ) { 299 this.handles[ i ] = this.element.children( this.handles[ i ] ).first().show(); 300 } else if ( this.handles[ i ].jquery || this.handles[ i ].nodeType ) { 301 this.handles[ i ] = $( this.handles[ i ] ); 302 this._on( this.handles[ i ], { "mousedown": that._mouseDown } ); 303 } 304 305 if ( this.elementIsWrapper && 306 this.originalElement[ 0 ] 307 .nodeName 308 .match( /^(textarea|input|select|button)$/i ) ) { 309 axis = $( this.handles[ i ], this.element ); 310 311 padWrapper = /sw|ne|nw|se|n|s/.test( i ) ? 312 axis.outerHeight() : 313 axis.outerWidth(); 314 315 padPos = [ "padding", 316 /ne|nw|n/.test( i ) ? "Top" : 317 /se|sw|s/.test( i ) ? "Bottom" : 318 /^e$/.test( i ) ? "Right" : "Left" ].join( "" ); 319 320 target.css( padPos, padWrapper ); 321 322 this._proportionallyResize(); 323 } 324 325 this._handles = this._handles.add( this.handles[ i ] ); 326 } 327 }; 328 329 // TODO: make renderAxis a prototype function 330 this._renderAxis( this.element ); 331 332 this._handles = this._handles.add( this.element.find( ".ui-resizable-handle" ) ); 333 this._handles.disableSelection(); 334 335 this._handles.on( "mouseover", function() { 336 if ( !that.resizing ) { 337 if ( this.className ) { 338 axis = this.className.match( /ui-resizable-(se|sw|ne|nw|n|e|s|w)/i ); 339 } 340 that.axis = axis && axis[ 1 ] ? axis[ 1 ] : "se"; 341 } 342 } ); 343 344 if ( o.autoHide ) { 345 this._handles.hide(); 346 this._addClass( "ui-resizable-autohide" ); 347 } 348 }, 349 350 _removeHandles: function() { 351 this._addedHandles.remove(); 352 }, 353 354 _mouseCapture: function( event ) { 355 var i, handle, 356 capture = false; 357 358 for ( i in this.handles ) { 359 handle = $( this.handles[ i ] )[ 0 ]; 360 if ( handle === event.target || $.contains( handle, event.target ) ) { 361 capture = true; 362 } 363 } 364 365 return !this.options.disabled && capture; 366 }, 367 368 _mouseStart: function( event ) { 369 370 var curleft, curtop, cursor, 371 o = this.options, 372 el = this.element; 373 374 this.resizing = true; 375 376 this._renderProxy(); 377 378 curleft = this._num( this.helper.css( "left" ) ); 379 curtop = this._num( this.helper.css( "top" ) ); 380 381 if ( o.containment ) { 382 curleft += $( o.containment ).scrollLeft() || 0; 383 curtop += $( o.containment ).scrollTop() || 0; 384 } 385 386 this.offset = this.helper.offset(); 387 this.position = { left: curleft, top: curtop }; 388 389 this.size = this._helper ? { 390 width: this.helper.width(), 391 height: this.helper.height() 392 } : { 393 width: el.width(), 394 height: el.height() 395 }; 396 397 this.originalSize = this._helper ? { 398 width: el.outerWidth(), 399 height: el.outerHeight() 400 } : { 401 width: el.width(), 402 height: el.height() 403 }; 404 405 this.sizeDiff = { 406 width: el.outerWidth() - el.width(), 407 height: el.outerHeight() - el.height() 408 }; 409 410 this.originalPosition = { left: curleft, top: curtop }; 411 this.originalMousePosition = { left: event.pageX, top: event.pageY }; 412 413 this.aspectRatio = ( typeof o.aspectRatio === "number" ) ? 414 o.aspectRatio : 415 ( ( this.originalSize.width / this.originalSize.height ) || 1 ); 416 417 cursor = $( ".ui-resizable-" + this.axis ).css( "cursor" ); 418 $( "body" ).css( "cursor", cursor === "auto" ? this.axis + "-resize" : cursor ); 419 420 this._addClass( "ui-resizable-resizing" ); 421 this._propagate( "start", event ); 422 return true; 423 }, 424 425 _mouseDrag: function( event ) { 426 427 var data, props, 428 smp = this.originalMousePosition, 429 a = this.axis, 430 dx = ( event.pageX - smp.left ) || 0, 431 dy = ( event.pageY - smp.top ) || 0, 432 trigger = this._change[ a ]; 433 434 this._updatePrevProperties(); 435 436 if ( !trigger ) { 437 return false; 438 } 439 440 data = trigger.apply( this, [ event, dx, dy ] ); 441 442 this._updateVirtualBoundaries( event.shiftKey ); 443 if ( this._aspectRatio || event.shiftKey ) { 444 data = this._updateRatio( data, event ); 445 } 446 447 data = this._respectSize( data, event ); 448 449 this._updateCache( data ); 450 451 this._propagate( "resize", event ); 452 453 props = this._applyChanges(); 454 455 if ( !this._helper && this._proportionallyResizeElements.length ) { 456 this._proportionallyResize(); 457 } 458 459 if ( !$.isEmptyObject( props ) ) { 460 this._updatePrevProperties(); 461 this._trigger( "resize", event, this.ui() ); 462 this._applyChanges(); 463 } 464 465 return false; 466 }, 467 468 _mouseStop: function( event ) { 469 470 this.resizing = false; 471 var pr, ista, soffseth, soffsetw, s, left, top, 472 o = this.options, that = this; 473 474 if ( this._helper ) { 475 476 pr = this._proportionallyResizeElements; 477 ista = pr.length && ( /textarea/i ).test( pr[ 0 ].nodeName ); 478 soffseth = ista && this._hasScroll( pr[ 0 ], "left" ) ? 0 : that.sizeDiff.height; 479 soffsetw = ista ? 0 : that.sizeDiff.width; 480 481 s = { 482 width: ( that.helper.width() - soffsetw ), 483 height: ( that.helper.height() - soffseth ) 484 }; 485 left = ( parseFloat( that.element.css( "left" ) ) + 486 ( that.position.left - that.originalPosition.left ) ) || null; 487 top = ( parseFloat( that.element.css( "top" ) ) + 488 ( that.position.top - that.originalPosition.top ) ) || null; 489 490 if ( !o.animate ) { 491 this.element.css( $.extend( s, { top: top, left: left } ) ); 492 } 493 494 that.helper.height( that.size.height ); 495 that.helper.width( that.size.width ); 496 497 if ( this._helper && !o.animate ) { 498 this._proportionallyResize(); 499 } 500 } 501 502 $( "body" ).css( "cursor", "auto" ); 503 504 this._removeClass( "ui-resizable-resizing" ); 505 506 this._propagate( "stop", event ); 507 508 if ( this._helper ) { 509 this.helper.remove(); 510 } 511 512 return false; 513 514 }, 515 516 _updatePrevProperties: function() { 517 this.prevPosition = { 518 top: this.position.top, 519 left: this.position.left 520 }; 521 this.prevSize = { 522 width: this.size.width, 523 height: this.size.height 524 }; 525 }, 526 527 _applyChanges: function() { 528 var props = {}; 529 530 if ( this.position.top !== this.prevPosition.top ) { 531 props.top = this.position.top + "px"; 532 } 533 if ( this.position.left !== this.prevPosition.left ) { 534 props.left = this.position.left + "px"; 535 } 536 537 this.helper.css( props ); 538 539 if ( this.size.width !== this.prevSize.width ) { 540 props.width = this.size.width + "px"; 541 this.helper.width( props.width ); 542 } 543 if ( this.size.height !== this.prevSize.height ) { 544 props.height = this.size.height + "px"; 545 this.helper.height( props.height ); 546 } 547 548 return props; 549 }, 550 551 _updateVirtualBoundaries: function( forceAspectRatio ) { 552 var pMinWidth, pMaxWidth, pMinHeight, pMaxHeight, b, 553 o = this.options; 554 555 b = { 556 minWidth: this._isNumber( o.minWidth ) ? o.minWidth : 0, 557 maxWidth: this._isNumber( o.maxWidth ) ? o.maxWidth : Infinity, 558 minHeight: this._isNumber( o.minHeight ) ? o.minHeight : 0, 559 maxHeight: this._isNumber( o.maxHeight ) ? o.maxHeight : Infinity 560 }; 561 562 if ( this._aspectRatio || forceAspectRatio ) { 563 pMinWidth = b.minHeight * this.aspectRatio; 564 pMinHeight = b.minWidth / this.aspectRatio; 565 pMaxWidth = b.maxHeight * this.aspectRatio; 566 pMaxHeight = b.maxWidth / this.aspectRatio; 567 568 if ( pMinWidth > b.minWidth ) { 569 b.minWidth = pMinWidth; 570 } 571 if ( pMinHeight > b.minHeight ) { 572 b.minHeight = pMinHeight; 573 } 574 if ( pMaxWidth < b.maxWidth ) { 575 b.maxWidth = pMaxWidth; 576 } 577 if ( pMaxHeight < b.maxHeight ) { 578 b.maxHeight = pMaxHeight; 579 } 580 } 581 this._vBoundaries = b; 582 }, 583 584 _updateCache: function( data ) { 585 this.offset = this.helper.offset(); 586 if ( this._isNumber( data.left ) ) { 587 this.position.left = data.left; 588 } 589 if ( this._isNumber( data.top ) ) { 590 this.position.top = data.top; 591 } 592 if ( this._isNumber( data.height ) ) { 593 this.size.height = data.height; 594 } 595 if ( this._isNumber( data.width ) ) { 596 this.size.width = data.width; 597 } 598 }, 599 600 _updateRatio: function( data ) { 601 602 var cpos = this.position, 603 csize = this.size, 604 a = this.axis; 605 606 if ( this._isNumber( data.height ) ) { 607 data.width = ( data.height * this.aspectRatio ); 608 } else if ( this._isNumber( data.width ) ) { 609 data.height = ( data.width / this.aspectRatio ); 610 } 611 612 if ( a === "sw" ) { 613 data.left = cpos.left + ( csize.width - data.width ); 614 data.top = null; 615 } 616 if ( a === "nw" ) { 617 data.top = cpos.top + ( csize.height - data.height ); 618 data.left = cpos.left + ( csize.width - data.width ); 619 } 620 621 return data; 622 }, 623 624 _respectSize: function( data ) { 625 626 var o = this._vBoundaries, 627 a = this.axis, 628 ismaxw = this._isNumber( data.width ) && o.maxWidth && ( o.maxWidth < data.width ), 629 ismaxh = this._isNumber( data.height ) && o.maxHeight && ( o.maxHeight < data.height ), 630 isminw = this._isNumber( data.width ) && o.minWidth && ( o.minWidth > data.width ), 631 isminh = this._isNumber( data.height ) && o.minHeight && ( o.minHeight > data.height ), 632 dw = this.originalPosition.left + this.originalSize.width, 633 dh = this.originalPosition.top + this.originalSize.height, 634 cw = /sw|nw|w/.test( a ), ch = /nw|ne|n/.test( a ); 635 if ( isminw ) { 636 data.width = o.minWidth; 637 } 638 if ( isminh ) { 639 data.height = o.minHeight; 640 } 641 if ( ismaxw ) { 642 data.width = o.maxWidth; 643 } 644 if ( ismaxh ) { 645 data.height = o.maxHeight; 646 } 647 648 if ( isminw && cw ) { 649 data.left = dw - o.minWidth; 650 } 651 if ( ismaxw && cw ) { 652 data.left = dw - o.maxWidth; 653 } 654 if ( isminh && ch ) { 655 data.top = dh - o.minHeight; 656 } 657 if ( ismaxh && ch ) { 658 data.top = dh - o.maxHeight; 659 } 660 661 // Fixing jump error on top/left - bug #2330 662 if ( !data.width && !data.height && !data.left && data.top ) { 663 data.top = null; 664 } else if ( !data.width && !data.height && !data.top && data.left ) { 665 data.left = null; 666 } 667 668 return data; 669 }, 670 671 _getPaddingPlusBorderDimensions: function( element ) { 672 var i = 0, 673 widths = [], 674 borders = [ 675 element.css( "borderTopWidth" ), 676 element.css( "borderRightWidth" ), 677 element.css( "borderBottomWidth" ), 678 element.css( "borderLeftWidth" ) 679 ], 680 paddings = [ 681 element.css( "paddingTop" ), 682 element.css( "paddingRight" ), 683 element.css( "paddingBottom" ), 684 element.css( "paddingLeft" ) 685 ]; 686 687 for ( ; i < 4; i++ ) { 688 widths[ i ] = ( parseFloat( borders[ i ] ) || 0 ); 689 widths[ i ] += ( parseFloat( paddings[ i ] ) || 0 ); 690 } 691 692 return { 693 height: widths[ 0 ] + widths[ 2 ], 694 width: widths[ 1 ] + widths[ 3 ] 695 }; 696 }, 697 698 _proportionallyResize: function() { 699 700 if ( !this._proportionallyResizeElements.length ) { 701 return; 702 } 703 704 var prel, 705 i = 0, 706 element = this.helper || this.element; 707 708 for ( ; i < this._proportionallyResizeElements.length; i++ ) { 709 710 prel = this._proportionallyResizeElements[ i ]; 711 712 // TODO: Seems like a bug to cache this.outerDimensions 713 // considering that we are in a loop. 714 if ( !this.outerDimensions ) { 715 this.outerDimensions = this._getPaddingPlusBorderDimensions( prel ); 716 } 717 718 prel.css( { 719 height: ( element.height() - this.outerDimensions.height ) || 0, 720 width: ( element.width() - this.outerDimensions.width ) || 0 721 } ); 722 723 } 724 725 }, 726 727 _renderProxy: function() { 728 729 var el = this.element, o = this.options; 730 this.elementOffset = el.offset(); 731 732 if ( this._helper ) { 733 734 this.helper = this.helper || $( "<div></div>" ).css( { overflow: "hidden" } ); 735 736 this._addClass( this.helper, this._helper ); 737 this.helper.css( { 738 width: this.element.outerWidth(), 739 height: this.element.outerHeight(), 740 position: "absolute", 741 left: this.elementOffset.left + "px", 742 top: this.elementOffset.top + "px", 743 zIndex: ++o.zIndex //TODO: Don't modify option 744 } ); 745 746 this.helper 747 .appendTo( "body" ) 748 .disableSelection(); 749 750 } else { 751 this.helper = this.element; 752 } 753 754 }, 755 756 _change: { 757 e: function( event, dx ) { 758 return { width: this.originalSize.width + dx }; 759 }, 760 w: function( event, dx ) { 761 var cs = this.originalSize, sp = this.originalPosition; 762 return { left: sp.left + dx, width: cs.width - dx }; 763 }, 764 n: function( event, dx, dy ) { 765 var cs = this.originalSize, sp = this.originalPosition; 766 return { top: sp.top + dy, height: cs.height - dy }; 767 }, 768 s: function( event, dx, dy ) { 769 return { height: this.originalSize.height + dy }; 770 }, 771 se: function( event, dx, dy ) { 772 return $.extend( this._change.s.apply( this, arguments ), 773 this._change.e.apply( this, [ event, dx, dy ] ) ); 774 }, 775 sw: function( event, dx, dy ) { 776 return $.extend( this._change.s.apply( this, arguments ), 777 this._change.w.apply( this, [ event, dx, dy ] ) ); 778 }, 779 ne: function( event, dx, dy ) { 780 return $.extend( this._change.n.apply( this, arguments ), 781 this._change.e.apply( this, [ event, dx, dy ] ) ); 782 }, 783 nw: function( event, dx, dy ) { 784 return $.extend( this._change.n.apply( this, arguments ), 785 this._change.w.apply( this, [ event, dx, dy ] ) ); 786 } 787 }, 788 789 _propagate: function( n, event ) { 790 $.ui.plugin.call( this, n, [ event, this.ui() ] ); 791 if ( n !== "resize" ) { 792 this._trigger( n, event, this.ui() ); 793 } 794 }, 795 796 plugins: {}, 797 798 ui: function() { 799 return { 800 originalElement: this.originalElement, 801 element: this.element, 802 helper: this.helper, 803 position: this.position, 804 size: this.size, 805 originalSize: this.originalSize, 806 originalPosition: this.originalPosition 807 }; 808 } 809 810} ); 811 812/* 813 * Resizable Extensions 814 */ 815 816$.ui.plugin.add( "resizable", "animate", { 817 818 stop: function( event ) { 819 var that = $( this ).resizable( "instance" ), 820 o = that.options, 821 pr = that._proportionallyResizeElements, 822 ista = pr.length && ( /textarea/i ).test( pr[ 0 ].nodeName ), 823 soffseth = ista && that._hasScroll( pr[ 0 ], "left" ) ? 0 : that.sizeDiff.height, 824 soffsetw = ista ? 0 : that.sizeDiff.width, 825 style = { 826 width: ( that.size.width - soffsetw ), 827 height: ( that.size.height - soffseth ) 828 }, 829 left = ( parseFloat( that.element.css( "left" ) ) + 830 ( that.position.left - that.originalPosition.left ) ) || null, 831 top = ( parseFloat( that.element.css( "top" ) ) + 832 ( that.position.top - that.originalPosition.top ) ) || null; 833 834 that.element.animate( 835 $.extend( style, top && left ? { top: top, left: left } : {} ), { 836 duration: o.animateDuration, 837 easing: o.animateEasing, 838 step: function() { 839 840 var data = { 841 width: parseFloat( that.element.css( "width" ) ), 842 height: parseFloat( that.element.css( "height" ) ), 843 top: parseFloat( that.element.css( "top" ) ), 844 left: parseFloat( that.element.css( "left" ) ) 845 }; 846 847 if ( pr && pr.length ) { 848 $( pr[ 0 ] ).css( { width: data.width, height: data.height } ); 849 } 850 851 // Propagating resize, and updating values for each animation step 852 that._updateCache( data ); 853 that._propagate( "resize", event ); 854 855 } 856 } 857 ); 858 } 859 860} ); 861 862$.ui.plugin.add( "resizable", "containment", { 863 864 start: function() { 865 var element, p, co, ch, cw, width, height, 866 that = $( this ).resizable( "instance" ), 867 o = that.options, 868 el = that.element, 869 oc = o.containment, 870 ce = ( oc instanceof $ ) ? 871 oc.get( 0 ) : 872 ( /parent/.test( oc ) ) ? el.parent().get( 0 ) : oc; 873 874 if ( !ce ) { 875 return; 876 } 877 878 that.containerElement = $( ce ); 879 880 if ( /document/.test( oc ) || oc === document ) { 881 that.containerOffset = { 882 left: 0, 883 top: 0 884 }; 885 that.containerPosition = { 886 left: 0, 887 top: 0 888 }; 889 890 that.parentData = { 891 element: $( document ), 892 left: 0, 893 top: 0, 894 width: $( document ).width(), 895 height: $( document ).height() || document.body.parentNode.scrollHeight 896 }; 897 } else { 898 element = $( ce ); 899 p = []; 900 $( [ "Top", "Right", "Left", "Bottom" ] ).each( function( i, name ) { 901 p[ i ] = that._num( element.css( "padding" + name ) ); 902 } ); 903 904 that.containerOffset = element.offset(); 905 that.containerPosition = element.position(); 906 that.containerSize = { 907 height: ( element.innerHeight() - p[ 3 ] ), 908 width: ( element.innerWidth() - p[ 1 ] ) 909 }; 910 911 co = that.containerOffset; 912 ch = that.containerSize.height; 913 cw = that.containerSize.width; 914 width = ( that._hasScroll( ce, "left" ) ? ce.scrollWidth : cw ); 915 height = ( that._hasScroll( ce ) ? ce.scrollHeight : ch ); 916 917 that.parentData = { 918 element: ce, 919 left: co.left, 920 top: co.top, 921 width: width, 922 height: height 923 }; 924 } 925 }, 926 927 resize: function( event ) { 928 var woset, hoset, isParent, isOffsetRelative, 929 that = $( this ).resizable( "instance" ), 930 o = that.options, 931 co = that.containerOffset, 932 cp = that.position, 933 pRatio = that._aspectRatio || event.shiftKey, 934 cop = { 935 top: 0, 936 left: 0 937 }, 938 ce = that.containerElement, 939 continueResize = true; 940 941 if ( ce[ 0 ] !== document && ( /static/ ).test( ce.css( "position" ) ) ) { 942 cop = co; 943 } 944 945 if ( cp.left < ( that._helper ? co.left : 0 ) ) { 946 that.size.width = that.size.width + 947 ( that._helper ? 948 ( that.position.left - co.left ) : 949 ( that.position.left - cop.left ) ); 950 951 if ( pRatio ) { 952 that.size.height = that.size.width / that.aspectRatio; 953 continueResize = false; 954 } 955 that.position.left = o.helper ? co.left : 0; 956 } 957 958 if ( cp.top < ( that._helper ? co.top : 0 ) ) { 959 that.size.height = that.size.height + 960 ( that._helper ? 961 ( that.position.top - co.top ) : 962 that.position.top ); 963 964 if ( pRatio ) { 965 that.size.width = that.size.height * that.aspectRatio; 966 continueResize = false; 967 } 968 that.position.top = that._helper ? co.top : 0; 969 } 970 971 isParent = that.containerElement.get( 0 ) === that.element.parent().get( 0 ); 972 isOffsetRelative = /relative|absolute/.test( that.containerElement.css( "position" ) ); 973 974 if ( isParent && isOffsetRelative ) { 975 that.offset.left = that.parentData.left + that.position.left; 976 that.offset.top = that.parentData.top + that.position.top; 977 } else { 978 that.offset.left = that.element.offset().left; 979 that.offset.top = that.element.offset().top; 980 } 981 982 woset = Math.abs( that.sizeDiff.width + 983 ( that._helper ? 984 that.offset.left - cop.left : 985 ( that.offset.left - co.left ) ) ); 986 987 hoset = Math.abs( that.sizeDiff.height + 988 ( that._helper ? 989 that.offset.top - cop.top : 990 ( that.offset.top - co.top ) ) ); 991 992 if ( woset + that.size.width >= that.parentData.width ) { 993 that.size.width = that.parentData.width - woset; 994 if ( pRatio ) { 995 that.size.height = that.size.width / that.aspectRatio; 996 continueResize = false; 997 } 998 } 999 1000 if ( hoset + that.size.height >= that.parentData.height ) { 1001 that.size.height = that.parentData.height - hoset; 1002 if ( pRatio ) { 1003 that.size.width = that.size.height * that.aspectRatio; 1004 continueResize = false; 1005 } 1006 } 1007 1008 if ( !continueResize ) { 1009 that.position.left = that.prevPosition.left; 1010 that.position.top = that.prevPosition.top; 1011 that.size.width = that.prevSize.width; 1012 that.size.height = that.prevSize.height; 1013 } 1014 }, 1015 1016 stop: function() { 1017 var that = $( this ).resizable( "instance" ), 1018 o = that.options, 1019 co = that.containerOffset, 1020 cop = that.containerPosition, 1021 ce = that.containerElement, 1022 helper = $( that.helper ), 1023 ho = helper.offset(), 1024 w = helper.outerWidth() - that.sizeDiff.width, 1025 h = helper.outerHeight() - that.sizeDiff.height; 1026 1027 if ( that._helper && !o.animate && ( /relative/ ).test( ce.css( "position" ) ) ) { 1028 $( this ).css( { 1029 left: ho.left - cop.left - co.left, 1030 width: w, 1031 height: h 1032 } ); 1033 } 1034 1035 if ( that._helper && !o.animate && ( /static/ ).test( ce.css( "position" ) ) ) { 1036 $( this ).css( { 1037 left: ho.left - cop.left - co.left, 1038 width: w, 1039 height: h 1040 } ); 1041 } 1042 } 1043} ); 1044 1045$.ui.plugin.add( "resizable", "alsoResize", { 1046 1047 start: function() { 1048 var that = $( this ).resizable( "instance" ), 1049 o = that.options; 1050 1051 $( o.alsoResize ).each( function() { 1052 var el = $( this ); 1053 el.data( "ui-resizable-alsoresize", { 1054 width: parseFloat( el.css( "width" ) ), height: parseFloat( el.css( "height" ) ), 1055 left: parseFloat( el.css( "left" ) ), top: parseFloat( el.css( "top" ) ) 1056 } ); 1057 } ); 1058 }, 1059 1060 resize: function( event, ui ) { 1061 var that = $( this ).resizable( "instance" ), 1062 o = that.options, 1063 os = that.originalSize, 1064 op = that.originalPosition, 1065 delta = { 1066 height: ( that.size.height - os.height ) || 0, 1067 width: ( that.size.width - os.width ) || 0, 1068 top: ( that.position.top - op.top ) || 0, 1069 left: ( that.position.left - op.left ) || 0 1070 }; 1071 1072 $( o.alsoResize ).each( function() { 1073 var el = $( this ), start = $( this ).data( "ui-resizable-alsoresize" ), style = {}, 1074 css = el.parents( ui.originalElement[ 0 ] ).length ? 1075 [ "width", "height" ] : 1076 [ "width", "height", "top", "left" ]; 1077 1078 $.each( css, function( i, prop ) { 1079 var sum = ( start[ prop ] || 0 ) + ( delta[ prop ] || 0 ); 1080 if ( sum && sum >= 0 ) { 1081 style[ prop ] = sum || null; 1082 } 1083 } ); 1084 1085 el.css( style ); 1086 } ); 1087 }, 1088 1089 stop: function() { 1090 $( this ).removeData( "ui-resizable-alsoresize" ); 1091 } 1092} ); 1093 1094$.ui.plugin.add( "resizable", "ghost", { 1095 1096 start: function() { 1097 1098 var that = $( this ).resizable( "instance" ), cs = that.size; 1099 1100 that.ghost = that.originalElement.clone(); 1101 that.ghost.css( { 1102 opacity: 0.25, 1103 display: "block", 1104 position: "relative", 1105 height: cs.height, 1106 width: cs.width, 1107 margin: 0, 1108 left: 0, 1109 top: 0 1110 } ); 1111 1112 that._addClass( that.ghost, "ui-resizable-ghost" ); 1113 1114 // DEPRECATED 1115 // TODO: remove after 1.12 1116 if ( $.uiBackCompat !== false && typeof that.options.ghost === "string" ) { 1117 1118 // Ghost option 1119 that.ghost.addClass( this.options.ghost ); 1120 } 1121 1122 that.ghost.appendTo( that.helper ); 1123 1124 }, 1125 1126 resize: function() { 1127 var that = $( this ).resizable( "instance" ); 1128 if ( that.ghost ) { 1129 that.ghost.css( { 1130 position: "relative", 1131 height: that.size.height, 1132 width: that.size.width 1133 } ); 1134 } 1135 }, 1136 1137 stop: function() { 1138 var that = $( this ).resizable( "instance" ); 1139 if ( that.ghost && that.helper ) { 1140 that.helper.get( 0 ).removeChild( that.ghost.get( 0 ) ); 1141 } 1142 } 1143 1144} ); 1145 1146$.ui.plugin.add( "resizable", "grid", { 1147 1148 resize: function() { 1149 var outerDimensions, 1150 that = $( this ).resizable( "instance" ), 1151 o = that.options, 1152 cs = that.size, 1153 os = that.originalSize, 1154 op = that.originalPosition, 1155 a = that.axis, 1156 grid = typeof o.grid === "number" ? [ o.grid, o.grid ] : o.grid, 1157 gridX = ( grid[ 0 ] || 1 ), 1158 gridY = ( grid[ 1 ] || 1 ), 1159 ox = Math.round( ( cs.width - os.width ) / gridX ) * gridX, 1160 oy = Math.round( ( cs.height - os.height ) / gridY ) * gridY, 1161 newWidth = os.width + ox, 1162 newHeight = os.height + oy, 1163 isMaxWidth = o.maxWidth && ( o.maxWidth < newWidth ), 1164 isMaxHeight = o.maxHeight && ( o.maxHeight < newHeight ), 1165 isMinWidth = o.minWidth && ( o.minWidth > newWidth ), 1166 isMinHeight = o.minHeight && ( o.minHeight > newHeight ); 1167 1168 o.grid = grid; 1169 1170 if ( isMinWidth ) { 1171 newWidth += gridX; 1172 } 1173 if ( isMinHeight ) { 1174 newHeight += gridY; 1175 } 1176 if ( isMaxWidth ) { 1177 newWidth -= gridX; 1178 } 1179 if ( isMaxHeight ) { 1180 newHeight -= gridY; 1181 } 1182 1183 if ( /^(se|s|e)$/.test( a ) ) { 1184 that.size.width = newWidth; 1185 that.size.height = newHeight; 1186 } else if ( /^(ne)$/.test( a ) ) { 1187 that.size.width = newWidth; 1188 that.size.height = newHeight; 1189 that.position.top = op.top - oy; 1190 } else if ( /^(sw)$/.test( a ) ) { 1191 that.size.width = newWidth; 1192 that.size.height = newHeight; 1193 that.position.left = op.left - ox; 1194 } else { 1195 if ( newHeight - gridY <= 0 || newWidth - gridX <= 0 ) { 1196 outerDimensions = that._getPaddingPlusBorderDimensions( this ); 1197 } 1198 1199 if ( newHeight - gridY > 0 ) { 1200 that.size.height = newHeight; 1201 that.position.top = op.top - oy; 1202 } else { 1203 newHeight = gridY - outerDimensions.height; 1204 that.size.height = newHeight; 1205 that.position.top = op.top + os.height - newHeight; 1206 } 1207 if ( newWidth - gridX > 0 ) { 1208 that.size.width = newWidth; 1209 that.position.left = op.left - ox; 1210 } else { 1211 newWidth = gridX - outerDimensions.width; 1212 that.size.width = newWidth; 1213 that.position.left = op.left + os.width - newWidth; 1214 } 1215 } 1216 } 1217 1218} ); 1219
1220return $.ui.resizable; 1221 1222} );
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.