Load draggable and resizable jquery-ui chunks for dialog widget only if needed

Author: msiewierska

lib/web/jquery/ui-modules/dialog.js

@@ -12,9 +12,7 @@
 define([
     'jquery',
     'jquery-ui-modules/button',
-    'jquery-ui-modules/draggable',
-    'jquery-ui-modules/position',
-    'jquery-ui-modules/resizable'
+    'jquery-ui-modules/position'
 ], function ($, undefined) {
 
     var sizeRelatedOptions = {
@@ -107,11 +105,22 @@ define([
             this._createTitlebar();
             this._createButtonPane();
 
-            if (this.options.draggable && $.fn.draggable) {
-                this._makeDraggable();
+            var widget = this;
+
+            if (this.options.draggable) {
+                require(['jquery-ui-modules/draggable'], function () {
+                    if($.fn.draggable) {
+                        widget._makeDraggable();
+                    }
+                });
             }
-            if (this.options.resizable && $.fn.resizable) {
-                this._makeResizable();
+
+            if (this.options.resizable) {
+                require(['jquery-ui-modules/resizable'], function () {
+                    if($.fn.resizable) {
+                        widget._makeResizable();
+                    }
+                });
             }
 
             this._isOpen = false;