materialize-sass 0.100.2.1 → 1.0.0.alpha1

data/app/assets/javascripts/materialize/dropdown.js

@@ -1,257 +0,0 @@
-(function ($) {
-
-  // Add posibility to scroll to selected option
-  // usefull for select for example
-  $.fn.scrollTo = function (elem) {
-    $(this).scrollTop($(this).scrollTop() - $(this).offset().top + $(elem).offset().top);
-    return this;
-  };
-
-  $.fn.dropdown = function (options) {
-    var defaults = {
-      inDuration: 300,
-      outDuration: 225,
-      constrainWidth: true, // Constrains width of dropdown to the activator
-      hover: false,
-      gutter: 0, // Spacing from edge
-      belowOrigin: false,
-      alignment: 'left',
-      stopPropagation: false
-    };
-
-    // Open dropdown.
-    if (options === "open") {
-      this.each(function () {
-        $(this).trigger('open');
-      });
-      return false;
-    }
-
-    // Close dropdown.
-    if (options === "close") {
-      this.each(function () {
-        $(this).trigger('close');
-      });
-      return false;
-    }
-
-    this.each(function () {
-      var origin = $(this);
-      var curr_options = $.extend({}, defaults, options);
-      var isFocused = false;
-
-      // Dropdown menu
-      var activates = $("#" + origin.attr('data-activates'));
-
-      function updateOptions() {
-        if (origin.data('induration') !== undefined) curr_options.inDuration = origin.data('induration');
-        if (origin.data('outduration') !== undefined) curr_options.outDuration = origin.data('outduration');
-        if (origin.data('constrainwidth') !== undefined) curr_options.constrainWidth = origin.data('constrainwidth');
-        if (origin.data('hover') !== undefined) curr_options.hover = origin.data('hover');
-        if (origin.data('gutter') !== undefined) curr_options.gutter = origin.data('gutter');
-        if (origin.data('beloworigin') !== undefined) curr_options.belowOrigin = origin.data('beloworigin');
-        if (origin.data('alignment') !== undefined) curr_options.alignment = origin.data('alignment');
-        if (origin.data('stoppropagation') !== undefined) curr_options.stopPropagation = origin.data('stoppropagation');
-      }
-
-      updateOptions();
-
-      // Attach dropdown to its activator
-      origin.after(activates);
-
-      /*
-        Helper function to position and resize dropdown.
-        Used in hover and click handler.
-      */
-      function placeDropdown(eventType) {
-        // Check for simultaneous focus and click events.
-        if (eventType === 'focus') {
-          isFocused = true;
-        }
-
-        // Check html data attributes
-        updateOptions();
-
-        // Set Dropdown state
-        activates.addClass('active');
-        origin.addClass('active');
-
-        var originWidth = origin[0].getBoundingClientRect().width;
-
-        // Constrain width
-        if (curr_options.constrainWidth === true) {
-          activates.css('width', originWidth);
-        } else {
-          activates.css('white-space', 'nowrap');
-        }
-
-        // Offscreen detection
-        var windowHeight = window.innerHeight;
-        var originHeight = origin.innerHeight();
-        var offsetLeft = origin.offset().left;
-        var offsetTop = origin.offset().top - $(window).scrollTop();
-        var currAlignment = curr_options.alignment;
-        var gutterSpacing = 0;
-        var leftPosition = 0;
-
-        // Below Origin
-        var verticalOffset = 0;
-        if (curr_options.belowOrigin === true) {
-          verticalOffset = originHeight;
-        }
-
-        // Check for scrolling positioned container.
-        var scrollYOffset = 0;
-        var scrollXOffset = 0;
-        var wrapper = origin.parent();
-        if (!wrapper.is('body')) {
-          if (wrapper[0].scrollHeight > wrapper[0].clientHeight) {
-            scrollYOffset = wrapper[0].scrollTop;
-          }
-          if (wrapper[0].scrollWidth > wrapper[0].clientWidth) {
-            scrollXOffset = wrapper[0].scrollLeft;
-          }
-        }
-
-        if (offsetLeft + activates.innerWidth() > $(window).width()) {
-          // Dropdown goes past screen on right, force right alignment
-          currAlignment = 'right';
-        } else if (offsetLeft - activates.innerWidth() + origin.innerWidth() < 0) {
-          // Dropdown goes past screen on left, force left alignment
-          currAlignment = 'left';
-        }
-        // Vertical bottom offscreen detection
-        if (offsetTop + activates.innerHeight() > windowHeight) {
-          // If going upwards still goes offscreen, just crop height of dropdown.
-          if (offsetTop + originHeight - activates.innerHeight() < 0) {
-            var adjustedHeight = windowHeight - offsetTop - verticalOffset;
-            activates.css('max-height', adjustedHeight);
-          } else {
-            // Flow upwards.
-            if (!verticalOffset) {
-              verticalOffset += originHeight;
-            }
-            verticalOffset -= activates.innerHeight();
-          }
-        }
-
-        // Handle edge alignment
-        if (currAlignment === 'left') {
-          gutterSpacing = curr_options.gutter;
-          leftPosition = origin.position().left + gutterSpacing;
-        } else if (currAlignment === 'right') {
-          // Material icons fix
-          activates.stop(true, true).css({
-            opacity: 0,
-            left: 0
-          });
-
-          var offsetRight = origin.position().left + originWidth - activates.width();
-          gutterSpacing = -curr_options.gutter;
-          leftPosition = offsetRight + gutterSpacing;
-        }
-
-        // Position dropdown
-        activates.css({
-          position: 'absolute',
-          top: origin.position().top + verticalOffset + scrollYOffset,
-          left: leftPosition + scrollXOffset
-        });
-
-        // Show dropdown
-        activates.slideDown({
-          queue: false,
-          duration: curr_options.inDuration,
-          easing: 'easeOutCubic',
-          complete: function () {
-            $(this).css('height', '');
-          }
-        }).animate({ opacity: 1 }, { queue: false, duration: curr_options.inDuration, easing: 'easeOutSine' });
-
-        // Add click close handler to document
-        setTimeout(function () {
-          $(document).on('click.' + activates.attr('id'), function (e) {
-            hideDropdown();
-            $(document).off('click.' + activates.attr('id'));
-          });
-        }, 0);
-      }
-
-      function hideDropdown() {
-        // Check for simultaneous focus and click events.
-        isFocused = false;
-        activates.fadeOut(curr_options.outDuration);
-        activates.removeClass('active');
-        origin.removeClass('active');
-        $(document).off('click.' + activates.attr('id'));
-        setTimeout(function () {
-          activates.css('max-height', '');
-        }, curr_options.outDuration);
-      }
-
-      // Hover
-      if (curr_options.hover) {
-        var open = false;
-        origin.off('click.' + origin.attr('id'));
-        // Hover handler to show dropdown
-        origin.on('mouseenter', function (e) {
-          // Mouse over
-          if (open === false) {
-            placeDropdown();
-            open = true;
-          }
-        });
-        origin.on('mouseleave', function (e) {
-          // If hover on origin then to something other than dropdown content, then close
-          var toEl = e.toElement || e.relatedTarget; // added browser compatibility for target element
-          if (!$(toEl).closest('.dropdown-content').is(activates)) {
-            activates.stop(true, true);
-            hideDropdown();
-            open = false;
-          }
-        });
-
-        activates.on('mouseleave', function (e) {
-          // Mouse out
-          var toEl = e.toElement || e.relatedTarget;
-          if (!$(toEl).closest('.dropdown-button').is(origin)) {
-            activates.stop(true, true);
-            hideDropdown();
-            open = false;
-          }
-        });
-
-        // Click
-      } else {
-        // Click handler to show dropdown
-        origin.off('click.' + origin.attr('id'));
-        origin.on('click.' + origin.attr('id'), function (e) {
-          if (!isFocused) {
-            if (origin[0] == e.currentTarget && !origin.hasClass('active') && $(e.target).closest('.dropdown-content').length === 0) {
-              e.preventDefault(); // Prevents button click from moving window
-              if (curr_options.stopPropagation) {
-                e.stopPropagation();
-              }
-              placeDropdown('click');
-            }
-            // If origin is clicked and menu is open, close menu
-            else if (origin.hasClass('active')) {
-                hideDropdown();
-                $(document).off('click.' + activates.attr('id'));
-              }
-          }
-        });
-      } // End else
-
-      // Listen to open and close event - useful for select component
-      origin.on('open', function (e, eventType) {
-        placeDropdown(eventType);
-      });
-      origin.on('close', hideDropdown);
-    });
-  }; // End dropdown plugin
-
-  $(document).on('ready turbolinks:load', function () {
-    $('.dropdown-button').dropdown();
-  });
-})(jQuery);

