langie 1.13.1 → 2.0.1

package/dist/components/index.cjs

@@ -1,5 +1,5 @@
 /**
- * langie v1.13.1
+ * langie v2.0.1
  * (c) 2026 nlit
  * @license Apache-2.0
  *
@@ -78,7 +78,15 @@ styleInject(".multiselect-single-label,\n.multiselect-option {\n  display: flex;
 var import_vue3 = require("vue");
 var import_multiselect = __toESM(require("@vueform/multiselect"));
 var import_fuse = __toESM(require("fuse.js"));
-var import_transliteration = require("transliteration");
+
+// src/utils/lazyTransliterate.ts
+var pending = null;
+function loadTransliterate() {
+  if (!pending) {
+    pending = import("transliteration").then((m) => m.transliterate);
+  }
+  return pending;
+}
 
 // src/language-aliases/european.ts
 var EUROPEAN_LANGUAGES = [
@@ -747,6 +755,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
       "5b09cc17-COLORS.neutral.gray400": (0, import_vue2.unref)(COLORS).neutral.gray400
     }));
     const COMBOBOX_ARIA = { "aria-multiselectable": void 0 };
+    const multiselectId = (0, import_vue3.useId)();
     const getFlagCode = (lang) => {
       const flagCode = lang.flag_country || lang.code;
       return flagCode;
@@ -759,6 +768,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
       return props.languages.length <= 0;
     });
     const searchQuery = (0, import_vue3.ref)("");
+    const transliterate = (0, import_vue3.shallowRef)(null);
     const validLanguages = (0, import_vue3.computed)(() => {
       return props.languages.filter((lang) => lang && lang.code && lang.name && lang.native_name);
     });
@@ -811,7 +821,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
         if (searchTerm !== query) {
           mergeByCode(fuse.value.search(query));
         }
-        const latinQuery = (0, import_transliteration.transliterate)(query);
+        const latinQuery = transliterate.value ? transliterate.value(query) : "";
         if (latinQuery && latinQuery.toLowerCase() !== query.toLowerCase()) {
           mergeByCode(fuse.value.search(latinQuery));
         }
@@ -852,6 +862,11 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
     function handleSearch(query) {
       searchQuery.value = query;
       if (!query.trim()) return;
+      if (!transliterate.value) {
+        void loadTransliterate().then((fn) => {
+          transliterate.value = fn;
+        });
+      }
       (0, import_vue3.nextTick)(() => {
         multiselectRef.value?.setPointerFirst?.();
         const dropdown = document.querySelector(".multiselect-dropdown");
@@ -920,6 +935,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
             label: "name",
             "value-prop": "code",
             "filter-results": false,
+            id: (0, import_vue2.unref)(multiselectId),
             aria: COMBOBOX_ARIA,
             onKeydown: handleKeydown
           }, {
@@ -998,7 +1014,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue", "options", "placeholder", "disabled", "loading"])) : isLoading.value && validLanguages.value.length === 0 ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
+          }, 8, ["modelValue", "options", "placeholder", "disabled", "loading", "id"])) : isLoading.value && validLanguages.value.length === 0 ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
             import_vue2.Fragment,
             { key: 1 },
             [