@validol4ik/uikit 0.7.7 → 0.7.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- 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";
1
+ 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 V, 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";
2
2
  const _n = ({ app: e }) => {
3
3
  const t = e.config.globalProperties.$q;
4
4
  t.iconMapFn = (n) => {
@@ -20,7 +20,7 @@ const _n = ({ app: e }) => {
20
20
  [z.MD]: "5px 12px",
21
21
  [z.LG]: "6px 15px",
22
22
  [z.XL]: "9px 20px"
23
- }, me = {
23
+ }, pe = {
24
24
  xs: 18,
25
25
  sm: 24,
26
26
  md: 32,
@@ -29,7 +29,7 @@ const _n = ({ app: e }) => {
29
29
  }, ue = {
30
30
  size: String
31
31
  };
32
- function ce(e, t = me) {
32
+ function ce(e, t = pe) {
33
33
  return r(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
34
34
  }
35
35
  function te(e) {
@@ -38,7 +38,7 @@ function te(e) {
38
38
  function Me(e) {
39
39
  return Ee(e);
40
40
  }
41
- function Ae(e, t) {
41
+ function Ve(e, t) {
42
42
  return e !== void 0 && e() || t;
43
43
  }
44
44
  function $n(e, t) {
@@ -57,10 +57,10 @@ function qn(e, t) {
57
57
  }
58
58
  function Sn(e, t, n, a, s, l) {
59
59
  t.key = a + s;
60
- const o = m(e, t, n);
60
+ const o = p(e, t, n);
61
61
  return s === !0 ? oe(o, l()) : o;
62
62
  }
63
- const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
63
+ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
64
64
  "mdi-": (e) => `mdi ${e}`,
65
65
  "icon-": fe,
66
66
  // fontawesome equiv
@@ -82,7 +82,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
82
82
  sym_o_: "-outlined",
83
83
  sym_r_: "-rounded",
84
84
  sym_s_: "-sharp"
85
- }, 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({
85
+ }, tt = new RegExp("^(" + Object.keys(Ae).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({
86
86
  name: "QIcon",
87
87
  props: {
88
88
  ...ue,
@@ -120,8 +120,8 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
120
120
  svg: !0,
121
121
  viewBox: S,
122
122
  nodes: f.split("&&").map((d) => {
123
- const [q, u, p] = d.split("@@");
124
- return m("path", { style: u, d: q, transform: p });
123
+ const [q, u, m] = d.split("@@");
124
+ return p("path", { style: u, d: q, transform: m });
125
125
  })
126
126
  };
127
127
  }
@@ -141,7 +141,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
141
141
  let $ = " ";
142
142
  const y = i.match(tt);
143
143
  if (y !== null)
144
- o = Ve[y[1]](i);
144
+ o = Ae[y[1]](i);
145
145
  else if (it.test(i) === !0)
146
146
  o = i;
147
147
  else if (st.test(i) === !0)
@@ -166,19 +166,19 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
166
166
  style: a.value,
167
167
  "aria-hidden": "true"
168
168
  };
169
- return l.value.none === !0 ? m(e.tag, o, Ae(t.default)) : l.value.img === !0 ? m(e.tag, o, N(t.default, [
170
- m("img", { src: l.value.src })
171
- ])) : l.value.svg === !0 ? m(e.tag, o, N(t.default, [
172
- m("svg", {
169
+ return l.value.none === !0 ? p(e.tag, o, Ve(t.default)) : l.value.img === !0 ? p(e.tag, o, N(t.default, [
170
+ p("img", { src: l.value.src })
171
+ ])) : l.value.svg === !0 ? p(e.tag, o, N(t.default, [
172
+ p("svg", {
173
173
  viewBox: l.value.viewBox || "0 0 24 24"
174
174
  }, l.value.nodes)
175
- ])) : l.value.svguse === !0 ? m(e.tag, o, N(t.default, [
176
- m("svg", {
175
+ ])) : l.value.svguse === !0 ? p(e.tag, o, N(t.default, [
176
+ p("svg", {
177
177
  viewBox: l.value.viewBox
178
178
  }, [
179
- m("use", { "xlink:href": l.value.src })
179
+ p("use", { "xlink:href": l.value.src })
180
180
  ])
181
- ])) : (l.value.cls !== void 0 && (o.class += " " + l.value.cls), m(e.tag, o, N(t.default, [
181
+ ])) : (l.value.cls !== void 0 && (o.class += " " + l.value.cls), p(e.tag, o, N(t.default, [
182
182
  l.value.content
183
183
  ])));
184
184
  };
@@ -192,7 +192,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
192
192
  };
193
193
  function ut(e) {
194
194
  return {
195
- cSize: r(() => e.size in me ? `${me[e.size]}px` : e.size),
195
+ cSize: r(() => e.size in pe ? `${pe[e.size]}px` : e.size),
196
196
  classes: r(
197
197
  () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
198
198
  )
@@ -209,13 +209,13 @@ const ze = te({
209
209
  },
210
210
  setup(e) {
211
211
  const { cSize: t, classes: n } = ut(e);
212
- return () => m("svg", {
212
+ return () => p("svg", {
213
213
  class: n.value + " q-spinner-mat",
214
214
  width: t.value,
215
215
  height: t.value,
216
216
  viewBox: "25 25 50 50"
217
217
  }, [
218
- m("circle", {
218
+ p("circle", {
219
219
  class: "path",
220
220
  cx: "50",
221
221
  cy: "50",
@@ -310,17 +310,17 @@ function vt(e, t, n) {
310
310
  s[0].addEventListener(s[1], e[s[2]], de[s[3]]);
311
311
  });
312
312
  }
313
- function mt(e, t) {
313
+ function pt(e, t) {
314
314
  const n = `__q_${t}_evt`;
315
315
  e[n] !== void 0 && (e[n].forEach((a) => {
316
316
  a[0].removeEventListener(a[1], e[a[2]], de[a[3]]);
317
317
  }), e[n] = void 0);
318
318
  }
319
- function pt(e) {
319
+ function mt(e) {
320
320
  return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
321
321
  }
322
322
  function le(e, t) {
323
- return pt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
323
+ return mt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
324
324
  }
325
325
  function gt(e, t = 250) {
326
326
  let n = !1, a;
@@ -335,7 +335,7 @@ function ye(e, t, n, a) {
335
335
  const s = n.modifiers.color;
336
336
  let l = n.modifiers.center;
337
337
  l = l === !0 || a === !0;
338
- 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`;
338
+ 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`;
339
339
  i.className = "q-ripple__inner", ct(i, {
340
340
  height: `${q}px`,
341
341
  width: `${q}px`,
@@ -347,7 +347,7 @@ function ye(e, t, n, a) {
347
347
  };
348
348
  n.abort.push(w);
349
349
  let E = setTimeout(() => {
350
- 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(() => {
350
+ 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(() => {
351
351
  i.classList.remove("q-ripple__inner--enter"), i.classList.add("q-ripple__inner--leave"), i.style.opacity = 0, E = setTimeout(() => {
352
352
  o.remove(), n.abort.splice(n.abort.indexOf(w), 1);
353
353
  }, 275);
@@ -399,7 +399,7 @@ const ht = Me(
399
399
  const t = e.__qripple;
400
400
  t !== void 0 && (t.abort.forEach((n) => {
401
401
  n();
402
- }), mt(t, "main"), delete e._qripple);
402
+ }), pt(t, "main"), delete e._qripple);
403
403
  }
404
404
  }
405
405
  ), je = {
@@ -523,11 +523,11 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
523
523
  qe.bind(null, k[L - 2])
524
524
  ) : j
525
525
  );
526
- }), p = r(
526
+ }), m = r(
527
527
  () => f.value === !0 && u.value !== -1 && $t(s.$route.params, y.value.params)
528
528
  ), v = r(
529
- () => p.value === !0 && u.value === s.$route.matched.length - 1 && St(s.$route.params, y.value.params)
530
- ), h = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : p.value === !0 ? ` ${a.activeClass}` : "" : "");
529
+ () => m.value === !0 && u.value === s.$route.matched.length - 1 && St(s.$route.params, y.value.params)
530
+ ), h = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : m.value === !0 ? ` ${a.activeClass}` : "" : "");
531
531
  function C(k) {
532
532
  try {
533
533
  return s.$router.resolve(k);
@@ -563,7 +563,7 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
563
563
  hasLink: S,
564
564
  linkTag: d,
565
565
  resolvedLink: y,
566
- linkIsActive: p,
566
+ linkIsActive: m,
567
567
  linkIsExactActive: v,
568
568
  linkClass: h,
569
569
  linkAttrs: q,
@@ -666,13 +666,13 @@ function Mt(e) {
666
666
  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}`);
667
667
  const h = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
668
668
  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" : "");
669
- }), p = r(
669
+ }), m = r(
670
670
  () => n.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
671
671
  );
672
672
  return {
673
673
  classes: u,
674
674
  style: $,
675
- innerClasses: p,
675
+ innerClasses: m,
676
676
  attributes: q,
677
677
  hasLink: s,
678
678
  linkTag: l,
@@ -682,7 +682,7 @@ function Mt(e) {
682
682
  }
683
683
  const { passiveCapture: I } = de;
684
684
  let U = null, H = null, X = null;
685
- const At = te({
685
+ const Vt = te({
686
686
  name: "QBtn",
687
687
  props: {
688
688
  ...Rt,
@@ -702,7 +702,7 @@ const At = te({
702
702
  navigateOnClick: f,
703
703
  isActionable: S
704
704
  } = Mt(e), d = W(null), q = W(null);
705
- let u = null, p, v = null;
705
+ let u = null, m, v = null;
706
706
  const h = r(
707
707
  () => e.label !== void 0 && e.label !== null && e.label !== ""
708
708
  ), C = r(() => e.disable === !0 || e.ripple === !1 ? !1 : {
@@ -761,17 +761,17 @@ const At = te({
761
761
  }
762
762
  }
763
763
  function O(c) {
764
- 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)));
764
+ 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", A, !0), d.value.addEventListener("blur", A, I)), D(c)));
765
765
  }
766
766
  function j(c) {
767
- 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(() => {
768
- v = null, p = !1;
767
+ d.value !== null && (n("touchstart", c), c.defaultPrevented !== !0 && (U !== d.value && (U !== null && g(), U = d.value, u = c.target, u.addEventListener("touchcancel", A, I), u.addEventListener("touchend", A, I)), m = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
768
+ v = null, m = !1;
769
769
  }, 200)));
770
770
  }
771
771
  function F(c) {
772
- 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)));
772
+ 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", A, I)));
773
773
  }
774
- function V(c) {
774
+ function A(c) {
775
775
  if (d.value !== null && !((c == null ? void 0 : c.type) === "blur" && document.activeElement === d.value)) {
776
776
  if ((c == null ? void 0 : c.type) === "keyup") {
777
777
  if (H === d.value && le(c, [13, 32]) === !0) {
@@ -786,7 +786,7 @@ const At = te({
786
786
  function g(c) {
787
787
  var x, J;
788
788
  const B = q.value;
789
- 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");
789
+ 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", A, I), u.removeEventListener("touchend", A, I)), U = u = null), X === d.value && (document.removeEventListener("mouseup", A, I), X = null), H === d.value && (document.removeEventListener("keyup", A, !0), (x = d.value) == null || x.removeEventListener("blur", A, I), H = null), (J = d.value) == null || J.classList.remove("q-btn--active");
790
790
  }
791
791
  function M(c) {
792
792
  D(c), c.qSkipRipple = !0;
@@ -800,50 +800,50 @@ const At = te({
800
800
  }), () => {
801
801
  let c = [];
802
802
  e.icon !== void 0 && c.push(
803
- m(pe, {
803
+ p(me, {
804
804
  name: e.icon,
805
805
  left: e.stack !== !0 && h.value === !0,
806
806
  role: "img"
807
807
  })
808
808
  ), h.value === !0 && c.push(
809
- m("span", { class: "block" }, [e.label])
809
+ p("span", { class: "block" }, [e.label])
810
810
  ), c = N(t.default, c), e.iconRight !== void 0 && e.round === !1 && c.push(
811
- m(pe, {
811
+ p(me, {
812
812
  name: e.iconRight,
813
813
  right: e.stack !== !0 && h.value === !0,
814
814
  role: "img"
815
815
  })
816
816
  );
817
817
  const B = [
818
- m("span", {
818
+ p("span", {
819
819
  class: "q-focus-helper",
820
820
  ref: q
821
821
  })
822
822
  ];
823
823
  return e.loading === !0 && e.percentage !== void 0 && B.push(
824
- m("span", {
824
+ p("span", {
825
825
  class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
826
826
  }, [
827
- m("span", {
827
+ p("span", {
828
828
  class: "q-btn__progress-indicator fit block",
829
829
  style: E.value
830
830
  })
831
831
  ])
832
832
  ), B.push(
833
- m("span", {
833
+ p("span", {
834
834
  class: "q-btn__content text-center col items-center q-anchor--skip " + o.value
835
835
  }, c)
836
836
  ), e.loading !== null && B.push(
837
- m(Qe, {
837
+ p(Qe, {
838
838
  name: "q-transition--fade"
839
839
  }, () => e.loading === !0 ? [
840
- m("span", {
840
+ p("span", {
841
841
  key: "loading",
842
842
  class: "absolute-full flex flex-center"
843
- }, t.loading !== void 0 ? t.loading() : [m(ze)])
843
+ }, t.loading !== void 0 ? t.loading() : [p(ze)])
844
844
  ] : null)
845
845
  ), oe(
846
- m(
846
+ p(
847
847
  y.value,
848
848
  L.value,
849
849
  B
@@ -857,7 +857,7 @@ const At = te({
857
857
  );
858
858
  };
859
859
  }
860
- }), Vt = /* @__PURE__ */ K({
860
+ }), At = /* @__PURE__ */ K({
861
861
  __name: "AppButton",
862
862
  props: {
863
863
  size: { default: z.MD },
@@ -894,7 +894,7 @@ const At = te({
894
894
  `app-btn_${t.size}`,
895
895
  `app-btn_${t.color}`
896
896
  ]);
897
- return (a, s) => (b(), ae(Z(At), {
897
+ return (a, s) => (b(), ae(Z(Vt), {
898
898
  "no-caps": "",
899
899
  unelevated: "",
900
900
  class: P(n.value),
@@ -918,11 +918,11 @@ const At = te({
918
918
  `icon-kl-${a.iconLeft || a.iconMiddle}`,
919
919
  a.transparent || a.flat ? `text-${a.color}` : "text-secondary"
920
920
  ])
921
- }, null, 2)) : A("", !0),
921
+ }, null, 2)) : V("", !0),
922
922
  se(a.$slots, "default", {}, void 0, !0),
923
923
  a.label ? (b(), _(ie, { key: 1 }, [
924
924
  Pe(Y(a.label), 1)
925
- ], 64)) : A("", !0),
925
+ ], 64)) : V("", !0),
926
926
  a.iconRight ? (b(), _("i", {
927
927
  key: 2,
928
928
  class: P([
@@ -931,7 +931,7 @@ const At = te({
931
931
  `icon-kl-${a.iconRight}`,
932
932
  a.transparent ? `text-${a.color}` : "text-secondary"
933
933
  ])
934
- }, null, 2)) : A("", !0)
934
+ }, null, 2)) : V("", !0)
935
935
  ]),
936
936
  _: 3
937
937
  }, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label", "download"]));
@@ -941,7 +941,7 @@ const At = te({
941
941
  for (const [a, s] of t)
942
942
  n[a] = s;
943
943
  return n;
944
- }, Mn = /* @__PURE__ */ G(Vt, [["__scopeId", "data-v-44d5548c"]]), It = {
944
+ }, Mn = /* @__PURE__ */ G(At, [["__scopeId", "data-v-c9951ab6"]]), It = {
945
945
  key: 0,
946
946
  class: "app-toggle__label app-toggle__label_left"
947
947
  }, Tt = { class: "app-toggle__container" }, zt = ["checked", "disabled"], Ot = { class: "app-toggle__thumb" }, jt = {
@@ -979,7 +979,7 @@ const At = te({
979
979
  return (o, i) => (b(), _("div", {
980
980
  class: P(l.value)
981
981
  }, [
982
- o.label && o.labelLeft ? (b(), _("span", It, Y(o.label), 1)) : A("", !0),
982
+ o.label && o.labelLeft ? (b(), _("span", It, Y(o.label), 1)) : V("", !0),
983
983
  T("label", Tt, [
984
984
  T("input", {
985
985
  type: "checkbox",
@@ -995,7 +995,7 @@ const At = te({
995
995
  o.icon && !o.modelValue ? (b(), _("i", {
996
996
  key: 0,
997
997
  class: P(["icon-kl", `icon-kl-${o.icon}`, "app-toggle__icon"])
998
- }, null, 2)) : A("", !0),
998
+ }, null, 2)) : V("", !0),
999
999
  o.modelValue && (o.iconActive || o.icon) ? (b(), _("i", {
1000
1000
  key: 1,
1001
1001
  class: P([
@@ -1004,12 +1004,12 @@ const At = te({
1004
1004
  "app-toggle__icon",
1005
1005
  s.value ? `text-${o.iconColor}` : ""
1006
1006
  ])
1007
- }, null, 2)) : A("", !0)
1007
+ }, null, 2)) : V("", !0)
1008
1008
  ])
1009
1009
  ], 2),
1010
1010
  se(o.$slots, "default", {}, void 0, !0)
1011
1011
  ]),
1012
- o.label && !o.labelLeft ? (b(), _("span", jt, Y(o.label), 1)) : A("", !0)
1012
+ o.label && !o.labelLeft ? (b(), _("span", jt, Y(o.label), 1)) : V("", !0)
1013
1013
  ], 2));
1014
1014
  }
1015
1015
  }), xt = /* @__PURE__ */ G(Dt, [["__scopeId", "data-v-c6702cb0"]]), Ne = {
@@ -1022,7 +1022,7 @@ function Ke(e, t) {
1022
1022
  return r(() => e.dark === null ? t.dark.isActive : e.dark);
1023
1023
  }
1024
1024
  function Nt(e, t) {
1025
- const n = W(null), a = r(() => e.disable === !0 ? null : m("span", {
1025
+ const n = W(null), a = r(() => e.disable === !0 ? null : p("span", {
1026
1026
  ref: n,
1027
1027
  class: "no-outline",
1028
1028
  tabindex: -1
@@ -1042,14 +1042,14 @@ const Kt = {
1042
1042
  function Ft(e = {}) {
1043
1043
  return (t, n, a) => {
1044
1044
  t[n](
1045
- m("input", {
1045
+ p("input", {
1046
1046
  class: "hidden" + (a || ""),
1047
1047
  ...e.value
1048
1048
  })
1049
1049
  );
1050
1050
  };
1051
1051
  }
1052
- function An(e) {
1052
+ function Vn(e) {
1053
1053
  return r(() => e.name || e.for);
1054
1054
  }
1055
1055
  const Qt = {
@@ -1092,12 +1092,12 @@ function Xt(e, t) {
1092
1092
  ), q = r(() => {
1093
1093
  const g = Q(n.val);
1094
1094
  return d.value === !0 ? n.modelValue.findIndex((M) => Q(M) === g) : -1;
1095
- }), 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(
1096
- () => u.value === !1 && p.value === !1
1095
+ }), 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(
1096
+ () => u.value === !1 && m.value === !1
1097
1097
  ), h = r(() => n.disable === !0 ? -1 : n.tabindex || 0), C = r(
1098
1098
  () => `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" : "")
1099
1099
  ), w = r(() => {
1100
- 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}` : "";
1100
+ 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}` : "";
1101
1101
  return `q-${e}__inner relative-position non-selectable q-${e}__inner--${g}${M}`;
1102
1102
  }), E = r(() => {
1103
1103
  const g = { type: "checkbox" };
@@ -1131,7 +1131,7 @@ function Xt(e, t) {
1131
1131
  if (u.value === !0) {
1132
1132
  if (n.toggleOrder !== "ft" || n.toggleIndeterminate === !1)
1133
1133
  return n.falseValue;
1134
- } else if (p.value === !0) {
1134
+ } else if (m.value === !0) {
1135
1135
  if (n.toggleOrder === "ft" || n.toggleIndeterminate === !1)
1136
1136
  return n.trueValue;
1137
1137
  } else
@@ -1144,28 +1144,28 @@ function Xt(e, t) {
1144
1144
  function F(g) {
1145
1145
  (g.keyCode === 13 || g.keyCode === 32) && R(g);
1146
1146
  }
1147
- const V = t(u, v);
1147
+ const A = t(u, v);
1148
1148
  return Object.assign(l, { toggle: R }), () => {
1149
- const g = V();
1149
+ const g = A();
1150
1150
  n.disable !== !0 && k(
1151
1151
  g,
1152
1152
  "unshift",
1153
1153
  ` q-${e}__native absolute q-ma-none q-pa-none`
1154
1154
  );
1155
1155
  const M = [
1156
- m("div", {
1156
+ p("div", {
1157
1157
  class: w.value,
1158
1158
  style: S.value,
1159
1159
  "aria-hidden": "true"
1160
1160
  }, g)
1161
1161
  ];
1162
1162
  y.value !== null && M.push(y.value);
1163
- const c = n.label !== void 0 ? N(a.default, [n.label]) : Ae(a.default);
1163
+ const c = n.label !== void 0 ? N(a.default, [n.label]) : Ve(a.default);
1164
1164
  return c !== void 0 && M.push(
1165
- m("div", {
1165
+ p("div", {
1166
1166
  class: `q-${e}__label q-anchor--skip`
1167
1167
  }, c)
1168
- ), m("div", {
1168
+ ), p("div", {
1169
1169
  ref: $,
1170
1170
  class: C.value,
1171
1171
  ...L.value,
@@ -1175,20 +1175,20 @@ function Xt(e, t) {
1175
1175
  }, M);
1176
1176
  };
1177
1177
  }
1178
- const Wt = () => m("div", {
1178
+ const Wt = () => p("div", {
1179
1179
  key: "svg",
1180
1180
  class: "q-checkbox__bg absolute"
1181
1181
  }, [
1182
- m("svg", {
1182
+ p("svg", {
1183
1183
  class: "q-checkbox__svg fit absolute-full",
1184
1184
  viewBox: "0 0 24 24"
1185
1185
  }, [
1186
- m("path", {
1186
+ p("path", {
1187
1187
  class: "q-checkbox__truthy",
1188
1188
  fill: "none",
1189
1189
  d: "M1.73,12.91 8.1,19.28 22.79,4.59"
1190
1190
  }),
1191
- m("path", {
1191
+ p("path", {
1192
1192
  class: "q-checkbox__indet",
1193
1193
  d: "M4,14H20V10H4"
1194
1194
  })
@@ -1204,11 +1204,11 @@ const Wt = () => m("div", {
1204
1204
  () => (a.value === !0 ? e.checkedIcon : s.value === !0 ? e.indeterminateIcon : e.uncheckedIcon) || null
1205
1205
  );
1206
1206
  return () => l.value !== null ? [
1207
- m("div", {
1207
+ p("div", {
1208
1208
  key: "icon",
1209
1209
  class: "q-checkbox__icon-container absolute-full flex flex-center no-wrap"
1210
1210
  }, [
1211
- m(pe, {
1211
+ p(me, {
1212
1212
  class: "q-checkbox__icon",
1213
1213
  name: l.value
1214
1214
  })
@@ -1301,7 +1301,7 @@ const tn = Me(
1301
1301
  iconSize: {},
1302
1302
  color: {},
1303
1303
  iconRight: {},
1304
- noArrow: { type: Boolean },
1304
+ arrow: { type: Boolean },
1305
1305
  toggle: { type: Boolean },
1306
1306
  checkbox: { type: Boolean },
1307
1307
  active: { type: Boolean },
@@ -1316,7 +1316,7 @@ const tn = Me(
1316
1316
  emits: ["update:modelValue", "closePopup"],
1317
1317
  setup(e, { emit: t }) {
1318
1318
  const n = e, a = t, s = () => {
1319
- n.disabled || (n.toggle || n.checkbox) && (a("closePopup"), a("update:modelValue", !n.modelValue));
1319
+ n.disabled || (n.toggle || n.checkbox ? a("update:modelValue", !n.modelValue) : n.persistent || a("closePopup"));
1320
1320
  };
1321
1321
  return (l, o) => oe((b(), _("div", {
1322
1322
  class: P(["menu-item", [
@@ -1338,20 +1338,20 @@ const tn = Me(
1338
1338
  ])) : (b(), _(ie, { key: 1 }, [
1339
1339
  l.checked ? (b(), _("div", an, [...o[2] || (o[2] = [
1340
1340
  T("i", { class: "icon-kl icon-kl-check" }, null, -1)
1341
- ])])) : A("", !0),
1341
+ ])])) : V("", !0),
1342
1342
  l.checkbox ? (b(), ae(Yt, {
1343
1343
  key: 1,
1344
1344
  class: "menu-item__checkbox",
1345
1345
  size: "34px",
1346
1346
  "model-value": l.modelValue,
1347
1347
  "onUpdate:modelValue": o[0] || (o[0] = (i) => a("update:modelValue", i))
1348
- }, null, 8, ["model-value"])) : A("", !0),
1348
+ }, null, 8, ["model-value"])) : V("", !0),
1349
1349
  l.icon ? (b(), _("div", ln, [
1350
1350
  T("i", {
1351
1351
  class: P(`icon-kl icon-kl-${l.icon}`),
1352
1352
  style: re({ fontSize: l.iconSize || "27px" })
1353
1353
  }, null, 6)
1354
- ])) : A("", !0)
1354
+ ])) : V("", !0)
1355
1355
  ], 64)),
1356
1356
  T("span", on, Y(l.label), 1)
1357
1357
  ], 2),
@@ -1367,12 +1367,12 @@ const tn = Me(
1367
1367
  "menu-item__icon-right menu-item__icon-right_custom icon-kl",
1368
1368
  `icon-kl-${l.iconRight}`
1369
1369
  ])
1370
- }, null, 2)) : !l.noArrow && !l.loading ? (b(), _("i", sn)) : A("", !0)
1370
+ }, null, 2)) : l.arrow ? (b(), _("i", sn)) : V("", !0)
1371
1371
  ], 2)), [
1372
1372
  [tn, !l.toggle && !l.checkbox && !l.persistent && !l.disabled]
1373
1373
  ]);
1374
1374
  }
1375
- }), Vn = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-d4331433"]]), un = /* @__PURE__ */ K({
1375
+ }), An = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-6b725efb"]]), un = /* @__PURE__ */ K({
1376
1376
  __name: "AppIcon",
1377
1377
  props: {
1378
1378
  name: {},
@@ -1430,26 +1430,26 @@ const dn = te({
1430
1430
  () => `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}` : "")
1431
1431
  ), d = r(() => we(l.value === !0 ? 1 : e.value, o.value, n.$q)), q = r(
1432
1432
  () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${l.value === !0 ? "in" : ""}determinate`
1433
- ), u = r(() => ({ width: `${e.value * 100}%` })), p = r(
1433
+ ), u = r(() => ({ width: `${e.value * 100}%` })), m = r(
1434
1434
  () => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
1435
1435
  );
1436
1436
  return () => {
1437
1437
  const v = [
1438
- m("div", {
1438
+ p("div", {
1439
1439
  class: S.value,
1440
1440
  style: y.value
1441
1441
  }),
1442
- m("div", {
1442
+ p("div", {
1443
1443
  class: q.value,
1444
1444
  style: d.value
1445
1445
  })
1446
1446
  ];
1447
1447
  return e.stripe === !0 && l.value === !1 && v.push(
1448
- m("div", {
1449
- class: p.value,
1448
+ p("div", {
1449
+ class: m.value,
1450
1450
  style: u.value
1451
1451
  })
1452
- ), m("div", {
1452
+ ), p("div", {
1453
1453
  class: $.value,
1454
1454
  style: i.value,
1455
1455
  role: "progressbar",
@@ -1462,7 +1462,7 @@ const dn = te({
1462
1462
  }), fn = {
1463
1463
  key: 0,
1464
1464
  class: "code-field__label"
1465
- }, vn = { class: "code-field__inputs" }, mn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], pn = /* @__PURE__ */ K({
1465
+ }, vn = { class: "code-field__inputs" }, pn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], mn = /* @__PURE__ */ K({
1466
1466
  __name: "AppCodeInput",
1467
1467
  props: {
1468
1468
  length: { default: 5 },
@@ -1485,41 +1485,41 @@ const dn = te({
1485
1485
  ]), $ = r(() => {
1486
1486
  let u = "";
1487
1487
  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;
1488
- }), y = (u, p) => {
1488
+ }), y = (u, m) => {
1489
1489
  var C;
1490
1490
  const h = u.target.value;
1491
1491
  if (h.length === 1)
1492
- p < a.length - 1 && o.value && ((C = o.value[p + 1]) == null || C.focus());
1492
+ m < a.length - 1 && o.value && ((C = o.value[m + 1]) == null || C.focus());
1493
1493
  else if (h.length > 1) {
1494
- const w = h.slice(0, a.length - p).split("");
1494
+ const w = h.slice(0, a.length - m).split("");
1495
1495
  w.forEach((E, k) => {
1496
- l.value[p + k] = E;
1496
+ l.value[m + k] = E;
1497
1497
  }), he(() => {
1498
1498
  var E;
1499
- o.value && ((E = o.value[Math.min(p + w.length, a.length - 1)]) == null || E.focus());
1499
+ o.value && ((E = o.value[Math.min(m + w.length, a.length - 1)]) == null || E.focus());
1500
1500
  });
1501
1501
  }
1502
1502
  }, f = (u) => {
1503
- var p;
1504
- l.value[u] === "" && o.value && u > 0 && ((p = o.value[u - 1]) == null || p.focus());
1505
- }, S = (u, p) => {
1503
+ var m;
1504
+ l.value[u] === "" && o.value && u > 0 && ((m = o.value[u - 1]) == null || m.focus());
1505
+ }, S = (u, m) => {
1506
1506
  var C;
1507
1507
  u.preventDefault();
1508
1508
  const v = ((C = u.clipboardData) == null ? void 0 : C.getData("text")) ?? "";
1509
1509
  if (!v) return;
1510
- const h = v.slice(0, a.length - p).split("");
1510
+ const h = v.slice(0, a.length - m).split("");
1511
1511
  h.forEach((w, E) => {
1512
- l.value[p + E] = w;
1512
+ l.value[m + E] = w;
1513
1513
  }), he(() => {
1514
1514
  var w;
1515
- o.value && ((w = o.value[Math.min(p + h.length, a.length - 1)]) == null || w.focus());
1515
+ o.value && ((w = o.value[Math.min(m + h.length, a.length - 1)]) == null || w.focus());
1516
1516
  });
1517
1517
  };
1518
1518
  Xe(
1519
1519
  l,
1520
1520
  (u) => {
1521
- const p = u.join("");
1522
- d(p);
1521
+ const m = u.join("");
1522
+ d(m);
1523
1523
  },
1524
1524
  { deep: !0 }
1525
1525
  );
@@ -1532,11 +1532,11 @@ const dn = te({
1532
1532
  a.autofocus && o.value && o.value[0] && o.value[0].focus();
1533
1533
  }), t({
1534
1534
  injectCode: q
1535
- }), (u, p) => (b(), _("div", {
1535
+ }), (u, m) => (b(), _("div", {
1536
1536
  class: P(i.value),
1537
1537
  style: re($.value)
1538
1538
  }, [
1539
- u.label ? (b(), _("label", fn, Y(u.label), 1)) : A("", !0),
1539
+ u.label ? (b(), _("label", fn, Y(u.label), 1)) : V("", !0),
1540
1540
  T("div", vn, [
1541
1541
  (b(!0), _(ie, null, Le(u.length, (v, h) => oe((b(), _("input", {
1542
1542
  key: h,
@@ -1551,7 +1551,7 @@ const dn = te({
1551
1551
  onInput: (C) => y(C, h),
1552
1552
  onKeydown: Ye((C) => f(h), ["backspace"]),
1553
1553
  onPaste: (C) => S(C, h)
1554
- }, null, 40, mn)), [
1554
+ }, null, 40, pn)), [
1555
1555
  [Ge, l.value[h]]
1556
1556
  ])), 128))
1557
1557
  ]),
@@ -1561,10 +1561,10 @@ const dn = te({
1561
1561
  rounded: "",
1562
1562
  color: u.color,
1563
1563
  class: "code-field__loading"
1564
- }, null, 8, ["color"])) : A("", !0)
1564
+ }, null, 8, ["color"])) : V("", !0)
1565
1565
  ], 6));
1566
1566
  }
1567
- }), Tn = /* @__PURE__ */ G(pn, [["__scopeId", "data-v-4e11db87"]]), gn = { class: "app-segment__track" }, hn = { class: "app-segment__buttons" }, bn = ["onClick", "disabled"], kn = /* @__PURE__ */ K({
1567
+ }), Tn = /* @__PURE__ */ G(mn, [["__scopeId", "data-v-4e11db87"]]), gn = { class: "app-segment__track" }, hn = { class: "app-segment__buttons" }, bn = ["onClick", "disabled"], kn = /* @__PURE__ */ K({
1568
1568
  __name: "AppSegment",
1569
1569
  props: /* @__PURE__ */ Je({
1570
1570
  options: {},
@@ -1609,18 +1609,18 @@ const dn = te({
1609
1609
  ], 2));
1610
1610
  }
1611
1611
  }), zn = /* @__PURE__ */ G(kn, [["__scopeId", "data-v-ff56abdf"]]), On = ge(
1612
- () => import("./AppButtonCopy-CZMmxAOw.js")
1612
+ () => import("./AppButtonCopy-DX_WkApZ.js")
1613
1613
  ), jn = ge(
1614
- () => import("./AppSelect-CqpUcE2F.js")
1614
+ () => import("./AppSelect-BXCxIL63.js")
1615
1615
  ), Dn = ge(
1616
- () => import("./DropdownButton-DYMqQn3L.js")
1616
+ () => import("./DropdownButton-ClND0lzl.js")
1617
1617
  );
1618
1618
  export {
1619
1619
  Mn as A,
1620
- At as B,
1620
+ Vt as B,
1621
1621
  Re as C,
1622
1622
  vt as D,
1623
- mt as E,
1623
+ pt as E,
1624
1624
  _t as F,
1625
1625
  Gt as G,
1626
1626
  Pn as H,
@@ -1631,8 +1631,8 @@ export {
1631
1631
  Dn as M,
1632
1632
  On as N,
1633
1633
  jn as O,
1634
- Vn as P,
1635
- pe as Q,
1634
+ An as P,
1635
+ me as Q,
1636
1636
  ht as R,
1637
1637
  z as S,
1638
1638
  zn as T,
@@ -1648,7 +1648,7 @@ export {
1648
1648
  ce as e,
1649
1649
  Sn as f,
1650
1650
  qn as g,
1651
- Ae as h,
1651
+ Ve as h,
1652
1652
  Ln as i,
1653
1653
  Ct as j,
1654
1654
  le as k,
@@ -1660,9 +1660,9 @@ export {
1660
1660
  wn as q,
1661
1661
  Kt as r,
1662
1662
  D as s,
1663
- An as t,
1663
+ Vn as t,
1664
1664
  Ne as u,
1665
- pt as v,
1665
+ mt as v,
1666
1666
  Oe as w,
1667
1667
  N as x,
1668
1668
  Lt as y,