mdbootstrap - npm Package Compare versions

Comparing version 4.5.9 to 4.5.10

js/modules/forms-free.js

@@ -1,17 +0,15 @@
-'use strict';
+var _this = this;
 
-(function ($) {
+($ => {
 
-  var inputSelector = ['text', 'password', 'email', 'url', 'tel', 'number', 'search', 'search-md'].map(function (selector) {
-    return 'input[type=' + selector + ']';
-  }).join(', ') + ', textarea';
+  const inputSelector = `${['text', 'password', 'email', 'url', 'tel', 'number', 'search', 'search-md'].map(selector => `input[type=${selector}]`).join(', ')}, textarea`;
 
-  var textAreaSelector = '.materialize-textarea';
+  const textAreaSelector = '.materialize-textarea';
 
-  var updateTextFields = function updateTextFields($input) {
+  const updateTextFields = $input => {
 
-    var $labelAndIcon = $input.siblings('label, i');
-    var hasValue = $input.val().length;
-    var hasPlaceholder = $input.attr('placeholder');
-    var addOrRemove = (hasValue || hasPlaceholder ? 'add' : 'remove') + 'Class';
+    const $labelAndIcon = $input.siblings('label, i');
+    const hasValue = $input.val().length;
+    const hasPlaceholder = $input.attr('placeholder');
+    const addOrRemove = `${hasValue || hasPlaceholder ? 'add' : 'remove'}Class`;
 
@@ -21,9 +19,9 @@ $labelAndIcon[addOrRemove]('active');
 
-  var validateField = function validateField($input) {
+  const validateField = $input => {
 
     if ($input.hasClass('validate')) {
 
-      var value = $input.val();
-      var noValue = !value.length;
-      var isValid = !$input[0].validity.badInput;
+      const value = $input.val();
+      const noValue = !value.length;
+      const isValid = !$input[0].validity.badInput;
 
@@ -35,4 +33,4 @@ if (noValue && isValid) {
 
-        var valid = $input.is(':valid');
-        var length = Number($input.attr('length')) || 0;
+        const valid = $input.is(':valid');
+        const length = Number($input.attr('length')) || 0;
 
@@ -50,10 +48,10 @@ if (valid && (!length || length > value.length)) {
 
-  var textAreaAutoResize = function textAreaAutoResize() {
+  const textAreaAutoResize = () => {
 
-    var $textarea = $(undefined);
+    const $textarea = $(_this);
     if ($textarea.val().length) {
 
-      var $hiddenDiv = $('.hiddendiv');
-      var fontFamily = $textarea.css('font-family');
-      var fontSize = $textarea.css('font-size');
+      const $hiddenDiv = $('.hiddendiv');
+      const fontFamily = $textarea.css('font-family');
+      const fontSize = $textarea.css('font-size');
 
@@ -75,4 +73,4 @@ if (fontSize) {
 
-      $hiddenDiv.text($textarea.val() + '\n');
-      var content = $hiddenDiv.html().replace(/\n/g, '<br>');
+      $hiddenDiv.text(`${$textarea.val()}\n`);
+      const content = $hiddenDiv.html().replace(/\n/g, '<br>');
       $hiddenDiv.html(content);
@@ -87,8 +85,8 @@
 
-  $(inputSelector).each(function (index, input) {
+  $(inputSelector).each((index, input) => {
 
-    var $this = $(input);
-    var $labelAndIcon = $this.siblings('label, i');
+    const $this = $(input);
+    const $labelAndIcon = $this.siblings('label, i');
     updateTextFields($this);
-    var isValid = input.validity.badInput;
+    const isValid = input.validity.badInput;
     if (isValid) {
@@ -100,3 +98,3 @@
 
-  $(document).on('focus', inputSelector, function (e) {
+  $(document).on('focus', inputSelector, e => {
 
@@ -106,8 +104,8 @@ $(e.target).siblings('label, i').addClass('active');
 
-  $(document).on('blur', inputSelector, function (e) {
+  $(document).on('blur', inputSelector, e => {
 
-    var $this = $(e.target);
-    var noValue = !$this.val();
-    var invalid = !e.target.validity.badInput;
-    var noPlaceholder = $this.attr('placeholder') === undefined;
+    const $this = $(e.target);
+    const noValue = !$this.val();
+    const invalid = !e.target.validity.badInput;
+    const noPlaceholder = $this.attr('placeholder') === undefined;
 
@@ -122,5 +120,5 @@ if (noValue && invalid && noPlaceholder) {
 
-  $(document).on('change', inputSelector, function (e) {
+  $(document).on('change', inputSelector, e => {
 
-    var $this = $(e.target);
+    const $this = $(e.target);
     updateTextFields($this);
@@ -132,13 +130,13 @@ validateField($this);
 
-  $(document).on('reset', function (e) {
+  $(document).on('reset', e => {
 
-    var $formReset = $(e.target);
+    const $formReset = $(e.target);
     if ($formReset.is('form')) {
 
-      var $formInputs = $formReset.find(inputSelector);
-      $formInputs.removeClass('valid').removeClass('invalid').each(function (index, input) {
+      const $formInputs = $formReset.find(inputSelector);
+      $formInputs.removeClass('valid').removeClass('invalid').each((index, input) => {
 
-        var $this = $(input);
-        var noDefaultValue = !$this.val();
-        var noPlaceholder = !$this.attr('placeholder');
+        const $this = $(input);
+        const noDefaultValue = !$this.val();
+        const noPlaceholder = !$this.attr('placeholder');
         if (noDefaultValue && noPlaceholder) {
@@ -149,7 +147,7 @@ $this.siblings('label, i').removeClass('active');
 
-      $formReset.find('select.initialized').each(function (index, select) {
+      $formReset.find('select.initialized').each((index, select) => {
 
-        var $select = $(select);
-        var $visibleInput = $select.siblings('input.select-dropdown');
-        var defaultValue = $select.children('[selected]').val();
+        const $select = $(select);
+        const $visibleInput = $select.siblings('input.select-dropdown');
+        const defaultValue = $select.children('[selected]').val();
 
@@ -164,15 +162,15 @@ $select.val(defaultValue);
 
-    var $text = $('.md-textarea-auto');
+    const $text = $('.md-textarea-auto');
     if ($text.length) {
 
-      var observe = void 0;
+      let observe;
       if (window.attachEvent) {
 
-        observe = function observe(element, event, handler) {
+        observe = function (element, event, handler) {
 
-          element.attachEvent('on' + event, handler);
+          element.attachEvent(`on${event}`, handler);
         };
       } else {
 
-        observe = function observe(element, event, handler) {
+        observe = function (element, event, handler) {
 
@@ -185,3 +183,3 @@ element.addEventListener(event, handler, false);
 
-        var self = this;
+        const self = this;
 
@@ -191,3 +189,3 @@ function resize() {
           self.style.height = 'auto';
-          self.style.height = self.scrollHeight + 'px';
+          self.style.height = `${self.scrollHeight}px`;
         }
@@ -212,6 +210,6 @@
 
-  var $body = $('body');
+  const $body = $('body');
   if (!$('.hiddendiv').first().length) {
 
-    var $hiddenDiv = $('<div class="hiddendiv common"></div>');
+    const $hiddenDiv = $('<div class="hiddendiv common"></div>');
     $body.append($hiddenDiv);
@@ -218,0 +216,0 @@ }

js/modules/scrolling-navbar.js

@@ -1,10 +0,8 @@
-'use strict';
+($ => {
 
-(function ($) {
+  const SCROLLING_NAVBAR_OFFSET_TOP = 50;
 
-  var SCROLLING_NAVBAR_OFFSET_TOP = 50;
+  $(window).on('scroll', () => {
 
-  $(window).on('scroll', function () {
-
-    var $navbar = $('.navbar');
+    const $navbar = $('.navbar');
     if ($navbar.length) {
@@ -11,0 +9,0 @@

package.json

 {
   "name": "mdbootstrap",
-  "version": "4.5.9",
+  "version": "4.5.10",
   "description": "Material Design for Bootstrap (MDB) is a powerful Material Design UI KIT for most popular HTML, CSS, and JS framework - Bootstrap.",
@@ -5,0 +5,0 @@ "main": "js/mdb.min.js",

README.txt

 Material Design for Bootstrap
 
-Version: MDB Free 4.5.9
+version: MDB Free 4.5.10
 
@@ -11,14 +11,5 @@ Documentation:
 
-FAQ
-https://mdbootstrap.com/faq/
-
-Support:
-https://mdbootstrap.com/forums/forum/support/
-
 Tutorials:
 MDB-Bootstrap: https://mdbootstrap.com/bootstrap-tutorial/
 MDB-Wordpress: https://mdbootstrap.com/wordpress-tutorial/
- 
-ChangeLog
-https://mdbootstrap.com/changelog/
 
@@ -28,15 +19,9 @@ Templates:
 
-Freebies
-https://mdbootstrap.com/freebies/
-
 License:
 https://mdbootstrap.com/license/
 
-Facebook: https://facebook.com/mdbootstrap
-Twitter: https://twitter.com/MDBootstrap
-Google+: https://plus.google.com/u/0/+Mdbootstrap/posts
-Dribbble: https://dribbble.com/mdbootstrap
+Support:
+https://mdbootstrap.com/forums/forum/support/
 
-
 Contact:
 [e-mail]

No alert changes

Improved metrics

Number of package files

102

increased by0.99%

Lines of code

59244

increased by0.44%

Worsened metrics

Total package byte prevSize

4447856

decreased by-0.22%

No dependency changes