@validol4ik/uikit 0.8.9 → 0.9.1

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,5 +1,5 @@
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, openBlock as b, createBlock as ae, normalizeClass as P, withCtx as Ue, createElementBlock as _, createCommentVNode as V, renderSlot as se, Fragment as ie, createTextVNode as Pe, toDisplayString as Y, 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, useModel as Je, mergeModels as Ze, defineAsyncComponent as ge } from "vue";
2
- const _n = ({ app: e }) => {
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, openBlock as b, createBlock as ae, normalizeClass as P, withCtx as Ue, createElementBlock as _, createCommentVNode as V, renderSlot as se, Fragment as ie, createTextVNode as Pe, toDisplayString as Y, withModifiers as He, createElementVNode as T, toRaw as Q, createVNode as Xe, normalizeStyle as re, watch as We, onMounted as Ye, renderList as Le, withKeys as Ge, vModelText as Je, nextTick as he, useModel as Ze, mergeModels as et, defineAsyncComponent as ge } from "vue";
2
+ const $n = ({ app: e }) => {
3
3
  const t = e.config.globalProperties.$q;
4
4
  t.iconMapFn = (n) => {
5
5
  if (n.startsWith("icon-kl:"))
@@ -15,7 +15,7 @@ const _n = ({ app: e }) => {
15
15
  MD: "md",
16
16
  LG: "lg",
17
17
  XL: "xl"
18
- }, et = {
18
+ }, tt = {
19
19
  [z.SM]: "3px 9px",
20
20
  [z.MD]: "5px 12px",
21
21
  [z.LG]: "6px 15px",
@@ -41,7 +41,7 @@ function Me(e) {
41
41
  function Ve(e, t) {
42
42
  return e !== void 0 && e() || t;
43
43
  }
44
- function $n(e, t) {
44
+ function qn(e, t) {
45
45
  if (e !== void 0) {
46
46
  const n = e();
47
47
  if (n != null)
@@ -52,7 +52,7 @@ function $n(e, t) {
52
52
  function N(e, t) {
53
53
  return e !== void 0 ? t.concat(e()) : t;
54
54
  }
55
- function qn(e, t) {
55
+ function Cn(e, t) {
56
56
  return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
57
57
  }
58
58
  function Sn(e, t, n, a, s, l) {
@@ -82,7 +82,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
82
82
  sym_o_: "-outlined",
83
83
  sym_r_: "-rounded",
84
84
  sym_s_: "-sharp"
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({
85
+ }, nt = new RegExp("^(" + Object.keys(Ae).join("|") + ")"), at = new RegExp("^(" + Object.keys(Ie).join("|") + ")"), ke = new RegExp("^(" + Object.keys(Te).join("|") + ")"), lt = /^[Mm]\s?[-+]?\.?\d/, ot = /^img:/, st = /^svguse:/, it = /^ion-/, rt = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, me = te({
86
86
  name: "QIcon",
87
87
  props: {
88
88
  ...ue,
@@ -114,37 +114,37 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
114
114
  content: f.content !== void 0 ? f.content : " "
115
115
  };
116
116
  }
117
- if (at.test(i) === !0) {
118
- const [f, S = be] = i.split("|");
117
+ if (lt.test(i) === !0) {
118
+ const [f, C = be] = i.split("|");
119
119
  return {
120
120
  svg: !0,
121
- viewBox: S,
121
+ viewBox: C,
122
122
  nodes: f.split("&&").map((d) => {
123
123
  const [q, u, m] = d.split("@@");
124
124
  return p("path", { style: u, d: q, transform: m });
125
125
  })
126
126
  };
127
127
  }
128
- if (lt.test(i) === !0)
128
+ if (ot.test(i) === !0)
129
129
  return {
130
130
  img: !0,
131
131
  src: i.substring(4)
132
132
  };
133
- if (ot.test(i) === !0) {
134
- const [f, S = be] = i.split("|");
133
+ if (st.test(i) === !0) {
134
+ const [f, C = be] = i.split("|");
135
135
  return {
136
136
  svguse: !0,
137
137
  src: f.substring(7),
138
- viewBox: S
138
+ viewBox: C
139
139
  };
140
140
  }
141
141
  let $ = " ";
142
- const y = i.match(tt);
142
+ const y = i.match(nt);
143
143
  if (y !== null)
144
144
  o = Ae[y[1]](i);
145
- else if (it.test(i) === !0)
145
+ else if (rt.test(i) === !0)
146
146
  o = i;
147
- else if (st.test(i) === !0)
147
+ else if (it.test(i) === !0)
148
148
  o = `ionicons ion-${n.platform.is.ios === !0 ? "ios" : "md"}${i.substring(3)}`;
149
149
  else if (ke.test(i) === !0) {
150
150
  o = "notranslate material-symbols";
@@ -152,7 +152,7 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
152
152
  f !== null && (i = i.substring(6), o += Te[f[1]]), $ = i;
153
153
  } else {
154
154
  o = "notranslate material-icons";
155
- const f = i.match(nt);
155
+ const f = i.match(at);
156
156
  f !== null && (i = i.substring(2), o += Ie[f[1]]), $ = i;
157
157
  }
158
158
  return {
@@ -183,14 +183,14 @@ const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ae = {
183
183
  ])));
184
184
  };
185
185
  }
186
- }), rt = {
186
+ }), ut = {
187
187
  size: {
188
188
  type: [String, Number],
189
189
  default: "1em"
190
190
  },
191
191
  color: String
192
192
  };
193
- function ut(e) {
193
+ function ct(e) {
194
194
  return {
195
195
  cSize: r(() => e.size in pe ? `${pe[e.size]}px` : e.size),
196
196
  classes: r(
@@ -201,14 +201,14 @@ function ut(e) {
201
201
  const ze = te({
202
202
  name: "QSpinner",
203
203
  props: {
204
- ...rt,
204
+ ...ut,
205
205
  thickness: {
206
206
  type: Number,
207
207
  default: 5
208
208
  }
209
209
  },
210
210
  setup(e) {
211
- const { cSize: t, classes: n } = ut(e);
211
+ const { cSize: t, classes: n } = ct(e);
212
212
  return () => p("svg", {
213
213
  class: n.value + " q-spinner-mat",
214
214
  width: t.value,
@@ -228,12 +228,12 @@ const ze = te({
228
228
  ]);
229
229
  }
230
230
  });
231
- function ct(e, t) {
231
+ function dt(e, t) {
232
232
  const n = e.style;
233
233
  for (const a in t)
234
234
  n[a] = t[a];
235
235
  }
236
- function Cn(e) {
236
+ function Bn(e) {
237
237
  if (e == null)
238
238
  return;
239
239
  if (typeof e == "string")
@@ -246,7 +246,7 @@ function Cn(e) {
246
246
  if (t)
247
247
  return t.$el || t;
248
248
  }
249
- function Bn(e, t) {
249
+ function wn(e, t) {
250
250
  if (e == null || e.contains(t) === !0)
251
251
  return !0;
252
252
  for (let n = e.nextElementSibling; n !== null; n = n.nextElementSibling)
@@ -274,15 +274,15 @@ try {
274
274
  window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
275
275
  } catch {
276
276
  }
277
- function wn() {
277
+ function En() {
278
278
  }
279
- function dt(e) {
279
+ function ft(e) {
280
280
  return e.touches && e.touches[0] ? e = e.touches[0] : e.changedTouches && e.changedTouches[0] ? e = e.changedTouches[0] : e.targetTouches && e.targetTouches[0] && (e = e.targetTouches[0]), {
281
281
  top: e.clientY,
282
282
  left: e.clientX
283
283
  };
284
284
  }
285
- function En(e) {
285
+ function Pn(e) {
286
286
  if (e.path)
287
287
  return e.path;
288
288
  if (e.composedPath)
@@ -298,31 +298,31 @@ function En(e) {
298
298
  function Oe(e) {
299
299
  e.stopPropagation();
300
300
  }
301
- function ft(e) {
301
+ function vt(e) {
302
302
  e.cancelable !== !1 && e.preventDefault();
303
303
  }
304
304
  function D(e) {
305
305
  e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
306
306
  }
307
- function vt(e, t, n) {
307
+ function pt(e, t, n) {
308
308
  const a = `__q_${t}_evt`;
309
309
  e[a] = e[a] !== void 0 ? e[a].concat(n) : n, n.forEach((s) => {
310
310
  s[0].addEventListener(s[1], e[s[2]], de[s[3]]);
311
311
  });
312
312
  }
313
- function pt(e, t) {
313
+ function mt(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 mt(e) {
319
+ function gt(e) {
320
320
  return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
321
321
  }
322
322
  function le(e, t) {
323
- return mt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
323
+ return gt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
324
324
  }
325
- function gt(e, t = 250) {
325
+ function ht(e, t = 250) {
326
326
  let n = !1, a;
327
327
  return function() {
328
328
  return n === !1 && (n = !0, setTimeout(() => {
@@ -335,11 +335,11 @@ 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, 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
- i.className = "q-ripple__inner", ct(i, {
338
+ const o = document.createElement("span"), i = document.createElement("span"), $ = ft(e), { left: y, top: f, width: C, height: d } = t.getBoundingClientRect(), q = Math.sqrt(C * C + d * d), u = q / 2, m = `${(C - q) / 2}px`, v = l ? m : `${$.left - y - u}px`, h = `${(d - q) / 2}px`, S = l ? h : `${$.top - f - u}px`;
339
+ i.className = "q-ripple__inner", dt(i, {
340
340
  height: `${q}px`,
341
341
  width: `${q}px`,
342
- transform: `translate3d(${v},${C},0) scale3d(.2,.2,1)`,
342
+ transform: `translate3d(${v},${S},0) scale3d(.2,.2,1)`,
343
343
  opacity: 0
344
344
  }), o.className = `q-ripple${s ? " text-" + s : ""}`, o.setAttribute("dir", "ltr"), o.appendChild(i), t.appendChild(o);
345
345
  const w = () => {
@@ -364,7 +364,7 @@ function _e(e, { modifiers: t, value: n, arg: a }) {
364
364
  keyCodes: [].concat(s.keyCodes || 13)
365
365
  };
366
366
  }
367
- const ht = Me(
367
+ const bt = Me(
368
368
  {
369
369
  name: "ripple",
370
370
  beforeMount(e, t) {
@@ -378,11 +378,11 @@ const ht = Me(
378
378
  start(s) {
379
379
  a.enabled === !0 && s.qSkipRipple !== !0 && s.type === (a.modifiers.early === !0 ? "pointerdown" : "click") && ye(s, e, a, s.qKeyEvent === !0);
380
380
  },
381
- keystart: gt((s) => {
381
+ keystart: ht((s) => {
382
382
  a.enabled === !0 && s.qSkipRipple !== !0 && le(s, a.modifiers.keyCodes) === !0 && s.type === `key${a.modifiers.early === !0 ? "down" : "up"}` && ye(s, e, a, !0);
383
383
  }, 300)
384
384
  };
385
- _e(a, t), e.__qripple = a, vt(a, "main", [
385
+ _e(a, t), e.__qripple = a, pt(a, "main", [
386
386
  [e, "pointerdown", "start", "passive"],
387
387
  [e, "click", "start", "passive"],
388
388
  [e, "keydown", "keystart", "passive"],
@@ -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
- }), pt(t, "main"), delete e._qripple);
402
+ }), mt(t, "main"), delete e._qripple);
403
403
  }
404
404
  }
405
405
  ), je = {
@@ -410,13 +410,13 @@ const ht = Me(
410
410
  around: "around",
411
411
  evenly: "evenly",
412
412
  stretch: "stretch"
413
- }, bt = Object.keys(je), kt = {
413
+ }, kt = Object.keys(je), yt = {
414
414
  align: {
415
415
  type: String,
416
- validator: (e) => bt.includes(e)
416
+ validator: (e) => kt.includes(e)
417
417
  }
418
418
  };
419
- function yt(e) {
419
+ function _t(e) {
420
420
  return r(() => {
421
421
  const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
422
422
  return `${e.vertical === !0 ? "items" : "justify"}-${je[t]}`;
@@ -432,10 +432,10 @@ function ne(e) {
432
432
  t = t.parent;
433
433
  }
434
434
  }
435
- function _t(e) {
435
+ function $t(e) {
436
436
  return e.appContext.config.globalProperties.$router !== void 0;
437
437
  }
438
- function Pn(e) {
438
+ function Ln(e) {
439
439
  return e.isUnmounted === !0 || e.isDeactivated === !0;
440
440
  }
441
441
  function $e(e) {
@@ -444,7 +444,7 @@ function $e(e) {
444
444
  function qe(e, t) {
445
445
  return (e.aliasOf || e) === (t.aliasOf || t);
446
446
  }
447
- function $t(e, t) {
447
+ function qt(e, t) {
448
448
  for (const n in t) {
449
449
  const a = t[n], s = e[n];
450
450
  if (typeof a == "string") {
@@ -455,17 +455,17 @@ function $t(e, t) {
455
455
  }
456
456
  return !0;
457
457
  }
458
- function Se(e, t) {
458
+ function Ce(e, t) {
459
459
  return Array.isArray(t) === !0 ? e.length === t.length && e.every((n, a) => n === t[a]) : e.length === 1 && e[0] === t;
460
460
  }
461
- function qt(e, t) {
462
- return Array.isArray(e) === !0 ? Se(e, t) : Array.isArray(t) === !0 ? Se(t, e) : e === t;
461
+ function Ct(e, t) {
462
+ return Array.isArray(e) === !0 ? Ce(e, t) : Array.isArray(t) === !0 ? Ce(t, e) : e === t;
463
463
  }
464
464
  function St(e, t) {
465
465
  if (Object.keys(e).length !== Object.keys(t).length)
466
466
  return !1;
467
467
  for (const n in e)
468
- if (qt(e[n], t[n]) === !1)
468
+ if (Ct(e[n], t[n]) === !1)
469
469
  return !1;
470
470
  return !0;
471
471
  }
@@ -478,7 +478,7 @@ const De = {
478
478
  target: String,
479
479
  // state
480
480
  disable: Boolean
481
- }, Ln = {
481
+ }, Rn = {
482
482
  ...De,
483
483
  // router-link
484
484
  exact: Boolean,
@@ -491,12 +491,12 @@ const De = {
491
491
  default: "q-router-link--exact-active"
492
492
  }
493
493
  };
494
- function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
495
- const n = ee(), { props: a, proxy: s, emit: l } = n, o = _t(n), i = r(() => a.disable !== !0 && a.href !== void 0), $ = t === !0 ? r(
494
+ function Bt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
495
+ const n = ee(), { props: a, proxy: s, emit: l } = n, o = $t(n), i = r(() => a.disable !== !0 && a.href !== void 0), $ = t === !0 ? r(
496
496
  () => o === !0 && a.disable !== !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
497
497
  ) : r(
498
498
  () => o === !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
499
- ), y = r(() => $.value === !0 ? C(a.to) : null), f = r(() => y.value !== null), S = r(() => i.value === !0 || f.value === !0), d = r(() => a.type === "a" || S.value === !0 ? "a" : a.tag || e || "div"), q = r(() => i.value === !0 ? {
499
+ ), y = r(() => $.value === !0 ? S(a.to) : null), f = r(() => y.value !== null), C = r(() => i.value === !0 || f.value === !0), d = r(() => a.type === "a" || C.value === !0 ? "a" : a.tag || e || "div"), q = r(() => i.value === !0 ? {
500
500
  href: a.href,
501
501
  target: a.target
502
502
  } : f.value === !0 ? {
@@ -524,11 +524,11 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
524
524
  ) : j
525
525
  );
526
526
  }), m = r(
527
- () => f.value === !0 && u.value !== -1 && $t(s.$route.params, y.value.params)
527
+ () => f.value === !0 && u.value !== -1 && qt(s.$route.params, y.value.params)
528
528
  ), v = r(
529
529
  () => m.value === !0 && u.value === s.$route.matched.length - 1 && St(s.$route.params, y.value.params)
530
530
  ), h = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : m.value === !0 ? ` ${a.activeClass}` : "" : "");
531
- function C(k) {
531
+ function S(k) {
532
532
  try {
533
533
  return s.$router.resolve(k);
534
534
  } catch {
@@ -560,40 +560,40 @@ function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
560
560
  return {
561
561
  hasRouterLink: f,
562
562
  hasHrefLink: i,
563
- hasLink: S,
563
+ hasLink: C,
564
564
  linkTag: d,
565
565
  resolvedLink: y,
566
566
  linkIsActive: m,
567
567
  linkIsExactActive: v,
568
568
  linkClass: h,
569
569
  linkAttrs: q,
570
- getLink: C,
570
+ getLink: S,
571
571
  navigateToRouterLink: w,
572
572
  navigateOnClick: E
573
573
  };
574
574
  }
575
- const Ce = {
575
+ const Se = {
576
576
  none: 0,
577
577
  xs: 4,
578
578
  sm: 8,
579
579
  md: 16,
580
580
  lg: 24,
581
581
  xl: 32
582
- }, Bt = {
582
+ }, wt = {
583
583
  xs: 8,
584
584
  sm: 10,
585
585
  md: 14,
586
586
  lg: 20,
587
587
  xl: 24
588
- }, wt = ["button", "submit", "reset"], Et = /[^\s]\/[^\s]/, Pt = ["flat", "outline", "push", "unelevated"];
588
+ }, Et = ["button", "submit", "reset"], Pt = /[^\s]\/[^\s]/, Lt = ["flat", "outline", "push", "unelevated"];
589
589
  function xe(e, t) {
590
590
  return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
591
591
  }
592
- function Rn(e) {
592
+ function Mn(e) {
593
593
  const t = xe(e);
594
594
  return t !== void 0 ? { [t]: !0 } : {};
595
595
  }
596
- const Lt = {
596
+ const Rt = {
597
597
  ...ue,
598
598
  ...De,
599
599
  type: {
@@ -603,7 +603,7 @@ const Lt = {
603
603
  label: [Number, String],
604
604
  icon: String,
605
605
  iconRight: String,
606
- ...Pt.reduce(
606
+ ...Lt.reduce(
607
607
  (e, t) => (e[t] = Boolean) && e,
608
608
  {}
609
609
  ),
@@ -625,7 +625,7 @@ const Lt = {
625
625
  default: !0
626
626
  },
627
627
  align: {
628
- ...kt.align,
628
+ ...yt.align,
629
629
  default: "center"
630
630
  },
631
631
  stack: Boolean,
@@ -635,17 +635,17 @@ const Lt = {
635
635
  default: null
636
636
  },
637
637
  disable: Boolean
638
- }, Rt = {
639
- ...Lt,
638
+ }, Mt = {
639
+ ...Rt,
640
640
  round: Boolean
641
641
  };
642
- function Mt(e) {
643
- const t = ce(e, Bt), n = yt(e), { hasRouterLink: a, hasLink: s, linkTag: l, linkAttrs: o, navigateOnClick: i } = Ct({
642
+ function Vt(e) {
643
+ const t = ce(e, wt), n = _t(e), { hasRouterLink: a, hasLink: s, linkTag: l, linkAttrs: o, navigateOnClick: i } = Bt({
644
644
  fallbackTag: "button"
645
645
  }), $ = r(() => {
646
646
  const v = e.fab === !1 && e.fabMini === !1 ? t.value : {};
647
647
  return e.padding !== void 0 ? Object.assign({}, v, {
648
- padding: e.padding.split(/\s+/).map((h) => h in Ce ? Ce[h] + "px" : h).join(" "),
648
+ padding: e.padding.split(/\s+/).map((h) => h in Se ? Se[h] + "px" : h).join(" "),
649
649
  minWidth: "0",
650
650
  minHeight: "0"
651
651
  }) : v;
@@ -653,9 +653,9 @@ function Mt(e) {
653
653
  () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
654
654
  ), f = r(
655
655
  () => e.disable !== !0 && e.loading !== !0
656
- ), S = r(() => f.value === !0 ? e.tabindex || 0 : -1), d = r(() => xe(e, "standard")), q = r(() => {
657
- const v = { tabindex: S.value };
658
- return s.value === !0 ? Object.assign(v, o.value) : wt.includes(e.type) === !0 && (v.type = e.type), l.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), a.value !== !0 && Et.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, {
656
+ ), C = r(() => f.value === !0 ? e.tabindex || 0 : -1), d = r(() => xe(e, "standard")), q = r(() => {
657
+ const v = { tabindex: C.value };
658
+ return s.value === !0 ? Object.assign(v, o.value) : Et.includes(e.type) === !0 && (v.type = e.type), l.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), a.value !== !0 && Pt.test(e.type) === !0 && (v.type = e.type)) : e.disable === !0 && (v.disabled = "", v["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(v, {
659
659
  role: "progressbar",
660
660
  "aria-valuemin": 0,
661
661
  "aria-valuemax": 100,
@@ -682,10 +682,10 @@ function Mt(e) {
682
682
  }
683
683
  const { passiveCapture: I } = de;
684
684
  let U = null, H = null, X = null;
685
- const Vt = te({
685
+ const At = te({
686
686
  name: "QBtn",
687
687
  props: {
688
- ...Rt,
688
+ ...Mt,
689
689
  percentage: Number,
690
690
  darkPercentage: Boolean,
691
691
  onTouchstart: [Function, Array]
@@ -700,12 +700,12 @@ const Vt = te({
700
700
  hasLink: $,
701
701
  linkTag: y,
702
702
  navigateOnClick: f,
703
- isActionable: S
704
- } = Mt(e), d = W(null), q = W(null);
703
+ isActionable: C
704
+ } = Vt(e), d = W(null), q = W(null);
705
705
  let u = null, m, v = null;
706
706
  const h = r(
707
707
  () => e.label !== void 0 && e.label !== null && e.label !== ""
708
- ), C = r(() => e.disable === !0 || e.ripple === !1 ? !1 : {
708
+ ), S = r(() => e.disable === !0 || e.ripple === !1 ? !1 : {
709
709
  keyCodes: $.value === !0 ? [13, 32] : [13],
710
710
  ...e.ripple === !0 ? {} : e.ripple
711
711
  }), w = r(() => ({ center: e.round })), E = r(() => {
@@ -720,7 +720,7 @@ const Vt = te({
720
720
  onKeydown: M,
721
721
  onKeyup: M
722
722
  };
723
- if (S.value === !0) {
723
+ if (C.value === !0) {
724
724
  const c = {
725
725
  onClick: R,
726
726
  onKeydown: O,
@@ -776,7 +776,7 @@ const Vt = te({
776
776
  if ((c == null ? void 0 : c.type) === "keyup") {
777
777
  if (H === d.value && le(c, [13, 32]) === !0) {
778
778
  const B = new MouseEvent("click", c);
779
- B.qKeyEvent = !0, c.defaultPrevented === !0 && ft(B), c.cancelBubble === !0 && Oe(B), d.value.dispatchEvent(B), D(c), c.qKeyEvent = !0;
779
+ B.qKeyEvent = !0, c.defaultPrevented === !0 && vt(B), c.cancelBubble === !0 && Oe(B), d.value.dispatchEvent(B), D(c), c.qKeyEvent = !0;
780
780
  }
781
781
  n("keyup", c);
782
782
  }
@@ -795,7 +795,7 @@ const Vt = te({
795
795
  g(!0);
796
796
  }), Object.assign(a, {
797
797
  click: (c) => {
798
- S.value === !0 && R(c);
798
+ C.value === !0 && R(c);
799
799
  }
800
800
  }), () => {
801
801
  let c = [];
@@ -849,15 +849,15 @@ const Vt = te({
849
849
  B
850
850
  ),
851
851
  [[
852
- ht,
853
- C.value,
852
+ bt,
853
+ S.value,
854
854
  void 0,
855
855
  w.value
856
856
  ]]
857
857
  );
858
858
  };
859
859
  }
860
- }), At = /* @__PURE__ */ K({
860
+ }), It = /* @__PURE__ */ K({
861
861
  __name: "AppButton",
862
862
  props: {
863
863
  size: { default: z.MD },
@@ -894,11 +894,11 @@ const Vt = te({
894
894
  `app-btn_${t.size}`,
895
895
  `app-btn_${t.color}`
896
896
  ]);
897
- return (a, s) => (b(), ae(Z(Vt), {
897
+ return (a, s) => (b(), ae(Z(At), {
898
898
  "no-caps": "",
899
899
  unelevated: "",
900
900
  class: P(n.value),
901
- padding: Z(et)[a.size || Z(z).MD],
901
+ padding: Z(tt)[a.size || Z(z).MD],
902
902
  loading: a.loading,
903
903
  disable: a.disabled || void 0,
904
904
  to: a.to,
@@ -941,13 +941,13 @@ const Vt = te({
941
941
  for (const [a, s] of t)
942
942
  n[a] = s;
943
943
  return n;
944
- }, Mn = /* @__PURE__ */ G(At, [["__scopeId", "data-v-c9951ab6"]]), It = {
944
+ }, Vn = /* @__PURE__ */ G(It, [["__scopeId", "data-v-c9951ab6"]]), Tt = {
945
945
  key: 0,
946
946
  class: "app-toggle__label app-toggle__label_left"
947
- }, Tt = { class: "app-toggle__container" }, zt = ["checked", "disabled"], Ot = { class: "app-toggle__thumb" }, jt = {
947
+ }, zt = { class: "app-toggle__container" }, Ot = ["checked", "disabled"], jt = { class: "app-toggle__thumb" }, Dt = {
948
948
  key: 1,
949
949
  class: "app-toggle__label"
950
- }, Dt = /* @__PURE__ */ K({
950
+ }, xt = /* @__PURE__ */ K({
951
951
  __name: "AppToggle",
952
952
  props: {
953
953
  modelValue: { type: Boolean },
@@ -977,21 +977,23 @@ const Vt = te({
977
977
  `app-toggle_${n.color}`
978
978
  ]);
979
979
  return (o, i) => (b(), _("div", {
980
- class: P(l.value)
980
+ class: P(l.value),
981
+ onClick: i[1] || (i[1] = He(() => {
982
+ }, ["stop"]))
981
983
  }, [
982
- o.label && o.labelLeft ? (b(), _("span", It, Y(o.label), 1)) : V("", !0),
983
- T("label", Tt, [
984
+ o.label && o.labelLeft ? (b(), _("span", Tt, Y(o.label), 1)) : V("", !0),
985
+ T("label", zt, [
984
986
  T("input", {
985
987
  type: "checkbox",
986
988
  checked: s.value,
987
989
  onChange: i[0] || (i[0] = ($) => s.value = !s.value),
988
990
  disabled: o.disabled,
989
991
  class: "app-toggle__input"
990
- }, null, 40, zt),
992
+ }, null, 40, Ot),
991
993
  T("span", {
992
994
  class: P(["app-toggle__slider", s.value ? `bg-${o.color}` : ""])
993
995
  }, [
994
- T("span", Ot, [
996
+ T("span", jt, [
995
997
  o.icon && !o.modelValue ? (b(), _("i", {
996
998
  key: 0,
997
999
  class: P(["icon-kl", `icon-kl-${o.icon}`, "app-toggle__icon"])
@@ -1009,10 +1011,10 @@ const Vt = te({
1009
1011
  ], 2),
1010
1012
  se(o.$slots, "default", {}, void 0, !0)
1011
1013
  ]),
1012
- o.label && !o.labelLeft ? (b(), _("span", jt, Y(o.label), 1)) : V("", !0)
1014
+ o.label && !o.labelLeft ? (b(), _("span", Dt, Y(o.label), 1)) : V("", !0)
1013
1015
  ], 2));
1014
1016
  }
1015
- }), xt = /* @__PURE__ */ G(Dt, [["__scopeId", "data-v-c6702cb0"]]), Ne = {
1017
+ }), Nt = /* @__PURE__ */ G(xt, [["__scopeId", "data-v-ba49356e"]]), Ne = {
1016
1018
  dark: {
1017
1019
  type: Boolean,
1018
1020
  default: null
@@ -1021,7 +1023,7 @@ const Vt = te({
1021
1023
  function Ke(e, t) {
1022
1024
  return r(() => e.dark === null ? t.dark.isActive : e.dark);
1023
1025
  }
1024
- function Nt(e, t) {
1026
+ function Kt(e, t) {
1025
1027
  const n = W(null), a = r(() => e.disable === !0 ? null : p("span", {
1026
1028
  ref: n,
1027
1029
  class: "no-outline",
@@ -1036,10 +1038,10 @@ function Nt(e, t) {
1036
1038
  refocusTarget: s
1037
1039
  };
1038
1040
  }
1039
- const Kt = {
1041
+ const Ft = {
1040
1042
  name: String
1041
1043
  };
1042
- function Ft(e = {}) {
1044
+ function Qt(e = {}) {
1043
1045
  return (t, n, a) => {
1044
1046
  t[n](
1045
1047
  p("input", {
@@ -1049,19 +1051,19 @@ function Ft(e = {}) {
1049
1051
  );
1050
1052
  };
1051
1053
  }
1052
- function Vn(e) {
1054
+ function An(e) {
1053
1055
  return r(() => e.name || e.for);
1054
1056
  }
1055
- const Qt = {
1057
+ const Ut = {
1056
1058
  xs: 30,
1057
1059
  sm: 35,
1058
1060
  md: 40,
1059
1061
  lg: 50,
1060
1062
  xl: 60
1061
- }, Ut = {
1063
+ }, Ht = {
1062
1064
  ...Ne,
1063
1065
  ...ue,
1064
- ...Kt,
1066
+ ...Ft,
1065
1067
  modelValue: {
1066
1068
  required: !0,
1067
1069
  default: null
@@ -1085,16 +1087,16 @@ const Qt = {
1085
1087
  dense: Boolean,
1086
1088
  disable: Boolean,
1087
1089
  tabindex: [String, Number]
1088
- }, Ht = ["update:modelValue"];
1089
- function Xt(e, t) {
1090
- const { props: n, slots: a, emit: s, proxy: l } = ee(), { $q: o } = l, i = Ke(n, o), $ = W(null), { refocusTargetEl: y, refocusTarget: f } = Nt(n, $), S = ce(n, Qt), d = r(
1090
+ }, Xt = ["update:modelValue"];
1091
+ function Wt(e, t) {
1092
+ const { props: n, slots: a, emit: s, proxy: l } = ee(), { $q: o } = l, i = Ke(n, o), $ = W(null), { refocusTargetEl: y, refocusTarget: f } = Kt(n, $), C = ce(n, Ut), d = r(
1091
1093
  () => n.val !== void 0 && Array.isArray(n.modelValue)
1092
1094
  ), q = r(() => {
1093
1095
  const g = Q(n.val);
1094
1096
  return d.value === !0 ? n.modelValue.findIndex((M) => Q(M) === g) : -1;
1095
1097
  }), 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
1098
  () => u.value === !1 && m.value === !1
1097
- ), h = r(() => n.disable === !0 ? -1 : n.tabindex || 0), C = r(
1099
+ ), h = r(() => n.disable === !0 ? -1 : n.tabindex || 0), S = r(
1098
1100
  () => `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
1101
  ), w = r(() => {
1100
1102
  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}` : "";
@@ -1108,7 +1110,7 @@ function Xt(e, t) {
1108
1110
  name: n.name,
1109
1111
  value: d.value === !0 ? n.val : n.trueValue
1110
1112
  }), g;
1111
- }), k = Ft(E), L = r(() => {
1113
+ }), k = Qt(E), L = r(() => {
1112
1114
  const g = {
1113
1115
  tabindex: h.value,
1114
1116
  role: "checkbox",
@@ -1155,7 +1157,7 @@ function Xt(e, t) {
1155
1157
  const M = [
1156
1158
  p("div", {
1157
1159
  class: w.value,
1158
- style: S.value,
1160
+ style: C.value,
1159
1161
  "aria-hidden": "true"
1160
1162
  }, g)
1161
1163
  ];
@@ -1167,7 +1169,7 @@ function Xt(e, t) {
1167
1169
  }, c)
1168
1170
  ), p("div", {
1169
1171
  ref: $,
1170
- class: C.value,
1172
+ class: S.value,
1171
1173
  ...L.value,
1172
1174
  onClick: R,
1173
1175
  onKeydown: j,
@@ -1175,7 +1177,7 @@ function Xt(e, t) {
1175
1177
  }, M);
1176
1178
  };
1177
1179
  }
1178
- const Wt = () => p("div", {
1180
+ const Yt = () => p("div", {
1179
1181
  key: "svg",
1180
1182
  class: "q-checkbox__bg absolute"
1181
1183
  }, [
@@ -1193,12 +1195,12 @@ const Wt = () => p("div", {
1193
1195
  d: "M4,14H20V10H4"
1194
1196
  })
1195
1197
  ])
1196
- ]), Yt = te({
1198
+ ]), Gt = te({
1197
1199
  name: "QCheckbox",
1198
- props: Ut,
1199
- emits: Ht,
1200
+ props: Ht,
1201
+ emits: Xt,
1200
1202
  setup(e) {
1201
- const t = Wt();
1203
+ const t = Yt();
1202
1204
  function n(a, s) {
1203
1205
  const l = r(
1204
1206
  () => (a.value === !0 ? e.checkedIcon : s.value === !0 ? e.indeterminateIcon : e.uncheckedIcon) || null
@@ -1215,15 +1217,15 @@ const Wt = () => p("div", {
1215
1217
  ])
1216
1218
  ] : [t];
1217
1219
  }
1218
- return Xt("checkbox", n);
1220
+ return Wt("checkbox", n);
1219
1221
  }
1220
- }), Gt = [];
1221
- function Jt(e) {
1222
- return Gt.find(
1222
+ }), Jt = [];
1223
+ function Zt(e) {
1224
+ return Jt.find(
1223
1225
  (t) => t.contentEl !== null && t.contentEl.contains(e)
1224
1226
  );
1225
1227
  }
1226
- function Zt(e, t) {
1228
+ function en(e, t) {
1227
1229
  do {
1228
1230
  if (e.$options.name === "QMenu") {
1229
1231
  if (e.hide(t), e.$props.separateClosePopup === !0)
@@ -1235,11 +1237,11 @@ function Zt(e, t) {
1235
1237
  e = ne(e);
1236
1238
  } while (e != null);
1237
1239
  }
1238
- function en(e, t, n) {
1240
+ function tn(e, t, n) {
1239
1241
  for (; n !== 0 && e !== void 0 && e !== null; ) {
1240
1242
  if (e.__qPortal === !0) {
1241
1243
  if (n--, e.$options.name === "QMenu") {
1242
- e = Zt(e, t);
1244
+ e = en(e, t);
1243
1245
  continue;
1244
1246
  }
1245
1247
  e.hide(t);
@@ -1255,7 +1257,7 @@ function Be(e) {
1255
1257
  const t = parseInt(e, 10);
1256
1258
  return isNaN(t) ? 0 : t;
1257
1259
  }
1258
- const tn = Me(
1260
+ const nn = Me(
1259
1261
  {
1260
1262
  name: "close-popup",
1261
1263
  beforeMount(e, { value: t }) {
@@ -1263,8 +1265,8 @@ const tn = Me(
1263
1265
  depth: Be(t),
1264
1266
  handler(a) {
1265
1267
  n.depth !== 0 && setTimeout(() => {
1266
- const s = Jt(e);
1267
- s !== void 0 && en(s, a, n.depth);
1268
+ const s = Zt(e);
1269
+ s !== void 0 && tn(s, a, n.depth);
1268
1270
  });
1269
1271
  },
1270
1272
  handlerKey(a) {
@@ -1281,19 +1283,19 @@ const tn = Me(
1281
1283
  e.removeEventListener("click", t.handler), e.removeEventListener("keyup", t.handlerKey), delete e.__qclosepopup;
1282
1284
  }
1283
1285
  }
1284
- ), nn = {
1286
+ ), an = {
1285
1287
  key: 0,
1286
1288
  class: "menu-item__loading"
1287
- }, an = {
1289
+ }, ln = {
1288
1290
  key: 0,
1289
1291
  class: "menu-item__checked"
1290
- }, ln = {
1292
+ }, on = {
1291
1293
  key: 2,
1292
1294
  class: "menu-item__icon"
1293
- }, on = { class: "menu-item__label" }, sn = {
1295
+ }, sn = { class: "menu-item__label" }, rn = {
1294
1296
  key: 3,
1295
1297
  class: "menu-item__icon-right icon-kl icon-kl-arrow-right"
1296
- }, rn = /* @__PURE__ */ K({
1298
+ }, un = /* @__PURE__ */ K({
1297
1299
  __name: "PopupItem",
1298
1300
  props: {
1299
1301
  label: {},
@@ -1330,32 +1332,32 @@ const tn = Me(
1330
1332
  T("div", {
1331
1333
  class: P(["row items-center no-wrap", `text-${l.color ? l.color : "dark"}`])
1332
1334
  }, [
1333
- l.loading ? (b(), _("div", nn, [
1334
- He(Z(ze), {
1335
+ l.loading ? (b(), _("div", an, [
1336
+ Xe(Z(ze), {
1335
1337
  size: "19px",
1336
1338
  color: l.color ? l.color : "dark"
1337
1339
  }, null, 8, ["color"])
1338
1340
  ])) : (b(), _(ie, { key: 1 }, [
1339
- l.checked ? (b(), _("div", an, [...o[2] || (o[2] = [
1341
+ l.checked ? (b(), _("div", ln, [...o[2] || (o[2] = [
1340
1342
  T("i", { class: "icon-kl icon-kl-check" }, null, -1)
1341
1343
  ])])) : V("", !0),
1342
- l.checkbox ? (b(), ae(Yt, {
1344
+ l.checkbox ? (b(), ae(Gt, {
1343
1345
  key: 1,
1344
1346
  class: "menu-item__checkbox",
1345
1347
  size: "34px",
1346
1348
  "model-value": l.modelValue,
1347
1349
  "onUpdate:modelValue": o[0] || (o[0] = (i) => a("update:modelValue", i))
1348
1350
  }, null, 8, ["model-value"])) : V("", !0),
1349
- l.icon ? (b(), _("div", ln, [
1351
+ l.icon ? (b(), _("div", on, [
1350
1352
  T("i", {
1351
1353
  class: P(`icon-kl icon-kl-${l.icon}`),
1352
1354
  style: re({ fontSize: l.iconSize || "27px" })
1353
1355
  }, null, 6)
1354
1356
  ])) : V("", !0)
1355
1357
  ], 64)),
1356
- T("span", on, Y(l.label), 1)
1358
+ T("span", sn, Y(l.label), 1)
1357
1359
  ], 2),
1358
- l.$slots.right ? se(l.$slots, "right", { key: 0 }, void 0, !0) : l.toggle ? (b(), ae(xt, {
1360
+ l.$slots.right ? se(l.$slots, "right", { key: 0 }, void 0, !0) : l.toggle ? (b(), ae(Nt, {
1359
1361
  key: 1,
1360
1362
  class: "menu-item__toggle",
1361
1363
  "model-value": l.modelValue,
@@ -1367,12 +1369,12 @@ const tn = Me(
1367
1369
  "menu-item__icon-right menu-item__icon-right_custom icon-kl",
1368
1370
  `icon-kl-${l.iconRight}`
1369
1371
  ])
1370
- }, null, 2)) : l.arrow ? (b(), _("i", sn)) : V("", !0)
1372
+ }, null, 2)) : l.arrow ? (b(), _("i", rn)) : V("", !0)
1371
1373
  ], 2)), [
1372
- [tn, !l.toggle && !l.checkbox && !l.persistent && !l.disabled]
1374
+ [nn, !l.toggle && !l.checkbox && !l.persistent && !l.disabled]
1373
1375
  ]);
1374
1376
  }
1375
- }), An = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-6b725efb"]]), un = /* @__PURE__ */ K({
1377
+ }), In = /* @__PURE__ */ G(un, [["__scopeId", "data-v-6b725efb"]]), cn = /* @__PURE__ */ K({
1376
1378
  __name: "AppIcon",
1377
1379
  props: {
1378
1380
  name: {},
@@ -1385,7 +1387,7 @@ const tn = Me(
1385
1387
  style: re(t.size ? `font-size: ${t.size}` : void 0)
1386
1388
  }, null, 6));
1387
1389
  }
1388
- }), In = /* @__PURE__ */ G(un, [["__scopeId", "data-v-941765ee"]]), cn = {
1390
+ }), Tn = /* @__PURE__ */ G(cn, [["__scopeId", "data-v-941765ee"]]), dn = {
1389
1391
  xs: 2,
1390
1392
  sm: 4,
1391
1393
  md: 6,
@@ -1397,7 +1399,7 @@ function we(e, t, n) {
1397
1399
  transform: t === !0 ? `translateX(${n.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
1398
1400
  };
1399
1401
  }
1400
- const dn = te({
1402
+ const fn = te({
1401
1403
  name: "QLinearProgress",
1402
1404
  props: {
1403
1405
  ...Ne,
@@ -1421,12 +1423,12 @@ const dn = te({
1421
1423
  instantFeedback: Boolean
1422
1424
  },
1423
1425
  setup(e, { slots: t }) {
1424
- const { proxy: n } = ee(), a = Ke(e, n.$q), s = ce(e, cn), l = r(() => e.indeterminate === !0 || e.query === !0), o = r(() => e.reverse !== e.query), i = r(() => ({
1426
+ const { proxy: n } = ee(), a = Ke(e, n.$q), s = ce(e, dn), l = r(() => e.indeterminate === !0 || e.query === !0), o = r(() => e.reverse !== e.query), i = r(() => ({
1425
1427
  ...s.value !== null ? s.value : {},
1426
1428
  "--q-linear-progress-speed": `${e.animationSpeed}ms`
1427
1429
  })), $ = r(
1428
1430
  () => "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" : "")
1429
- ), y = r(() => we(e.buffer !== void 0 ? e.buffer : 1, o.value, n.$q)), f = r(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), S = r(
1431
+ ), y = r(() => we(e.buffer !== void 0 ? e.buffer : 1, o.value, n.$q)), f = r(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), C = r(
1430
1432
  () => `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
1433
  ), d = r(() => we(l.value === !0 ? 1 : e.value, o.value, n.$q)), q = r(
1432
1434
  () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${l.value === !0 ? "in" : ""}determinate`
@@ -1436,7 +1438,7 @@ const dn = te({
1436
1438
  return () => {
1437
1439
  const v = [
1438
1440
  p("div", {
1439
- class: S.value,
1441
+ class: C.value,
1440
1442
  style: y.value
1441
1443
  }),
1442
1444
  p("div", {
@@ -1459,10 +1461,10 @@ const dn = te({
1459
1461
  }, N(t.default, v));
1460
1462
  };
1461
1463
  }
1462
- }), fn = {
1464
+ }), vn = {
1463
1465
  key: 0,
1464
1466
  class: "code-field__label"
1465
- }, vn = { class: "code-field__inputs" }, pn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], mn = /* @__PURE__ */ K({
1467
+ }, pn = { class: "code-field__inputs" }, mn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], gn = /* @__PURE__ */ K({
1466
1468
  __name: "AppCodeInput",
1467
1469
  props: {
1468
1470
  length: { default: 5 },
@@ -1486,10 +1488,10 @@ const dn = te({
1486
1488
  let u = "";
1487
1489
  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
1490
  }), y = (u, m) => {
1489
- var C;
1491
+ var S;
1490
1492
  const h = u.target.value;
1491
1493
  if (h.length === 1)
1492
- m < a.length - 1 && o.value && ((C = o.value[m + 1]) == null || C.focus());
1494
+ m < a.length - 1 && o.value && ((S = o.value[m + 1]) == null || S.focus());
1493
1495
  else if (h.length > 1) {
1494
1496
  const w = h.slice(0, a.length - m).split("");
1495
1497
  w.forEach((E, k) => {
@@ -1502,10 +1504,10 @@ const dn = te({
1502
1504
  }, f = (u) => {
1503
1505
  var m;
1504
1506
  l.value[u] === "" && o.value && u > 0 && ((m = o.value[u - 1]) == null || m.focus());
1505
- }, S = (u, m) => {
1506
- var C;
1507
+ }, C = (u, m) => {
1508
+ var S;
1507
1509
  u.preventDefault();
1508
- const v = ((C = u.clipboardData) == null ? void 0 : C.getData("text")) ?? "";
1510
+ const v = ((S = u.clipboardData) == null ? void 0 : S.getData("text")) ?? "";
1509
1511
  if (!v) return;
1510
1512
  const h = v.slice(0, a.length - m).split("");
1511
1513
  h.forEach((w, E) => {
@@ -1515,7 +1517,7 @@ const dn = te({
1515
1517
  o.value && ((w = o.value[Math.min(m + h.length, a.length - 1)]) == null || w.focus());
1516
1518
  });
1517
1519
  };
1518
- Xe(
1520
+ We(
1519
1521
  l,
1520
1522
  (u) => {
1521
1523
  const m = u.join("");
@@ -1528,7 +1530,7 @@ const dn = te({
1528
1530
  }, q = (u) => {
1529
1531
  u && (l.value = u.split("").slice(0, a.length));
1530
1532
  };
1531
- return We(() => {
1533
+ return Ye(() => {
1532
1534
  a.autofocus && o.value && o.value[0] && o.value[0].focus();
1533
1535
  }), t({
1534
1536
  injectCode: q
@@ -1536,11 +1538,11 @@ const dn = te({
1536
1538
  class: P(i.value),
1537
1539
  style: re($.value)
1538
1540
  }, [
1539
- u.label ? (b(), _("label", fn, Y(u.label), 1)) : V("", !0),
1540
- T("div", vn, [
1541
+ u.label ? (b(), _("label", vn, Y(u.label), 1)) : V("", !0),
1542
+ T("div", pn, [
1541
1543
  (b(!0), _(ie, null, Le(u.length, (v, h) => oe((b(), _("input", {
1542
1544
  key: h,
1543
- "onUpdate:modelValue": (C) => l.value[h] = C,
1545
+ "onUpdate:modelValue": (S) => l.value[h] = S,
1544
1546
  ref_for: !0,
1545
1547
  ref_key: "inputRefs",
1546
1548
  ref: o,
@@ -1548,14 +1550,14 @@ const dn = te({
1548
1550
  maxlength: "1",
1549
1551
  class: "code-field__input",
1550
1552
  disabled: u.disabled || u.loading,
1551
- onInput: (C) => y(C, h),
1552
- onKeydown: Ye((C) => f(h), ["backspace"]),
1553
- onPaste: (C) => S(C, h)
1554
- }, null, 40, pn)), [
1555
- [Ge, l.value[h]]
1553
+ onInput: (S) => y(S, h),
1554
+ onKeydown: Ge((S) => f(h), ["backspace"]),
1555
+ onPaste: (S) => C(S, h)
1556
+ }, null, 40, mn)), [
1557
+ [Je, l.value[h]]
1556
1558
  ])), 128))
1557
1559
  ]),
1558
- u.loading ? (b(), ae(dn, {
1560
+ u.loading ? (b(), ae(fn, {
1559
1561
  key: 1,
1560
1562
  indeterminate: "",
1561
1563
  rounded: "",
@@ -1564,9 +1566,9 @@ const dn = te({
1564
1566
  }, null, 8, ["color"])) : V("", !0)
1565
1567
  ], 6));
1566
1568
  }
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({
1569
+ }), zn = /* @__PURE__ */ G(gn, [["__scopeId", "data-v-4e11db87"]]), hn = { class: "app-segment__track" }, bn = { class: "app-segment__buttons" }, kn = ["onClick", "disabled"], yn = /* @__PURE__ */ K({
1568
1570
  __name: "AppSegment",
1569
- props: /* @__PURE__ */ Ze({
1571
+ props: /* @__PURE__ */ et({
1570
1572
  options: {},
1571
1573
  disabled: { type: Boolean },
1572
1574
  size: { default: z.MD }
@@ -1576,7 +1578,7 @@ const dn = te({
1576
1578
  }),
1577
1579
  emits: ["update:modelValue"],
1578
1580
  setup(e) {
1579
- const t = Je(e, "modelValue"), n = e, a = r(
1581
+ const t = Ze(e, "modelValue"), n = e, a = r(
1580
1582
  () => n.options.findIndex((l) => l.value === t.value)
1581
1583
  );
1582
1584
  function s(l) {
@@ -1585,7 +1587,7 @@ const dn = te({
1585
1587
  return (l, o) => (b(), _("div", {
1586
1588
  class: P(["app-segment", [{ "app-segment_disabled": l.disabled }, `app-segment_${l.size}`]])
1587
1589
  }, [
1588
- T("div", gn, [
1590
+ T("div", hn, [
1589
1591
  T("div", {
1590
1592
  class: "app-segment__thumb",
1591
1593
  style: re({
@@ -1594,7 +1596,7 @@ const dn = te({
1594
1596
  })
1595
1597
  }, null, 4)
1596
1598
  ]),
1597
- T("div", hn, [
1599
+ T("div", bn, [
1598
1600
  (b(!0), _(ie, null, Le(l.options, (i, $) => (b(), _("button", {
1599
1601
  key: $,
1600
1602
  class: P(["app-segment__btn", { active: t.value === i.value }]),
@@ -1604,42 +1606,42 @@ const dn = te({
1604
1606
  se(l.$slots, "option", { option: i }, () => [
1605
1607
  Pe(Y(i.label), 1)
1606
1608
  ], !0)
1607
- ], 10, bn))), 128))
1609
+ ], 10, kn))), 128))
1608
1610
  ])
1609
1611
  ], 2));
1610
1612
  }
1611
- }), zn = /* @__PURE__ */ G(kn, [["__scopeId", "data-v-ff56abdf"]]), On = ge(
1612
- () => import("./AppButtonCopy-DtyuObNR.js")
1613
- ), jn = ge(
1614
- () => import("./AppSelect-CYhIzu1c.js")
1613
+ }), On = /* @__PURE__ */ G(yn, [["__scopeId", "data-v-ff56abdf"]]), jn = ge(
1614
+ () => import("./AppButtonCopy-DDAmqwuY.js")
1615
1615
  ), Dn = ge(
1616
- () => import("./DropdownButton-C9ezj3x1.js")
1616
+ () => import("./AppSelect-C1G_e_Mw.js")
1617
+ ), xn = ge(
1618
+ () => import("./DropdownButton-BlygVDV4.js")
1617
1619
  );
1618
1620
  export {
1619
- Mn as A,
1620
- Vt as B,
1621
+ Vn as A,
1622
+ At as B,
1621
1623
  Re as C,
1622
- vt as D,
1623
- pt as E,
1624
- _t as F,
1625
- Gt as G,
1626
- Pn as H,
1627
- Cn as I,
1628
- ct as J,
1629
- dt as K,
1630
- Zt as L,
1631
- On as M,
1632
- Tn as N,
1633
- In as O,
1634
- An as P,
1624
+ pt as D,
1625
+ mt as E,
1626
+ $t as F,
1627
+ Jt as G,
1628
+ Ln as H,
1629
+ Bn as I,
1630
+ dt as J,
1631
+ ft as K,
1632
+ en as L,
1633
+ jn as M,
1634
+ zn as N,
1635
+ Tn as O,
1636
+ In as P,
1635
1637
  me as Q,
1636
- ht as R,
1638
+ bt as R,
1637
1639
  z as S,
1638
- zn as T,
1639
- jn as U,
1640
- xt as V,
1641
- Dn as W,
1642
- _n as X,
1640
+ On as T,
1641
+ Dn as U,
1642
+ Nt as V,
1643
+ xn as W,
1644
+ $n as X,
1643
1645
  G as _,
1644
1646
  Ke as a,
1645
1647
  ze as b,
@@ -1647,24 +1649,24 @@ export {
1647
1649
  ue as d,
1648
1650
  ce as e,
1649
1651
  Sn as f,
1650
- qn as g,
1652
+ Cn as g,
1651
1653
  Ve as h,
1652
- Ln as i,
1653
- Ct as j,
1654
+ Rn as i,
1655
+ Bt as j,
1654
1656
  le as k,
1655
- $n as l,
1657
+ qn as l,
1656
1658
  de as m,
1657
- En as n,
1658
- Bn as o,
1659
- ft as p,
1660
- wn as q,
1661
- Kt as r,
1659
+ Pn as n,
1660
+ wn as o,
1661
+ vt as p,
1662
+ En as q,
1663
+ Ft as r,
1662
1664
  D as s,
1663
- Vn as t,
1665
+ An as t,
1664
1666
  Ne as u,
1665
- mt as v,
1667
+ gt as v,
1666
1668
  Oe as w,
1667
1669
  N as x,
1668
- Lt as y,
1669
- Rn as z
1670
+ Rt as y,
1671
+ Mn as z
1670
1672
  };