Fix some typos (found by codespell)

.github/ISSUE_TEMPLATE.md

@@ -1,4 +1,4 @@
-<!-- Before opening an issue here make sure, that you have read the template completly through -->
+<!-- Before opening an issue here make sure, that you have read the template completely through -->
 
 When asking general "how to" questions:
 

CHANGELOG.md

@@ -16,7 +16,7 @@ Bolded styling surrounded by emojis indicates a breaking change.
   - Now correctly removes all event listeners on destroy
 
 - Materialbox
-  - Destroy now removed wrapper element added during intialization
+  - Destroy now removed wrapper element added during initialization
 
 - Pushpin
   - Fixed bug on IE11 where class was not removed properly
@@ -176,7 +176,7 @@ Bolded styling surrounded by emojis indicates a breaking change.
 
 - Datepicker
   - Fixed date format option
-  - Scrollbar no longer unecessarily appears when using datepicker
+  - Scrollbar no longer unnecessarily appears when using datepicker
   - Fixed bug where using month and year selectors didn't change date
 
 - Dropdown

extras/noUiSlider/nouislider.js

@@ -65,7 +65,7 @@ typeof b&&isFinite(b)?b:!1}function x(b){var f,c,d,e={};for(f=0;f<h.length;f+=1)
 
         // getBoundingClientRect contains left scroll in Chrome on Android.
         // I haven't found a feature detection that proves this. Worst case
-        // scenario on mis-match: the 'tap' feature on horizontal sliders breaks.
+        // scenario on mismatch: the 'tap' feature on horizontal sliders breaks.
         if ( /webkit.*Chrome.*Mobile/i.test(navigator.userAgent) ) {
             pageOffset.x = 0;
         }
@@ -1126,7 +1126,7 @@ typeof b&&isFinite(b)?b:!1}function x(b){var f,c,d,e={};for(f=0;f<h.length;f+=1)
                     steps = pctDifference / density;
                     realSteps = Math.round(steps);
 
-                    // This ratio represents the ammount of percentage-space a point indicates.
+                    // This ratio represents the amount of percentage-space a point indicates.
                     // For a density 1 the points/percentage = 1. For density 2, that percentage needs to be re-devided.
                     // Round the percentage offset to an even number, then divide by two
                     // to spread the offset on both sides of the range.
@@ -1793,7 +1793,7 @@ typeof b&&isFinite(b)?b:!1}function x(b){var f,c,d,e={};for(f=0;f<h.length;f+=1)
 
             // Set the handle to the new position.
             // Use requestAnimationFrame for efficient painting.
-            // No significant effect in Chrome, Edge sees dramatic performace improvements.
+            // No significant effect in Chrome, Edge sees dramatic performance improvements.
             // Option to disable is useful for unit tests, and single-step debugging.
             if ( window.requestAnimationFrame && options.useRequestAnimationFrame ) {
                 window.requestAnimationFrame(stateUpdate);
@@ -1860,7 +1860,7 @@ typeof b&&isFinite(b)?b:!1}function x(b){var f,c,d,e={};for(f=0;f<h.length;f+=1)
                 return;
             }
 
-            // If a formatted number was passed, attemt to decode it.
+            // If a formatted number was passed, attempt to decode it.
             if ( typeof to === 'number' ) {
                 to = String(to);
             }

jade/page-contents/collapsible_content.html

@@ -61,7 +61,7 @@
         </code></pre>
       </div>
 
-      <div id="intialization" class="section scrollspy">
+      <div id="initialization" class="section scrollspy">
         <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
@@ -423,7 +423,7 @@ <h5 class="light">Popout</h5>
               <a href="#introduction">Introduction</a>
             </li>
             <li>
-              <a href="#intialization">Initialization</a>
+              <a href="#initialization">Initialization</a>
             </li>
             <li>
               <a href="#options">Options</a>

jade/page-contents/floating-action-button-content.html

@@ -314,7 +314,7 @@ <h3 class="header">FAB to Toolbar</h3>
               <a href="#introduction">Introduction</a>
             </li>
             <li>
-              <a href="#initialization">Intialization</a>
+              <a href="#initialization">Initialization</a>
             </li>
             <li>
               <a href="#options">Options</a>

jade/page-contents/modals_content.html

@@ -145,7 +145,7 @@ <h3 class="header">Initialization</h3>
       <div id="options" class="scrollspy section">
         <h3 class="header">Options</h3>
         <p>You can customize the behavior of each modal using these options. For example, you can call a custom function to
-          run when a modal is dismissed. To do this, just place your function in the intialization code as shown below.</p>
+          run when a modal is dismissed. To do this, just place your function in the initialization code as shown below.</p>
         <table class="striped">
           <thead>
             <tr>
@@ -370,7 +370,7 @@ <h3 class="header">Bottom Sheet Modals</h3>
               <a href="#button-trigger">Button Trigger</a>
             </li>
             <li>
-              <a href="#initialization">Intialization</a>
+              <a href="#initialization">Initialization</a>
             </li>
             <li>
               <a href="#options">Options</a>

jade/page-contents/parallax_content.html

@@ -143,7 +143,7 @@ <h3 class="header">Parallax Customization</h3>
               <a href="#introduction">Introduction</a>
             </li>
             <li>
-              <a href="#initialization">Intialization</a>
+              <a href="#initialization">Initialization</a>
             </li>
             <li>
               <a href="#options">Options</a>

jade/page-contents/scrollspy_content.html

@@ -30,7 +30,7 @@
       <ul class="section table-of-contents">
         <li><a href="#introduction">Introduction</a></li>
         <li><a href="#structure">Structure</a></li>
-        <li><a href="#initialization">Intialization</a></li>
+        <li><a href="#initialization">Initialization</a></li>
       </ul>
     </div>
   </div>
@@ -174,7 +174,7 @@ <h3 class="header">Properties</h3>
               <a href="#introduction">Introduction</a>
             </li>
             <li>
-              <a href="#initialization">Intialization</a>
+              <a href="#initialization">Initialization</a>
             </li>
             <li>
               <a href="#options">Options</a>

jade/page-contents/sidenav_content.html

@@ -368,7 +368,7 @@ <h4>Fixed HTML Structure</h4>
               <a href="#structure">Structure</a>
             </li>
             <li>
-              <a href="#initialization">Intialization</a>
+              <a href="#initialization">Initialization</a>
             </li>
             <li>
               <a href="#options">Options</a>

jade/page-contents/tabs_content.html

@@ -188,7 +188,7 @@ <h3 class="header">Properties</h3>
             <tr>
               <td>options</td>
               <td>Object</td>
-              <td>The options the instance was initalized with.</td>
+              <td>The options the instance was initialized with.</td>
             </tr>
             <tr>
               <td>index</td>
@@ -293,7 +293,7 @@ <h3 class="header">Fixed Width Tabs</h3>
           <ul class="section table-of-contents">
             <li><a href="#introduction">Introduction</a></li>
             <li><a href="#structure">Structure</a></li>
-            <li><a href="#initialization">Intialization</a></li>
+            <li><a href="#initialization">Initialization</a></li>
             <li><a href="#method">Methods</a></li>
             <li><a href="#options">Options</a></li>
             <li><a href="#properties">Properties</a></li>

jade/page-contents/toasts_content.html

@@ -5,7 +5,7 @@
       <div id="introduction" class="section scrollspy">
         <p>Materialize provides an easy way for you to send unobtrusive alerts to your users through toasts. These toasts are also placed and sized responsively, try it out by clicking the button below on different device sizes.</p>
         <a class="waves-effect waves-light btn" onclick="M.toast({html: 'I am a toast'})">Toast!</a>
-        <p>To do this, call the M.toast() function programatically in JavaScript.</p>
+        <p>To do this, call the M.toast() function programmatically in JavaScript.</p>
         <pre><code class="language-javascript">
   M.toast({html: 'I am a toast!'})
         </code></pre>
@@ -150,7 +150,7 @@ <h3 class="header">Styling Toasts</h3>
 
 
       <div id="dismissal" class="scrollspy section">
-        <h3 class="header">Dismiss a Toast Programatically</h3>
+        <h3 class="header">Dismiss a Toast Programmatically</h3>
         <p>To remove a specific toast using JavaScript, access the <code class="language-javascript">M_Toast</code> toast HTML element and call the dismiss function</p>
 
         <pre><code class="language-javascript">

jade/page-contents/waves_content.html

@@ -29,7 +29,7 @@ <h4>Customization</h4>
       <div class="row">
          <div class="col s12 l6">
           <h5 class="light">Available Colors</h5>
-          <p>To use these, just add the corresponding class to your button. Play around with changing the background color of butons and the waves effect to create something cool!</p>
+          <p>To use these, just add the corresponding class to your button. Play around with changing the background color of buttons and the waves effect to create something cool!</p>
           <pre><code class="language-markup">
   &lt;a href="#!" class="btn waves-effect waves-teal">Send&lt;/a>
           </code></pre>

js/dropdown.js

@@ -527,7 +527,7 @@
      * Place dropdown
      */
     _placeDropdown() {
-      // Countainer here will be closest ancestor with overflow: hidden
+      // Container here will be closest ancestor with overflow: hidden
       let closestOverflowParent = M.getClosestAncestor(this.dropdownEl, (ancestor) => {
         return $(ancestor).css('overflow') !== 'visible';
       });

js/select.js

@@ -272,7 +272,7 @@
           }
         };
 
