chore: release 2.0.3-alpha

dist/js/materialize.js

@@ -1,5 +1,5 @@
 /*!
- * Materialize v2.0.2-alpha (https://materializecss.github.io/materialize)
+ * Materialize v2.0.3-alpha (https://materializecss.github.io/materialize)
  * Copyright 2014-2023 Materialize
  * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
  */
@@ -3616,7 +3616,7 @@ class Datepicker extends component_1.Component {
      */
     setInputValue() {
         this.el.value = this.toString();
-        this.el.dispatchEvent(new CustomEvent('change', { detail: { firedBy: this } }));
+        this.el.dispatchEvent(new CustomEvent('change', { bubbles: true, cancelable: true, composed: true, detail: { firedBy: this } }));
     }
     _renderDateDisplay() {
         let displayDate = Datepicker._isDate(this.date) ? this.date : new Date();
@@ -4510,9 +4510,6 @@ class Dropdown extends component_1.Component {
 }
 exports.Dropdown = Dropdown;
 Dropdown._dropdowns = [];
-(() => {
-    Dropdown._dropdowns = [];
-})();
 
 
 /***/ }),
@@ -4619,29 +4616,35 @@ class Forms {
                 }
             });
             document.querySelectorAll('.materialize-textarea').forEach((textArea) => {
-                // Save Data in Element
-                textArea.setAttribute('original-height', textArea.getBoundingClientRect().height.toString());
-                textArea.setAttribute('previous-length', textArea.value.length.toString());
                 Forms.textareaAutoResize(textArea);
-                textArea.addEventListener('keyup', e => Forms.textareaAutoResize(textArea));
-                textArea.addEventListener('keydown', e => Forms.textareaAutoResize(textArea));
             });
             // File Input Path
             document.querySelectorAll('.file-field input[type="file"]').forEach((fileInput) => {
-                fileInput.addEventListener('change', e => {
-                    const fileField = fileInput.closest('.file-field');
-                    const pathInput = fileField.querySelector('input.file-path');
-                    const files = fileInput.files;
-                    const filenames = [];
-                    for (let i = 0; i < files.length; i++) {
-                        filenames.push(files[i].name);
-                    }
-                    pathInput.value = filenames.join(', ');
-                    pathInput.dispatchEvent(new Event('change'));
-                });
+                Forms.InitFileInputPath(fileInput);
             });
         });
     }
+    static InitTextarea(textarea) {
+        // Save Data in Element
+        textarea.setAttribute('original-height', textarea.getBoundingClientRect().height.toString());
+        textarea.setAttribute('previous-length', textarea.value.length.toString());
+        Forms.textareaAutoResize(textarea);
+        textarea.addEventListener('keyup', e => Forms.textareaAutoResize(textarea));
+        textarea.addEventListener('keydown', e => Forms.textareaAutoResize(textarea));
+    }
+    static InitFileInputPath(fileInput) {
+        fileInput.addEventListener('change', e => {
+            const fileField = fileInput.closest('.file-field');
+            const pathInput = fileField.querySelector('input.file-path');
+            const files = fileInput.files;
+            const filenames = [];
+            for (let i = 0; i < files.length; i++) {
+                filenames.push(files[i].name);
+            }
+            pathInput.value = filenames.join(', ');
+            pathInput.dispatchEvent(new Event('change', { bubbles: true, cancelable: true, composed: true }));
+        });
+    }
 }
 exports.Forms = Forms;
 
@@ -5947,7 +5950,7 @@ class FormSelect extends component_1.Component {
             const actualSelectedValues = this.getSelectedValues();
             const selectionHasChanged = !this._arraysEqual(previousSelectedValues, actualSelectedValues);
             if (selectionHasChanged)
-                this.el.dispatchEvent(new Event('change')); // trigger('change');
+                this.el.dispatchEvent(new Event('change', { bubbles: true, cancelable: true, composed: true })); // trigger('change');
         }
         if (!this.isMultiple)
             this.dropdown.close();
@@ -7786,7 +7789,7 @@ class Timepicker extends component_1.Component {
             this.el.value = value;
             // Trigger change event
             if (value !== last) {
-                this.el.dispatchEvent(new Event('change'));
+                this.el.dispatchEvent(new Event('change', { bubbles: true, cancelable: true, composed: true }));
             }
             this.close();
             this.el.focus();
@@ -9099,7 +9102,7 @@ class M {
     }
 }
 exports.M = M;
-M.version = '2.0.2-alpha';
+M.version = '2.0.3-alpha';
 M.Autocomplete = autocomplete_1.Autocomplete;
 M.Tabs = tabs_1.Tabs;
 M.Carousel = carousel_1.Carousel;
