vgapp 0.1.6 → 0.1.7

package/app/modules/vgselect/js/vgselect.js

@@ -1,5 +1,13 @@
 import BaseModule from "../../base-module";
-import {isDisabled, isEmptyObj, mergeDeepObject, noop, normalizeData, transliterate} from "../../../utils/js/functions";
+import {
+	execute,
+	isDisabled,
+	isEmptyObj,
+	mergeDeepObject,
+	noop,
+	normalizeData,
+	transliterate
+} from "../../../utils/js/functions";
 import {Manipulator} from "../../../utils/js/dom/manipulator";
 import EventHandler from "../../../utils/js/dom/event";
 import Selectors from "../../../utils/js/dom/selectors";
@@ -57,6 +65,7 @@ class VGSelect extends BaseModule {
 		}, params));
 
 		this._drop = Selectors.find('.' + CLASS_NAME_DROPDOWN, this._element);
+		this.refresh();
 	}
 
 	static get NAME() {
@@ -135,11 +144,17 @@ class VGSelect extends BaseModule {
 		}
 	}
 
-	static build(selector) {
+	static build(selector, reBuild) {
 		let option_selected,
 			placeholder = selector.dataset.placeholder || '',
 			isSearch = selector.dataset.search || false;
 
+		if (selector.dataset?.inited === 'true' && !reBuild) {
+			return;
+		} else if (reBuild) {
+			VGSelect.destroy(selector);
+		}
+
 		selector.parentElement.style.position = 'relative';
 
 		if (placeholder && selector.selectedIndex === 0) {
@@ -210,6 +225,8 @@ class VGSelect extends BaseModule {
 		if (list) list.remove();
 
 		VGSelect.buildListOptions(selector, this._drop);
+
+		execute(callback, [this, selector]);
 	}
 
 	toggle(relatedTarget) {
@@ -296,30 +313,13 @@ class VGSelect extends BaseModule {
 		return this._element.classList.contains(CLASS_NAME_SHOW);
 	}
 
-	destroy(select) {
-		let element = select.nextElementSibling;
-
-		if (element) {
-			if (element.classList.contains(CLASS_NAME_CONTAINER)) {
-				element.remove();
-
-				select.selectedIndex = 0;
-				[...select.querySelectorAll('option')].forEach(function (el, index) {
-					if (el.hasAttribute('selected')) {
-						select.selectedIndex = index;
-					}
-				});
-			}
-		}
-	}
-
-	refresh(select) {
-		const _this = this;
+	refresh() {
+		const select = this._element.previousSibling;
 
 		let observer = new MutationObserver(() => {
 			clearTimeout(observerTimout);
 			observerTimout = setTimeout(() => {
-				_this.build(true, select);
+				VGSelect.build(select, true);
 			}, 100);
 		});
 
@@ -339,6 +339,23 @@ class VGSelect extends BaseModule {
 		super.dispose();
 	}
 
+	static destroy(select) {
+		let element = select.nextElementSibling;
+
+		if (element) {
+			if (element.classList.contains(CLASS_NAME_CONTAINER)) {
+				element.remove();
+
+				select.selectedIndex = 0;
+				[...select.querySelectorAll('option')].forEach(function (el, index) {
+					if (el.hasAttribute('selected')) {
+						select.selectedIndex = index;
+					}
+				});
+			}
+		}
+	}
+
 	static hideOpenToggles(event) {
 		const openToggles = Selectors.findAll('.vg-select:not(.disabled):not(:disabled).show');
 
@@ -421,7 +438,8 @@ EventHandler.on(document, EVENT_KEY_CLICK_DATA_API, SELECTOR_OPTION_TOGGLE, func
 
 		let select = container.previousSibling;
 		select.value = el.dataset.value;
-		EventHandler.trigger(select, EVENT_KEY_CHANGE, {value: el.dataset.value});
+		EventHandler.trigger(select, EVENT_KEY_CHANGE, {value: normalizeData(el.dataset.value)});
+		EventHandler.trigger(select, 'change', {value: normalizeData(el.dataset.value)});
 	}
 });