-        // Prevent dropdown from closeing too early
+        // Prevent dropdown from closing too early
         dropdownOptions.closeOnClick = false;
 
         this.dropdown = M.Dropdown.init(this.input, dropdownOptions);

js/sidenav.js

@@ -181,7 +181,7 @@
     }
 
     /**
-     * Set variables needed at the beggining of drag
+     * Set variables needed at the beginning of drag
      * and stop any current transition.
      * @param {Event} e
      */

js/waves.js

@@ -70,7 +70,7 @@
             ripple.className = 'waves-ripple';
             el.appendChild(ripple);
 
-            // Get click coordinate and element witdh
+            // Get click coordinate and element width
             var pos         = offset(el);
             var relativeY   = (e.pageY - pos.top);
             var relativeX   = (e.pageX - pos.left);
@@ -138,7 +138,7 @@
             var relativeY   = ripple.getAttribute('data-y');
             var scale       = ripple.getAttribute('data-scale');
 
-            // Get delay beetween mousedown and mouse leave
+            // Get delay between mousedown and mouse leave
             var diff = Date.now() - Number(ripple.getAttribute('data-hold'));
             var delay = 350 - diff;
 

sass/components/_grid.scss

@@ -34,7 +34,7 @@
 }
 
 
-// Mixins to eliminate code repitition
+// Mixins to eliminate code repetition
 @mixin reset-offset {
   margin-left: auto;
   left: auto;

sass/components/_sidenav.scss

@@ -62,7 +62,7 @@
     }
   }
 
-  // Stlye btn anchors
+  // Style btn anchors
   li > .btn, li > .btn-large, li > .btn-flat, li > .btn-floating {
     margin: 10px ($sidenav-padding * 2);
   }

v1-changelog.md

@@ -1,6 +1,6 @@
 ## Auto Init
-- Componenets are no longer initialized automatically on document load by Materialize
-- Added function `M.AutoInit()` that initializes all componenets
+- Components are no longer initialized automatically on document load by Materialize
+- Added function `M.AutoInit()` that initializes all components
 
 ## Autocomplete
 - Added sort function to order completion results