langie 1.11.0 → 1.11.1

package/dist/components/index.cjs

@@ -1,5 +1,5 @@
 /**
- * langie v1.11.0
+ * langie v1.11.1
  * (c) 2026 nlit
  * @license Apache-2.0
  *
@@ -88,6 +88,8 @@ var EUROPEAN_LANGUAGES = [
     match: [
       "eng",
       "en",
+      "\u0430\u043D\u0433\u043B\u0438\u0439\u0441\u043A\u0438\u0439",
+      "\u0430\u043D\u0433\u043B",
       "united states",
       "united states of america",
       "usa",
@@ -101,6 +103,31 @@ var EUROPEAN_LANGUAGES = [
     ],
     suggest: ["irish", "scottish", "welsh"]
   },
+  // English variants: country name / abbreviation → the specific variant CODE.
+  // `lang` here is a variant code (not a language name) so Fuse matches it against
+  // the `code` key and ranks that exact variant first (e.g. "сша" → en-US #1).
+  // Latin "usa"/"us" stay on the `english` entry above (surface the whole group);
+  // these cover the Cyrillic exonyms the translated names never contain.
+  {
+    lang: "en-us",
+    match: ["\u0441\u0448\u0430", "\u0448\u0442\u0430\u0442\u044B", "\u0430\u043C\u0435\u0440\u0438\u043A\u0430", "\u0441\u043E\u0435\u0434\u0438\u043D\u0451\u043D\u043D\u044B\u0435 \u0448\u0442\u0430\u0442\u044B", "\u0441\u043E\u0435\u0434\u0438\u043D\u0435\u043D\u043D\u044B\u0435 \u0448\u0442\u0430\u0442\u044B"],
+    suggest: []
+  },
+  {
+    lang: "en-au",
+    match: ["\u0430\u0432\u0441\u0442\u0440\u0430\u043B\u0438\u044F"],
+    suggest: []
+  },
+  {
+    lang: "en-ca",
+    match: ["\u043A\u0430\u043D\u0430\u0434\u0430"],
+    suggest: []
+  },
+  {
+    lang: "en-ie",
+    match: ["\u0438\u0440\u043B\u0430\u043D\u0434\u0438\u044F"],
+    suggest: []
+  },
   {
     lang: "spanish",
     match: [
@@ -719,6 +746,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
     };
     const props = __props;
     const emit = __emit;
+    const multiselectRef = (0, import_vue3.ref)(null);
     const isLoading = (0, import_vue3.computed)(() => {
       return props.languages.length <= 0;
     });
@@ -731,8 +759,10 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
       return new import_fuse.default(validLanguages.value, {
         keys: ["name", "native_name", "search_alias", "code"],
         includeScore: true,
-        threshold: 0.6,
-        // Use highest threshold to catch all cases
+        threshold: 0.4,
+        // Trim fuzzy noise; short abbreviations (e.g. "сша") no longer rank below it
+        ignoreLocation: true,
+        // Match anywhere in the field, not just near position 0
         isCaseSensitive: false,
         minMatchCharLength: 1
         // Allow single character matches
@@ -813,33 +843,26 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
     });
     function handleSearch(query) {
       searchQuery.value = query;
-      if (query.trim()) {
-        (0, import_vue3.nextTick)(() => {
-          const dropdown = document.querySelector(".multiselect-dropdown");
-          const firstOption = dropdown?.querySelector(".multiselect-option");
-          if (firstOption) {
-            firstOption.scrollIntoView({ behavior: "smooth", block: "nearest" });
-            firstOption.classList.add("multiselect-option-is-pointed");
-          }
-        });
-      }
+      if (!query.trim()) return;
+      (0, import_vue3.nextTick)(() => {
+        multiselectRef.value?.setPointerFirst?.();
+        const dropdown = document.querySelector(".multiselect-dropdown");
+        if (dropdown) dropdown.scrollTop = 0;
+      });
     }
     function handleKeydown(event) {
       const keyboardEvent = event;
-      if (keyboardEvent.key === "Tab" || keyboardEvent.key === "Enter") {
-        const dropdown = document.querySelector(".multiselect-dropdown");
-        const firstOption = dropdown?.querySelector(".multiselect-option");
-        if (firstOption && searchQuery.value.trim()) {
-          const langCode = firstOption.getAttribute("data-lang-code");
-          if (langCode) {
-            const language = validLanguages.value.find((lang) => lang.code === langCode);
-            if (language) {
-              selectedLanguage.value = language;
-              searchQuery.value = "";
-              keyboardEvent.preventDefault();
-            }
-          }
-        }
+      if (keyboardEvent.key !== "Tab" && keyboardEvent.key !== "Enter") return;
+      if (!searchQuery.value.trim()) return;
+      const dropdown = document.querySelector(".multiselect-dropdown");
+      const pointed = dropdown?.querySelector(".multiselect-option.is-pointed [data-lang-code]") || dropdown?.querySelector(".multiselect-option [data-lang-code]");
+      const langCode = pointed?.getAttribute("data-lang-code");
+      if (!langCode) return;
+      const language = validLanguages.value.find((lang) => lang.code === langCode);
+      if (language) {
+        selectedLanguage.value = language;
+        searchQuery.value = "";
+        keyboardEvent.preventDefault();
       }
     }
     const onFlagError = (event) => {
@@ -867,6 +890,8 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
         [
           (0, import_vue2.createCommentVNode)(" Show multiselect when we have languages OR when not loading "),
           validLanguages.value.length > 0 || !isLoading.value ? ((0, import_vue2.openBlock)(), (0, import_vue2.createBlock)((0, import_vue2.unref)(import_multiselect.default), {
+            ref_key: "multiselectRef",
+            ref: multiselectRef,
             key: multiselectKey.value,
             modelValue: selectedLanguage.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedLanguage.value = $event),
@@ -879,7 +904,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
             placeholder: validLanguages.value.length === 0 ? "No languages available" : __props.placeholder,
             disabled: props.disabled || validLanguages.value.length === 0,
             loading: isLoading.value,
-            "track-by": "name",
+            "track-by": "code",
             label: "name",
             "value-prop": "code",
             "filter-results": false,