@validol4ik/uikit 0.7.0 → 0.7.1

package/dist/{index-CheOtzui.js → index-BV2qSN9C.js}

@@ -1,5 +1,5 @@
-import { computed as c, markRaw as Se, defineComponent as F, h as m, withDirectives as se, getCurrentInstance as Z, unref as W, ref as J, onBeforeUnmount as Oe, Transition as De, createBlock as Be, openBlock as B, normalizeClass as R, withCtx as Ie, createElementBlock as C, createCommentVNode as T, renderSlot as re, Fragment as ie, createTextVNode as Ce, toDisplayString as H, createElementVNode as D, normalizeStyle as ue, watch as je, onMounted as xe, renderList as we, withKeys as Ve, vModelText as Ke, nextTick as ve, mergeModels as Ne, useModel as Fe, defineAsyncComponent as ce } from "vue";
-const Xt = ({ app: e }) => {
+import { computed as c, markRaw as Se, defineComponent as F, h as m, withDirectives as se, getCurrentInstance as Z, unref as W, ref as J, onBeforeUnmount as Oe, Transition as De, createBlock as Ce, openBlock as S, normalizeClass as M, withCtx as Ie, createElementBlock as C, createCommentVNode as T, renderSlot as re, Fragment as ie, createTextVNode as we, toDisplayString as H, createElementVNode as D, normalizeStyle as ue, watch as xe, onMounted as je, renderList as Be, withKeys as Ve, vModelText as Ke, nextTick as ve, mergeModels as Ne, useModel as Fe, defineAsyncComponent as ce } from "vue";
+const Gt = ({ app: e }) => {
   const t = e.config.globalProperties.$q;
   t.iconMapFn = (a) => {
     if (a.startsWith("icon-kl:"))
@@ -10,14 +10,16 @@ const Xt = ({ app: e }) => {
 }, Le = {
   PRIMARY: "primary",
   INFO: "info"
-}, k = {
+}, B = {
   SM: "sm",
   MD: "md",
-  LG: "lg"
+  LG: "lg",
+  XL: "xl"
 }, Qe = {
-  [k.SM]: "3px 9px",
-  [k.MD]: "5px 12px",
-  [k.LG]: "9px 20px"
+  [B.SM]: "3px 9px",
+  [B.MD]: "5px 12px",
+  [B.LG]: "6px 15px",
+  [B.XL]: "9px 20px"
 }, le = {
   xs: 18,
   sm: 24,
@@ -33,10 +35,10 @@ function fe(e, t = le) {
 function ee(e) {
   return Se(F(e));
 }
-function Ge(e) {
+function Ue(e) {
   return Se(e);
 }
-function Ue(e, t) {
+function Xe(e, t) {
   return e !== void 0 && e() || t;
 }
 function Yt(e, t) {
@@ -72,15 +74,15 @@ const ge = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ee = {
   "bi-": (e) => `bootstrap-icons ${e}`,
   "i-": ne
   // UnoCSS pure icons
-}, Me = {
+}, Re = {
   o_: "-outlined",
   r_: "-round",
   s_: "-sharp"
-}, Re = {
+}, Me = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, He = new RegExp("^(" + Object.keys(Ee).join("|") + ")"), Xe = new RegExp("^(" + Object.keys(Me).join("|") + ")"), pe = new RegExp("^(" + Object.keys(Re).join("|") + ")"), Ye = /^[Mm]\s?[-+]?\.?\d/, We = /^img:/, Je = /^svguse:/, Ze = /^ion-/, et = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, me = ee({
+}, He = new RegExp("^(" + Object.keys(Ee).join("|") + ")"), Ge = new RegExp("^(" + Object.keys(Re).join("|") + ")"), pe = new RegExp("^(" + Object.keys(Me).join("|") + ")"), Ye = /^[Mm]\s?[-+]?\.?\d/, We = /^img:/, Je = /^svguse:/, Ze = /^ion-/, et = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, me = ee({
   name: "QIcon",
   props: {
     ...de,
@@ -113,13 +115,13 @@ const ge = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ee = {
             };
       }
       if (Ye.test(s) === !0) {
-        const [f, $ = ge] = s.split("|");
+        const [f, _ = ge] = s.split("|");
         return {
           svg: !0,
-          viewBox: $,
+          viewBox: _,
           nodes: f.split("&&").map((d) => {
-            const [S, u, g] = d.split("@@");
-            return m("path", { style: u, d: S, transform: g });
+            const [q, u, g] = d.split("@@");
+            return m("path", { style: u, d: q, transform: g });
           })
         };
       }
@@ -129,14 +131,14 @@ const ge = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ee = {
           src: s.substring(4)
         };
       if (Je.test(s) === !0) {
-        const [f, $ = ge] = s.split("|");
+        const [f, _ = ge] = s.split("|");
         return {
           svguse: !0,
           src: f.substring(7),
-          viewBox: $
+          viewBox: _
         };
       }
-      let _ = " ";
+      let k = " ";
       const b = s.match(He);
       if (b !== null)
         l = Ee[b[1]](s);
@@ -147,15 +149,15 @@ const ge = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ee = {
       else if (pe.test(s) === !0) {
         l = "notranslate material-symbols";
         const f = s.match(pe);
-        f !== null && (s = s.substring(6), l += Re[f[1]]), _ = s;
+        f !== null && (s = s.substring(6), l += Me[f[1]]), k = s;
       } else {
         l = "notranslate material-icons";
-        const f = s.match(Xe);
-        f !== null && (s = s.substring(2), l += Me[f[1]]), _ = s;
+        const f = s.match(Ge);
+        f !== null && (s = s.substring(2), l += Re[f[1]]), k = s;
       }
       return {
         cls: l,
-        content: _
+        content: k
       };
     });
     return () => {
@@ -164,7 +166,7 @@ const ge = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ee = {
         style: n.value,
         "aria-hidden": "true"
       };
-      return r.value.none === !0 ? m(e.tag, l, Ue(t.default)) : r.value.img === !0 ? m(e.tag, l, N(t.default, [
+      return r.value.none === !0 ? m(e.tag, l, Xe(t.default)) : r.value.img === !0 ? m(e.tag, l, N(t.default, [
         m("img", { src: r.value.src })
       ])) : r.value.svg === !0 ? m(e.tag, l, N(t.default, [
         m("svg", {
@@ -299,7 +301,7 @@ function Pe(e) {
 function st(e) {
   e.cancelable !== !1 && e.preventDefault();
 }
-function j(e) {
+function x(e) {
   e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
 }
 function rt(e, t, a) {
@@ -333,11 +335,11 @@ function he(e, t, a, n) {
   const o = a.modifiers.color;
   let r = a.modifiers.center;
   r = r === !0 || n === !0;
-  const l = document.createElement("span"), s = document.createElement("span"), _ = ot(e), { left: b, top: f, width: $, height: d } = t.getBoundingClientRect(), S = Math.sqrt($ * $ + d * d), u = S / 2, g = `${($ - S) / 2}px`, v = r ? g : `${_.left - b - u}px`, p = `${(d - S) / 2}px`, q = r ? p : `${_.top - f - u}px`;
+  const l = document.createElement("span"), s = document.createElement("span"), k = ot(e), { left: b, top: f, width: _, height: d } = t.getBoundingClientRect(), q = Math.sqrt(_ * _ + d * d), u = q / 2, g = `${(_ - q) / 2}px`, v = r ? g : `${k.left - b - u}px`, p = `${(d - q) / 2}px`, $ = r ? p : `${k.top - f - u}px`;
   s.className = "q-ripple__inner", lt(s, {
-    height: `${S}px`,
-    width: `${S}px`,
-    transform: `translate3d(${v},${q},0) scale3d(.2,.2,1)`,
+    height: `${q}px`,
+    width: `${q}px`,
+    transform: `translate3d(${v},${$},0) scale3d(.2,.2,1)`,
     opacity: 0
   }), l.className = `q-ripple${o ? " text-" + o : ""}`, l.setAttribute("dir", "ltr"), l.appendChild(s), t.appendChild(l);
   const w = () => {
@@ -362,7 +364,7 @@ function be(e, { modifiers: t, value: a, arg: n }) {
     keyCodes: [].concat(o.keyCodes || 13)
   };
 }
-const dt = Ge(
+const dt = Ue(
   {
     name: "ripple",
     beforeMount(e, t) {
@@ -490,11 +492,11 @@ const ze = {
   }
 };
 function yt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const a = Z(), { props: n, proxy: o, emit: r } = a, l = pt(a), s = c(() => n.disable !== !0 && n.href !== void 0), _ = t === !0 ? c(
+  const a = Z(), { props: n, proxy: o, emit: r } = a, l = pt(a), s = c(() => n.disable !== !0 && n.href !== void 0), k = t === !0 ? c(
     () => l === !0 && n.disable !== !0 && s.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
   ) : c(
     () => l === !0 && s.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
-  ), b = c(() => _.value === !0 ? q(n.to) : null), f = c(() => b.value !== null), $ = c(() => s.value === !0 || f.value === !0), d = c(() => n.type === "a" || $.value === !0 ? "a" : n.tag || e || "div"), S = c(() => s.value === !0 ? {
+  ), b = c(() => k.value === !0 ? $(n.to) : null), f = c(() => b.value !== null), _ = c(() => s.value === !0 || f.value === !0), d = c(() => n.type === "a" || _.value === !0 ? "a" : n.tag || e || "div"), q = c(() => s.value === !0 ? {
     href: n.href,
     target: n.target
   } : f.value === !0 ? {
@@ -526,7 +528,7 @@ function yt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
   ), v = c(
     () => g.value === !0 && u.value === o.$route.matched.length - 1 && bt(o.$route.params, b.value.params)
   ), p = c(() => f.value === !0 ? v.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : g.value === !0 ? ` ${n.activeClass}` : "" : "");
-  function q(h) {
+  function $(h) {
     try {
       return o.$router.resolve(h);
     } catch {
@@ -558,14 +560,14 @@ function yt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
   return {
     hasRouterLink: f,
     hasHrefLink: s,
-    hasLink: $,
+    hasLink: _,
     linkTag: d,
     resolvedLink: b,
     linkIsActive: g,
     linkIsExactActive: v,
     linkClass: p,
-    linkAttrs: S,
-    getLink: q,
+    linkAttrs: q,
+    getLink: $,
     navigateToRouterLink: w,
     navigateOnClick: L
   };
@@ -633,14 +635,14 @@ const St = {
     default: null
   },
   disable: Boolean
-}, Bt = {
+}, Ct = {
   ...St,
   round: Boolean
 };
-function Ct(e) {
+function wt(e) {
   const t = fe(e, kt), a = gt(e), { hasRouterLink: n, hasLink: o, linkTag: r, linkAttrs: l, navigateOnClick: s } = yt({
     fallbackTag: "button"
-  }), _ = c(() => {
+  }), k = c(() => {
     const v = e.fab === !1 && e.fabMini === !1 ? t.value : {};
     return e.padding !== void 0 ? Object.assign({}, v, {
       padding: e.padding.split(/\s+/).map((p) => p in $e ? $e[p] + "px" : p).join(" "),
@@ -651,8 +653,8 @@ function Ct(e) {
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
   ), f = c(
     () => e.disable !== !0 && e.loading !== !0
-  ), $ = c(() => f.value === !0 ? e.tabindex || 0 : -1), d = c(() => Te(e, "standard")), S = c(() => {
-    const v = { tabindex: $.value };
+  ), _ = c(() => f.value === !0 ? e.tabindex || 0 : -1), d = c(() => Te(e, "standard")), q = c(() => {
+    const v = { tabindex: _.value };
     return o.value === !0 ? Object.assign(v, l.value) : _t.includes(e.type) === !0 && (v.type = e.type), r.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), n.value !== !0 && $t.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",
       "aria-valuemin": 0,
@@ -669,21 +671,21 @@ function Ct(e) {
   );
   return {
     classes: u,
-    style: _,
+    style: k,
     innerClasses: g,
-    attributes: S,
+    attributes: q,
     hasLink: o,
     linkTag: r,
     navigateOnClick: s,
     isActionable: f
   };
 }
-const { passiveCapture: M } = te;
-let x = null, V = null, K = null;
-const wt = ee({
+const { passiveCapture: R } = te;
+let j = null, V = null, K = null;
+const Bt = ee({
   name: "QBtn",
   props: {
-    ...Bt,
+    ...Ct,
     percentage: Number,
     darkPercentage: Boolean,
     onTouchstart: [Function, Array]
@@ -695,16 +697,16 @@ const wt = ee({
       style: r,
       innerClasses: l,
       attributes: s,
-      hasLink: _,
+      hasLink: k,
       linkTag: b,
       navigateOnClick: f,
-      isActionable: $
-    } = Ct(e), d = J(null), S = J(null);
+      isActionable: _
+    } = wt(e), d = J(null), q = J(null);
     let u = null, g, v = null;
     const p = c(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
-    ), q = c(() => e.disable === !0 || e.ripple === !1 ? !1 : {
-      keyCodes: _.value === !0 ? [13, 32] : [13],
+    ), $ = c(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+      keyCodes: k.value === !0 ? [13, 32] : [13],
       ...e.ripple === !0 ? {} : e.ripple
     }), w = c(() => ({ center: e.round })), L = c(() => {
       const i = Math.max(0, Math.min(100, e.percentage));
@@ -712,13 +714,13 @@ const wt = ee({
     }), h = c(() => {
       if (e.loading === !0)
         return {
-          onMousedown: G,
-          onTouchstart: G,
-          onClick: G,
-          onKeydown: G,
-          onKeyup: G
+          onMousedown: U,
+          onTouchstart: U,
+          onClick: U,
+          onKeydown: U,
+          onKeyup: U
         };
-      if ($.value === !0) {
+      if (_.value === !0) {
         const i = {
           onClick: P,
           onKeydown: z,
@@ -732,7 +734,7 @@ const wt = ee({
       }
       return {
         // needed; especially for disabled <a> tags
-        onClick: j
+        onClick: x
       };
     }), E = c(() => ({
       ref: d,
@@ -749,32 +751,32 @@ const wt = ee({
           if (e.type === "submit" && y !== document.body && d.value.contains(y) === !1 && y.contains(d.value) === !1) {
             i.qAvoidFocus !== !0 && d.value.focus();
             const I = () => {
-              var U;
-              document.removeEventListener("keydown", j, !0), document.removeEventListener("keyup", I, M), (U = d.value) == null || U.removeEventListener("blur", I, M);
+              var X;
+              document.removeEventListener("keydown", x, !0), document.removeEventListener("keyup", I, R), (X = d.value) == null || X.removeEventListener("blur", I, R);
             };
-            document.addEventListener("keydown", j, !0), document.addEventListener("keyup", I, M), d.value.addEventListener("blur", I, M);
+            document.addEventListener("keydown", x, !0), document.addEventListener("keyup", I, R), d.value.addEventListener("blur", I, R);
           }
         }
         f(i);
       }
     }
     function z(i) {
-      d.value !== null && (a("keydown", i), oe(i, [13, 32]) === !0 && V !== d.value && (V !== null && Q(), i.defaultPrevented !== !0 && (i.qAvoidFocus !== !0 && d.value.focus(), V = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", A, !0), d.value.addEventListener("blur", A, M)), j(i)));
+      d.value !== null && (a("keydown", i), oe(i, [13, 32]) === !0 && V !== d.value && (V !== null && Q(), i.defaultPrevented !== !0 && (i.qAvoidFocus !== !0 && d.value.focus(), V = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", A, !0), d.value.addEventListener("blur", A, R)), x(i)));
     }
     function O(i) {
-      d.value !== null && (a("touchstart", i), i.defaultPrevented !== !0 && (x !== d.value && (x !== null && Q(), x = d.value, u = i.target, u.addEventListener("touchcancel", A, M), u.addEventListener("touchend", A, M)), g = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
+      d.value !== null && (a("touchstart", i), i.defaultPrevented !== !0 && (j !== d.value && (j !== null && Q(), j = d.value, u = i.target, u.addEventListener("touchcancel", A, R), u.addEventListener("touchend", A, R)), g = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
         v = null, g = !1;
       }, 200)));
     }
     function Y(i) {
-      d.value !== null && (i.qSkipRipple = g === !0, a("mousedown", i), i.defaultPrevented !== !0 && K !== d.value && (K !== null && Q(), K = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", A, M)));
+      d.value !== null && (i.qSkipRipple = g === !0, a("mousedown", i), i.defaultPrevented !== !0 && K !== d.value && (K !== null && Q(), K = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", A, R)));
     }
     function A(i) {
       if (d.value !== null && !((i == null ? void 0 : i.type) === "blur" && document.activeElement === d.value)) {
         if ((i == null ? void 0 : i.type) === "keyup") {
           if (V === d.value && oe(i, [13, 32]) === !0) {
             const y = new MouseEvent("click", i);
-            y.qKeyEvent = !0, i.defaultPrevented === !0 && st(y), i.cancelBubble === !0 && Pe(y), d.value.dispatchEvent(y), j(i), i.qKeyEvent = !0;
+            y.qKeyEvent = !0, i.defaultPrevented === !0 && st(y), i.cancelBubble === !0 && Pe(y), d.value.dispatchEvent(y), x(i), i.qKeyEvent = !0;
           }
           a("keyup", i);
         }
@@ -782,18 +784,18 @@ const wt = ee({
       }
     }
     function Q(i) {
-      var I, U;
-      const y = S.value;
-      i !== !0 && (x === d.value || K === d.value) && y !== null && y !== document.activeElement && (y.setAttribute("tabindex", -1), y.focus()), x === d.value && (u !== null && (u.removeEventListener("touchcancel", A, M), u.removeEventListener("touchend", A, M)), x = u = null), K === d.value && (document.removeEventListener("mouseup", A, M), K = null), V === d.value && (document.removeEventListener("keyup", A, !0), (I = d.value) == null || I.removeEventListener("blur", A, M), V = null), (U = d.value) == null || U.classList.remove("q-btn--active");
+      var I, X;
+      const y = q.value;
+      i !== !0 && (j === d.value || K === d.value) && y !== null && y !== document.activeElement && (y.setAttribute("tabindex", -1), y.focus()), j === d.value && (u !== null && (u.removeEventListener("touchcancel", A, R), u.removeEventListener("touchend", A, R)), j = u = null), K === d.value && (document.removeEventListener("mouseup", A, R), K = null), V === d.value && (document.removeEventListener("keyup", A, !0), (I = d.value) == null || I.removeEventListener("blur", A, R), V = null), (X = d.value) == null || X.classList.remove("q-btn--active");
     }
-    function G(i) {
-      j(i), i.qSkipRipple = !0;
+    function U(i) {
+      x(i), i.qSkipRipple = !0;
     }
     return Oe(() => {
       Q(!0);
     }), Object.assign(n, {
       click: (i) => {
-        $.value === !0 && P(i);
+        _.value === !0 && P(i);
       }
     }), () => {
       let i = [];
@@ -815,7 +817,7 @@ const wt = ee({
       const y = [
         m("span", {
           class: "q-focus-helper",
-          ref: S
+          ref: q
         })
       ];
       return e.loading === !0 && e.percentage !== void 0 && y.push(
@@ -848,7 +850,7 @@ const wt = ee({
         ),
         [[
           dt,
-          q.value,
+          $.value,
           void 0,
           w.value
         ]]
@@ -858,7 +860,7 @@ const wt = ee({
 }), Lt = /* @__PURE__ */ F({
   __name: "AppButton",
   props: {
-    size: { default: k.MD },
+    size: { default: B.MD },
     transparent: { type: Boolean },
     flat: { type: Boolean },
     rounded: { type: Boolean },
@@ -885,20 +887,18 @@ const wt = ee({
         "app-btn_trans": t.transparent,
         "app-btn_flat": t.flat,
         "app-btn_rounded": t.rounded,
-        "app-btn_sm": t.size === k.SM,
-        "app-btn_md": t.size === k.MD,
-        "app-btn_lg": t.size === k.LG,
         "app-btn_icon-left": t.iconLeft,
         "app-btn_icon-right": t.iconRight,
         "app-btn_icon-middle": t.iconMiddle
       },
+      `app-btn_${t.size}`,
       `app-btn_${t.color}`
     ]);
-    return (n, o) => (B(), Be(W(wt), {
+    return (n, o) => (S(), Ce(W(Bt), {
       "no-caps": "",
       unelevated: "",
-      class: R(a.value),
-      padding: W(Qe)[n.size || W(k).MD],
+      class: M(a.value),
+      padding: W(Qe)[n.size || W(B).MD],
       loading: n.loading,
       disable: n.disabled || void 0,
       to: n.to,
@@ -910,9 +910,9 @@ const wt = ee({
       onClick: o[0] || (o[0] = (r) => n.$emit("click", r))
     }, {
       default: Ie(() => [
-        n.iconLeft || n.iconMiddle ? (B(), C("i", {
+        n.iconLeft || n.iconMiddle ? (S(), C("i", {
           key: 0,
-          class: R([
+          class: M([
             "icon-kl",
             n.iconLeft ? "icon-kl_left" : "icon-kl_middle",
             `icon-kl-${n.iconLeft || n.iconMiddle}`,
@@ -920,12 +920,12 @@ const wt = ee({
           ])
         }, null, 2)) : T("", !0),
         re(n.$slots, "default", {}, void 0, !0),
-        n.label ? (B(), C(ie, { key: 1 }, [
-          Ce(H(n.label), 1)
+        n.label ? (S(), C(ie, { key: 1 }, [
+          we(H(n.label), 1)
         ], 64)) : T("", !0),
-        n.iconRight ? (B(), C("i", {
+        n.iconRight ? (S(), C("i", {
           key: 2,
-          class: R([
+          class: M([
             "icon-kl",
             "icon-kl_right",
             `icon-kl-${n.iconRight}`,
@@ -936,22 +936,22 @@ const wt = ee({
       _: 3
     }, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label", "download"]));
   }
-}), X = (e, t) => {
+}), G = (e, t) => {
   const a = e.__vccOpts || e;
   for (const [n, o] of t)
     a[n] = o;
   return a;
-}, rn = /* @__PURE__ */ X(Lt, [["__scopeId", "data-v-99788ad1"]]), Et = {
+}, rn = /* @__PURE__ */ G(Lt, [["__scopeId", "data-v-44d5548c"]]), Et = {
   key: 0,
   class: "app-toggle__label app-toggle__label_left"
-}, Mt = { class: "app-toggle__container" }, Rt = ["checked", "disabled"], Pt = { class: "app-toggle__thumb" }, At = {
+}, Rt = { class: "app-toggle__container" }, Mt = ["checked", "disabled"], Pt = { class: "app-toggle__thumb" }, At = {
   key: 1,
   class: "app-toggle__label"
 }, zt = /* @__PURE__ */ F({
   __name: "AppToggle",
   props: {
     modelValue: { type: Boolean },
-    size: { default: k.MD },
+    size: { default: B.MD },
     label: {},
     disabled: { type: Boolean },
     color: { default: Le.PRIMARY },
@@ -970,37 +970,37 @@ const wt = ee({
     }), r = c(() => [
       "app-toggle",
       {
-        "app-toggle_sm": a.size === k.SM,
-        "app-toggle_md": a.size === k.MD,
-        "app-toggle_lg": a.size === k.LG,
+        "app-toggle_sm": a.size === B.SM,
+        "app-toggle_md": a.size === B.MD,
+        "app-toggle_lg": a.size === B.LG,
         "app-toggle_active": o.value,
         "app-toggle_disabled": a.disabled
       },
       `app-toggle_${a.color}`
     ]);
-    return (l, s) => (B(), C("div", {
-      class: R(r.value)
+    return (l, s) => (S(), C("div", {
+      class: M(r.value)
     }, [
-      l.label && l.labelLeft ? (B(), C("span", Et, H(l.label), 1)) : T("", !0),
-      D("label", Mt, [
+      l.label && l.labelLeft ? (S(), C("span", Et, H(l.label), 1)) : T("", !0),
+      D("label", Rt, [
         D("input", {
           type: "checkbox",
           checked: o.value,
-          onChange: s[0] || (s[0] = (_) => o.value = !o.value),
+          onChange: s[0] || (s[0] = (k) => o.value = !o.value),
           disabled: l.disabled,
           class: "app-toggle__input"
-        }, null, 40, Rt),
+        }, null, 40, Mt),
         D("span", {
-          class: R(["app-toggle__slider", o.value ? `bg-${l.color}` : ""])
+          class: M(["app-toggle__slider", o.value ? `bg-${l.color}` : ""])
         }, [
           D("span", Pt, [
-            l.icon && !l.modelValue ? (B(), C("i", {
+            l.icon && !l.modelValue ? (S(), C("i", {
               key: 0,
-              class: R(["icon-kl", `icon-kl-${l.icon}`, "app-toggle__icon"])
+              class: M(["icon-kl", `icon-kl-${l.icon}`, "app-toggle__icon"])
             }, null, 2)) : T("", !0),
-            l.modelValue && (l.iconActive || l.icon) ? (B(), C("i", {
+            l.modelValue && (l.iconActive || l.icon) ? (S(), C("i", {
               key: 1,
-              class: R([
+              class: M([
                 "icon-kl",
                 `icon-kl-${l.iconActive || l.icon}`,
                 "app-toggle__icon",
@@ -1011,10 +1011,10 @@ const wt = ee({
         ], 2),
         re(l.$slots, "default", {}, void 0, !0)
       ]),
-      l.label && !l.labelLeft ? (B(), C("span", At, H(l.label), 1)) : T("", !0)
+      l.label && !l.labelLeft ? (S(), C("span", At, H(l.label), 1)) : T("", !0)
     ], 2));
   }
-}), un = /* @__PURE__ */ X(zt, [["__scopeId", "data-v-e0e56123"]]), Tt = /* @__PURE__ */ F({
+}), un = /* @__PURE__ */ G(zt, [["__scopeId", "data-v-e0e56123"]]), Tt = /* @__PURE__ */ F({
   __name: "AppIcon",
   props: {
     name: {},
@@ -1022,12 +1022,12 @@ const wt = ee({
     color: {}
   },
   setup(e) {
-    return (t, a) => (B(), C("i", {
-      class: R(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
+    return (t, a) => (S(), C("i", {
+      class: M(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
       style: ue(t.size ? `font-size: ${t.size}` : void 0)
     }, null, 6));
   }
-}), cn = /* @__PURE__ */ X(Tt, [["__scopeId", "data-v-941765ee"]]), Ot = {
+}), cn = /* @__PURE__ */ G(Tt, [["__scopeId", "data-v-941765ee"]]), Ot = {
   dark: {
     type: Boolean,
     default: null
@@ -1048,7 +1048,7 @@ function qe(e, t, a) {
     transform: t === !0 ? `translateX(${a.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
   };
 }
-const jt = ee({
+const xt = ee({
   name: "QLinearProgress",
   props: {
     ...Ot,
@@ -1075,11 +1075,11 @@ const jt = ee({
     const { proxy: a } = Z(), n = Dt(e, a.$q), o = fe(e, It), r = c(() => e.indeterminate === !0 || e.query === !0), l = c(() => e.reverse !== e.query), s = c(() => ({
       ...o.value !== null ? o.value : {},
       "--q-linear-progress-speed": `${e.animationSpeed}ms`
-    })), _ = c(
+    })), k = c(
       () => "q-linear-progress" + (e.color !== void 0 ? ` text-${e.color}` : "") + (e.reverse === !0 || e.query === !0 ? " q-linear-progress--reverse" : "") + (e.rounded === !0 ? " rounded-borders" : "")
-    ), b = c(() => qe(e.buffer !== void 0 ? e.buffer : 1, l.value, a.$q)), f = c(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), $ = c(
+    ), b = c(() => qe(e.buffer !== void 0 ? e.buffer : 1, l.value, a.$q)), f = c(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), _ = c(
       () => `q-linear-progress__track absolute-full q-linear-progress__track--${f.value} q-linear-progress__track--${n.value === !0 ? "dark" : "light"}` + (e.trackColor !== void 0 ? ` bg-${e.trackColor}` : "")
-    ), d = c(() => qe(r.value === !0 ? 1 : e.value, l.value, a.$q)), S = c(
+    ), d = c(() => qe(r.value === !0 ? 1 : e.value, l.value, a.$q)), q = c(
       () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${r.value === !0 ? "in" : ""}determinate`
     ), u = c(() => ({ width: `${e.value * 100}%` })), g = c(
       () => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
@@ -1087,11 +1087,11 @@ const jt = ee({
     return () => {
       const v = [
         m("div", {
-          class: $.value,
+          class: _.value,
           style: b.value
         }),
         m("div", {
-          class: S.value,
+          class: q.value,
           style: d.value
         })
       ];
@@ -1101,7 +1101,7 @@ const jt = ee({
           style: u.value
         })
       ), m("div", {
-        class: _.value,
+        class: k.value,
         style: s.value,
         role: "progressbar",
         "aria-valuemin": 0,
@@ -1110,14 +1110,14 @@ const jt = ee({
       }, N(t.default, v));
     };
   }
-}), xt = {
+}), jt = {
   key: 0,
   class: "code-field__label"
 }, Vt = { class: "code-field__inputs" }, Kt = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], Nt = /* @__PURE__ */ F({
   __name: "AppCodeInput",
   props: {
     length: { default: 5 },
-    size: { default: k.MD },
+    size: { default: B.MD },
     label: {},
     disabled: { type: Boolean },
     loading: { type: Boolean },
@@ -1129,20 +1129,18 @@ const jt = ee({
     const n = e, o = a, r = J(Array(n.length).fill("")), l = J([]), s = c(() => [
       "code-field",
       {
-        "code-field_sm": n.size === k.SM,
-        "code-field_md": n.size === k.MD,
-        "code-field_lg": n.size === k.LG,
         "code-field_disabled": n.disabled || n.loading
       },
+      `code-field_${n.size}`,
       `code-field_${n.color}`
-    ]), _ = c(() => {
+    ]), k = c(() => {
       let u = "";
-      return n.size == k.SM && (u += `width: ${n.length * 26 + (n.length - 1) * 5}px`), n.size == k.MD && (u += `width: ${n.length * 32 + (n.length - 1) * 8}px`), n.size == k.LG && (u += `width: ${n.length * 44 + (n.length - 1) * 10}px`), u;
+      return n.size == B.SM && (u += `width: ${n.length * 26 + (n.length - 1) * 5}px`), n.size == B.MD && (u += `width: ${n.length * 32 + (n.length - 1) * 8}px`), n.size == B.LG && (u += `width: ${n.length * 44 + (n.length - 1) * 10}px`), u;
     }), b = (u, g) => {
-      var q;
+      var $;
       const p = u.target.value;
       if (p.length === 1)
-        g < n.length - 1 && l.value && ((q = l.value[g + 1]) == null || q.focus());
+        g < n.length - 1 && l.value && (($ = l.value[g + 1]) == null || $.focus());
       else if (p.length > 1) {
         const w = p.slice(0, n.length - g).split("");
         w.forEach((L, h) => {
@@ -1155,10 +1153,10 @@ const jt = ee({
     }, f = (u) => {
       var g;
       r.value[u] === "" && l.value && u > 0 && ((g = l.value[u - 1]) == null || g.focus());
-    }, $ = (u, g) => {
-      var q;
+    }, _ = (u, g) => {
+      var $;
       u.preventDefault();
-      const v = ((q = u.clipboardData) == null ? void 0 : q.getData("text")) ?? "";
+      const v = (($ = u.clipboardData) == null ? void 0 : $.getData("text")) ?? "";
       if (!v) return;
       const p = v.slice(0, n.length - g).split("");
       p.forEach((w, L) => {
@@ -1168,7 +1166,7 @@ const jt = ee({
         l.value && ((w = l.value[Math.min(g + p.length, n.length - 1)]) == null || w.focus());
       });
     };
-    je(
+    xe(
       r,
       (u) => {
         const g = u.join("");
@@ -1178,22 +1176,22 @@ const jt = ee({
     );
     const d = (u) => {
       o("update:modelValue", u), u.length === n.length && !u.includes(" ") && o("completed", u);
-    }, S = (u) => {
+    }, q = (u) => {
       u && (r.value = u.split("").slice(0, n.length));
     };
-    return xe(() => {
+    return je(() => {
       n.autofocus && l.value && l.value[0] && l.value[0].focus();
     }), t({
-      injectCode: S
-    }), (u, g) => (B(), C("div", {
-      class: R(s.value),
-      style: ue(_.value)
+      injectCode: q
+    }), (u, g) => (S(), C("div", {
+      class: M(s.value),
+      style: ue(k.value)
     }, [
-      u.label ? (B(), C("label", xt, H(u.label), 1)) : T("", !0),
+      u.label ? (S(), C("label", jt, H(u.label), 1)) : T("", !0),
       D("div", Vt, [
-        (B(!0), C(ie, null, we(u.length, (v, p) => se((B(), C("input", {
+        (S(!0), C(ie, null, Be(u.length, (v, p) => se((S(), C("input", {
           key: p,
-          "onUpdate:modelValue": (q) => r.value[p] = q,
+          "onUpdate:modelValue": ($) => r.value[p] = $,
           ref_for: !0,
           ref_key: "inputRefs",
           ref: l,
@@ -1201,14 +1199,14 @@ const jt = ee({
           maxlength: "1",
           class: "code-field__input",
           disabled: u.disabled || u.loading,
-          onInput: (q) => b(q, p),
-          onKeydown: Ve((q) => f(p), ["backspace"]),
-          onPaste: (q) => $(q, p)
+          onInput: ($) => b($, p),
+          onKeydown: Ve(($) => f(p), ["backspace"]),
+          onPaste: ($) => _($, p)
         }, null, 40, Kt)), [
           [Ke, r.value[p]]
         ])), 128))
       ]),
-      u.loading ? (B(), Be(jt, {
+      u.loading ? (S(), Ce(xt, {
         key: 1,
         indeterminate: "",
         rounded: "",
@@ -1217,12 +1215,12 @@ const jt = ee({
       }, null, 8, ["color"])) : T("", !0)
     ], 6));
   }
-}), dn = /* @__PURE__ */ X(Nt, [["__scopeId", "data-v-8d579e24"]]), Ft = { class: "app-segment__track" }, Qt = { class: "app-segment__buttons" }, Gt = ["onClick", "disabled"], Ut = /* @__PURE__ */ F({
+}), dn = /* @__PURE__ */ G(Nt, [["__scopeId", "data-v-4e11db87"]]), Ft = { class: "app-segment__track" }, Qt = { class: "app-segment__buttons" }, Ut = ["onClick", "disabled"], Xt = /* @__PURE__ */ F({
   __name: "AppSegment",
   props: /* @__PURE__ */ Ne({
     options: {},
     disabled: { type: Boolean },
-    size: { default: k.MD }
+    size: { default: B.MD }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -1235,8 +1233,8 @@ const jt = ee({
     function o(r) {
       a.disabled || (t.value = r);
     }
-    return (r, l) => (B(), C("div", {
-      class: R(["app-segment", [{ "app-segment_disabled": r.disabled }, `app-segment_${r.size}`]])
+    return (r, l) => (S(), C("div", {
+      class: M(["app-segment", [{ "app-segment_disabled": r.disabled }, `app-segment_${r.size}`]])
     }, [
       D("div", Ft, [
         D("div", {
@@ -1248,25 +1246,25 @@ const jt = ee({
         }, null, 4)
       ]),
       D("div", Qt, [
-        (B(!0), C(ie, null, we(r.options, (s, _) => (B(), C("button", {
-          key: _,
-          class: R(["app-segment__btn", { active: t.value === s.value }]),
+        (S(!0), C(ie, null, Be(r.options, (s, k) => (S(), C("button", {
+          key: k,
+          class: M(["app-segment__btn", { active: t.value === s.value }]),
           onClick: (b) => o(s.value),
           disabled: r.disabled
         }, [
           re(r.$slots, "option", { option: s }, () => [
-            Ce(H(s.label), 1)
+            we(H(s.label), 1)
           ], !0)
-        ], 10, Gt))), 128))
+        ], 10, Ut))), 128))
       ])
     ], 2));
   }
-}), fn = /* @__PURE__ */ X(Ut, [["__scopeId", "data-v-ff56abdf"]]), vn = ce(
-  () => import("./AppButtonCopy-BAsaHaa4.js")
+}), fn = /* @__PURE__ */ G(Xt, [["__scopeId", "data-v-ff56abdf"]]), vn = ce(
+  () => import("./AppButtonCopy-Dj46pNGB.js")
 ), gn = ce(
-  () => import("./AppSelect-WIENN4a-.js")
+  () => import("./AppSelect-ztwsDF-p.js")
 ), pn = ce(
-  () => import("./DropdownButton-DUUK14vz.js")
+  () => import("./DropdownButton-BE2k1gTw.js")
 );
 export {
   rn as A,
@@ -1287,9 +1285,9 @@ export {
   cn as P,
   me as Q,
   dt as R,
-  k as S,
-  Xt as T,
-  X as _,
+  B as S,
+  Gt as T,
+  G as _,
   Ot as a,
   Dt as b,
   ee as c,
@@ -1297,7 +1295,7 @@ export {
   N as e,
   on as f,
   yt as g,
-  Ue as h,
+  Xe as h,
   oe as i,
   Yt as j,
   at as k,
@@ -1308,12 +1306,12 @@ export {
   st as p,
   en as q,
   tn as r,
-  j as s,
+  x as s,
   ut as t,
   de as u,
   Pe as v,
   St as w,
   sn as x,
-  wt as y,
+  Bt as y,
   rt as z
 };