@validol4ik/uikit 0.7.6 → 0.7.8

package/dist/{index-CjKlLZUF.js → index-8UC8Fzfc.js}

@@ -1,4 +1,4 @@
-import { computed as r, markRaw as Ee, defineComponent as K, h as m, withDirectives as oe, getCurrentInstance as ee, unref as Z, ref as W, onBeforeUnmount as Fe, Transition as Qe, createBlock as ae, openBlock as b, normalizeClass as L, withCtx as Ue, createElementBlock as _, createCommentVNode as A, renderSlot as se, Fragment as ie, createTextVNode as Le, toDisplayString as Y, createElementVNode as T, toRaw as Q, createVNode as He, normalizeStyle as re, watch as Xe, onMounted as We, renderList as Pe, withKeys as Ye, vModelText as Ge, nextTick as he, mergeModels as Je, useModel as Ze, defineAsyncComponent as pe } from "vue";
+import { computed as r, markRaw as Ee, defineComponent as K, h as p, withDirectives as oe, getCurrentInstance as ee, unref as Z, ref as W, onBeforeUnmount as Fe, Transition as Qe, createBlock as ae, openBlock as b, normalizeClass as P, withCtx as Ue, createElementBlock as _, createCommentVNode as A, renderSlot as se, Fragment as ie, createTextVNode as Pe, toDisplayString as Y, createElementVNode as T, toRaw as Q, createVNode as He, normalizeStyle as re, watch as Xe, onMounted as We, renderList as Le, withKeys as Ye, vModelText as Ge, nextTick as he, mergeModels as Je, useModel as Ze, defineAsyncComponent as ge } from "vue";
 const _n = ({ app: e }) => {
   const t = e.config.globalProperties.$q;
   t.iconMapFn = (n) => {
@@ -20,7 +20,7 @@ const _n = ({ app: e }) => {
   [z.MD]: "5px 12px",
   [z.LG]: "6px 15px",
   [z.XL]: "9px 20px"
-}, me = {
+}, pe = {
   xs: 18,
   sm: 24,
   md: 32,
@@ -29,7 +29,7 @@ const _n = ({ app: e }) => {
 }, ue = {
   size: String
 };
-function ce(e, t = me) {
+function ce(e, t = pe) {
   return r(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
 }
 function te(e) {
@@ -57,7 +57,7 @@ function qn(e, t) {
 }
 function Sn(e, t, n, a, s, l) {
   t.key = a + s;
-  const o = m(e, t, n);
+  const o = p(e, t, n);
   return s === !0 ? oe(o, l()) : o;
 }
 const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
@@ -82,7 +82,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, tt = new RegExp("^(" + Object.keys(Ve).join("|") + ")"), nt = new RegExp("^(" + Object.keys(Ie).join("|") + ")"), ke = new RegExp("^(" + Object.keys(Te).join("|") + ")"), at = /^[Mm]\s?[-+]?\.?\d/, lt = /^img:/, ot = /^svguse:/, st = /^ion-/, it = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, ge = te({
+}, tt = new RegExp("^(" + Object.keys(Ve).join("|") + ")"), nt = new RegExp("^(" + Object.keys(Ie).join("|") + ")"), ke = new RegExp("^(" + Object.keys(Te).join("|") + ")"), at = /^[Mm]\s?[-+]?\.?\d/, lt = /^img:/, ot = /^svguse:/, st = /^ion-/, it = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, me = te({
   name: "QIcon",
   props: {
     ...ue,
@@ -120,8 +120,8 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
           svg: !0,
           viewBox: S,
           nodes: f.split("&&").map((d) => {
-            const [q, u, g] = d.split("@@");
-            return m("path", { style: u, d: q, transform: g });
+            const [q, u, m] = d.split("@@");
+            return p("path", { style: u, d: q, transform: m });
           })
         };
       }
@@ -166,19 +166,19 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
         style: a.value,
         "aria-hidden": "true"
       };
-      return l.value.none === !0 ? m(e.tag, o, Ae(t.default)) : l.value.img === !0 ? m(e.tag, o, N(t.default, [
-        m("img", { src: l.value.src })
-      ])) : l.value.svg === !0 ? m(e.tag, o, N(t.default, [
-        m("svg", {
+      return l.value.none === !0 ? p(e.tag, o, Ae(t.default)) : l.value.img === !0 ? p(e.tag, o, N(t.default, [
+        p("img", { src: l.value.src })
+      ])) : l.value.svg === !0 ? p(e.tag, o, N(t.default, [
+        p("svg", {
           viewBox: l.value.viewBox || "0 0 24 24"
         }, l.value.nodes)
-      ])) : l.value.svguse === !0 ? m(e.tag, o, N(t.default, [
-        m("svg", {
+      ])) : l.value.svguse === !0 ? p(e.tag, o, N(t.default, [
+        p("svg", {
           viewBox: l.value.viewBox
         }, [
-          m("use", { "xlink:href": l.value.src })
+          p("use", { "xlink:href": l.value.src })
         ])
-      ])) : (l.value.cls !== void 0 && (o.class += " " + l.value.cls), m(e.tag, o, N(t.default, [
+      ])) : (l.value.cls !== void 0 && (o.class += " " + l.value.cls), p(e.tag, o, N(t.default, [
         l.value.content
       ])));
     };
@@ -192,7 +192,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
 };
 function ut(e) {
   return {
-    cSize: r(() => e.size in me ? `${me[e.size]}px` : e.size),
+    cSize: r(() => e.size in pe ? `${pe[e.size]}px` : e.size),
     classes: r(
       () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
     )
@@ -209,13 +209,13 @@ const ze = te({
   },
   setup(e) {
     const { cSize: t, classes: n } = ut(e);
-    return () => m("svg", {
+    return () => p("svg", {
       class: n.value + " q-spinner-mat",
       width: t.value,
       height: t.value,
       viewBox: "25 25 50 50"
     }, [
-      m("circle", {
+      p("circle", {
         class: "path",
         cx: "50",
         cy: "50",
@@ -310,19 +310,19 @@ function vt(e, t, n) {
     s[0].addEventListener(s[1], e[s[2]], de[s[3]]);
   });
 }
-function mt(e, t) {
+function pt(e, t) {
   const n = `__q_${t}_evt`;
   e[n] !== void 0 && (e[n].forEach((a) => {
     a[0].removeEventListener(a[1], e[a[2]], de[a[3]]);
   }), e[n] = void 0);
 }
-function gt(e) {
+function mt(e) {
   return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
 }
 function le(e, t) {
-  return gt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
+  return mt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
-function pt(e, t = 250) {
+function gt(e, t = 250) {
   let n = !1, a;
   return function() {
     return n === !1 && (n = !0, setTimeout(() => {
@@ -335,7 +335,7 @@ function ye(e, t, n, a) {
   const s = n.modifiers.color;
   let l = n.modifiers.center;
   l = l === !0 || a === !0;
-  const o = document.createElement("span"), i = document.createElement("span"), $ = dt(e), { left: y, top: f, width: S, height: d } = t.getBoundingClientRect(), q = Math.sqrt(S * S + d * d), u = q / 2, g = `${(S - q) / 2}px`, v = l ? g : `${$.left - y - u}px`, h = `${(d - q) / 2}px`, C = l ? h : `${$.top - f - u}px`;
+  const o = document.createElement("span"), i = document.createElement("span"), $ = dt(e), { left: y, top: f, width: S, height: d } = t.getBoundingClientRect(), q = Math.sqrt(S * S + d * d), u = q / 2, m = `${(S - q) / 2}px`, v = l ? m : `${$.left - y - u}px`, h = `${(d - q) / 2}px`, C = l ? h : `${$.top - f - u}px`;
   i.className = "q-ripple__inner", ct(i, {
     height: `${q}px`,
     width: `${q}px`,
@@ -347,7 +347,7 @@ function ye(e, t, n, a) {
   };
   n.abort.push(w);
   let E = setTimeout(() => {
-    i.classList.add("q-ripple__inner--enter"), i.style.transform = `translate3d(${g},${h},0) scale3d(1,1,1)`, i.style.opacity = 0.2, E = setTimeout(() => {
+    i.classList.add("q-ripple__inner--enter"), i.style.transform = `translate3d(${m},${h},0) scale3d(1,1,1)`, i.style.opacity = 0.2, E = setTimeout(() => {
       i.classList.remove("q-ripple__inner--enter"), i.classList.add("q-ripple__inner--leave"), i.style.opacity = 0, E = setTimeout(() => {
         o.remove(), n.abort.splice(n.abort.indexOf(w), 1);
       }, 275);
@@ -378,7 +378,7 @@ const ht = Me(
         start(s) {
           a.enabled === !0 && s.qSkipRipple !== !0 && s.type === (a.modifiers.early === !0 ? "pointerdown" : "click") && ye(s, e, a, s.qKeyEvent === !0);
         },
-        keystart: pt((s) => {
+        keystart: gt((s) => {
           a.enabled === !0 && s.qSkipRipple !== !0 && le(s, a.modifiers.keyCodes) === !0 && s.type === `key${a.modifiers.early === !0 ? "down" : "up"}` && ye(s, e, a, !0);
         }, 300)
       };
@@ -399,7 +399,7 @@ const ht = Me(
       const t = e.__qripple;
       t !== void 0 && (t.abort.forEach((n) => {
         n();
-      }), mt(t, "main"), delete e._qripple);
+      }), pt(t, "main"), delete e._qripple);
     }
   }
 ), je = {
@@ -435,7 +435,7 @@ function ne(e) {
 function _t(e) {
   return e.appContext.config.globalProperties.$router !== void 0;
 }
-function Ln(e) {
+function Pn(e) {
   return e.isUnmounted === !0 || e.isDeactivated === !0;
 }
 function $e(e) {
@@ -478,7 +478,7 @@ const De = {
   target: String,
   // state
   disable: Boolean
-}, Pn = {
+}, Ln = {
   ...De,
   // router-link
   exact: Boolean,
@@ -505,7 +505,7 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
   } : {}), u = r(() => {
     if (f.value === !1)
       return -1;
-    const { matched: k } = y.value, { length: P } = k, R = k[P - 1];
+    const { matched: k } = y.value, { length: L } = k, R = k[L - 1];
     if (R === void 0)
       return -1;
     const O = s.$route.matched;
@@ -516,18 +516,18 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
     );
     if (j !== -1)
       return j;
-    const F = $e(k[P - 2]);
+    const F = $e(k[L - 2]);
     return (
       // we are dealing with nested routes
-      P > 1 && $e(R) === F && O[O.length - 1].path !== F ? O.findIndex(
-        qe.bind(null, k[P - 2])
+      L > 1 && $e(R) === F && O[O.length - 1].path !== F ? O.findIndex(
+        qe.bind(null, k[L - 2])
       ) : j
     );
-  }), g = r(
+  }), m = r(
     () => f.value === !0 && u.value !== -1 && $t(s.$route.params, y.value.params)
   ), v = r(
-    () => g.value === !0 && u.value === s.$route.matched.length - 1 && St(s.$route.params, y.value.params)
-  ), h = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : g.value === !0 ? ` ${a.activeClass}` : "" : "");
+    () => m.value === !0 && u.value === s.$route.matched.length - 1 && St(s.$route.params, y.value.params)
+  ), h = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : m.value === !0 ? ` ${a.activeClass}` : "" : "");
   function C(k) {
     try {
       return s.$router.resolve(k);
@@ -535,7 +535,7 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
     }
     return null;
   }
-  function w(k, { returnRouterError: P, to: R = a.to, replace: O = a.replace } = {}) {
+  function w(k, { returnRouterError: L, to: R = a.to, replace: O = a.replace } = {}) {
     if (a.disable === !0)
       return k.preventDefault(), Promise.resolve(!1);
     if (
@@ -546,14 +546,14 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
       return Promise.resolve(!1);
     k.preventDefault();
     const j = s.$router[O === !0 ? "replace" : "push"](R);
-    return P === !0 ? j : j.then(() => {
+    return L === !0 ? j : j.then(() => {
     }).catch(() => {
     });
   }
   function E(k) {
     if (f.value === !0) {
-      const P = (R) => w(k, R);
-      l("click", k, P), k.defaultPrevented !== !0 && P();
+      const L = (R) => w(k, R);
+      l("click", k, L), k.defaultPrevented !== !0 && L();
     } else
       l("click", k);
   }
@@ -563,7 +563,7 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
     hasLink: S,
     linkTag: d,
     resolvedLink: y,
-    linkIsActive: g,
+    linkIsActive: m,
     linkIsExactActive: v,
     linkClass: h,
     linkAttrs: q,
@@ -585,7 +585,7 @@ const Ce = {
   md: 14,
   lg: 20,
   xl: 24
-}, wt = ["button", "submit", "reset"], Et = /[^\s]\/[^\s]/, Lt = ["flat", "outline", "push", "unelevated"];
+}, wt = ["button", "submit", "reset"], Et = /[^\s]\/[^\s]/, Pt = ["flat", "outline", "push", "unelevated"];
 function xe(e, t) {
   return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
 }
@@ -593,7 +593,7 @@ function Rn(e) {
   const t = xe(e);
   return t !== void 0 ? { [t]: !0 } : {};
 }
-const Pt = {
+const Lt = {
   ...ue,
   ...De,
   type: {
@@ -603,7 +603,7 @@ const Pt = {
   label: [Number, String],
   icon: String,
   iconRight: String,
-  ...Lt.reduce(
+  ...Pt.reduce(
     (e, t) => (e[t] = Boolean) && e,
     {}
   ),
@@ -636,7 +636,7 @@ const Pt = {
   },
   disable: Boolean
 }, Rt = {
-  ...Pt,
+  ...Lt,
   round: Boolean
 };
 function Mt(e) {
@@ -666,13 +666,13 @@ function Mt(e) {
     e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? v = `text-${e.textColor || e.color}` : v = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (v = `text-${e.textColor}`);
     const h = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
     return `q-btn--${d.value} q-btn--${h}` + (v !== void 0 ? " " + v : "") + (f.value === !0 ? " q-btn--actionable q-focusable q-hoverable" : e.disable === !0 ? " disabled" : "") + (e.fab === !0 ? " q-btn--fab" : e.fabMini === !0 ? " q-btn--fab-mini" : "") + (e.noCaps === !0 ? " q-btn--no-uppercase" : "") + (e.dense === !0 ? " q-btn--dense" : "") + (e.stretch === !0 ? " no-border-radius self-stretch" : "") + (e.glossy === !0 ? " glossy" : "") + (e.square ? " q-btn--square" : "");
-  }), g = r(
+  }), m = r(
     () => n.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
   );
   return {
     classes: u,
     style: $,
-    innerClasses: g,
+    innerClasses: m,
     attributes: q,
     hasLink: s,
     linkTag: l,
@@ -702,7 +702,7 @@ const At = te({
       navigateOnClick: f,
       isActionable: S
     } = Mt(e), d = W(null), q = W(null);
-    let u = null, g, v = null;
+    let u = null, m, v = null;
     const h = r(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
     ), C = r(() => e.disable === !0 || e.ripple === !1 ? !1 : {
@@ -736,7 +736,7 @@ const At = te({
         // needed; especially for disabled <a> tags
         onClick: D
       };
-    }), P = r(() => ({
+    }), L = r(() => ({
       ref: d,
       class: "q-btn q-btn-item non-selectable no-outline " + s.value,
       style: l.value,
@@ -761,15 +761,15 @@ const At = te({
       }
     }
     function O(c) {
-      d.value !== null && (n("keydown", c), le(c, [13, 32]) === !0 && H !== d.value && (H !== null && p(), c.defaultPrevented !== !0 && (c.qAvoidFocus !== !0 && d.value.focus(), H = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", V, !0), d.value.addEventListener("blur", V, I)), D(c)));
+      d.value !== null && (n("keydown", c), le(c, [13, 32]) === !0 && H !== d.value && (H !== null && g(), c.defaultPrevented !== !0 && (c.qAvoidFocus !== !0 && d.value.focus(), H = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", V, !0), d.value.addEventListener("blur", V, I)), D(c)));
     }
     function j(c) {
-      d.value !== null && (n("touchstart", c), c.defaultPrevented !== !0 && (U !== d.value && (U !== null && p(), U = d.value, u = c.target, u.addEventListener("touchcancel", V, I), u.addEventListener("touchend", V, I)), g = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
-        v = null, g = !1;
+      d.value !== null && (n("touchstart", c), c.defaultPrevented !== !0 && (U !== d.value && (U !== null && g(), U = d.value, u = c.target, u.addEventListener("touchcancel", V, I), u.addEventListener("touchend", V, I)), m = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
+        v = null, m = !1;
       }, 200)));
     }
     function F(c) {
-      d.value !== null && (c.qSkipRipple = g === !0, n("mousedown", c), c.defaultPrevented !== !0 && X !== d.value && (X !== null && p(), X = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", V, I)));
+      d.value !== null && (c.qSkipRipple = m === !0, n("mousedown", c), c.defaultPrevented !== !0 && X !== d.value && (X !== null && g(), X = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", V, I)));
     }
     function V(c) {
       if (d.value !== null && !((c == null ? void 0 : c.type) === "blur" && document.activeElement === d.value)) {
@@ -780,10 +780,10 @@ const At = te({
           }
           n("keyup", c);
         }
-        p();
+        g();
       }
     }
-    function p(c) {
+    function g(c) {
       var x, J;
       const B = q.value;
       c !== !0 && (U === d.value || X === d.value) && B !== null && B !== document.activeElement && (B.setAttribute("tabindex", -1), B.focus()), U === d.value && (u !== null && (u.removeEventListener("touchcancel", V, I), u.removeEventListener("touchend", V, I)), U = u = null), X === d.value && (document.removeEventListener("mouseup", V, I), X = null), H === d.value && (document.removeEventListener("keyup", V, !0), (x = d.value) == null || x.removeEventListener("blur", V, I), H = null), (J = d.value) == null || J.classList.remove("q-btn--active");
@@ -792,7 +792,7 @@ const At = te({
       D(c), c.qSkipRipple = !0;
     }
     return Fe(() => {
-      p(!0);
+      g(!0);
     }), Object.assign(a, {
       click: (c) => {
         S.value === !0 && R(c);
@@ -800,52 +800,52 @@ const At = te({
     }), () => {
       let c = [];
       e.icon !== void 0 && c.push(
-        m(ge, {
+        p(me, {
           name: e.icon,
           left: e.stack !== !0 && h.value === !0,
           role: "img"
         })
       ), h.value === !0 && c.push(
-        m("span", { class: "block" }, [e.label])
+        p("span", { class: "block" }, [e.label])
       ), c = N(t.default, c), e.iconRight !== void 0 && e.round === !1 && c.push(
-        m(ge, {
+        p(me, {
           name: e.iconRight,
           right: e.stack !== !0 && h.value === !0,
           role: "img"
         })
       );
       const B = [
-        m("span", {
+        p("span", {
           class: "q-focus-helper",
           ref: q
         })
       ];
       return e.loading === !0 && e.percentage !== void 0 && B.push(
-        m("span", {
+        p("span", {
           class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
         }, [
-          m("span", {
+          p("span", {
             class: "q-btn__progress-indicator fit block",
             style: E.value
           })
         ])
       ), B.push(
-        m("span", {
+        p("span", {
           class: "q-btn__content text-center col items-center q-anchor--skip " + o.value
         }, c)
       ), e.loading !== null && B.push(
-        m(Qe, {
+        p(Qe, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
-          m("span", {
+          p("span", {
             key: "loading",
             class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [m(ze)])
+          }, t.loading !== void 0 ? t.loading() : [p(ze)])
         ] : null)
       ), oe(
-        m(
+        p(
           y.value,
-          P.value,
+          L.value,
           B
         ),
         [[
@@ -897,7 +897,7 @@ const At = te({
     return (a, s) => (b(), ae(Z(At), {
       "no-caps": "",
       unelevated: "",
-      class: L(n.value),
+      class: P(n.value),
       padding: Z(et)[a.size || Z(z).MD],
       loading: a.loading,
       disable: a.disabled || void 0,
@@ -912,7 +912,7 @@ const At = te({
       default: Ue(() => [
         a.iconLeft || a.iconMiddle ? (b(), _("i", {
           key: 0,
-          class: L([
+          class: P([
             "icon-kl",
             a.iconLeft ? "icon-kl_left" : "icon-kl_middle",
             `icon-kl-${a.iconLeft || a.iconMiddle}`,
@@ -921,11 +921,11 @@ const At = te({
         }, null, 2)) : A("", !0),
         se(a.$slots, "default", {}, void 0, !0),
         a.label ? (b(), _(ie, { key: 1 }, [
-          Le(Y(a.label), 1)
+          Pe(Y(a.label), 1)
         ], 64)) : A("", !0),
         a.iconRight ? (b(), _("i", {
           key: 2,
-          class: L([
+          class: P([
             "icon-kl",
             "icon-kl_right",
             `icon-kl-${a.iconRight}`,
@@ -977,7 +977,7 @@ const At = te({
       `app-toggle_${n.color}`
     ]);
     return (o, i) => (b(), _("div", {
-      class: L(l.value)
+      class: P(l.value)
     }, [
       o.label && o.labelLeft ? (b(), _("span", It, Y(o.label), 1)) : A("", !0),
       T("label", Tt, [
@@ -989,16 +989,16 @@ const At = te({
           class: "app-toggle__input"
         }, null, 40, zt),
         T("span", {
-          class: L(["app-toggle__slider", s.value ? `bg-${o.color}` : ""])
+          class: P(["app-toggle__slider", s.value ? `bg-${o.color}` : ""])
         }, [
           T("span", Ot, [
             o.icon && !o.modelValue ? (b(), _("i", {
               key: 0,
-              class: L(["icon-kl", `icon-kl-${o.icon}`, "app-toggle__icon"])
+              class: P(["icon-kl", `icon-kl-${o.icon}`, "app-toggle__icon"])
             }, null, 2)) : A("", !0),
             o.modelValue && (o.iconActive || o.icon) ? (b(), _("i", {
               key: 1,
-              class: L([
+              class: P([
                 "icon-kl",
                 `icon-kl-${o.iconActive || o.icon}`,
                 "app-toggle__icon",
@@ -1022,7 +1022,7 @@ function Ke(e, t) {
   return r(() => e.dark === null ? t.dark.isActive : e.dark);
 }
 function Nt(e, t) {
-  const n = W(null), a = r(() => e.disable === !0 ? null : m("span", {
+  const n = W(null), a = r(() => e.disable === !0 ? null : p("span", {
     ref: n,
     class: "no-outline",
     tabindex: -1
@@ -1042,7 +1042,7 @@ const Kt = {
 function Ft(e = {}) {
   return (t, n, a) => {
     t[n](
-      m("input", {
+      p("input", {
         class: "hidden" + (a || ""),
         ...e.value
       })
@@ -1090,105 +1090,105 @@ function Xt(e, t) {
   const { props: n, slots: a, emit: s, proxy: l } = ee(), { $q: o } = l, i = Ke(n, o), $ = W(null), { refocusTargetEl: y, refocusTarget: f } = Nt(n, $), S = ce(n, Qt), d = r(
     () => n.val !== void 0 && Array.isArray(n.modelValue)
   ), q = r(() => {
-    const p = Q(n.val);
-    return d.value === !0 ? n.modelValue.findIndex((M) => Q(M) === p) : -1;
-  }), u = r(() => d.value === !0 ? q.value !== -1 : Q(n.modelValue) === Q(n.trueValue)), g = r(() => d.value === !0 ? q.value === -1 : Q(n.modelValue) === Q(n.falseValue)), v = r(
-    () => u.value === !1 && g.value === !1
+    const g = Q(n.val);
+    return d.value === !0 ? n.modelValue.findIndex((M) => Q(M) === g) : -1;
+  }), u = r(() => d.value === !0 ? q.value !== -1 : Q(n.modelValue) === Q(n.trueValue)), m = r(() => d.value === !0 ? q.value === -1 : Q(n.modelValue) === Q(n.falseValue)), v = r(
+    () => u.value === !1 && m.value === !1
   ), h = r(() => n.disable === !0 ? -1 : n.tabindex || 0), C = r(
     () => `q-${e} cursor-pointer no-outline row inline no-wrap items-center` + (n.disable === !0 ? " disabled" : "") + (i.value === !0 ? ` q-${e}--dark` : "") + (n.dense === !0 ? ` q-${e}--dense` : "") + (n.leftLabel === !0 ? " reverse" : "")
   ), w = r(() => {
-    const p = u.value === !0 ? "truthy" : g.value === !0 ? "falsy" : "indet", M = n.color !== void 0 && (n.keepColor === !0 || g.value !== !0) ? ` text-${n.color}` : "";
-    return `q-${e}__inner relative-position non-selectable q-${e}__inner--${p}${M}`;
+    const g = u.value === !0 ? "truthy" : m.value === !0 ? "falsy" : "indet", M = n.color !== void 0 && (n.keepColor === !0 || m.value !== !0) ? ` text-${n.color}` : "";
+    return `q-${e}__inner relative-position non-selectable q-${e}__inner--${g}${M}`;
   }), E = r(() => {
-    const p = { type: "checkbox" };
-    return n.name !== void 0 && Object.assign(p, {
+    const g = { type: "checkbox" };
+    return n.name !== void 0 && Object.assign(g, {
       // see https://vuejs.org/guide/extras/render-function.html#creating-vnodes (.prop)
       ".checked": u.value,
       "^checked": u.value === !0 ? "checked" : void 0,
       name: n.name,
       value: d.value === !0 ? n.val : n.trueValue
-    }), p;
-  }), k = Ft(E), P = r(() => {
-    const p = {
+    }), g;
+  }), k = Ft(E), L = r(() => {
+    const g = {
       tabindex: h.value,
       role: "checkbox",
       "aria-label": n.label,
       "aria-checked": v.value === !0 ? "mixed" : u.value === !0 ? "true" : "false"
     };
-    return n.disable === !0 && (p["aria-disabled"] = "true"), p;
+    return n.disable === !0 && (g["aria-disabled"] = "true"), g;
   });
-  function R(p) {
-    p !== void 0 && (D(p), f(p)), n.disable !== !0 && s("update:modelValue", O(), p);
+  function R(g) {
+    g !== void 0 && (D(g), f(g)), n.disable !== !0 && s("update:modelValue", O(), g);
   }
   function O() {
     if (d.value === !0) {
       if (u.value === !0) {
-        const p = n.modelValue.slice();
-        return p.splice(q.value, 1), p;
+        const g = n.modelValue.slice();
+        return g.splice(q.value, 1), g;
       }
       return n.modelValue.concat([n.val]);
     }
     if (u.value === !0) {
       if (n.toggleOrder !== "ft" || n.toggleIndeterminate === !1)
         return n.falseValue;
-    } else if (g.value === !0) {
+    } else if (m.value === !0) {
       if (n.toggleOrder === "ft" || n.toggleIndeterminate === !1)
         return n.trueValue;
     } else
       return n.toggleOrder !== "ft" ? n.trueValue : n.falseValue;
     return n.indeterminateValue;
   }
-  function j(p) {
-    (p.keyCode === 13 || p.keyCode === 32) && D(p);
+  function j(g) {
+    (g.keyCode === 13 || g.keyCode === 32) && D(g);
   }
-  function F(p) {
-    (p.keyCode === 13 || p.keyCode === 32) && R(p);
+  function F(g) {
+    (g.keyCode === 13 || g.keyCode === 32) && R(g);
   }
   const V = t(u, v);
   return Object.assign(l, { toggle: R }), () => {
-    const p = V();
+    const g = V();
     n.disable !== !0 && k(
-      p,
+      g,
       "unshift",
       ` q-${e}__native absolute q-ma-none q-pa-none`
     );
     const M = [
-      m("div", {
+      p("div", {
         class: w.value,
         style: S.value,
         "aria-hidden": "true"
-      }, p)
+      }, g)
     ];
     y.value !== null && M.push(y.value);
     const c = n.label !== void 0 ? N(a.default, [n.label]) : Ae(a.default);
     return c !== void 0 && M.push(
-      m("div", {
+      p("div", {
         class: `q-${e}__label q-anchor--skip`
       }, c)
-    ), m("div", {
+    ), p("div", {
       ref: $,
       class: C.value,
-      ...P.value,
+      ...L.value,
       onClick: R,
       onKeydown: j,
       onKeyup: F
     }, M);
   };
 }
-const Wt = () => m("div", {
+const Wt = () => p("div", {
   key: "svg",
   class: "q-checkbox__bg absolute"
 }, [
-  m("svg", {
+  p("svg", {
     class: "q-checkbox__svg fit absolute-full",
     viewBox: "0 0 24 24"
   }, [
-    m("path", {
+    p("path", {
       class: "q-checkbox__truthy",
       fill: "none",
       d: "M1.73,12.91 8.1,19.28 22.79,4.59"
     }),
-    m("path", {
+    p("path", {
       class: "q-checkbox__indet",
       d: "M4,14H20V10H4"
     })
@@ -1204,11 +1204,11 @@ const Wt = () => m("div", {
         () => (a.value === !0 ? e.checkedIcon : s.value === !0 ? e.indeterminateIcon : e.uncheckedIcon) || null
       );
       return () => l.value !== null ? [
-        m("div", {
+        p("div", {
           key: "icon",
           class: "q-checkbox__icon-container absolute-full flex flex-center no-wrap"
         }, [
-          m(ge, {
+          p(me, {
             class: "q-checkbox__icon",
             name: l.value
           })
@@ -1313,13 +1313,13 @@ const tn = Me(
     checked: { type: Boolean },
     isMobile: { type: Boolean }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "closePopup"],
   setup(e, { emit: t }) {
     const n = e, a = t, s = () => {
-      (n.toggle || n.checkbox) && !n.disabled && a("update:modelValue", !n.modelValue);
+      n.disabled || (n.toggle || n.checkbox ? a("update:modelValue", !n.modelValue) : n.persistent || a("closePopup"));
     };
     return (l, o) => oe((b(), _("div", {
-      class: L(["menu-item", [
+      class: P(["menu-item", [
         { "menu-item_gap": l.gap },
         { "menu-item_disabled": l.disabled },
         { "menu-item_active": l.active },
@@ -1328,7 +1328,7 @@ const tn = Me(
       onClick: s
     }, [
       T("div", {
-        class: L(["row items-center no-wrap", `text-${l.color ? l.color : "dark"}`])
+        class: P(["row items-center no-wrap", `text-${l.color ? l.color : "dark"}`])
       }, [
         l.loading ? (b(), _("div", nn, [
           He(Z(ze), {
@@ -1348,7 +1348,7 @@ const tn = Me(
           }, null, 8, ["model-value"])) : A("", !0),
           l.icon ? (b(), _("div", ln, [
             T("i", {
-              class: L(`icon-kl icon-kl-${l.icon}`),
+              class: P(`icon-kl icon-kl-${l.icon}`),
               style: re({ fontSize: l.iconSize || "27px" })
             }, null, 6)
           ])) : A("", !0)
@@ -1363,7 +1363,7 @@ const tn = Me(
         "onUpdate:modelValue": o[1] || (o[1] = (i) => a("update:modelValue", i))
       }, null, 8, ["model-value", "disabled"])) : l.iconRight ? (b(), _("i", {
         key: 2,
-        class: L([
+        class: P([
           "menu-item__icon-right menu-item__icon-right_custom icon-kl",
           `icon-kl-${l.iconRight}`
         ])
@@ -1372,7 +1372,7 @@ const tn = Me(
       [tn, !l.toggle && !l.checkbox && !l.persistent && !l.disabled]
     ]);
   }
-}), Vn = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-756923ba"]]), un = /* @__PURE__ */ K({
+}), Vn = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-ad1350d0"]]), un = /* @__PURE__ */ K({
   __name: "AppIcon",
   props: {
     name: {},
@@ -1381,7 +1381,7 @@ const tn = Me(
   },
   setup(e) {
     return (t, n) => (b(), _("i", {
-      class: L(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
+      class: P(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
       style: re(t.size ? `font-size: ${t.size}` : void 0)
     }, null, 6));
   }
@@ -1430,26 +1430,26 @@ const dn = te({
       () => `q-linear-progress__track absolute-full q-linear-progress__track--${f.value} q-linear-progress__track--${a.value === !0 ? "dark" : "light"}` + (e.trackColor !== void 0 ? ` bg-${e.trackColor}` : "")
     ), d = r(() => we(l.value === !0 ? 1 : e.value, o.value, n.$q)), q = r(
       () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${l.value === !0 ? "in" : ""}determinate`
-    ), u = r(() => ({ width: `${e.value * 100}%` })), g = r(
+    ), u = r(() => ({ width: `${e.value * 100}%` })), m = r(
       () => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
     );
     return () => {
       const v = [
-        m("div", {
+        p("div", {
           class: S.value,
           style: y.value
         }),
-        m("div", {
+        p("div", {
           class: q.value,
           style: d.value
         })
       ];
       return e.stripe === !0 && l.value === !1 && v.push(
-        m("div", {
-          class: g.value,
+        p("div", {
+          class: m.value,
           style: u.value
         })
-      ), m("div", {
+      ), p("div", {
         class: $.value,
         style: i.value,
         role: "progressbar",
@@ -1462,7 +1462,7 @@ const dn = te({
 }), fn = {
   key: 0,
   class: "code-field__label"
-}, vn = { class: "code-field__inputs" }, mn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], gn = /* @__PURE__ */ K({
+}, vn = { class: "code-field__inputs" }, pn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], mn = /* @__PURE__ */ K({
   __name: "AppCodeInput",
   props: {
     length: { default: 5 },
@@ -1485,41 +1485,41 @@ const dn = te({
     ]), $ = r(() => {
       let u = "";
       return a.size == z.SM && (u += `width: ${a.length * 26 + (a.length - 1) * 5}px`), a.size == z.MD && (u += `width: ${a.length * 32 + (a.length - 1) * 8}px`), a.size == z.LG && (u += `width: ${a.length * 44 + (a.length - 1) * 10}px`), u;
-    }), y = (u, g) => {
+    }), y = (u, m) => {
       var C;
       const h = u.target.value;
       if (h.length === 1)
-        g < a.length - 1 && o.value && ((C = o.value[g + 1]) == null || C.focus());
+        m < a.length - 1 && o.value && ((C = o.value[m + 1]) == null || C.focus());
       else if (h.length > 1) {
-        const w = h.slice(0, a.length - g).split("");
+        const w = h.slice(0, a.length - m).split("");
         w.forEach((E, k) => {
-          l.value[g + k] = E;
+          l.value[m + k] = E;
         }), he(() => {
           var E;
-          o.value && ((E = o.value[Math.min(g + w.length, a.length - 1)]) == null || E.focus());
+          o.value && ((E = o.value[Math.min(m + w.length, a.length - 1)]) == null || E.focus());
         });
       }
     }, f = (u) => {
-      var g;
-      l.value[u] === "" && o.value && u > 0 && ((g = o.value[u - 1]) == null || g.focus());
-    }, S = (u, g) => {
+      var m;
+      l.value[u] === "" && o.value && u > 0 && ((m = o.value[u - 1]) == null || m.focus());
+    }, S = (u, m) => {
       var C;
       u.preventDefault();
       const v = ((C = u.clipboardData) == null ? void 0 : C.getData("text")) ?? "";
       if (!v) return;
-      const h = v.slice(0, a.length - g).split("");
+      const h = v.slice(0, a.length - m).split("");
       h.forEach((w, E) => {
-        l.value[g + E] = w;
+        l.value[m + E] = w;
       }), he(() => {
         var w;
-        o.value && ((w = o.value[Math.min(g + h.length, a.length - 1)]) == null || w.focus());
+        o.value && ((w = o.value[Math.min(m + h.length, a.length - 1)]) == null || w.focus());
       });
     };
     Xe(
       l,
       (u) => {
-        const g = u.join("");
-        d(g);
+        const m = u.join("");
+        d(m);
       },
       { deep: !0 }
     );
@@ -1532,13 +1532,13 @@ const dn = te({
       a.autofocus && o.value && o.value[0] && o.value[0].focus();
     }), t({
       injectCode: q
-    }), (u, g) => (b(), _("div", {
-      class: L(i.value),
+    }), (u, m) => (b(), _("div", {
+      class: P(i.value),
       style: re($.value)
     }, [
       u.label ? (b(), _("label", fn, Y(u.label), 1)) : A("", !0),
       T("div", vn, [
-        (b(!0), _(ie, null, Pe(u.length, (v, h) => oe((b(), _("input", {
+        (b(!0), _(ie, null, Le(u.length, (v, h) => oe((b(), _("input", {
           key: h,
           "onUpdate:modelValue": (C) => l.value[h] = C,
           ref_for: !0,
@@ -1551,7 +1551,7 @@ const dn = te({
           onInput: (C) => y(C, h),
           onKeydown: Ye((C) => f(h), ["backspace"]),
           onPaste: (C) => S(C, h)
-        }, null, 40, mn)), [
+        }, null, 40, pn)), [
           [Ge, l.value[h]]
         ])), 128))
       ]),
@@ -1564,7 +1564,7 @@ const dn = te({
       }, null, 8, ["color"])) : A("", !0)
     ], 6));
   }
-}), Tn = /* @__PURE__ */ G(gn, [["__scopeId", "data-v-4e11db87"]]), pn = { class: "app-segment__track" }, hn = { class: "app-segment__buttons" }, bn = ["onClick", "disabled"], kn = /* @__PURE__ */ K({
+}), Tn = /* @__PURE__ */ G(mn, [["__scopeId", "data-v-4e11db87"]]), gn = { class: "app-segment__track" }, hn = { class: "app-segment__buttons" }, bn = ["onClick", "disabled"], kn = /* @__PURE__ */ K({
   __name: "AppSegment",
   props: /* @__PURE__ */ Je({
     options: {},
@@ -1583,9 +1583,9 @@ const dn = te({
       n.disabled || (t.value = l);
     }
     return (l, o) => (b(), _("div", {
-      class: L(["app-segment", [{ "app-segment_disabled": l.disabled }, `app-segment_${l.size}`]])
+      class: P(["app-segment", [{ "app-segment_disabled": l.disabled }, `app-segment_${l.size}`]])
     }, [
-      T("div", pn, [
+      T("div", gn, [
         T("div", {
           class: "app-segment__thumb",
           style: re({
@@ -1595,35 +1595,35 @@ const dn = te({
         }, null, 4)
       ]),
       T("div", hn, [
-        (b(!0), _(ie, null, Pe(l.options, (i, $) => (b(), _("button", {
+        (b(!0), _(ie, null, Le(l.options, (i, $) => (b(), _("button", {
           key: $,
-          class: L(["app-segment__btn", { active: t.value === i.value }]),
+          class: P(["app-segment__btn", { active: t.value === i.value }]),
           onClick: (y) => s(i.value),
           disabled: l.disabled
         }, [
           se(l.$slots, "option", { option: i }, () => [
-            Le(Y(i.label), 1)
+            Pe(Y(i.label), 1)
           ], !0)
         ], 10, bn))), 128))
       ])
     ], 2));
   }
-}), zn = /* @__PURE__ */ G(kn, [["__scopeId", "data-v-ff56abdf"]]), On = pe(
-  () => import("./AppButtonCopy-Bs_VyYks.js")
-), jn = pe(
-  () => import("./AppSelect-CM7VmZbO.js")
-), Dn = pe(
-  () => import("./DropdownButton-CYyc9_Lq.js")
+}), zn = /* @__PURE__ */ G(kn, [["__scopeId", "data-v-ff56abdf"]]), On = ge(
+  () => import("./AppButtonCopy-rkIJl8t7.js")
+), jn = ge(
+  () => import("./AppSelect-wGAcCCc9.js")
+), Dn = ge(
+  () => import("./DropdownButton-DTKHCdbp.js")
 );
 export {
   Mn as A,
   At as B,
   Re as C,
   vt as D,
-  mt as E,
+  pt as E,
   _t as F,
   Gt as G,
-  Ln as H,
+  Pn as H,
   Cn as I,
   ct as J,
   dt as K,
@@ -1632,7 +1632,7 @@ export {
   On as N,
   jn as O,
   Vn as P,
-  ge as Q,
+  me as Q,
   ht as R,
   z as S,
   zn as T,
@@ -1649,7 +1649,7 @@ export {
   Sn as f,
   qn as g,
   Ae as h,
-  Pn as i,
+  Ln as i,
   Ct as j,
   le as k,
   $n as l,
@@ -1662,9 +1662,9 @@ export {
   D as s,
   An as t,
   Ne as u,
-  gt as v,
+  mt as v,
   Oe as w,
   N as x,
-  Pt as y,
+  Lt as y,
   Rn as z
 };