vgapp 0.1.1 → 0.1.3

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

@@ -0,0 +1,341 @@
+import BaseModule from "../../base-module";
+import {isEmptyObj, mergeDeepObject, transliterate} from "../../../utils/js/functions";
+import {Manipulator} from "../../../utils/js/dom/manipulator";
+import EventHandler from "../../../utils/js/dom/event";
+
+/**
+ * Constants
+ */
+const NAME = 'select';
+const NAME_KEY = 'vg.select';
+
+const CLASS_NAME_CONTAINER      = 'vg-select';
+const CLASS_NAME_DROPDOWN       = 'vg-select-dropdown';
+const CLASS_NAME_LIST           = 'vg-select-list';
+const CLASS_NAME_OPTION         = 'vg-select-list--option';
+const CLASS_NAME_OPTGROUP       = 'vg-select-list--optgroup';
+const CLASS_NAME_OPTGROUP_TITLE = 'vg-select-list--optgroup-title';
+const CLASS_NAME_CURRENT        = 'vg-select-current';
+const CLASS_NAME_SEARCH         = 'vg-select-search';
+const CLASS_NAME_SELECTED       = 'selected';
+
+const EVENT_KEY_CHANGE          = `${NAME_KEY}.change`;
+
+let observerTimout;
+
+class VGSelect extends BaseModule {
+	constructor(element, params = {}) {
+		super(element, params);
+
+		this._params = this._getParams(element, mergeDeepObject({
+			search: false
+		}, params));
+	}
+
+	static get NAME() {
+		return NAME;
+	}
+
+	static get NAME_KEY() {
+		return NAME_KEY;
+	}
+
+	build(isRebuild, elm = null) {
+		const _this = this;
+		let element = this._element;
+
+		if (elm) element = elm;
+
+		if (element.dataset?.inited === 'true' && !isRebuild) {
+			return;
+		} else if (isRebuild) {
+			_this.destroy(element);
+		}
+
+		element.parentElement.style.position = 'relative';
+
+		let option_selected = element.options[element.selectedIndex].innerText,
+			options = element.options;
+
+		// Создаем основной элемент с классами селекта
+		let classes = Manipulator.get(element,'class'),
+			select = document.createElement('div');
+
+		classes = classes.split(' ');
+
+		for (const _class of classes) {
+			select.classList.add(_class)
+		}
+
+		if (Manipulator.has(element, 'disabled')) select.classList.add('disabled')
+
+		let elData = Manipulator.get(element);
+		if (!isEmptyObj(elData)) {
+			for (const key of Object.keys(elData)) {
+				Manipulator.set(select,'data-' + key, elData[key]);
+			}
+		}
+
+		// Создаем элемент с отображением выбранного варианта
+		let current = document.createElement('div');
+		current.classList.add(CLASS_NAME_CURRENT);
+		current.innerText = option_selected.trim();
+		select.append(current);
+
+		// Создаем элемент выпадающего списка
+		let dropdown = document.createElement('div');
+		dropdown.classList.add(CLASS_NAME_DROPDOWN);
+		select.append(dropdown);
+
+		// Создаем список и варианты селекта
+		let list = document.createElement('ul');
+		list.classList.add(CLASS_NAME_LIST);
+
+		let optGroup = element.querySelectorAll('optgroup');
+
+		if (optGroup.length) {
+			let isSelected = false;
+			[...optGroup].forEach(function (el) {
+				let olOptGroup = document.createElement('ol');
+				olOptGroup.classList.add(CLASS_NAME_OPTGROUP);
+
+				let liLabel = document.createElement('li');
+				liLabel.innerHTML = el.label.trim();
+				liLabel.classList.add(CLASS_NAME_OPTGROUP_TITLE)
+
+				olOptGroup.prepend(liLabel)
+
+				let optGroupOptions = el.querySelectorAll('option');
+
+				createLi(optGroupOptions, olOptGroup, isSelected);
+
+				list.append(olOptGroup);
+				isSelected = true;
+			});
+		} else {
+			let isSelected = false;
+			createLi(options, list, isSelected);
+		}
+
+		function createLi(options, list, isSelected) {
+			let i = 0;
+			for (const option of options) {
+				let li = document.createElement('li');
+
+				li.innerHTML = option.innerHTML.trim().replace(/<\/[^>]+(>|$)/g, "")
+				li.dataset.value = Manipulator.get(option, 'value');
+				li.classList.add(CLASS_NAME_OPTION);
+
+				let liData = Manipulator.get(option);
+				if (!isEmptyObj(liData)) {
+					for (const key of Object.keys(liData)) {
+						Manipulator.set(li, 'data-' + key, liData[key]);
+					}
+				}
+
+				if (i === element.selectedIndex && !isSelected) {
+					li.classList.add('selected');
+				}
+
+				if (Manipulator.has(option, 'disabled')) li.classList.add('disabled');
+				if (Manipulator.has(option, 'hidden')) li.classList.add('hidden');
+
+				list.append(li);
+
+				i++;
+			}
+		}
+
+		dropdown.append(list);
+
+		// Добавляем все созданный контейнер после селекта
+		element.insertAdjacentElement('afterend', select);
+
+		// помечаем элемент инициализированным
+		element.dataset.inited = 'true';
+
+		if (_this._params.search) {
+			this.search(select);
+		}
+
+		this._addEventListeners(select);
+	}
+
+	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;
+
+		let observer = new MutationObserver(() => {
+			clearTimeout(observerTimout);
+			observerTimout = setTimeout(() => {
+				_this.build(true, select);
+			}, 100);
+		});
+
+		observer.observe(select, {
+			attributeFilter: ['disabled', 'required', 'style', 'hidden'],
+			childList: true,
+			subtree: true,
+			characterDataOldValue: true,
+		});
+	}
+
+	search(select) {
+		const _this = this;
+
+		let dropdown = select.querySelector('.' + CLASS_NAME_DROPDOWN);
+
+		let search_container = document.createElement('div');
+		search_container.classList.add(CLASS_NAME_SEARCH);
+
+		let input = document.createElement('input');
+		input.setAttribute('name', 'vg-select-search');
+		input.setAttribute('type', 'text');
+		input.setAttribute('placeholder', 'Поиск...');
+
+		search_container.append(input);
+		dropdown.prepend(search_container);
+
+		search_container.querySelector('[name=vg-select-search]').addEventListener('keyup', (e) => {
+			e.preventDefault();
+
+			let el = e.target;
+
+			let selectList = el?.closest('.' + CLASS_NAME_DROPDOWN).querySelector('.' + CLASS_NAME_LIST);
+			if (selectList) {
+				let options = [...selectList.querySelectorAll('.' + CLASS_NAME_OPTION)],
+					optionsGroup = [...selectList.querySelectorAll('.' + CLASS_NAME_OPTGROUP)],
+					value = el?.value;
+
+				options = options.concat(optionsGroup);
+
+				for (const option of options) {
+					Manipulator.show(option);
+				}
+
+				if (value.length) {
+					value = value.trim();
+					value = value.toLowerCase();
+					value = transliterate(value, true);
+
+					for (const option of options) {
+						let text = option.innerText.toLowerCase();
+
+						if (text.indexOf(value) === -1) Manipulator.hide(option);
+					}
+				}
+			}
+		});
+	}
+
+	dispose() {
+		super.dispose();
+	}
+
+	_addEventListeners(select) {
+		const _this = this;
+
+		select.querySelector('.' + CLASS_NAME_CURRENT).onclick = function (e) {
+			let el = e.target,
+				container = el.closest('.' + CLASS_NAME_CONTAINER);
+
+			let selects = document.querySelectorAll('.' + CLASS_NAME_CONTAINER);
+			if (selects.length) {
+				for (const els of selects) {
+					if (els !== container) {
+						els?.classList.remove('show');
+					}
+				}
+			}
+
+			if (container.classList.contains('show')) {
+				container.classList.remove('show');
+			} else {
+				container.classList.add('show');
+
+				if (_this._params.search) {
+					let input = container.querySelector('input');
+					if (input) input.focus();
+				}
+			}
+
+			return false;
+		}
+
+		select.querySelectorAll('.' + CLASS_NAME_OPTION).forEach((option) => {
+			option.addEventListener('click', (e) => {
+				e.preventDefault();
+
+				let el = e.target;
+
+				if (!el.classList.contains('disabled')) {
+					let container = el.closest('.' + CLASS_NAME_CONTAINER),
+						options = container.querySelectorAll('.' + CLASS_NAME_OPTION);
+
+					if (options.length) {
+						for (const option of options) {
+							option.classList.remove('selected');
+						}
+					}
+
+					el.classList.add('selected');
+
+					container.querySelector('.' + CLASS_NAME_CURRENT).innerText = el.innerText;
+					container.classList.remove('show');
+
+					let select = container.previousSibling;
+					select.value = el.dataset.value;
+					EventHandler.trigger(select, EVENT_KEY_CHANGE)
+				}
+			});
+		});
+
+		window.addEventListener('click', function (e) {
+			if (!e?.target.closest('.' + CLASS_NAME_CONTAINER)) {
+				let selects = document.querySelectorAll('.' + CLASS_NAME_CONTAINER);
+				if (selects.length) {
+					for (const el of selects) {
+						el?.classList.remove('show');
+					}
+				}
+			}
+		});
+
+		[...document.querySelectorAll('form')].forEach(function (form) {
+			form.addEventListener("reset", function () {
+				form.querySelectorAll('select.vg-select').forEach(function (select) {
+					VGSelect.init(select, {}, true)
+				})
+			});
+		});
+	}
+
+	/**
+	 * Инициализация
+	 * @param element
+	 * @param params
+	 * @param isRebuild
+	 */
+	static init(element, params = {}, isRebuild = false) {
+		const instance = VGSelect.getOrCreateInstance(element, params);
+		instance.build(isRebuild);
+	}
+}
+
+export default VGSelect;

