@materializecss/materialize 2.0.2-alpha → 2.0.3-beta

package/dist/js/materialize.js

@@ -1,5 +1,5 @@
 /*!
- * Materialize v2.0.2-alpha (https://materializecss.github.io/materialize)
+ * Materialize v2.0.3-beta (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();
@@ -3894,8 +3894,8 @@ class Datepicker extends component_1.Component {
             dropdownOptions: { container: document.body, constrainWidth: false }
         });
         // Add change handlers for select
-        yearSelect.addEventListener('change', () => this._handleYearChange);
-        monthSelect.addEventListener('change', () => this._handleMonthChange);
+        yearSelect.addEventListener('change', this._handleYearChange);
+        monthSelect.addEventListener('change', this._handleMonthChange);
         if (typeof this.options.onDraw === 'function') {
             this.options.onDraw.call(this);
         }
@@ -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();
@@ -8480,7 +8483,7 @@ class Tooltip extends component_1.Component {
             this.close();
         };
         this.el.M_Tooltip = this;
-        this.options = Object.assign(Object.assign({}, Tooltip.defaults), options);
+        this.options = Object.assign(Object.assign(Object.assign({}, Tooltip.defaults), this._getAttributeOptions()), options);
         this.isOpen = false;
         this.isHovered = false;
         this.isFocused = false;
@@ -8509,13 +8512,19 @@ class Tooltip extends component_1.Component {
     _appendTooltipEl() {
         this.tooltipEl = document.createElement('div');
         this.tooltipEl.classList.add('material-tooltip');
-        const tooltipContentEl = document.createElement('div');
+        const tooltipContentEl = this.options.tooltipId
+            ? document.getElementById(this.options.tooltipId)
+            : document.createElement('div');
+        this.tooltipEl.append(tooltipContentEl);
+        tooltipContentEl.style.display = "";
         tooltipContentEl.classList.add('tooltip-content');
         this._setTooltipContent(tooltipContentEl);
         this.tooltipEl.appendChild(tooltipContentEl);
         document.body.appendChild(this.tooltipEl);
     }
     _setTooltipContent(tooltipContentEl) {
+        if (this.options.tooltipId)
+            return;
         tooltipContentEl.innerText = this.options.text;
     }
     _updateTooltipContent() {
@@ -8634,8 +8643,9 @@ class Tooltip extends component_1.Component {
         });
     }
     _getAttributeOptions() {
-        const attributeOptions = {};
+        let attributeOptions = {};
         const tooltipTextOption = this.el.getAttribute('data-tooltip');
+        const tooltipId = this.el.getAttribute('data-tooltip-id');
         const positionOption = this.el.getAttribute('data-position');
         if (tooltipTextOption) {
             attributeOptions.text = tooltipTextOption;
@@ -8643,6 +8653,9 @@ class Tooltip extends component_1.Component {
         if (positionOption) {
             attributeOptions.position = positionOption;
         }
+        if (tooltipId) {
+            attributeOptions.tooltipId = tooltipId;
+        }
         return attributeOptions;
     }
 }
@@ -9099,7 +9112,7 @@ class M {
     }
 }
 exports.M = M;
-M.version = '2.0.2-alpha';
+M.version = '2.0.3-beta';
 M.Autocomplete = autocomplete_1.Autocomplete;
 M.Tabs = tabs_1.Tabs;
 M.Carousel = carousel_1.Carousel;
@@ -9137,7 +9150,6 @@ M.Utils = utils_1.Utils;
     waves_1.Waves.Init();
     range_1.Range.Init();
 })();
-exports["default"] = M;
 
 })();