@validol4ik/uikit 0.9.2 → 0.9.3

package/dist/{index-BqPXkbjY.js → index-ARbbhWAD.js}

@@ -1,4 +1,4 @@
-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, openBlock as b, createBlock as ae, normalizeClass as P, withCtx as Ue, createElementBlock as _, createCommentVNode as V, renderSlot as se, Fragment as ie, createTextVNode as Pe, toDisplayString as Y, withModifiers as He, createElementVNode as T, toRaw as Q, createVNode as Xe, normalizeStyle as re, watch as We, onMounted as Ye, renderList as Le, withKeys as Ge, vModelText as Je, nextTick as he, useModel as Ze, mergeModels as et, defineAsyncComponent as ge } 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 Qe, Transition as Ue, openBlock as h, createBlock as ae, normalizeClass as P, withCtx as He, createElementBlock as _, createCommentVNode as V, renderSlot as se, Fragment as ie, createTextVNode as Pe, toDisplayString as Y, withModifiers as Le, createElementVNode as T, toRaw as Q, createVNode as Xe, normalizeStyle as re, watch as We, onMounted as Ye, renderList as Re, withKeys as Ge, vModelText as Je, nextTick as be, useModel as Ze, mergeModels as et, defineAsyncComponent as ge } from "vue";
 const $n = ({ app: e }) => {
   const t = e.config.globalProperties.$q;
   t.iconMapFn = (n) => {
@@ -7,7 +7,7 @@ const $n = ({ app: e }) => {
         cls: `icon-kl icon-kl-${n.slice(8)}`
       };
   };
-}, Re = {
+}, Me = {
   PRIMARY: "primary",
   INFO: "info"
 }, z = {
@@ -35,10 +35,10 @@ function ce(e, t = pe) {
 function te(e) {
   return Ee(K(e));
 }
-function Me(e) {
+function Ve(e) {
   return Ee(e);
 }
-function Ve(e, t) {
+function Ae(e, t) {
   return e !== void 0 && e() || t;
 }
 function qn(e, t) {
@@ -60,7 +60,7 @@ function Sn(e, t, n, a, s, l) {
   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}`, Ae = {
+const he = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ie = {
   "mdi-": (e) => `mdi ${e}`,
   "icon-": fe,
   // fontawesome equiv
@@ -74,15 +74,15 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
   "bi-": (e) => `bootstrap-icons ${e}`,
   "i-": fe
   // UnoCSS pure icons
-}, Ie = {
+}, Te = {
   o_: "-outlined",
   r_: "-round",
   s_: "-sharp"
-}, Te = {
+}, ze = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, nt = new RegExp("^(" + Object.keys(Ae).join("|") + ")"), at = new RegExp("^(" + Object.keys(Ie).join("|") + ")"), ke = new RegExp("^(" + Object.keys(Te).join("|") + ")"), lt = /^[Mm]\s?[-+]?\.?\d/, ot = /^img:/, st = /^svguse:/, it = /^ion-/, rt = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, me = te({
+}, nt = new RegExp("^(" + Object.keys(Ie).join("|") + ")"), at = new RegExp("^(" + Object.keys(Te).join("|") + ")"), ke = new RegExp("^(" + Object.keys(ze).join("|") + ")"), lt = /^[Mm]\s?[-+]?\.?\d/, ot = /^img:/, st = /^svguse:/, it = /^ion-/, rt = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, me = te({
   name: "QIcon",
   props: {
     ...ue,
@@ -115,7 +115,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
             };
       }
       if (lt.test(i) === !0) {
-        const [f, C = be] = i.split("|");
+        const [f, C = he] = i.split("|");
         return {
           svg: !0,
           viewBox: C,
@@ -131,7 +131,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
           src: i.substring(4)
         };
       if (st.test(i) === !0) {
-        const [f, C = be] = i.split("|");
+        const [f, C = he] = i.split("|");
         return {
           svguse: !0,
           src: f.substring(7),
@@ -141,7 +141,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
       let $ = " ";
       const y = i.match(nt);
       if (y !== null)
-        o = Ae[y[1]](i);
+        o = Ie[y[1]](i);
       else if (rt.test(i) === !0)
         o = i;
       else if (it.test(i) === !0)
@@ -149,11 +149,11 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
       else if (ke.test(i) === !0) {
         o = "notranslate material-symbols";
         const f = i.match(ke);
-        f !== null && (i = i.substring(6), o += Te[f[1]]), $ = i;
+        f !== null && (i = i.substring(6), o += ze[f[1]]), $ = i;
       } else {
         o = "notranslate material-icons";
         const f = i.match(at);
-        f !== null && (i = i.substring(2), o += Ie[f[1]]), $ = i;
+        f !== null && (i = i.substring(2), o += Te[f[1]]), $ = i;
       }
       return {
         cls: o,
@@ -166,7 +166,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
         style: a.value,
         "aria-hidden": "true"
       };
-      return l.value.none === !0 ? p(e.tag, o, Ve(t.default)) : l.value.img === !0 ? p(e.tag, o, N(t.default, [
+      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", {
@@ -198,7 +198,7 @@ function ct(e) {
     )
   };
 }
-const ze = te({
+const Oe = te({
   name: "QSpinner",
   props: {
     ...ut,
@@ -295,7 +295,7 @@ function Pn(e) {
     n = n.parentElement;
   }
 }
-function Oe(e) {
+function je(e) {
   e.stopPropagation();
 }
 function vt(e) {
@@ -322,7 +322,7 @@ function gt(e) {
 function le(e, t) {
   return gt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
-function ht(e, t = 250) {
+function bt(e, t = 250) {
   let n = !1, a;
   return function() {
     return n === !1 && (n = !0, setTimeout(() => {
@@ -331,11 +331,11 @@ function ht(e, t = 250) {
   };
 }
 function ye(e, t, n, a) {
-  n.modifiers.stop === !0 && Oe(e);
+  n.modifiers.stop === !0 && je(e);
   const s = n.modifiers.color;
   let l = n.modifiers.center;
   l = l === !0 || a === !0;
-  const o = document.createElement("span"), i = document.createElement("span"), $ = ft(e), { left: y, top: f, width: C, height: d } = t.getBoundingClientRect(), q = Math.sqrt(C * C + d * d), u = q / 2, m = `${(C - q) / 2}px`, v = l ? m : `${$.left - y - u}px`, h = `${(d - q) / 2}px`, S = l ? h : `${$.top - f - u}px`;
+  const o = document.createElement("span"), i = document.createElement("span"), $ = ft(e), { left: y, top: f, width: C, height: d } = t.getBoundingClientRect(), q = Math.sqrt(C * C + d * d), u = q / 2, m = `${(C - q) / 2}px`, v = l ? m : `${$.left - y - u}px`, b = `${(d - q) / 2}px`, S = l ? b : `${$.top - f - u}px`;
   i.className = "q-ripple__inner", dt(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(${m},${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},${b},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);
@@ -364,7 +364,7 @@ function _e(e, { modifiers: t, value: n, arg: a }) {
     keyCodes: [].concat(s.keyCodes || 13)
   };
 }
-const bt = Me(
+const ht = Ve(
   {
     name: "ripple",
     beforeMount(e, t) {
@@ -378,7 +378,7 @@ const bt = 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: ht((s) => {
+        keystart: bt((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)
       };
@@ -402,7 +402,7 @@ const bt = Me(
       }), mt(t, "main"), delete e._qripple);
     }
   }
-), je = {
+), De = {
   left: "start",
   center: "center",
   right: "end",
@@ -410,7 +410,7 @@ const bt = Me(
   around: "around",
   evenly: "evenly",
   stretch: "stretch"
-}, kt = Object.keys(je), yt = {
+}, kt = Object.keys(De), yt = {
   align: {
     type: String,
     validator: (e) => kt.includes(e)
@@ -419,7 +419,7 @@ const bt = Me(
 function _t(e) {
   return r(() => {
     const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
-    return `${e.vertical === !0 ? "items" : "justify"}-${je[t]}`;
+    return `${e.vertical === !0 ? "items" : "justify"}-${De[t]}`;
   });
 }
 function ne(e) {
@@ -469,7 +469,7 @@ function St(e, t) {
       return !1;
   return !0;
 }
-const De = {
+const xe = {
   // router-link
   to: [String, Object],
   replace: Boolean,
@@ -479,7 +479,7 @@ const De = {
   // state
   disable: Boolean
 }, Rn = {
-  ...De,
+  ...xe,
   // router-link
   exact: Boolean,
   activeClass: {
@@ -527,7 +527,7 @@ function Bt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
     () => f.value === !0 && u.value !== -1 && qt(s.$route.params, y.value.params)
   ), v = r(
     () => 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}` : "" : "");
+  ), b = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : m.value === !0 ? ` ${a.activeClass}` : "" : "");
   function S(k) {
     try {
       return s.$router.resolve(k);
@@ -565,7 +565,7 @@ function Bt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
     resolvedLink: y,
     linkIsActive: m,
     linkIsExactActive: v,
-    linkClass: h,
+    linkClass: b,
     linkAttrs: q,
     getLink: S,
     navigateToRouterLink: w,
@@ -586,16 +586,16 @@ const Se = {
   lg: 20,
   xl: 24
 }, Et = ["button", "submit", "reset"], Pt = /[^\s]\/[^\s]/, Lt = ["flat", "outline", "push", "unelevated"];
-function xe(e, t) {
+function Ne(e, t) {
   return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
 }
 function Mn(e) {
-  const t = xe(e);
+  const t = Ne(e);
   return t !== void 0 ? { [t]: !0 } : {};
 }
 const Rt = {
   ...ue,
-  ...De,
+  ...xe,
   type: {
     type: String,
     default: "button"
@@ -645,7 +645,7 @@ function Vt(e) {
   }), $ = r(() => {
     const v = e.fab === !1 && e.fabMini === !1 ? t.value : {};
     return e.padding !== void 0 ? Object.assign({}, v, {
-      padding: e.padding.split(/\s+/).map((h) => h in Se ? Se[h] + "px" : h).join(" "),
+      padding: e.padding.split(/\s+/).map((b) => b in Se ? Se[b] + "px" : b).join(" "),
       minWidth: "0",
       minHeight: "0"
     }) : v;
@@ -653,7 +653,7 @@ function Vt(e) {
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
   ), f = r(
     () => e.disable !== !0 && e.loading !== !0
-  ), C = r(() => f.value === !0 ? e.tabindex || 0 : -1), d = r(() => xe(e, "standard")), q = r(() => {
+  ), C = r(() => f.value === !0 ? e.tabindex || 0 : -1), d = r(() => Ne(e, "standard")), q = r(() => {
     const v = { tabindex: C.value };
     return s.value === !0 ? Object.assign(v, o.value) : Et.includes(e.type) === !0 && (v.type = e.type), l.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), a.value !== !0 && Pt.test(e.type) === !0 && (v.type = e.type)) : e.disable === !0 && (v.disabled = "", v["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(v, {
       role: "progressbar",
@@ -664,8 +664,8 @@ function Vt(e) {
   }), u = r(() => {
     let v;
     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" : "");
+    const b = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    return `q-btn--${d.value} q-btn--${b}` + (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" : "");
   }), m = r(
     () => n.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
   );
@@ -703,7 +703,7 @@ const At = te({
       isActionable: C
     } = Vt(e), d = W(null), q = W(null);
     let u = null, m, v = null;
-    const h = r(
+    const b = r(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
     ), S = r(() => e.disable === !0 || e.ripple === !1 ? !1 : {
       keyCodes: $.value === !0 ? [13, 32] : [13],
@@ -776,7 +776,7 @@ const At = te({
         if ((c == null ? void 0 : c.type) === "keyup") {
           if (H === d.value && le(c, [13, 32]) === !0) {
             const B = new MouseEvent("click", c);
-            B.qKeyEvent = !0, c.defaultPrevented === !0 && vt(B), c.cancelBubble === !0 && Oe(B), d.value.dispatchEvent(B), D(c), c.qKeyEvent = !0;
+            B.qKeyEvent = !0, c.defaultPrevented === !0 && vt(B), c.cancelBubble === !0 && je(B), d.value.dispatchEvent(B), D(c), c.qKeyEvent = !0;
           }
           n("keyup", c);
         }
@@ -791,7 +791,7 @@ const At = te({
     function M(c) {
       D(c), c.qSkipRipple = !0;
     }
-    return Fe(() => {
+    return Qe(() => {
       g(!0);
     }), Object.assign(a, {
       click: (c) => {
@@ -802,15 +802,15 @@ const At = te({
       e.icon !== void 0 && c.push(
         p(me, {
           name: e.icon,
-          left: e.stack !== !0 && h.value === !0,
+          left: e.stack !== !0 && b.value === !0,
           role: "img"
         })
-      ), h.value === !0 && c.push(
+      ), b.value === !0 && c.push(
         p("span", { class: "block" }, [e.label])
       ), c = N(t.default, c), e.iconRight !== void 0 && e.round === !1 && c.push(
         p(me, {
           name: e.iconRight,
-          right: e.stack !== !0 && h.value === !0,
+          right: e.stack !== !0 && b.value === !0,
           role: "img"
         })
       );
@@ -834,13 +834,13 @@ const At = te({
           class: "q-btn__content text-center col items-center q-anchor--skip " + o.value
         }, c)
       ), e.loading !== null && B.push(
-        p(Qe, {
+        p(Ue, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
           p("span", {
             key: "loading",
             class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [p(ze)])
+          }, t.loading !== void 0 ? t.loading() : [p(Oe)])
         ] : null)
       ), oe(
         p(
@@ -849,7 +849,7 @@ const At = te({
           B
         ),
         [[
-          bt,
+          ht,
           S.value,
           void 0,
           w.value
@@ -864,7 +864,7 @@ const At = te({
     transparent: { type: Boolean },
     flat: { type: Boolean },
     rounded: { type: Boolean },
-    color: { default: Re.PRIMARY },
+    color: { default: Me.PRIMARY },
     iconLeft: {},
     iconRight: {},
     iconMiddle: {},
@@ -894,7 +894,7 @@ const At = te({
       `app-btn_${t.size}`,
       `app-btn_${t.color}`
     ]);
-    return (a, s) => (b(), ae(Z(At), {
+    return (a, s) => (h(), ae(Z(At), {
       "no-caps": "",
       unelevated: "",
       class: P(n.value),
@@ -909,8 +909,8 @@ const At = te({
       download: a.download,
       onClick: s[0] || (s[0] = (l) => a.$emit("click", l))
     }, {
-      default: Ue(() => [
-        a.iconLeft || a.iconMiddle ? (b(), _("i", {
+      default: He(() => [
+        a.iconLeft || a.iconMiddle ? (h(), _("i", {
           key: 0,
           class: P([
             "icon-kl",
@@ -920,10 +920,10 @@ const At = te({
           ])
         }, null, 2)) : V("", !0),
         se(a.$slots, "default", {}, void 0, !0),
-        a.label ? (b(), _(ie, { key: 1 }, [
+        a.label ? (h(), _(ie, { key: 1 }, [
           Pe(Y(a.label), 1)
         ], 64)) : V("", !0),
-        a.iconRight ? (b(), _("i", {
+        a.iconRight ? (h(), _("i", {
           key: 2,
           class: P([
             "icon-kl",
@@ -954,7 +954,7 @@ const At = te({
     size: { default: z.MD },
     label: {},
     disabled: { type: Boolean },
-    color: { default: Re.PRIMARY },
+    color: { default: Me.PRIMARY },
     iconColor: {},
     icon: {},
     iconActive: {},
@@ -976,12 +976,12 @@ const At = te({
       `app-toggle_${n.size}`,
       `app-toggle_${n.color}`
     ]);
-    return (o, i) => (b(), _("div", {
+    return (o, i) => (h(), _("div", {
       class: P(l.value),
-      onClick: i[1] || (i[1] = He(() => {
+      onClick: i[1] || (i[1] = Le(() => {
       }, ["stop"]))
     }, [
-      o.label && o.labelLeft ? (b(), _("span", Tt, Y(o.label), 1)) : V("", !0),
+      o.label && o.labelLeft ? (h(), _("span", Tt, Y(o.label), 1)) : V("", !0),
       T("label", zt, [
         T("input", {
           type: "checkbox",
@@ -994,11 +994,11 @@ const At = te({
           class: P(["app-toggle__slider", s.value ? `bg-${o.color}` : ""])
         }, [
           T("span", jt, [
-            o.icon && !o.modelValue ? (b(), _("i", {
+            o.icon && !o.modelValue ? (h(), _("i", {
               key: 0,
               class: P(["icon-kl", `icon-kl-${o.icon}`, "app-toggle__icon"])
             }, null, 2)) : V("", !0),
-            o.modelValue && (o.iconActive || o.icon) ? (b(), _("i", {
+            o.modelValue && (o.iconActive || o.icon) ? (h(), _("i", {
               key: 1,
               class: P([
                 "icon-kl",
@@ -1011,16 +1011,16 @@ const At = te({
         ], 2),
         se(o.$slots, "default", {}, void 0, !0)
       ]),
-      o.label && !o.labelLeft ? (b(), _("span", Dt, Y(o.label), 1)) : V("", !0)
+      o.label && !o.labelLeft ? (h(), _("span", Dt, Y(o.label), 1)) : V("", !0)
     ], 2));
   }
-}), Nt = /* @__PURE__ */ G(xt, [["__scopeId", "data-v-ba49356e"]]), Ne = {
+}), Nt = /* @__PURE__ */ G(xt, [["__scopeId", "data-v-ba49356e"]]), Ke = {
   dark: {
     type: Boolean,
     default: null
   }
 };
-function Ke(e, t) {
+function Fe(e, t) {
   return r(() => e.dark === null ? t.dark.isActive : e.dark);
 }
 function Kt(e, t) {
@@ -1061,7 +1061,7 @@ const Ut = {
   lg: 50,
   xl: 60
 }, Ht = {
-  ...Ne,
+  ...Ke,
   ...ue,
   ...Ft,
   modelValue: {
@@ -1089,14 +1089,14 @@ const Ut = {
   tabindex: [String, Number]
 }, Xt = ["update:modelValue"];
 function Wt(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 } = Kt(n, $), C = ce(n, Ut), d = r(
+  const { props: n, slots: a, emit: s, proxy: l } = ee(), { $q: o } = l, i = Fe(n, o), $ = W(null), { refocusTargetEl: y, refocusTarget: f } = Kt(n, $), C = ce(n, Ut), d = r(
     () => n.val !== void 0 && Array.isArray(n.modelValue)
   ), q = r(() => {
     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), S = r(
+  ), b = r(() => n.disable === !0 ? -1 : n.tabindex || 0), S = 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 g = u.value === !0 ? "truthy" : m.value === !0 ? "falsy" : "indet", M = n.color !== void 0 && (n.keepColor === !0 || m.value !== !0) ? ` text-${n.color}` : "";
@@ -1112,7 +1112,7 @@ function Wt(e, t) {
     }), g;
   }), k = Qt(E), L = r(() => {
     const g = {
-      tabindex: h.value,
+      tabindex: b.value,
       role: "checkbox",
       "aria-label": n.label,
       "aria-checked": v.value === !0 ? "mixed" : u.value === !0 ? "true" : "false"
@@ -1162,7 +1162,7 @@ function Wt(e, t) {
       }, g)
     ];
     y.value !== null && M.push(y.value);
-    const c = n.label !== void 0 ? N(a.default, [n.label]) : Ve(a.default);
+    const c = n.label !== void 0 ? N(a.default, [n.label]) : Ae(a.default);
     return c !== void 0 && M.push(
       p("div", {
         class: `q-${e}__label q-anchor--skip`
@@ -1257,7 +1257,7 @@ function Be(e) {
   const t = parseInt(e, 10);
   return isNaN(t) ? 0 : t;
 }
-const nn = Me(
+const nn = Ve(
   {
     name: "close-popup",
     beforeMount(e, { value: t }) {
@@ -1320,7 +1320,7 @@ const nn = Me(
     const n = e, a = t, s = () => {
       n.disabled || (n.toggle || n.checkbox ? a("update:modelValue", !n.modelValue) : n.persistent || a("closePopup"));
     };
-    return (l, o) => oe((b(), _("div", {
+    return (l, o) => oe((h(), _("div", {
       class: P(["menu-item", [
         { "menu-item_gap": l.gap },
         { "menu-item_disabled": l.disabled },
@@ -1332,23 +1332,25 @@ const nn = Me(
       T("div", {
         class: P(["row items-center no-wrap", `text-${l.color ? l.color : "dark"}`])
       }, [
-        l.loading ? (b(), _("div", an, [
-          Xe(Z(ze), {
+        l.loading ? (h(), _("div", an, [
+          Xe(Z(Oe), {
             size: "19px",
             color: l.color ? l.color : "dark"
           }, null, 8, ["color"])
-        ])) : (b(), _(ie, { key: 1 }, [
-          l.checked ? (b(), _("div", ln, [...o[2] || (o[2] = [
+        ])) : (h(), _(ie, { key: 1 }, [
+          l.checked ? (h(), _("div", ln, [...o[3] || (o[3] = [
             T("i", { class: "icon-kl icon-kl-check" }, null, -1)
           ])])) : V("", !0),
-          l.checkbox ? (b(), ae(Gt, {
+          l.checkbox ? (h(), ae(Gt, {
             key: 1,
             class: "menu-item__checkbox",
             size: "34px",
             "model-value": l.modelValue,
-            "onUpdate:modelValue": o[0] || (o[0] = (i) => a("update:modelValue", i))
+            "onUpdate:modelValue": o[0] || (o[0] = (i) => a("update:modelValue", i)),
+            onClick: o[1] || (o[1] = Le(() => {
+            }, ["stop"]))
           }, null, 8, ["model-value"])) : V("", !0),
-          l.icon ? (b(), _("div", on, [
+          l.icon ? (h(), _("div", on, [
             T("i", {
               class: P(`icon-kl icon-kl-${l.icon}`),
               style: re({ fontSize: l.iconSize || "27px" })
@@ -1357,24 +1359,24 @@ const nn = Me(
         ], 64)),
         T("span", sn, Y(l.label), 1)
       ], 2),
-      l.$slots.right ? se(l.$slots, "right", { key: 0 }, void 0, !0) : l.toggle ? (b(), ae(Nt, {
+      l.$slots.right ? se(l.$slots, "right", { key: 0 }, void 0, !0) : l.toggle ? (h(), ae(Nt, {
         key: 1,
         class: "menu-item__toggle",
         "model-value": l.modelValue,
         disabled: l.disabled || l.loading,
-        "onUpdate:modelValue": o[1] || (o[1] = (i) => a("update:modelValue", i))
-      }, null, 8, ["model-value", "disabled"])) : l.iconRight ? (b(), _("i", {
+        "onUpdate:modelValue": o[2] || (o[2] = (i) => a("update:modelValue", i))
+      }, null, 8, ["model-value", "disabled"])) : l.iconRight ? (h(), _("i", {
         key: 2,
         class: P([
           "menu-item__icon-right menu-item__icon-right_custom icon-kl",
           `icon-kl-${l.iconRight}`
         ])
-      }, null, 2)) : l.arrow ? (b(), _("i", rn)) : V("", !0)
+      }, null, 2)) : l.arrow ? (h(), _("i", rn)) : V("", !0)
     ], 2)), [
       [nn, !l.toggle && !l.checkbox && !l.persistent && !l.disabled]
     ]);
   }
-}), In = /* @__PURE__ */ G(un, [["__scopeId", "data-v-6b725efb"]]), cn = /* @__PURE__ */ K({
+}), In = /* @__PURE__ */ G(un, [["__scopeId", "data-v-4b2a03b5"]]), cn = /* @__PURE__ */ K({
   __name: "AppIcon",
   props: {
     name: {},
@@ -1382,7 +1384,7 @@ const nn = Me(
     color: {}
   },
   setup(e) {
-    return (t, n) => (b(), _("i", {
+    return (t, n) => (h(), _("i", {
       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));
@@ -1402,7 +1404,7 @@ function we(e, t, n) {
 const fn = te({
   name: "QLinearProgress",
   props: {
-    ...Ne,
+    ...Ke,
     ...ue,
     value: {
       type: Number,
@@ -1423,7 +1425,7 @@ const fn = te({
     instantFeedback: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: n } = ee(), a = Ke(e, n.$q), s = ce(e, dn), l = r(() => e.indeterminate === !0 || e.query === !0), o = r(() => e.reverse !== e.query), i = r(() => ({
+    const { proxy: n } = ee(), a = Fe(e, n.$q), s = ce(e, dn), l = r(() => e.indeterminate === !0 || e.query === !0), o = r(() => e.reverse !== e.query), i = r(() => ({
       ...s.value !== null ? s.value : {},
       "--q-linear-progress-speed": `${e.animationSpeed}ms`
     })), $ = r(
@@ -1489,14 +1491,14 @@ const fn = te({
       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, m) => {
       var S;
-      const h = u.target.value;
-      if (h.length === 1)
+      const b = u.target.value;
+      if (b.length === 1)
         m < a.length - 1 && o.value && ((S = o.value[m + 1]) == null || S.focus());
-      else if (h.length > 1) {
-        const w = h.slice(0, a.length - m).split("");
+      else if (b.length > 1) {
+        const w = b.slice(0, a.length - m).split("");
         w.forEach((E, k) => {
           l.value[m + k] = E;
-        }), he(() => {
+        }), be(() => {
           var E;
           o.value && ((E = o.value[Math.min(m + w.length, a.length - 1)]) == null || E.focus());
         });
@@ -1509,12 +1511,12 @@ const fn = te({
       u.preventDefault();
       const v = ((S = u.clipboardData) == null ? void 0 : S.getData("text")) ?? "";
       if (!v) return;
-      const h = v.slice(0, a.length - m).split("");
-      h.forEach((w, E) => {
+      const b = v.slice(0, a.length - m).split("");
+      b.forEach((w, E) => {
         l.value[m + E] = w;
-      }), he(() => {
+      }), be(() => {
         var w;
-        o.value && ((w = o.value[Math.min(m + h.length, a.length - 1)]) == null || w.focus());
+        o.value && ((w = o.value[Math.min(m + b.length, a.length - 1)]) == null || w.focus());
       });
     };
     We(
@@ -1534,15 +1536,15 @@ const fn = te({
       a.autofocus && o.value && o.value[0] && o.value[0].focus();
     }), t({
       injectCode: q
-    }), (u, m) => (b(), _("div", {
+    }), (u, m) => (h(), _("div", {
       class: P(i.value),
       style: re($.value)
     }, [
-      u.label ? (b(), _("label", vn, Y(u.label), 1)) : V("", !0),
+      u.label ? (h(), _("label", vn, Y(u.label), 1)) : V("", !0),
       T("div", pn, [
-        (b(!0), _(ie, null, Le(u.length, (v, h) => oe((b(), _("input", {
-          key: h,
-          "onUpdate:modelValue": (S) => l.value[h] = S,
+        (h(!0), _(ie, null, Re(u.length, (v, b) => oe((h(), _("input", {
+          key: b,
+          "onUpdate:modelValue": (S) => l.value[b] = S,
           ref_for: !0,
           ref_key: "inputRefs",
           ref: o,
@@ -1550,14 +1552,14 @@ const fn = te({
           maxlength: "1",
           class: "code-field__input",
           disabled: u.disabled || u.loading,
-          onInput: (S) => y(S, h),
-          onKeydown: Ge((S) => f(h), ["backspace"]),
-          onPaste: (S) => C(S, h)
+          onInput: (S) => y(S, b),
+          onKeydown: Ge((S) => f(b), ["backspace"]),
+          onPaste: (S) => C(S, b)
         }, null, 40, mn)), [
-          [Je, l.value[h]]
+          [Je, l.value[b]]
         ])), 128))
       ]),
-      u.loading ? (b(), ae(fn, {
+      u.loading ? (h(), ae(fn, {
         key: 1,
         indeterminate: "",
         rounded: "",
@@ -1566,7 +1568,7 @@ const fn = te({
       }, null, 8, ["color"])) : V("", !0)
     ], 6));
   }
-}), zn = /* @__PURE__ */ G(gn, [["__scopeId", "data-v-4e11db87"]]), hn = { class: "app-segment__track" }, bn = { class: "app-segment__buttons" }, kn = ["onClick", "disabled"], yn = /* @__PURE__ */ K({
+}), zn = /* @__PURE__ */ G(gn, [["__scopeId", "data-v-4e11db87"]]), bn = { class: "app-segment__track" }, hn = { class: "app-segment__buttons" }, kn = ["onClick", "disabled"], yn = /* @__PURE__ */ K({
   __name: "AppSegment",
   props: /* @__PURE__ */ et({
     options: {},
@@ -1584,10 +1586,10 @@ const fn = te({
     function s(l) {
       n.disabled || (t.value = l);
     }
-    return (l, o) => (b(), _("div", {
+    return (l, o) => (h(), _("div", {
       class: P(["app-segment", [{ "app-segment_disabled": l.disabled }, `app-segment_${l.size}`]])
     }, [
-      T("div", hn, [
+      T("div", bn, [
         T("div", {
           class: "app-segment__thumb",
           style: re({
@@ -1596,8 +1598,8 @@ const fn = te({
           })
         }, null, 4)
       ]),
-      T("div", bn, [
-        (b(!0), _(ie, null, Le(l.options, (i, $) => (b(), _("button", {
+      T("div", hn, [
+        (h(!0), _(ie, null, Re(l.options, (i, $) => (h(), _("button", {
           key: $,
           class: P(["app-segment__btn", { active: t.value === i.value }]),
           onClick: (y) => s(i.value),
@@ -1611,16 +1613,16 @@ const fn = te({
     ], 2));
   }
 }), On = /* @__PURE__ */ G(yn, [["__scopeId", "data-v-ff56abdf"]]), jn = ge(
-  () => import("./AppButtonCopy-BiBpclZl.js")
+  () => import("./AppButtonCopy-C4XzQZrx.js")
 ), Dn = ge(
-  () => import("./AppSelect-C2Py88wq.js")
+  () => import("./AppSelect-D-M9-0AT.js")
 ), xn = ge(
-  () => import("./DropdownButton-D9kVbgTX.js")
+  () => import("./DropdownButton-BqYVhmGH.js")
 );
 export {
   Vn as A,
   At as B,
-  Re as C,
+  Me as C,
   pt as D,
   mt as E,
   $t as F,
@@ -1635,7 +1637,7 @@ export {
   Tn as O,
   In as P,
   me as Q,
-  bt as R,
+  ht as R,
   z as S,
   On as T,
   Dn as U,
@@ -1643,14 +1645,14 @@ export {
   xn as W,
   $n as X,
   G as _,
-  Ke as a,
-  ze as b,
+  Fe as a,
+  Oe as b,
   te as c,
   ue as d,
   ce as e,
   Sn as f,
   Cn as g,
-  Ve as h,
+  Ae as h,
   Rn as i,
   Bt as j,
   le as k,
@@ -1663,9 +1665,9 @@ export {
   Ft as r,
   D as s,
   An as t,
-  Ne as u,
+  Ke as u,
   gt as v,
-  Oe as w,
+  je as w,
   N as x,
   Rt as y,
   Mn as z