package/app/modules/vgselect/scss/_variables.scss

@@ -0,0 +1,74 @@
+$select-current-map: (
+	background-color: white,
+	color: black,
+	border-width: 1px,
+	border-style: solid,
+	border-color: #dddddd,
+	border-radius: 5px,
+	padding-left: 16px,
+	padding-right: 40px,
+	padding-top: 16px,
+	padding-bottom: 16px,
+	line-height: 1.1,
+	font-size: 16px,
+	z-index: 10,
+) !default;
+
+$select-current-svg: '<svg aria-hidden="true" focusable="false" data-prefix="fa-light" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M4 181C7 178 12 176 16 176C20 176 24 177 27 180L224 362L421 180C428 174 438 175 444 181C450 188 449 198 443 204L235 396C229 401 219 401 213 396L5 204C-1 198 -2 188 4 181Z" fill="gray"/></svg>' !default;
+
+$select-dropdown-map: (
+	background-color: white,
+	color: black,
+	border-width: 1px,
+	border-style: solid,
+	border-color: #dddddd,
+	border-radius: $border-radius,
+	box-shadow: 0 7px 12px 1px rgba(68, 68, 68, 0.11),
+	z-index: 15,
+) !default;
+
+$select-list-map: (
+	background-color: transparent,
+	color: black,
+	padding-left: 8px,
+	padding-right: 8px,
+	padding-top: 8px,
+	padding-bottom: 8px,
+	border-bottom-width: 1px,
+	border-bottom-style: solid,
+	border-bottom-color: #f5f5f5,
+) !default;
+
+$select-optgroup-map: (
+	background-color: transparent,
+	color: #fff,
+	padding-left: 8px,
+	padding-right: 8px,
+	padding-top: 8px,
+	padding-bottom: 8px,
+	border-bottom-width: 1px,
+	border-bottom-style: solid,
+	border-bottom-color: #838383,
+) !default;
+
+$select-list-max-height: 286px !default;
+$select-list-scrollbar-width: 6px !default;
+$select-list-scrollbar-bg: #F5F5F5 !default;
+$select-list-scrollbar-thumb: #999 !default;
+
+$select-list-hover-map: (
+	background-color: #f7f7f7,
+	color: black,
+	border-bottom-color: #f5f5f5,
+) !default;
+
+$select-optgroup-hover-map: (
+	background-color: #f7f7f7,
+	color: black,
+	border-bottom-color: #f5f5f5,
+) !default;
+
+$select-search-map: (
+	background-color: #f2f2f2,
+	color: #000000
+) !default;

