@validol4ik/uikit 0.7.7 → 0.7.8

package/dist/{index-BSUReJjU.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 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";
+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]?) /, pe = 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, p] = d.split("@@");
-            return m("path", { style: u, d: q, transform: p });
+            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,17 +310,17 @@ 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 pt(e) {
+function mt(e) {
   return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
 }
 function le(e, t) {
-  return pt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
+  return mt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
 function gt(e, t = 250) {
   let n = !1, a;
@@ -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, p = `${(S - q) / 2}px`, v = l ? p : `${$.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(${p},${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);
@@ -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 = {
@@ -523,11 +523,11 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
         qe.bind(null, k[L - 2])
       ) : j
     );
-  }), p = r(
+  }), m = r(
     () => f.value === !0 && u.value !== -1 && $t(s.$route.params, y.value.params)
   ), v = r(
-    () => p.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 ? "" : p.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);
@@ -563,7 +563,7 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
     hasLink: S,
     linkTag: d,
     resolvedLink: y,
-    linkIsActive: p,
+    linkIsActive: m,
     linkIsExactActive: v,
     linkClass: h,
     linkAttrs: q,
@@ -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" : "");
-  }), p = 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: p,
+    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, p, 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 : {
@@ -764,12 +764,12 @@ const At = te({
       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 && g(), U = d.value, u = c.target, u.addEventListener("touchcancel", V, I), u.addEventListener("touchend", V, I)), p = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
-        v = null, p = !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 = p === !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)));
+      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)) {
@@ -800,50 +800,50 @@ const At = te({
     }), () => {
       let c = [];
       e.icon !== void 0 && c.push(
-        m(pe, {
+        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(pe, {
+        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,
           L.value,
           B
@@ -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
       })
@@ -1092,12 +1092,12 @@ function Xt(e, t) {
   ), 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)), p = r(() => d.value === !0 ? q.value === -1 : Q(n.modelValue) === Q(n.falseValue)), v = r(
-    () => u.value === !1 && p.value === !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 g = u.value === !0 ? "truthy" : p.value === !0 ? "falsy" : "indet", M = n.color !== void 0 && (n.keepColor === !0 || p.value !== !0) ? ` text-${n.color}` : "";
+    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 g = { type: "checkbox" };
@@ -1131,7 +1131,7 @@ function Xt(e, t) {
     if (u.value === !0) {
       if (n.toggleOrder !== "ft" || n.toggleIndeterminate === !1)
         return n.falseValue;
-    } else if (p.value === !0) {
+    } else if (m.value === !0) {
       if (n.toggleOrder === "ft" || n.toggleIndeterminate === !1)
         return n.trueValue;
     } else
@@ -1153,7 +1153,7 @@ function Xt(e, t) {
       ` 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"
@@ -1162,10 +1162,10 @@ function Xt(e, t) {
     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,
       ...L.value,
@@ -1175,20 +1175,20 @@ function Xt(e, t) {
     }, 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(pe, {
+          p(me, {
             class: "q-checkbox__icon",
             name: l.value
           })
@@ -1316,7 +1316,7 @@ const tn = Me(
   emits: ["update:modelValue", "closePopup"],
   setup(e, { emit: t }) {
     const n = e, a = t, s = () => {
-      n.disabled || (n.toggle || n.checkbox) && (a("closePopup"), 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: P(["menu-item", [
@@ -1372,7 +1372,7 @@ const tn = Me(
       [tn, !l.toggle && !l.checkbox && !l.persistent && !l.disabled]
     ]);
   }
-}), Vn = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-d4331433"]]), un = /* @__PURE__ */ K({
+}), Vn = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-ad1350d0"]]), un = /* @__PURE__ */ K({
   __name: "AppIcon",
   props: {
     name: {},
@@ -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}%` })), p = 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: p.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"], pn = /* @__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, p) => {
+    }), y = (u, m) => {
       var C;
       const h = u.target.value;
       if (h.length === 1)
-        p < a.length - 1 && o.value && ((C = o.value[p + 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 - p).split("");
+        const w = h.slice(0, a.length - m).split("");
         w.forEach((E, k) => {
-          l.value[p + k] = E;
+          l.value[m + k] = E;
         }), he(() => {
           var E;
-          o.value && ((E = o.value[Math.min(p + 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 p;
-      l.value[u] === "" && o.value && u > 0 && ((p = o.value[u - 1]) == null || p.focus());
-    }, S = (u, p) => {
+      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 - p).split("");
+      const h = v.slice(0, a.length - m).split("");
       h.forEach((w, E) => {
-        l.value[p + E] = w;
+        l.value[m + E] = w;
       }), he(() => {
         var w;
-        o.value && ((w = o.value[Math.min(p + 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 p = u.join("");
-        d(p);
+        const m = u.join("");
+        d(m);
       },
       { deep: !0 }
     );
@@ -1532,7 +1532,7 @@ const dn = te({
       a.autofocus && o.value && o.value[0] && o.value[0].focus();
     }), t({
       injectCode: q
-    }), (u, p) => (b(), _("div", {
+    }), (u, m) => (b(), _("div", {
       class: P(i.value),
       style: re($.value)
     }, [
@@ -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(pn, [["__scopeId", "data-v-4e11db87"]]), gn = { 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: {},
@@ -1609,18 +1609,18 @@ const dn = te({
     ], 2));
   }
 }), zn = /* @__PURE__ */ G(kn, [["__scopeId", "data-v-ff56abdf"]]), On = ge(
-  () => import("./AppButtonCopy-CZMmxAOw.js")
+  () => import("./AppButtonCopy-rkIJl8t7.js")
 ), jn = ge(
-  () => import("./AppSelect-CqpUcE2F.js")
+  () => import("./AppSelect-wGAcCCc9.js")
 ), Dn = ge(
-  () => import("./DropdownButton-DYMqQn3L.js")
+  () => 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,
   Pn as H,
@@ -1632,7 +1632,7 @@ export {
   On as N,
   jn as O,
   Vn as P,
-  pe as Q,
+  me as Q,
   ht as R,
   z as S,
   zn as T,
@@ -1662,7 +1662,7 @@ export {
   D as s,
   An as t,
   Ne as u,
-  pt as v,
+  mt as v,
   Oe as w,
   N as x,
   Lt as y,