data/app/assets/javascripts/materialize/forms.js

@@ -1,806 +0,0 @@
-(function ($) {
-  $(document).on('ready turbolinks:load', function () {
-
-    // Function to update labels of text fields
-    Materialize.updateTextFields = function () {
-      var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], textarea';
-      $(input_selector).each(function (index, element) {
-        var $this = $(this);
-        if ($(element).val().length > 0 || $(element).is(':focus') || element.autofocus || $this.attr('placeholder') !== undefined) {
-          $this.siblings('label').addClass('active');
-        } else if ($(element)[0].validity) {
-          $this.siblings('label').toggleClass('active', $(element)[0].validity.badInput === true);
-        } else {
-          $this.siblings('label').removeClass('active');
-        }
-      });
-    };
-
-    // Text based inputs
-    var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], textarea';
-
-    // Add active if form auto complete
-    $(document).on('change', input_selector, function () {
-      if ($(this).val().length !== 0 || $(this).attr('placeholder') !== undefined) {
-        $(this).siblings('label').addClass('active');
-      }
-      validate_field($(this));
-    });
-
-    // Add active if input element has been pre-populated on document ready
-    $(document).on('ready turbolinks:load', function () {
-      Materialize.updateTextFields();
-    });
-
-    // HTML DOM FORM RESET handling
-    $(document).on('reset', function (e) {
-      var formReset = $(e.target);
-      if (formReset.is('form')) {
-        formReset.find(input_selector).removeClass('valid').removeClass('invalid');
-        formReset.find(input_selector).each(function () {
-          if ($(this).attr('value') === '') {
-            $(this).siblings('label').removeClass('active');
-          }
-        });
-
-        // Reset select
-        formReset.find('select.initialized').each(function () {
-          var reset_text = formReset.find('option[selected]').text();
-          formReset.siblings('input.select-dropdown').val(reset_text);
-        });
-      }
-    });
-
-    // Add active when element has focus
-    $(document).on('focus', input_selector, function () {
-      $(this).siblings('label, .prefix').addClass('active');
-    });
-
-    $(document).on('blur', input_selector, function () {
-      var $inputElement = $(this);
-      var selector = ".prefix";
-
-      if ($inputElement.val().length === 0 && $inputElement[0].validity.badInput !== true && $inputElement.attr('placeholder') === undefined) {
-        selector += ", label";
-      }
-
-      $inputElement.siblings(selector).removeClass('active');
-
-      validate_field($inputElement);
-    });
-
-    window.validate_field = function (object) {
-      var hasLength = object.attr('data-length') !== undefined;
-      var lenAttr = parseInt(object.attr('data-length'));
-      var len = object.val().length;
-
-      if (object.val().length === 0 && object[0].validity.badInput === false && !object.is(':required')) {
-        if (object.hasClass('validate')) {
-          object.removeClass('valid');
-          object.removeClass('invalid');
-        }
-      } else {
-        if (object.hasClass('validate')) {
-          // Check for character counter attributes
-          if (object.is(':valid') && hasLength && len <= lenAttr || object.is(':valid') && !hasLength) {
-            object.removeClass('invalid');
-            object.addClass('valid');
-          } else {
-            object.removeClass('valid');
-            object.addClass('invalid');
-          }
-        }
-      }
-    };
-
-    // Radio and Checkbox focus class
-    var radio_checkbox = 'input[type=radio], input[type=checkbox]';
-    $(document).on('keyup.radio', radio_checkbox, function (e) {
-      // TAB, check if tabbing to radio or checkbox.
-      if (e.which === 9) {
-        $(this).addClass('tabbed');
-        var $this = $(this);
-        $this.one('blur', function (e) {
-
-          $(this).removeClass('tabbed');
-        });
-        return;
-      }
-    });
-
-    // Textarea Auto Resize
-    var hiddenDiv = $('.hiddendiv').first();
-    if (!hiddenDiv.length) {
-      hiddenDiv = $('<div class="hiddendiv common"></div>');
-      $('body').append(hiddenDiv);
-    }
-    var text_area_selector = '.materialize-textarea';
-
-    function textareaAutoResize($textarea) {
-      // Set font properties of hiddenDiv
-
-      var fontFamily = $textarea.css('font-family');
-      var fontSize = $textarea.css('font-size');
-      var lineHeight = $textarea.css('line-height');
-      var padding = $textarea.css('padding');
-
-      if (fontSize) {
-        hiddenDiv.css('font-size', fontSize);
-      }
-      if (fontFamily) {
-        hiddenDiv.css('font-family', fontFamily);
-      }
-      if (lineHeight) {
-        hiddenDiv.css('line-height', lineHeight);
-      }
-      if (padding) {
-        hiddenDiv.css('padding', padding);
-      }
-
-      // Set original-height, if none
-      if (!$textarea.data('original-height')) {
-        $textarea.data('original-height', $textarea.height());
-      }
-
-      if ($textarea.attr('wrap') === 'off') {
-        hiddenDiv.css('overflow-wrap', 'normal').css('white-space', 'pre');
-      }
-
-      hiddenDiv.text($textarea.val() + '\n');
-      var content = hiddenDiv.html().replace(/\n/g, '<br>');
-      hiddenDiv.html(content);
-
-      // When textarea is hidden, width goes crazy.
-      // Approximate with half of window size
-
-      if ($textarea.is(':visible')) {
-        hiddenDiv.css('width', $textarea.width());
-      } else {
-        hiddenDiv.css('width', $(window).width() / 2);
-      }
-
-      /**
-       * Resize if the new height is greater than the
-       * original height of the textarea
-       */
-      if ($textarea.data('original-height') <= hiddenDiv.height()) {
-        $textarea.css('height', hiddenDiv.height());
-      } else if ($textarea.val().length < $textarea.data('previous-length')) {
-        /**
-         * In case the new height is less than original height, it
-         * means the textarea has less text than before
-         * So we set the height to the original one
-         */
-        $textarea.css('height', $textarea.data('original-height'));
-      }
-      $textarea.data('previous-length', $textarea.val().length);
-    }
-
-    $(text_area_selector).each(function () {
-      var $textarea = $(this);
-      /**
-       * Instead of resizing textarea on document load,
-       * store the original height and the original length
-       */
-      $textarea.data('original-height', $textarea.height());
-      $textarea.data('previous-length', $textarea.val().length);
-    });
-
-    $('body').on('keyup keydown autoresize', text_area_selector, function () {
-      textareaAutoResize($(this));
-    });
-
-    // File Input Path
-    $(document).on('change', '.file-field input[type="file"]', function () {
-      var file_field = $(this).closest('.file-field');
-      var path_input = file_field.find('input.file-path');
-      var files = $(this)[0].files;
-      var file_names = [];
-      for (var i = 0; i < files.length; i++) {
-        file_names.push(files[i].name);
-      }
-      path_input.val(file_names.join(", "));
-      path_input.trigger('change');
-    });
-
-    /****************
-    *  Range Input  *
-    ****************/
-
-    var range_type = 'input[type=range]';
-    var range_mousedown = false;
-    var left;
-
-    $(range_type).each(function () {
-      var thumb = $('<span class="thumb"><span class="value"></span></span>');
-      $(this).after(thumb);
-    });
-
-    var showRangeBubble = function (thumb) {
-      var paddingLeft = parseInt(thumb.parent().css('padding-left'));
-      var marginLeft = -7 + paddingLeft + 'px';
-      thumb.velocity({ height: "30px", width: "30px", top: "-30px", marginLeft: marginLeft }, { duration: 300, easing: 'easeOutExpo' });
-    };
-
-    var calcRangeOffset = function (range) {
-      var width = range.width() - 15;
-      var max = parseFloat(range.attr('max'));
-      var min = parseFloat(range.attr('min'));
-      var percent = (parseFloat(range.val()) - min) / (max - min);
-      return percent * width;
-    };
-
-    var range_wrapper = '.range-field';
-    $(document).on('change', range_type, function (e) {
-      var thumb = $(this).siblings('.thumb');
-      thumb.find('.value').html($(this).val());
-
-      if (!thumb.hasClass('active')) {
-        showRangeBubble(thumb);
-      }
-
-      var offsetLeft = calcRangeOffset($(this));
-      thumb.addClass('active').css('left', offsetLeft);
-    });
-
-    $(document).on('mousedown touchstart', range_type, function (e) {
-      var thumb = $(this).siblings('.thumb');
-
-      // If thumb indicator does not exist yet, create it
-      if (thumb.length <= 0) {
-        thumb = $('<span class="thumb"><span class="value"></span></span>');
-        $(this).after(thumb);
-      }
-
-      // Set indicator value
-      thumb.find('.value').html($(this).val());
-
-      range_mousedown = true;
-      $(this).addClass('active');
-
-      if (!thumb.hasClass('active')) {
-        showRangeBubble(thumb);
-      }
-
-      if (e.type !== 'input') {
-        var offsetLeft = calcRangeOffset($(this));
-        thumb.addClass('active').css('left', offsetLeft);
-      }
-    });
-
-    $(document).on('mouseup touchend', range_wrapper, function () {
-      range_mousedown = false;
-      $(this).removeClass('active');
-    });
-
-    $(document).on('input mousemove touchmove', range_wrapper, function (e) {
-      var thumb = $(this).children('.thumb');
-      var left;
-      var input = $(this).find(range_type);
-
-      if (range_mousedown) {
-        if (!thumb.hasClass('active')) {
-          showRangeBubble(thumb);
-        }
-
-        var offsetLeft = calcRangeOffset(input);
-        thumb.addClass('active').css('left', offsetLeft);
-        thumb.find('.value').html(thumb.siblings(range_type).val());
-      }
-    });
-
-    $(document).on('mouseout touchleave', range_wrapper, function () {
-      if (!range_mousedown) {
-
-        var thumb = $(this).children('.thumb');
-        var paddingLeft = parseInt($(this).css('padding-left'));
-        var marginLeft = 7 + paddingLeft + 'px';
-
-        if (thumb.hasClass('active')) {
-          thumb.velocity({ height: '0', width: '0', top: '10px', marginLeft: marginLeft }, { duration: 100 });
-        }
-        thumb.removeClass('active');
-      }
-    });
-
-    /**************************
-     * Auto complete plugin  *
-     *************************/
-    $.fn.autocomplete = function (options) {
-      // Defaults
-      var defaults = {
-        data: {},
-        limit: Infinity,
-        onAutocomplete: null,
-        minLength: 1
-      };
-
-      options = $.extend(defaults, options);
-
-      return this.each(function () {
-        var $input = $(this);
-        var data = options.data,
-            count = 0,
-            activeIndex = -1,
-            oldVal,
-            $inputDiv = $input.closest('.input-field'); // Div to append on
-
-        // Check if data isn't empty
-        if (!$.isEmptyObject(data)) {
-          var $autocomplete = $('<ul class="autocomplete-content dropdown-content"></ul>');
-          var $oldAutocomplete;
-
-          // Append autocomplete element.
-          // Prevent double structure init.
-          if ($inputDiv.length) {
-            $oldAutocomplete = $inputDiv.children('.autocomplete-content.dropdown-content').first();
-            if (!$oldAutocomplete.length) {
-              $inputDiv.append($autocomplete); // Set ul in body
-            }
-          } else {
-            $oldAutocomplete = $input.next('.autocomplete-content.dropdown-content');
-            if (!$oldAutocomplete.length) {
-              $input.after($autocomplete);
-            }
-          }
-          if ($oldAutocomplete.length) {
-            $autocomplete = $oldAutocomplete;
-          }
-
-          // Highlight partial match.
-          var highlight = function (string, $el) {
-            var img = $el.find('img');
-            var matchStart = $el.text().toLowerCase().indexOf("" + string.toLowerCase() + ""),
-                matchEnd = matchStart + string.length - 1,
-                beforeMatch = $el.text().slice(0, matchStart),
-                matchText = $el.text().slice(matchStart, matchEnd + 1),
-                afterMatch = $el.text().slice(matchEnd + 1);
-            $el.html("<span>" + beforeMatch + "<span class='highlight'>" + matchText + "</span>" + afterMatch + "</span>");
-            if (img.length) {
-              $el.prepend(img);
-            }
-          };
-
-          // Reset current element position
-          var resetCurrentElement = function () {
-            activeIndex = -1;
-            $autocomplete.find('.active').removeClass('active');
-          };
-
-          // Remove autocomplete elements
-          var removeAutocomplete = function () {
-            $autocomplete.empty();
-            resetCurrentElement();
-            oldVal = undefined;
-          };
-
-          $input.off('blur.autocomplete').on('blur.autocomplete', function () {
-            removeAutocomplete();
-          });
-
-          // Perform search
-          $input.off('keyup.autocomplete focus.autocomplete').on('keyup.autocomplete focus.autocomplete', function (e) {
-            // Reset count.
-            count = 0;
-            var val = $input.val().toLowerCase();
-
-            // Don't capture enter or arrow key usage.
-            if (e.which === 13 || e.which === 38 || e.which === 40) {
-              return;
-            }
-
-            // Check if the input isn't empty
-            if (oldVal !== val) {
-              removeAutocomplete();
-
-              if (val.length >= options.minLength) {
-                for (var key in data) {
-                  if (data.hasOwnProperty(key) && key.toLowerCase().indexOf(val) !== -1) {
-                    // Break if past limit
-                    if (count >= options.limit) {
-                      break;
-                    }
-
-                    var autocompleteOption = $('<li></li>');
-                    if (!!data[key]) {
-                      autocompleteOption.append('<img src="' + data[key] + '" class="right circle"><span>' + key + '</span>');
-                    } else {
-                      autocompleteOption.append('<span>' + key + '</span>');
-                    }
-
-                    $autocomplete.append(autocompleteOption);
-                    highlight(val, autocompleteOption);
-                    count++;
-                  }
-                }
-              }
-            }
-
-            // Update oldVal
-            oldVal = val;
-          });
-
-          $input.off('keydown.autocomplete').on('keydown.autocomplete', function (e) {
-            // Arrow keys and enter key usage
-            var keyCode = e.which,
-                liElement,
-                numItems = $autocomplete.children('li').length,
-                $active = $autocomplete.children('.active').first();
-
-            // select element on Enter
-            if (keyCode === 13 && activeIndex >= 0) {
-              liElement = $autocomplete.children('li').eq(activeIndex);
-              if (liElement.length) {
-                liElement.trigger('mousedown.autocomplete');
-                e.preventDefault();
-              }
-              return;
-            }
-
-            // Capture up and down key
-            if (keyCode === 38 || keyCode === 40) {
-              e.preventDefault();
-
-              if (keyCode === 38 && activeIndex > 0) {
-                activeIndex--;
-              }
-
-              if (keyCode === 40 && activeIndex < numItems - 1) {
-                activeIndex++;
-              }
-
-              $active.removeClass('active');
-              if (activeIndex >= 0) {
-                $autocomplete.children('li').eq(activeIndex).addClass('active');
-              }
-            }
-          });
-
-          // Set input value
-          $autocomplete.off('mousedown.autocomplete touchstart.autocomplete').on('mousedown.autocomplete touchstart.autocomplete', 'li', function () {
-            var text = $(this).text().trim();
-            $input.val(text);
-            $input.trigger('change');
-            removeAutocomplete();
-
-            // Handle onAutocomplete callback.
-            if (typeof options.onAutocomplete === "function") {
-              options.onAutocomplete.call(this, text);
-            }
-          });
-
-          // Empty data
-        } else {
-          $input.off('keyup.autocomplete focus.autocomplete');
-        }
-      });
-    };
-  }); // End of $(document).ready
-
-  /*******************
-   *  Select Plugin  *
-   ******************/
-  $.fn.material_select = function (callback) {
-    $(this).each(function () {
-      var $select = $(this);
-
-      if ($select.hasClass('browser-default')) {
-        return; // Continue to next (return false breaks out of entire loop)
-      }
-
-      var multiple = $select.attr('multiple') ? true : false,
-          lastID = $select.attr('data-select-id'); // Tear down structure if Select needs to be rebuilt
-
-      if (lastID) {
-        $select.parent().find('span.caret').remove();
-        $select.parent().find('input').remove();
-
-        $select.unwrap();
-        $('ul#select-options-' + lastID).remove();
-      }
-
-      // If destroying the select, remove the selelct-id and reset it to it's uninitialized state.
-      if (callback === 'destroy') {
-        $select.removeAttr('data-select-id').removeClass('initialized');
-        $(window).off('click.select');
-        return;
-      }
-
-      var uniqueID = Materialize.guid();
-      $select.attr('data-select-id', uniqueID);
-      var wrapper = $('<div class="select-wrapper"></div>');
-      wrapper.addClass($select.attr('class'));
-      if ($select.is(':disabled')) wrapper.addClass('disabled');
-      var options = $('<ul id="select-options-' + uniqueID + '" class="dropdown-content select-dropdown ' + (multiple ? 'multiple-select-dropdown' : '') + '"></ul>'),
-          selectChildren = $select.children('option, optgroup'),
-          valuesSelected = [],
-          optionsHover = false;
-
-      var label = $select.find('option:selected').html() || $select.find('option:first').html() || "";
-
-      // Function that renders and appends the option taking into
-      // account type and possible image icon.
-      var appendOptionWithIcon = function (select, option, type) {
-        // Add disabled attr if disabled
-        var disabledClass = option.is(':disabled') ? 'disabled ' : '';
-        var optgroupClass = type === 'optgroup-option' ? 'optgroup-option ' : '';
-        var multipleCheckbox = multiple ? '<input type="checkbox"' + disabledClass + '/><label></label>' : '';
-
-        // add icons
-        var icon_url = option.data('icon');
-        var classes = option.attr('class');
-        if (!!icon_url) {
-          var classString = '';
-          if (!!classes) classString = ' class="' + classes + '"';
-
-          // Check for multiple type.
-          options.append($('<li class="' + disabledClass + optgroupClass + '"><img alt="" src="' + icon_url + '"' + classString + '><span>' + multipleCheckbox + option.html() + '</span></li>'));
-          return true;
-        }
-
-        // Check for multiple type.
-        options.append($('<li class="' + disabledClass + optgroupClass + '"><span>' + multipleCheckbox + option.html() + '</span></li>'));
-      };
-
-      /* Create dropdown structure. */
-      if (selectChildren.length) {
-        selectChildren.each(function () {
-          if ($(this).is('option')) {
-            // Direct descendant option.
-            if (multiple) {
-              appendOptionWithIcon($select, $(this), 'multiple');
-            } else {
-              appendOptionWithIcon($select, $(this));
-            }
-          } else if ($(this).is('optgroup')) {
-            // Optgroup.
-            var selectOptions = $(this).children('option');
-            options.append($('<li class="optgroup"><span>' + $(this).attr('label') + '</span></li>'));
-
-            selectOptions.each(function () {
-              appendOptionWithIcon($select, $(this), 'optgroup-option');
-            });
-          }
-        });
-      }
-
-      options.find('li:not(.optgroup)').each(function (i) {
-        $(this).click(function (e) {
-          // Check if option element is disabled
-          if (!$(this).hasClass('disabled') && !$(this).hasClass('optgroup')) {
-            var selected = true;
-
-            if (multiple) {
-              $('input[type="checkbox"]', this).prop('checked', function (i, v) {
-                return !v;
-              });
-              selected = toggleEntryFromArray(valuesSelected, i, $select);
-              $newSelect.trigger('focus');
-            } else {
-              options.find('li').removeClass('active');
-              $(this).toggleClass('active');
-              $newSelect.val($(this).text());
-            }
-
-            activateOption(options, $(this));
-            $select.find('option').eq(i).prop('selected', selected);
-            // Trigger onchange() event
-            $select.trigger('change');
-            if (typeof callback !== 'undefined') callback();
-          }
-
-          e.stopPropagation();
-        });
-      });
-
-      // Wrap Elements
-      $select.wrap(wrapper);
-      // Add Select Display Element
-      var dropdownIcon = $('<span class="caret">&#9660;</span>');
-
-      // escape double quotes
-      var sanitizedLabelHtml = label.replace(/"/g, '&quot;');
-
-      var $newSelect = $('<input type="text" class="select-dropdown" readonly="true" ' + ($select.is(':disabled') ? 'disabled' : '') + ' data-activates="select-options-' + uniqueID + '" value="' + sanitizedLabelHtml + '"/>');
-      $select.before($newSelect);
-      $newSelect.before(dropdownIcon);
-
-      $newSelect.after(options);
-      // Check if section element is disabled
-      if (!$select.is(':disabled')) {
-        $newSelect.dropdown({ 'hover': false });
-      }
-
-      // Copy tabindex
-      if ($select.attr('tabindex')) {
-        $($newSelect[0]).attr('tabindex', $select.attr('tabindex'));
-      }
-
-      $select.addClass('initialized');
-
-      $newSelect.on({
-        'focus': function () {
-          if ($('ul.select-dropdown').not(options[0]).is(':visible')) {
-            $('input.select-dropdown').trigger('close');
-            $(window).off('click.select');
-          }
-          if (!options.is(':visible')) {
-            $(this).trigger('open', ['focus']);
-            var label = $(this).val();
-            if (multiple && label.indexOf(',') >= 0) {
-              label = label.split(',')[0];
-            }
-
-            var selectedOption = options.find('li').filter(function () {
-              return $(this).text().toLowerCase() === label.toLowerCase();
-            })[0];
-            activateOption(options, selectedOption, true);
-
-            $(window).off('click.select').on('click.select', function () {
-              multiple && (optionsHover || $newSelect.trigger('close'));
-              $(window).off('click.select');
-            });
-          }
-        },
-        'click': function (e) {
-          e.stopPropagation();
-        }
-      });
-
-      $newSelect.on('blur', function () {
-        if (!multiple) {
-          $(this).trigger('close');
-          $(window).off('click.select');
-        }
-        options.find('li.selected').removeClass('selected');
-      });
-
-      options.hover(function () {
-        optionsHover = true;
-      }, function () {
-        optionsHover = false;
-      });
-
-      // Add initial multiple selections.
-      if (multiple) {
-        $select.find("option:selected:not(:disabled)").each(function () {
-          var index = this.index;
-
-          toggleEntryFromArray(valuesSelected, index, $select);
-          options.find("li:not(.optgroup)").eq(index).find(":checkbox").prop("checked", true);
-        });
-      }
-
-      /**
-       * Make option as selected and scroll to selected position
-       * @param {jQuery} collection  Select options jQuery element
-       * @param {Element} newOption  element of the new option
-       * @param {Boolean} firstActivation  If on first activation of select
-       */
-      var activateOption = function (collection, newOption, firstActivation) {
-        if (newOption) {
-          collection.find('li.selected').removeClass('selected');
-          var option = $(newOption);
-          option.addClass('selected');
-          if (!multiple || !!firstActivation) {
-            options.scrollTo(option);
-          }
-        }
-      };
-
-      // Allow user to search by typing
-      // this array is cleared after 1 second
-      var filterQuery = [],
-          onKeyDown = function (e) {
-        // TAB - switch to another input
-        if (e.which == 9) {
-          $newSelect.trigger('close');
-          return;
-        }
-
-        // ARROW DOWN WHEN SELECT IS CLOSED - open select options
-        if (e.which == 40 && !options.is(':visible')) {
-          $newSelect.trigger('open');
-          return;
-        }
-
-        // ENTER WHEN SELECT IS CLOSED - submit form
-        if (e.which == 13 && !options.is(':visible')) {
-          return;
-        }
-
-        e.preventDefault();
-
-        // CASE WHEN USER TYPE LETTERS
-        var letter = String.fromCharCode(e.which).toLowerCase(),
-            nonLetters = [9, 13, 27, 38, 40];
-        if (letter && nonLetters.indexOf(e.which) === -1) {
-          filterQuery.push(letter);
-
-          var string = filterQuery.join(''),
-              newOption = options.find('li').filter(function () {
-            return $(this).text().toLowerCase().indexOf(string) === 0;
-          })[0];
-
-          if (newOption) {
-            activateOption(options, newOption);
-          }
-        }
-
-        // ENTER - select option and close when select options are opened
-        if (e.which == 13) {
-          var activeOption = options.find('li.selected:not(.disabled)')[0];
-          if (activeOption) {
-            $(activeOption).trigger('click');
-            if (!multiple) {
-              $newSelect.trigger('close');
-            }
-          }
-        }
-
-        // ARROW DOWN - move to next not disabled option
-        if (e.which == 40) {
-          if (options.find('li.selected').length) {
-            newOption = options.find('li.selected').next('li:not(.disabled)')[0];
-          } else {
-            newOption = options.find('li:not(.disabled)')[0];
-          }
-          activateOption(options, newOption);
-        }
-
-        // ESC - close options
-        if (e.which == 27) {
-          $newSelect.trigger('close');
-        }
-
-        // ARROW UP - move to previous not disabled option
-        if (e.which == 38) {
-          newOption = options.find('li.selected').prev('li:not(.disabled)')[0];
-          if (newOption) activateOption(options, newOption);
-        }
-
-        // Automaticaly clean filter query so user can search again by starting letters
-        setTimeout(function () {
-          filterQuery = [];
-        }, 1000);
-      };
-
-      $newSelect.on('keydown', onKeyDown);
-    });
-
-    function toggleEntryFromArray(entriesArray, entryIndex, select) {
-      var index = entriesArray.indexOf(entryIndex),
-          notAdded = index === -1;
-
-      if (notAdded) {
-        entriesArray.push(entryIndex);
-      } else {
-        entriesArray.splice(index, 1);
-      }
-
-      select.siblings('ul.dropdown-content').find('li:not(.optgroup)').eq(entryIndex).toggleClass('active');
-
-      // use notAdded instead of true (to detect if the option is selected or not)
-      select.find('option').eq(entryIndex).prop('selected', notAdded);
-      setValueToInput(entriesArray, select);
-
-      return notAdded;
-    }
-
-    function setValueToInput(entriesArray, select) {
-      var value = '';
-
-      for (var i = 0, count = entriesArray.length; i < count; i++) {
-        var text = select.find('option').eq(entriesArray[i]).text();
-
-        i === 0 ? value += text : value += ', ' + text;
-      }
-
-      if (value === '') {
-        value = select.find('option:disabled').eq(0).text();
-      }
-
-      select.siblings('input.select-dropdown').val(value);
-    }
-  };
-})(jQuery);