package/app/modules/vgselect/scss/vgselect.css

@@ -0,0 +1,243 @@
+@charset "UTF-8";
+/**
+*--------------------------------------------------------------------------
+* Модуль: VGSELECT
+* Автор: Vegas DEV
+* Лицензия: смотри LICENSE
+*--------------------------------------------------------------------------
+**/
+select.vg-select {
+  position: absolute;
+  left: 0;
+  top: 0;
+  opacity: 0;
+  z-index: -1000;
+  width: 100%;
+  height: 100%;
+  display: inline-block;
+  visibility: hidden;
+}
+
+.vg-select {
+  --vg-select-current-background-color: white ;
+  --vg-select-current-color: black ;
+  --vg-select-current-border-width: 1px ;
+  --vg-select-current-border-style: solid ;
+  --vg-select-current-border-color: #dddddd ;
+  --vg-select-current-border-radius: 5px ;
+  --vg-select-current-padding-left: 16px ;
+  --vg-select-current-padding-right: 40px ;
+  --vg-select-current-padding-top: 16px ;
+  --vg-select-current-padding-bottom: 16px ;
+  --vg-select-current-line-height: 1.1 ;
+  --vg-select-current-font-size: 16px ;
+  --vg-select-current-z-index: 10 ;
+  --vg-select-dropdown-background-color: white ;
+  --vg-select-dropdown-color: black ;
+  --vg-select-dropdown-border-width: 1px ;
+  --vg-select-dropdown-border-style: solid ;
+  --vg-select-dropdown-border-color: #dddddd ;
+  --vg-select-dropdown-border-radius: 0.375rem ;
+  --vg-select-dropdown-box-shadow: 0 7px 12px 1px rgba(68, 68, 68, 0.11) ;
+  --vg-select-dropdown-z-index: 15 ;
+  --vg-select-list-background-color: transparent ;
+  --vg-select-list-color: black ;
+  --vg-select-list-padding-left: 8px ;
+  --vg-select-list-padding-right: 8px ;
+  --vg-select-list-padding-top: 8px ;
+  --vg-select-list-padding-bottom: 8px ;
+  --vg-select-list-border-bottom-width: 1px ;
+  --vg-select-list-border-bottom-style: solid ;
+  --vg-select-list-border-bottom-color: #f5f5f5 ;
+  --vg-select-optgroup-background-color: transparent ;
+  --vg-select-optgroup-color: #fff ;
+  --vg-select-optgroup-padding-left: 8px ;
+  --vg-select-optgroup-padding-right: 8px ;
+  --vg-select-optgroup-padding-top: 8px ;
+  --vg-select-optgroup-padding-bottom: 8px ;
+  --vg-select-optgroup-border-bottom-width: 1px ;
+  --vg-select-optgroup-border-bottom-style: solid ;
+  --vg-select-optgroup-border-bottom-color: #838383 ;
+  --vg-select-optgroup-hover-background-color: #f7f7f7 ;
+  --vg-select-optgroup-hover-color: black ;
+  --vg-select-optgroup-hover-border-bottom-color: #f5f5f5 ;
+  --vg-select-list-hover-background-color: #f7f7f7 ;
+  --vg-select-list-hover-color: black ;
+  --vg-select-list-hover-border-bottom-color: #f5f5f5 ;
+  --vg-select-search-background-color: #f2f2f2 ;
+  --vg-select-search-color: #000000 ;
+  --vg-select-list-max-height: 286px;
+  --vg-select-list-scrollbar-width: 6px;
+  --vg-select-list-scrollbar-bg: #F5F5F5;
+  --vg-select-list-scrollbar-thumb: #999;
+  position: relative;
+}
+.vg-select-current {
+  background-color: var(--vg-select-current-background-color);
+  color: var(--vg-select-current-color);
+  border-width: var(--vg-select-current-border-width);
+  border-style: var(--vg-select-current-border-style);
+  border-color: var(--vg-select-current-border-color);
+  border-radius: var(--vg-select-current-border-radius);
+  padding-left: var(--vg-select-current-padding-left);
+  padding-right: var(--vg-select-current-padding-right);
+  padding-top: var(--vg-select-current-padding-top);
+  padding-bottom: var(--vg-select-current-padding-bottom);
+  line-height: var(--vg-select-current-line-height);
+  font-size: var(--vg-select-current-font-size);
+  z-index: var(--vg-select-current-z-index);
+  box-sizing: border-box;
+  cursor: pointer;
+  outline: none;
+  position: relative;
+  z-index: var(--vg-select-current-z-index);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.vg-select-current:after {
+  content: "";
+  position: absolute;
+  right: 16px;
+  top: 50%;
+  transform: translateY(-50%);
+  transition: all 0.4s ease-in-out;
+  background-image: url('data:image/svg+xml, <svg aria-hidden="true" focusable="false" data-prefix="fa-light" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M4 181C7 178 12 176 16 176C20 176 24 177 27 180L224 362L421 180C428 174 438 175 444 181C450 188 449 198 443 204L235 396C229 401 219 401 213 396L5 204C-1 198 -2 188 4 181Z" fill="gray"/></svg>');
+  background-repeat: no-repeat;
+  width: 16px;
+  height: 16px;
+}
+.vg-select-dropdown {
+  background-color: var(--vg-select-dropdown-background-color);
+  color: var(--vg-select-dropdown-color);
+  border-width: var(--vg-select-dropdown-border-width);
+  border-style: var(--vg-select-dropdown-border-style);
+  border-color: var(--vg-select-dropdown-border-color);
+  border-radius: var(--vg-select-dropdown-border-radius);
+  box-shadow: var(--vg-select-dropdown-box-shadow);
+  z-index: var(--vg-select-dropdown-z-index);
+  position: absolute;
+  box-sizing: border-box;
+  opacity: 0;
+  overflow: hidden;
+  padding: 0;
+  top: 100%;
+  left: 0;
+  width: 100%;
+  height: 0;
+  pointer-events: auto;
+  transform-origin: 50% 0;
+  transform: scale(0.75) translateY(-11px);
+  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
+  z-index: var(--vg-select-dropdown-z-index);
+  margin-top: 0.25rem;
+}
+.vg-select-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  max-height: var(--vg-select-list-max-height);
+  overflow-y: auto;
+}
+.vg-select-list::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: var(--vg-select-list-scrollbar-bg);
+}
+.vg-select-list::-webkit-scrollbar {
+  width: var(--vg-select-list-scrollbar-width);
+  background-color: var(--vg-select-list-scrollbar-bg);
+}
+.vg-select-list::-webkit-scrollbar-thumb {
+  background-color: var(--vg-select-list-scrollbar-thumb);
+}
+.vg-select-list--option {
+  background-color: var(--vg-select-list-background-color);
+  color: var(--vg-select-list-color);
+  padding-left: var(--vg-select-list-padding-left);
+  padding-right: var(--vg-select-list-padding-right);
+  padding-top: var(--vg-select-list-padding-top);
+  padding-bottom: var(--vg-select-list-padding-bottom);
+  border-bottom-width: var(--vg-select-list-border-bottom-width);
+  border-bottom-style: var(--vg-select-list-border-bottom-style);
+  border-bottom-color: var(--vg-select-list-border-bottom-color);
+  display: block;
+  width: 100%;
+  cursor: pointer;
+  transition: all 0.4s ease-in-out;
+}
+.vg-select-list--option:last-child {
+  border: none;
+}
+.vg-select-list--option:hover, .vg-select-list--option.selected {
+  background-color: var(--vg-select-list-hover-background-color);
+  color: var(--vg-select-list-hover-color);
+  border-bottom-color: var(--vg-select-list-hover-border-bottom-color);
+}
+.vg-select-list--option.disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.vg-select-list--option.hidden {
+  display: none !important;
+}
+.vg-select-list--optgroup {
+  list-style: none;
+  padding: 0;
+}
+.vg-select-list--optgroup + .vg-select-list--optgroup {
+  border-top-width: var(--vg-select-optgroup-border-bottom-width);
+  border-top-style: var(--vg-select-optgroup-border-bottom-style);
+  border-top-color: var(--vg-select-optgroup-border-bottom-color);
+}
+.vg-select-list--optgroup > li {
+  --vg-select-list-padding-left: 16px;
+}
+.vg-select-list--optgroup-title {
+  background-color: var(--vg-select-optgroup-background-color);
+  color: var(--vg-select-optgroup-color);
+  padding-left: var(--vg-select-optgroup-padding-left);
+  padding-right: var(--vg-select-optgroup-padding-right);
+  padding-top: var(--vg-select-optgroup-padding-top);
+  padding-bottom: var(--vg-select-optgroup-padding-bottom);
+  border-bottom-width: var(--vg-select-optgroup-border-bottom-width);
+  border-bottom-style: var(--vg-select-optgroup-border-bottom-style);
+  border-bottom-color: var(--vg-select-optgroup-border-bottom-color);
+}
+.vg-select-search input {
+  background-color: var(--vg-select-search-background-color);
+  color: var(--vg-select-search-color);
+  padding: 8px;
+  border: none;
+  outline: none;
+  width: 100%;
+}
+.vg-select.show .vg-select-current:after {
+  transform: translateY(-50%) rotate(180deg);
+}
+.vg-select.show .vg-select-dropdown {
+  transform: scale(1) translateY(0);
+  opacity: 1;
+  box-sizing: border-box;
+  height: auto;
+}
+.vg-select.is-invalid .vg-select-current {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(1.975em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+  --vg-select-current-padding-right: 55px;
+}
+.vg-select.disabled:before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 500;
+}
+.vg-select.disabled > .vg-select-current {
+  opacity: 0.75;
+}
+
+/*# sourceMappingURL=vgselect.css.map */

package/app/modules/vgselect/scss/vgselect.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["vgselect.scss","../../../utils/scss/mixin.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;ECpBG;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ED4BF;EACA;EACA;EACA;EACA;;AAEA;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAED;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAED;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;;AAGD;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAED;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EAEE;EAAA;EAAA;;AAIF;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAOH;EAEE;EAAA;EAED;EACA;EACA;EACA;;AAMA;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAKD;EACC;EACA;EACA;EACA;EACA;;AAKD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC","file":"vgselect.css"}