add defaultJSON property and fix some bugs

Author: Andrew Telnov (DevExpress)

src/image-picker.js

@@ -3,7 +3,7 @@ function init(Survey) {
         name: "imagepicker",
         title: "Image picker",
         iconName: "icon-imagepicker",
-        widgetIsLoaded: function() { return ImagePicker; },
+        widgetIsLoaded: function() { return typeof ImagePicker !== undefined; },
         isFit : function(question) { return question.getType() === 'imagepicker'; },
         isDefaultRender: true,
         activatedByChanged: function(activatedBy) {

src/jquery-bar-rating.js

@@ -3,12 +3,13 @@ function init(Survey) {
         name: "barrating",
         title: "Bar rating",
         iconName: "icon-barrating",
-        widgetIsLoaded: function() { return Barrating; },
+        widgetIsLoaded: function() { return typeof Barrating !== undefined; },
+        defaultJSON: {choices: [1, 2, 3, 4, 5]},
         isFit : function(question) { return question.getType() === 'barrating'; },
         isDefaultRender: true,
         activatedByChanged: function(activatedBy) {
-            Survey.JsonObject.metaData.addClass("barrating", [  {name: "ratingTheme", default: "fontawesome-stars", choices: ["fontawesome-stars", "css-stars", "bars-pill", "bars-1to10", "bars-movie", "bars-square", "bars-reversed", "bars-horizontal", "bootstrap-stars", "fontawesome-stars-o"]},
-                {name: "showValues", default: false}, {name:"hasOther", visible: false}], null, "dropdown");
+            Survey.JsonObject.metaData.addClass("barrating", [ {name: "showValues", default: false}, {name:"hasOther", visible: false}], null, "dropdown");
+            Survey.JsonObject.metaData.addProperty("barrating", {name: "ratingTheme", default: "fontawesome-stars", choices: ["fontawesome-stars", "css-stars", "bars-pill", "bars-1to10", "bars-movie", "bars-square", "bars-reversed", "bars-horizontal", "bootstrap-stars", "fontawesome-stars-o"]});
         },
         afterRender: function(question, el) {
             var $el = $(el).is("select") ? $(el) : $(el).find("select");

src/jquery-ui-datepicker.js

@@ -3,7 +3,7 @@ function init(Survey) {
         name: "datepicker",
         title: "Date picker",
         iconName: "icon-datepicker",
-        widgetIsLoaded: function() { return DatePicker; },
+        widgetIsLoaded: function() { return typeof DatePicker !== undefined; },
         isFit : function(question) { return question.getType() === 'datepicker'; },
         htmlTemplate: "<input class='widget-datepicker' type='text' style='width: 100%;'>",
         activatedByChanged: function(activatedBy) {

src/nouislider.js

@@ -3,7 +3,7 @@ function init(Survey) {
         name: "nouislider",
         title: "noUiSlider",
         iconName: "icon-nouislider",
-        widgetIsLoaded: function() { return noUiSlider; },
+        widgetIsLoaded: function() { return typeof noUiSlider !== undefined; },
         isFit : function(question) { return question.getType() === 'nouislider'; },
         htmlTemplate: "<div></div>",
         activatedByChanged: function(activatedBy) {

src/select2-tagbox.js

@@ -3,7 +3,8 @@ function init(Survey) {
         name: "tagbox",
         title: "Tag box",
         iconName: "icon-tagbox",
-        widgetIsLoaded: function() { return Select2; },
+        widgetIsLoaded: function() { return typeof Select2 !== undefined; },
+        defaultJSON: {choices: ["Item 1", "Item 2", "Item 3"]},
         htmlTemplate: "<select multiple='multiple' style='width: 100%;'></select>",
         isFit : function(question) { return question.getType() === 'tagbox';  },
         activatedByChanged: function(activatedBy) {

src/signature_pad.js

@@ -3,9 +3,10 @@ function init(Survey) {
         name: "signaturepad",
         title: "Signature pad",
         iconName: "icon-signaturepad",
-        widgetIsLoaded: function() { return SignaturePad; },
+        widgetIsLoaded: function() { return typeof SignaturePad !== undefined; },
         penColor: "1ab394",
         isFit : function(question) { return question.getType() === 'signaturepad'; },
+        htmlTemplate: "<div></div>",
         activatedByChanged: function(activatedBy) {
             Survey.JsonObject.metaData.addClass("signaturepad", [], null, "empty");
             Survey.JsonObject.metaData.addProperties("signaturepad", [{name: "width:number", default: 300}, {name: "height:number", default: 200}]);

src/sortablejs.js

@@ -3,7 +3,8 @@ function init(Survey) {
         name: "sortablelist",
         title: "Sortable list",
         iconName: "icon-sortablelist",
-        widgetIsLoaded: function() { return Sortable; },
+        widgetIsLoaded: function() { return typeof Sortable !== undefined; },
+        defaultJSON: {choices: ["Item 1", "Item 2", "Item 3"]},
         areaStyle: "border: 1px solid #1ab394; width:100%; minHeight:50px",
         itemStyle: "background-color:#1ab394;color:#fff;margin:5px;padding:10px;",
         isFit : function(question) { return question.getType() === 'sortablelist'; },