Marking JqueryUI as a peer dep (optional)

Author: risadams

dist/js/selectize.js

@@ -1248,6 +1248,13 @@ function uaDetect(platform, re) {
   return re.test(navigator.userAgent);
 }
 
+/**
+ * 
+ * Selectize instance
+ * @param {JQuery} $input Jquery object of target element to Selectized
+ * @param {Object} settings Options to apply for selectized element
+ * 
+ */
 var Selectize = function($input, settings) {
 	var key, i, n, dir, input, self = this;
 	input = $input[0];
@@ -1256,7 +1263,9 @@ var Selectize = function($input, settings) {
 	// detect rtl environment
 	var computedStyle = window.getComputedStyle && window.getComputedStyle(input, null);
 	dir = computedStyle ? computedStyle.getPropertyValue('direction') : input.currentStyle && input.currentStyle.direction;
-	dir = dir || $input.parents('[dir]:first').attr('dir') || '';
+  dir = dir || $input.parents('[dir]:first').attr('dir') || '';
+  
+  self.settings = {};
 
 	// setup default state
 	$.extend(self, {
@@ -2488,11 +2497,13 @@ $.extend(Selectize.prototype, {
 			for (i = 0, n = self.items.length; i < n; i++) {
 				self.getOption(self.items[i]).addClass('selected');
 			}
-    }
+		}
 
-    if (self.settings.dropdownSize.sizeType !== 'auto' && self.isOpen) {
-      self.setupDropdownHeight();
-    }
+		if (self.settings.dropdownSize.sizeType !== 'auto' && self.isOpen) {
+			self.setupDropdownHeight();
+		}
+
+		self.positionDropdown();
 
 		// add create option
 		has_create_option = self.canCreate(query);
@@ -2505,23 +2516,24 @@ $.extend(Selectize.prototype, {
 
 		// activate
 		self.hasOptions = results.items.length > 0 || ( has_create_option && self.settings.showAddOptionOnCreate ) || self.settings.setFirstOptionActive;
+
 		if (self.hasOptions) {
-      if (results.items.length > 0) {
-        $active_before = active_before && self.getOption(active_before);
-        if (results.query !== "" && self.settings.setFirstOptionActive) {
-          $active = $dropdown_content.find('[data-selectable]:first')
-        } else if (results.query !== "" && $active_before && $active_before.length) {
-          $active = $active_before;
-        } else if (self.settings.mode === 'single' && self.items.length) {
-          $active = self.getOption(self.items[0]);
-        }
-        if (!$active || !$active.length) {
-          if ($create && !self.settings.addPrecedence) {
-            $active = self.getAdjacentOption($create, 1);
-          } else {
-            $active = $dropdown_content.find('[data-selectable]:first');
-          }
-        }
+      		if (results.items.length > 0) {
+			$active_before = active_before && self.getOption(active_before);
+			if (results.query !== "" && self.settings.setFirstOptionActive) {
+			$active = $dropdown_content.find('[data-selectable]:first')
+			} else if (results.query !== "" && $active_before && $active_before.length) {
+			$active = $active_before;
+			} else if (self.settings.mode === 'single' && self.items.length) {
+			$active = self.getOption(self.items[0]);
+			}
+			if (!$active || !$active.length) {
+			if ($create && !self.settings.addPrecedence) {
+				$active = self.getAdjacentOption($create, 1);
+			} else {
+				$active = $dropdown_content.find('[data-selectable]:first');
+			}
+			}
 			} else {
 				$active = $create;
 			}
@@ -3213,9 +3225,8 @@ $.extend(Selectize.prototype, {
 		self.focus();
 		self.isOpen = true;
 		self.refreshState();
-    self.$dropdown.css({ visibility: 'hidden', display: 'block' });
-    self.setupDropdownHeight();
-		self.positionDropdown();
+		self.$dropdown.css({ visibility: 'hidden', display: 'block' });
+		self.setupDropdownHeight();
 		self.$dropdown.css({visibility: 'visible'});
 		self.trigger('dropdown_open', self.$dropdown);
 	},
@@ -3761,8 +3772,8 @@ Selectize.defaults = {
 
   copyClassesToDropdown: true,
   dropdownSize: {
-    sizeType: 'auto', // 'numberItems' or 'fixedHeight'
-    sizeValue: 'auto', // number of items or height value (px is default) or CSS height (px, rem, em, vh)
+    sizeType: 'auto',
+    sizeValue: 'auto',
   },
 
   ignoreOnDropwdownHeight: 'img, i',

dist/js/selectize.min.js

@@ -11,7 +11,7 @@
     "tag",
     "jquery-plugin"
   ],
-  "main": "dist/js/selectize.js",
+  "browser": "dist/js/selectize.js",
   "description": "Selectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc.",
   "version": "0.15.2",
   "author": "Brian Reavis <[email protected]>",
@@ -64,11 +64,14 @@
     "popper.js": "1.16.1",
     "sass": "1.56.1"
   },
-  "optionalDependencies": {
+  "peerDependencies": {
+    "jquery": "^1.7.0 || ^2 || ^3",
     "jquery-ui": "^1.13.2"
   },
-  "peerDependencies": {
-    "jquery": "^1.7.0 || ^2 || ^3"
+  "peerDependenciesMeta": {
+    "jquery-ui": {
+      "optional": true
+    }
   },
   "scripts": {
     "test": "karma start",