@dv.net/ui-kit 7.2.16 → 7.2.17

package/dist/chunks/{UiLanguages.vue_vue_type_script_setup_true_lang-QqSP4uO3.js → UiLanguages.vue_vue_type_script_setup_true_lang-DU6Q9NU9.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as s, openBlock as o, createElementVNode as n, defineComponent as j, mergeModels as S, useModel as F, ref as b, computed as N, onMounted as A, createCommentVNode as y, createBlock as p, normalizeClass as z, renderSlot as q, Fragment as u, createVNode as d, createTextVNode as B, toDisplayString as g, capitalize as G, unref as r, withCtx as C, renderList as k, nextTick as J } from "vue";
+import { createElementBlock as s, openBlock as l, createElementVNode as n, defineComponent as j, mergeModels as S, useModel as F, ref as b, computed as N, onMounted as A, createCommentVNode as y, createBlock as c, normalizeClass as z, renderSlot as q, Fragment as d, createVNode as m, createTextVNode as B, toDisplayString as g, capitalize as G, unref as r, withCtx as C, renderList as k, nextTick as J } from "vue";
 import { _ as U } from "./UiFlagIcon.vue_vue_type_script_setup_true_lang-BEuyocgZ.js";
 /* empty css                                                    */
 import { _ as w } from "./UiLanguageButton.vue_vue_type_script_setup_true_lang-DiW2yYu5.js";
