langie 2.0.1 → 2.0.3

package/dist/core.cjs

@@ -1,5 +1,5 @@
 /**
- * langie v2.0.1
+ * langie v2.0.3
  * (c) 2026 nlit
  * @license Apache-2.0
  *

package/dist/core.mjs

@@ -1,5 +1,5 @@
 /**
- * langie v2.0.1
+ * langie v2.0.3
  * (c) 2026 nlit
  * @license Apache-2.0
  *

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /**
- * langie v2.0.1
+ * langie v2.0.3
  * (c) 2026 nlit
  * @license Apache-2.0
  *
@@ -2056,6 +2056,14 @@ function displayNative(name = "", native = "") {
   return name !== native && TRAILING_PAREN.test(name) && TRAILING_PAREN.test(native) ? native.replace(TRAILING_PAREN, "") : native;
 }
 
+// src/utils/languageLabel.ts
+function languageLabel(lang) {
+  const primary = lang.search_alias || lang.name || "";
+  const native = lang.native_name || "";
+  if (!native || native === primary) return { primary, native: "" };
+  return { primary, native: displayNative(primary, native) };
+}
+
 // src/utils/flagUrl.ts
 var isReadyFlagUrl = (flagCode) => flagCode.startsWith("/") || /^https?:\/\//i.test(flagCode);
 var flagImageUrl = (flagCode) => isReadyFlagUrl(flagCode) ? flagCode : `/flags/${flagCode}.svg`;
@@ -2225,7 +2233,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue3.defineComponent)({
       "5b09cc17-COLORS.text.secondary": (0, import_vue4.unref)(COLORS).text.secondary,
       "5b09cc17-COLORS.neutral.gray400": (0, import_vue4.unref)(COLORS).neutral.gray400
     }));
-    const COMBOBOX_ARIA = { "aria-multiselectable": void 0 };
+    const COMBOBOX_ARIA = { "aria-multiselectable": void 0, "aria-placeholder": void 0 };
     const multiselectId = (0, import_vue5.useId)();
     const getFlagCode = (lang) => {
       const flagCode = lang.flag_country || lang.code;
@@ -2240,6 +2248,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue3.defineComponent)({
     });
     const searchQuery = (0, import_vue5.ref)("");
     const transliterate = (0, import_vue5.shallowRef)(null);
+    const searchInputAttrs = (0, import_vue5.computed)(() => ({ placeholder: props.placeholder }));
     const validLanguages = (0, import_vue5.computed)(() => {
       return props.languages.filter((lang) => lang && lang.code && lang.name && lang.native_name);
     });
@@ -2408,6 +2417,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue3.defineComponent)({
             "filter-results": false,
             id: (0, import_vue4.unref)(multiselectId),
             aria: COMBOBOX_ARIA,
+            attrs: searchInputAttrs.value,
             onKeydown: handleKeydown
           }, {
             singlelabel: (0, import_vue4.withCtx)(({ value }) => [
@@ -2416,20 +2426,20 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue3.defineComponent)({
                   key: selectedLanguageKey.value,
                   src: getFlagImageUrl(value),
                   class: "lang-flag",
-                  alt: `${value.native_name || value.name} flag`,
+                  alt: `${(0, import_vue4.unref)(languageLabel)(value).primary} flag`,
                   "data-custom-flag": (0, import_vue4.unref)(isReadyFlagUrl)(getFlagCode(value)) || void 0,
                   onError: onFlagError
                 }, null, 40, _hoisted_2)) : (0, import_vue4.createCommentVNode)("v-if", true),
                 (0, import_vue4.createElementVNode)("span", _hoisted_3, [
                   (0, import_vue4.createTextVNode)(
-                    (0, import_vue4.toDisplayString)(value.name) + " ",
+                    (0, import_vue4.toDisplayString)((0, import_vue4.unref)(languageLabel)(value).primary) + " ",
                     1
                     /* TEXT */
                   ),
-                  value.native_name && value.native_name !== value.name ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
+                  (0, import_vue4.unref)(languageLabel)(value).native ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
                     "span",
                     _hoisted_4,
-                    "(" + (0, import_vue4.toDisplayString)((0, import_vue4.unref)(displayNative)(value.name, value.native_name)) + ")",
+                    "(" + (0, import_vue4.toDisplayString)((0, import_vue4.unref)(languageLabel)(value).native) + ")",
                     1
                     /* TEXT */
                   )) : (0, import_vue4.createCommentVNode)("v-if", true)
@@ -2445,20 +2455,20 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue3.defineComponent)({
                   key: `${option.code}-${option.flag_country || "fallback"}`,
                   src: getFlagImageUrl(option),
                   class: "lang-flag",
-                  alt: `${option.name} flag`,
+                  alt: `${(0, import_vue4.unref)(languageLabel)(option).primary} flag`,
                   "data-custom-flag": (0, import_vue4.unref)(isReadyFlagUrl)(getFlagCode(option)) || void 0,
                   onError: onFlagError
                 }, null, 40, _hoisted_6)),
                 (0, import_vue4.createElementVNode)("span", _hoisted_7, [
                   (0, import_vue4.createTextVNode)(
-                    (0, import_vue4.toDisplayString)(option.name) + " ",
+                    (0, import_vue4.toDisplayString)((0, import_vue4.unref)(languageLabel)(option).primary) + " ",
                     1
                     /* TEXT */
                   ),
-                  option.native_name && option.native_name !== option.name ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
+                  (0, import_vue4.unref)(languageLabel)(option).native ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
                     "span",
                     _hoisted_8,
-                    "(" + (0, import_vue4.toDisplayString)((0, import_vue4.unref)(displayNative)(option.name, option.native_name)) + ")",
+                    "(" + (0, import_vue4.toDisplayString)((0, import_vue4.unref)(languageLabel)(option).native) + ")",
                     1
                     /* TEXT */
                   )) : (0, import_vue4.createCommentVNode)("v-if", true)
@@ -2485,7 +2495,7 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue3.defineComponent)({
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue", "options", "placeholder", "disabled", "loading", "id"])) : isLoading.value && validLanguages.value.length === 0 ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
+          }, 8, ["modelValue", "options", "placeholder", "disabled", "loading", "id", "attrs"])) : isLoading.value && validLanguages.value.length === 0 ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
             import_vue4.Fragment,
             { key: 1 },
             [