vgapp 0.5.8 → 0.6.0

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

@@ -309,7 +309,7 @@ class VGSelect extends BaseModule {
 			clearTimeout(observerTimout);
 			observerTimout = setTimeout(() => {
 				VGSelect.build(select, true);
-			}, 100);
+			}, 10);
 		});
 
 		observer.observe(select, {
@@ -379,6 +379,14 @@ class VGSelect extends BaseModule {
 	static changeSelector(select, value, data = {}) {
 		if (!isObject(data) && isEmptyObj(data)) return;
 
+		[... select.options].forEach(el => {
+			Manipulator.remove(el, 'selected');
+
+			if (el.value === value) {
+				Manipulator.set(el, 'selected', true);
+			}
+		})
+
 		select.value = normalizeData(value);
 		EventHandler.trigger(select, EVENT_KEY_CHANGE, {data: data});
 		EventHandler.trigger(select, 'change', {data: data});

package/app/modules/vgsidebar/index.js

@@ -1,4 +1,3 @@
-import './scss/vgsidebar.scss';
 import VGSidebar from "./js/vgsidebar";
 
 export default VGSidebar;

package/app/modules/vgtabs/index.js

@@ -1,4 +1,3 @@
-import './scss/vgtabs.scss'
 import VGTabs from "./js/vgtabs";
 
 export default VGTabs;

package/app/modules/vgtoast/index.js

@@ -1,4 +1,3 @@
-import './scss/vgtoast.scss'
 import VGToast from "./js/vgtoast";
 
 export default VGToast;

package/app/utils/js/components/placement.js

@@ -1,16 +1,60 @@
 import {mergeDeepObject, normalizeData} from "../functions";
+import Selectors from "../dom/selectors";
 
 /**
  * Класс Placement, определяет и устанавливает местоположение элемента на странице.
- * TODO класс не дописан
+ * TODO класс не дописан, не определяет сверху и снизу
  */
 
+const CLASS_NAME_RIGHT = 'right';
+const CLASS_NAME_LEFT  = 'left';
+
 class Placement {
 	constructor(arg = {}) {
 		this.params = mergeDeepObject({
 			element: null,
 			drop: null
 		}, arg);
+
+		this._drop = null;
+		this.drop = this.params.drop;
+
+		this._element = null;
+		this.element = this.params.element;
+	}
+
+	get drop() {
+		return this._drop;
+	}
+
+	set drop(el) {
+		if (!el) return;
+		this._drop = el;
+	}
+
+	get element() {
+		return this._element;
+	}
+
+	set element(el) {
+		if (!el) {
+			if (this.drop) {
+				this._element = this.drop.parentNode;
+			}
+		}
+
+		this._element = el;
+	}
+
+	_setPlacement() {
+		this.drop.classList.remove(CLASS_NAME_RIGHT);
+		this.drop.classList.remove(CLASS_NAME_LEFT);
+
+		if (this._isElementInViewport(this.drop)) {
+			this.drop.classList.add(CLASS_NAME_LEFT);
+		} else {
+			this.drop.classList.add(CLASS_NAME_RIGHT);
+		}
 	}
 
 	_getPlacement() {
@@ -54,6 +98,19 @@ class Placement {
 			left: left
 		}
 	}
+
+	_isElementInViewport(element) {
+		const rect = element.getBoundingClientRect();
+		const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
+		const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+
+		return (
+			rect.top >= 0 &&
+			rect.left >= 0 &&
+			rect.bottom <= viewportHeight &&
+			rect.right <= viewportWidth
+		);
+	}
 }
 
 export default Placement;