@@ -40,7 +40,7 @@ const X = {
   viewBox: "0 0 20 20"
 };
 function Y(v, f) {
-  return o(), s("svg", X, [...f[0] || (f[0] = [
+  return l(), s("svg", X, [...f[0] || (f[0] = [
     n("path", {
       stroke: "#717173",
       "stroke-linecap": "round",
@@ -75,86 +75,88 @@ const E = { render: Y }, Z = { class: "ui-languages" }, x = ["disabled"], ee = {
   }),
   emits: /* @__PURE__ */ S(["change"], ["update:modelValue", "update:is-show"]),
   setup(v, { emit: f }) {
-    const I = f, H = v, t = F(v, "modelValue"), m = F(v, "is-show"), { isMobile: R } = Q(), i = b(""), V = b(), $ = b([]), h = N(() => [
+    const I = f, $ = v, t = F(v, "modelValue"), u = F(v, "is-show"), { isMobile: R } = Q(), i = b(""), V = b(), H = b([]), h = N(() => [
       { id: 2, name: "English", isoCode: "en", nativeName: "English" },
-      ...$.value,
+      ...H.value,
       t.value
-    ].filter((e, l, a) => l === a.findIndex((T) => T.isoCode === e.isoCode))), M = N(() => H.locales.toSorted((e, l) => e.name.localeCompare(l.name))), c = N(() => i.value ? M.value.filter(
+    ].filter((e, o, a) => o === a.findIndex((T) => T.isoCode === e.isoCode))), M = N(() => $.locales.toSorted((e, o) => e.name.localeCompare(o.name))), p = N(() => i.value ? M.value.filter(
       (e) => e.name.toLocaleLowerCase().includes(i.value.toLocaleLowerCase()) || e.nativeName?.toLocaleLowerCase().includes(i.value.toLocaleLowerCase())
     ) : M.value);
     function _(e) {
-      t.value = e, m.value = !1, i.value = "", I("change", e);
+      t.value = e, u.value = !1, i.value = "", I("change", e);
     }
     function P() {
-      m.value = !0, J(() => {
+      u.value = !0, J(() => {
         V.value?.focus();
       });
     }
     return A(() => {
-      const e = navigator.languages.slice(0, 2).map((l) => l.split("-")[0]);
-      $.value = H.locales.filter(({ isoCode: l }) => e.includes(l));
-    }), (e, l) => (o(), s("div", Z, [
-      e.isHidden ? y("", !0) : (o(), s("button", {
+      const e = navigator.languages.slice(0, 2).map((o) => o.split("-")[0]);
+      H.value = $.locales.filter(({ isoCode: o }) => e.includes(o));
+    }), (e, o) => (l(), s("div", Z, [
+      e.isHidden ? y("", !0) : (l(), s("button", {
         key: 0,
         disabled: e.disabled,
         class: z([{ "for-header": e.forHeader }, "ui-languages--trigger"]),
         onClick: P
       }, [
         q(e.$slots, "trigger", { locale: t.value }, () => [
-          e.forHeader ? (o(), s(u, { key: 0 }, [
-            d(U, {
+          e.forHeader ? (l(), s(d, { key: 0 }, [
+            m(U, {
               isoCode: t.value?.isoCode ?? "",
               "is-small": ""
             }, null, 8, ["isoCode"]),
             B(" " + g(G(t.value?.isoCode ?? "")), 1)
-          ], 64)) : (o(), s(u, { key: 1 }, [
-            d(U, {
+          ], 64)) : (l(), s(d, { key: 1 }, [
+            m(U, {
               isoCode: t.value?.isoCode ?? ""
             }, null, 8, ["isoCode"]),
             B(" " + g(t.value?.name) + " ", 1),
-            t.value?.nativeName ? (o(), s(u, { key: 0 }, [
+            t.value?.nativeName ? (l(), s(d, { key: 0 }, [
               B("(" + g(t.value?.nativeName) + ")", 1)
             ], 64)) : y("", !0)
           ], 64))
         ])
       ], 10, x)),
-      r(R) ? (o(), p(r(O), {
+      r(R) ? (l(), c(r(O), {
         key: 2,
         class: "ui-languages--drawer",
         direction: "btt",
-        modelValue: m.value,
-        "onUpdate:modelValue": l[4] || (l[4] = (a) => m.value = a)
+        modelValue: u.value,
+        "onUpdate:modelValue": o[5] || (o[5] = (a) => u.value = a)
       }, {
         default: C(() => [
           n("div", te, [
             n("div", re, [
               n("p", null, g(r(L).uiLanguages.translations.changeLanguage), 1),
-              d(r(K), {
+              m(r(K), {
+                style: { cursor: "pointer" },
                 name: "close",
                 type: "400",
-                size: "lg"
+                size: "lg",
+                onClick: o[3] || (o[3] = (a) => u.value = !1)
               })
             ]),
             n("div", ie, [
-              d(r(D), {
+              m(r(D), {
                 ref_key: "inputRef",
                 ref: V,
                 autofocus: "",
                 size: "sm",
                 modelValue: i.value,
-                "onUpdate:modelValue": l[3] || (l[3] = (a) => i.value = a),
+                "onUpdate:modelValue": o[4] || (o[4] = (a) => i.value = a),
                 clearable: "",
                 placeholder: r(L).uiLanguages.translations.searchInputPlaceholder
               }, {
                 prepend: C(() => [
-                  d(r(E))
+                  m(r(E))
                 ]),
                 _: 1
               }, 8, ["modelValue", "placeholder"])
             ]),
             n("div", ne, [
-              h.value?.length && c.value.length >= e.minNumbersLocalesDisplayFavorites ? (o(), s("div", ue, [
-                (o(!0), s(u, null, k(h.value, (a) => (o(), p(w, {
+              h.value?.length && p.value.length >= e.minNumbersLocalesDisplayFavorites ? (l(), s("div", ue, [
+                (l(!0), s(d, null, k(h.value, (a) => (l(), c(w, {
                   key: a.id,
                   locale: a,
                   onChange: _,
@@ -162,7 +164,7 @@ const E = { render: Y }, Z = { class: "ui-languages" }, x = ["disabled"], ee = {
                   "for-header": e.forHeader
                 }, null, 8, ["locale", "selected", "for-header"]))), 128))
               ])) : y("", !0),
-              (o(!0), s(u, null, k(c.value, (a) => (o(), p(w, {
+              (l(!0), s(d, null, k(p.value, (a) => (l(), c(w, {
                 key: a.id,
                 locale: a,
                 onChange: _,
@@ -173,37 +175,37 @@ const E = { render: Y }, Z = { class: "ui-languages" }, x = ["disabled"], ee = {
           ])
         ]),
         _: 1
-      }, 8, ["modelValue"])) : (o(), p(r(W), {
+      }, 8, ["modelValue"])) : (l(), c(r(W), {
         key: 1,
-        onClose: l[1] || (l[1] = (a) => i.value = ""),
-        modelValue: m.value,
-        "onUpdate:modelValue": l[2] || (l[2] = (a) => m.value = a),
+        onClose: o[1] || (o[1] = (a) => i.value = ""),
+        modelValue: u.value,
+        "onUpdate:modelValue": o[2] || (o[2] = (a) => u.value = a),
         isShowBtnClose: !1,
         popperClass: "transparent-bg"
       }, {
         default: C(() => [
           n("div", ee, [
             n("div", ae, [
-              d(r(D), {
+              m(r(D), {
                 ref_key: "inputRef",
                 ref: V,
                 autofocus: "",
                 size: "sm",
                 modelValue: i.value,
-                "onUpdate:modelValue": l[0] || (l[0] = (a) => i.value = a),
+                "onUpdate:modelValue": o[0] || (o[0] = (a) => i.value = a),
                 placeholder: r(L).uiLanguages.translations.searchInputPlaceholder
               }, {
                 prepend: C(() => [
-                  d(r(E))
+                  m(r(E))
                 ]),
                 _: 1
               }, 8, ["modelValue", "placeholder"])
             ]),
             n("div", {
-              class: z(["ui-languages--modal__items", { "is-empty": !c.value.length }])
+              class: z(["ui-languages--modal__items", { "is-empty": !p.value.length }])
             }, [
-              h.value?.length && c.value.length >= e.minNumbersLocalesDisplayFavorites ? (o(), s("div", oe, [
-                (o(!0), s(u, null, k(h.value, (a) => (o(), p(w, {
+              h.value?.length && p.value.length >= e.minNumbersLocalesDisplayFavorites ? (l(), s("div", oe, [
+                (l(!0), s(d, null, k(h.value, (a) => (l(), c(w, {
                   key: a.id,
                   locale: a,
                   onChange: _,
@@ -211,15 +213,15 @@ const E = { render: Y }, Z = { class: "ui-languages" }, x = ["disabled"], ee = {
                   "for-header": e.forHeader
                 }, null, 8, ["locale", "selected", "for-header"]))), 128))
               ])) : y("", !0),
-              c.value.length ? (o(), s("div", le, [
-                (o(!0), s(u, null, k(c.value, (a) => (o(), p(w, {
+              p.value.length ? (l(), s("div", le, [
+                (l(!0), s(d, null, k(p.value, (a) => (l(), c(w, {
                   key: a.id,
                   locale: a,
                   onChange: _,
                   selected: t.value,
                   "for-header": e.forHeader
                 }, null, 8, ["locale", "selected", "for-header"]))), 128))
-              ])) : (o(), s("div", se, g(r(L).uiLanguages.translations.modalSearchNotFound), 1))
+              ])) : (l(), s("div", se, g(r(L).uiLanguages.translations.modalSearchNotFound), 1))
             ], 2)
           ])
         ]),

package/dist/components/UiLanguages/UiLanguages.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../chunks/UiLanguages.vue_vue_type_script_setup_true_lang-QqSP4uO3.js";
+import { _ as m } from "../../chunks/UiLanguages.vue_vue_type_script_setup_true_lang-DU6Q9NU9.js";
 import "../../chunks/style-CD0jFgS4.js";
 export {
   m as default

package/dist/index.js

@@ -27,7 +27,7 @@ import { _ as ro } from "./chunks/UiIcon.vue_vue_type_script_setup_true_lang-CP1
 /* empty css                                                       */
 import { _ as ao } from "./chunks/UiIconButton.vue_vue_type_script_setup_true_lang-yQR_GeIn.js";
 import { _ as io } from "./chunks/UiInput.vue_vue_type_script_setup_true_lang-DHWi8SLq.js";
-import { _ as mo } from "./chunks/UiLanguages.vue_vue_type_script_setup_true_lang-QqSP4uO3.js";
+import { _ as mo } from "./chunks/UiLanguages.vue_vue_type_script_setup_true_lang-DU6Q9NU9.js";
 import { _ as so } from "./chunks/UiLayout.vue_vue_type_script_setup_true_lang-CELUDfDH.js";
 /* empty css                                                         */
 import { default as Uo } from "./components/UiLayoutAuth/UiLayoutAuth.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dv.net/ui-kit",
   "private": false,
-  "version": "7.2.16",
+  "version": "7.2.17",
   "type": "module",
   "sideEffects": false,
   "module": "dist/index.js",