ENGCOM-9027: Load draggable and resizable jquery-ui chunks for dialog widget only if needed #32802

 - Merge Pull Request #32802 from martasiewierska/magento2:performance-dialog-widget
 - Merged commits:
   1. 0702446

Author: magento-engcom-team

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;