(function($) {



    /**
     * Style manager widget
     */
    $.widget('mapbender.featureStyleEditor', {
        options: {
            template: null,
            data: {},
            customColors: {
                '#777777': '#777777',
                '#337ab7': '#337ab7',
                '#5cb85c': '#5cb85c',
                '#5bc0de': '#5bc0de',
                '#f0ad4e': '#f0ad4e',
                '#d9534f': '#d9534f'
            }
        },

        /**
         * Generate StyleManagerForm
         */
        _create: function() {
            var widget = this;
            var element = $(widget.element);
            var options = widget.options;

            if (options.data && options.data.fontColor === null) {
                delete(options.data.fontColor);
            }

            this.element.empty().append(this.options.template);
            window.setTimeout(function() {
                element.formData(options.data);
                $('.-js-colorpicker', element).colorpicker({
                    format: 'hex',
                    colorSelectors: options.customColors
                });
            }, 100);

            this.popup();
        },

        popup: function() {
            var widget = this;
            this.element.popupDialog({
                title:   "Stylemanager",
                modal:   true,
                width:   '500px',
                buttons: [{
                    text:  "Abbrechen",
                    click: function(e) {
                        widget.close();
                        return false;
                    }
                }, {
                    text:  "Speichern",
                    click: function(e) {
                        var form = $(e.currentTarget).closest(".ui-dialog");
                        widget._trigger('submit', null, {
                            form:   form,
                            widget: widget
                        });
                    }
                }]
            });
        },

        /**
         *
         * @private
         */
        close: function() {
            this.element.dialog("close");
        }
    });

})(jQuery);

@@ -559,131 +559,17 @@
     
-var widget = this;%0A            var element = $(widget.element);%0A            var options = widget.options;%0A%0A            if (
+if (this.
 opti
@@ -580,16 +580,21 @@
 data && 
+this.
 options.
@@ -643,16 +643,21 @@
  delete(
+this.
 options.
@@ -768,55 +768,13 @@
     
-window.setTimeout(function() %7B%0A                
+this.
 elem
@@ -786,16 +786,21 @@
 ormData(
+this.
 options.
@@ -806,20 +806,16 @@
 .data);%0A
-    
         
@@ -840,16 +840,21 @@
 icker', 
+this.
 element)
@@ -868,20 +868,16 @@
 icker(%7B%0A
-    
         
@@ -915,20 +915,16 @@
         
-    
 colorSel
@@ -931,16 +931,21 @@
 ectors: 
+this.
 options.
@@ -973,37 +973,11 @@
     
-    %7D);%0A            %7D, 100);%0A
+%7D);
 %0A   
@@ -1099,14 +1099,9 @@
 ent.
-popupD
+d
 ialo
@@ -1809,16 +1809,291 @@
       %7D%5D
+,%0A                classes: %7B%0A                    'ui-dialog': 'ui-dialog mb-search-dialog'%0A                %7D,%0A                closeText: '',%0A                resizable: false,%0A                close: function() %7B%0A                    $(this).dialog('destroy');%0A                %7D
 %0A       

Switch style editor dialog to plain ui-dialog