@@ -9137,7 +9140,6 @@ M.Utils = utils_1.Utils;
     waves_1.Waves.Init();
     range_1.Range.Init();
 })();
-exports["default"] = M;
 
 })();
 

package.json

@@ -3,7 +3,7 @@
   "description": "Builds Materialize distribution packages",
   "author": "Alvin Wang, Alan Chang",
   "homepage": "https://materializecss.github.io/materialize/",
-  "version": "2.0.2-alpha",
+  "version": "2.0.3-alpha",
   "main": "dist/js/materialize.js",
   "module": "src/index.ts",
   "style": "dist/css/materialize.css",

pug/contents/getting_started_content.html

@@ -23,12 +23,12 @@ <h3 class="header">Download</h3>
           <div class="col s12 m6">
             <h5>Materialize</h5>
             <p>This is the standard version that comes with both the minified and unminified CSS and JavaScript files. This option requires little to no setup. Use this if you are unfamiliar with Sass.</p>
-            <a id="download-source" class="btn waves-effect waves-light" href="https://github.com/materializecss/materialize/releases/download/2.0.2-alpha/materialize-v2.0.2-alpha.zip">Materialize<i class="material-icons right">file_download</i></a>
+            <a id="download-source" class="btn waves-effect waves-light" href="https://github.com/materializecss/materialize/releases/download/2.0.3-alpha/materialize-v2.0.3-alpha.zip">Materialize<i class="material-icons right">file_download</i></a>
           </div>
           <div class="col s12 m6">
             <h5>Sass</h5>
             <p>This version contains the source SCSS files. By choosing this version you have more control over which components to include. You will need a Sass compiler if you choose this option.</p>
-            <a id="download-sass" class="btn waves-effect waves-light" href="https://github.com/materializecss/materialize/releases/download/2.0.2-alpha/materialize-src-v2.0.2-alpha.zip">Source<i class="material-icons right">file_download</i></a>
+            <a id="download-sass" class="btn waves-effect waves-light" href="https://github.com/materializecss/materialize/releases/download/2.0.3-alpha/materialize-src-v2.0.3-alpha.zip">Source<i class="material-icons right">file_download</i></a>
           </div>
         </div>
 
@@ -51,10 +51,10 @@ <h5>CDN</h5>
               <i class="material-icons copyButton">content_copy</i>
               <code class="language-markup copiedText">
     &lt;!-- Compiled and minified CSS -->
-    &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/[email protected].2-alpha/dist/css/materialize.min.css">
+    &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/[email protected].3-alpha/dist/css/materialize.min.css">
 
     &lt;!-- Compiled and minified JavaScript -->
-    &lt;script src="https://cdn.jsdelivr.net/npm/@materializecss/[email protected].2-alpha/dist/js/materialize.min.js">&lt;/script>
+    &lt;script src="https://cdn.jsdelivr.net/npm/@materializecss/[email protected].3-alpha/dist/js/materialize.min.js">&lt;/script>
             </code></pre>
           </div>
           <div class="col s12">

pug/contents/index_content.html

@@ -7,7 +7,7 @@
             <div class="s12 m10 offset-m1">              
               <img id="logo" src="images/materialize.svg" style="height: 100px;" alt="Materialize"/>
               <h1 class="header white-text" style="margin-bottom: 0;">Materialize</h1>
-              <a class="current-version-number white-text" target="_blank" href="https://github.com/materializecss/materialize">2.0.2-alpha</a>
+              <a class="current-version-number white-text" target="_blank" href="https://github.com/materializecss/materialize">2.0.3-alpha</a>
             </div>
 
             <div class="s12 m8 offset-m2">

pug/includes/_navbar.pug

@@ -180,10 +180,10 @@ header
         | Mobile
 
     li.version
-      a.dropdown-trigger(href='#' data-target='version-dropdown') 2.0.2-alpha
+      a.dropdown-trigger(href='#' data-target='version-dropdown') 2.0.3-alpha
         <svg class="caret" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
       ul#version-dropdown.dropdown-content
         li
-          a 2.0.2-alpha
+          a 2.0.3-alpha
         li
           a(href='https://materializecss.com/' target='_blank' rel='noopener noreferrer') 1.0.0 (not maintained)

src/global.ts

@@ -26,7 +26,7 @@ import { Range } from './range';
 import { Utils } from './utils';
 
 export class M {
-  static version = '2.0.2-alpha';
+  static version = '2.0.3-alpha';
 
   static Autocomplete: typeof Autocomplete = Autocomplete;
   static Tabs: typeof Tabs = Tabs;