@brandup/ui-dropdown 1.0.38 → 1.0.40

package/package.json

@@ -24,14 +24,14 @@
     "email": "it@brandup.online"
   },
   "license": "Apache-2.0",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "main": "source/index.ts",
   "types": "source/index.ts",
   "dependencies": {
     "@brandup/ui": "^2.0.7",
     "@brandup/ui-helpers": "^2.0.7",
-    "@brandup/ui-input": "^1.0.38",
-    "@brandup/ui-kit": "^1.0.38"
+    "@brandup/ui-input": "^1.0.40",
+    "@brandup/ui-kit": "^1.0.40"
   },
   "files": [
     "source",

package/source/dropdown.ts

@@ -44,8 +44,6 @@ class DropDown extends InputControl<HTMLSelectElement, DropDownEvents> {
 	readonly searchOn: number | boolean;
 
 	constructor(selectElem: HTMLSelectElement) {
-		selectElem.classList.add(INPUT_CLASS);
-
 		const placeholder = selectElem.getAttribute("data-placeholder") || "Select";
 		const emptyText = selectElem.getAttribute("data-emptytext") || "Empty list";
 		const searchPlaceholder = selectElem.getAttribute("data-search-placeholder") || "Search";
@@ -97,12 +95,12 @@ class DropDown extends InputControl<HTMLSelectElement, DropDownEvents> {
 			]),
 		]);
 
-		const container = DOM.tag("div", { class: [ROOT_CLASS].concat(Array.from(selectElem.classList)) }, [
+		const container = DOM.tag("div", { class: ROOT_CLASS }, [
 			DOM.tag("button", { class: "view", command: "open-popup" }, [textElem, arrowBottomIcon]),
 			popupElem,
 		]);
 
-		container.classList.remove(INPUT_CLASS);
+		DropDown.prepareValueElem(selectElem, container, INPUT_CLASS);
 
 		if (selectElem.nextElementSibling) {
 			const nextElem = selectElem.nextElementSibling as HTMLElement;
@@ -112,7 +110,8 @@ class DropDown extends InputControl<HTMLSelectElement, DropDownEvents> {
 		selectElem.insertAdjacentElement("beforebegin", container);
 		container.insertAdjacentElement("beforeend", selectElem);
 
-		super("BrandUp.DropDown", container, selectElem);
+		// класс вернёт базовый класс при destroy — без этого поле осталось бы скрытым
+		super("BrandUp.DropDown", container, selectElem, { class: INPUT_CLASS });
 
 		this.placeholder = placeholder;
 		this.emptyText = emptyText;
@@ -487,28 +486,21 @@ class DropDown extends InputControl<HTMLSelectElement, DropDownEvents> {
 		return (selected && selected.own.firstElementChild?.textContent?.trim()) || null;
 	}
 
+	// Правила проверяет браузер по атрибутам самого select; контрол отражает результат классом.
+	// Обязательность закрывает нативный required — для этого у пустого пункта value должно
+	// быть пустым, как и требует стандарт.
 	override validate(): boolean {
-		const value = this.getValue();
-		let isInvalid = !this.__valueElem.validity.valid;
-
-		if (this.required && !value) isInvalid = true;
+		const isValid = super.validate();
 
-		const clearInvalid = () => this.element.classList.remove("invalid");
+		this.element.classList.toggle("invalid", !isValid);
 
-		if (isInvalid) {
-			this.element.classList.add("invalid");
-		} else clearInvalid();
-
-		return !isInvalid;
+		return isValid;
 	}
 
 	override destroy(): void {
 		this.__closePopup();
 
-		this.element.insertAdjacentElement("afterend", this.__valueElem);
-		this.element.remove();
-
-		super.destroy();
+		super.destroy(); // снимет слушатели формы и вернёт поле-носитель в исходный вид
 	}
 }