@validol4ik/uikit 0.4.0 → 0.4.2

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,37 +1,37 @@
1
- import { computed as u, markRaw as ge, defineComponent as G, h as v, withDirectives as pe, getCurrentInstance as Z, unref as H, ref as ae, onBeforeUnmount as Ce, Transition as Le, openBlock as w, createBlock as Be, normalizeClass as P, withCtx as Re, createElementBlock as A, createCommentVNode as N, renderSlot as we, Fragment as Pe, createTextVNode as xe, toDisplayString as Me, createElementVNode as Y, normalizeStyle as Ae, defineAsyncComponent as ee } from "vue";
2
- const me = {
1
+ import { computed as u, markRaw as pe, defineComponent as U, h as v, withDirectives as me, getCurrentInstance as ee, unref as G, ref as oe, onBeforeUnmount as Be, Transition as Re, openBlock as B, createBlock as we, normalizeClass as M, withCtx as Pe, createElementBlock as w, createCommentVNode as x, renderSlot as be, Fragment as Me, createTextVNode as Ae, toDisplayString as X, createElementVNode as H, normalizeStyle as Te, defineAsyncComponent as te } from "vue";
2
+ const he = {
3
3
  PRIMARY: "primary",
4
4
  INFO: "info"
5
5
  }, S = {
6
6
  SM: "sm",
7
7
  MD: "md",
8
8
  LG: "lg"
9
- }, Te = {
9
+ }, xe = {
10
10
  [S.SM]: "3px 9px",
11
11
  [S.MD]: "5px 12px",
12
12
  [S.LG]: "9px 20px"
13
- }, X = {
13
+ }, J = {
14
14
  xs: 18,
15
15
  sm: 24,
16
16
  md: 32,
17
17
  lg: 38,
18
18
  xl: 46
19
- }, he = {
19
+ }, ye = {
20
20
  size: String
21
21
  };
22
- function be(e, t = X) {
22
+ function ke(e, t = J) {
23
23
  return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
24
24
  }
25
- function te(e) {
26
- return ge(G(e));
25
+ function ne(e) {
26
+ return pe(U(e));
27
27
  }
28
28
  function Oe(e) {
29
- return ge(e);
29
+ return pe(e);
30
30
  }
31
31
  function ze(e, t) {
32
32
  return e !== void 0 && e() || t;
33
33
  }
34
- function Et(e, t) {
34
+ function Ct(e, t) {
35
35
  if (e !== void 0) {
36
36
  const a = e();
37
37
  if (a != null)
@@ -39,41 +39,41 @@ function Et(e, t) {
39
39
  }
40
40
  return t;
41
41
  }
42
- function K(e, t) {
42
+ function N(e, t) {
43
43
  return e !== void 0 ? t.concat(e()) : t;
44
44
  }
45
- function St(e, t) {
45
+ function Bt(e, t) {
46
46
  return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
47
47
  }
48
- function Ct(e, t, a, n, o, c) {
48
+ function Rt(e, t, a, n, o, c) {
49
49
  t.key = n + o;
50
50
  const l = v(e, t, a);
51
- return o === !0 ? pe(l, c()) : l;
51
+ return o === !0 ? me(l, c()) : l;
52
52
  }
53
- const oe = "0 0 24 24", re = (e) => e, W = (e) => `ionicons ${e}`, ye = {
53
+ const le = "0 0 24 24", ie = (e) => e, W = (e) => `ionicons ${e}`, _e = {
54
54
  "mdi-": (e) => `mdi ${e}`,
55
- "icon-": re,
55
+ "icon-": ie,
56
56
  // fontawesome equiv
57
57
  "bt-": (e) => `bt ${e}`,
58
58
  "eva-": (e) => `eva ${e}`,
59
59
  "ion-md": W,
60
60
  "ion-ios": W,
61
61
  "ion-logo": W,
62
- "iconfont ": re,
62
+ "iconfont ": ie,
63
63
  "ti-": (e) => `themify-icon ${e}`,
64
64
  "bi-": (e) => `bootstrap-icons ${e}`
65
- }, ke = {
65
+ }, $e = {
66
66
  o_: "-outlined",
67
67
  r_: "-round",
68
68
  s_: "-sharp"
69
- }, $e = {
69
+ }, qe = {
70
70
  sym_o_: "-outlined",
71
71
  sym_r_: "-rounded",
72
72
  sym_s_: "-sharp"
73
- }, je = new RegExp("^(" + Object.keys(ye).join("|") + ")"), De = new RegExp("^(" + Object.keys(ke).join("|") + ")"), ie = new RegExp("^(" + Object.keys($e).join("|") + ")"), Ie = /^[Mm]\s?[-+]?\.?\d/, Ve = /^img:/, Ke = /^svguse:/, Ne = /^ion-/, Fe = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, le = te({
73
+ }, je = new RegExp("^(" + Object.keys(_e).join("|") + ")"), De = new RegExp("^(" + Object.keys($e).join("|") + ")"), re = new RegExp("^(" + Object.keys(qe).join("|") + ")"), Ie = /^[Mm]\s?[-+]?\.?\d/, Ve = /^img:/, Ke = /^svguse:/, Ne = /^ion-/, Fe = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, se = ne({
74
74
  name: "QIcon",
75
75
  props: {
76
- ...he,
76
+ ...ye,
77
77
  tag: {
78
78
  type: String,
79
79
  default: "i"
@@ -84,17 +84,17 @@ const oe = "0 0 24 24", re = (e) => e, W = (e) => `ionicons ${e}`, ye = {
84
84
  right: Boolean
85
85
  },
86
86
  setup(e, { slots: t }) {
87
- const { proxy: { $q: a } } = Z(), n = be(e), o = u(
87
+ const { proxy: { $q: a } } = ee(), n = ke(e), o = u(
88
88
  () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
89
89
  ), c = u(() => {
90
- let l, r = e.name;
91
- if (r === "none" || !r)
90
+ let l, i = e.name;
91
+ if (i === "none" || !i)
92
92
  return { none: !0 };
93
93
  if (a.iconMapFn !== null) {
94
- const d = a.iconMapFn(r);
94
+ const d = a.iconMapFn(i);
95
95
  if (d !== void 0)
96
96
  if (d.icon !== void 0) {
97
- if (r = d.icon, r === "none" || !r)
97
+ if (i = d.icon, i === "none" || !i)
98
98
  return { none: !0 };
99
99
  } else
100
100
  return {
@@ -102,50 +102,50 @@ const oe = "0 0 24 24", re = (e) => e, W = (e) => `ionicons ${e}`, ye = {
102
102
  content: d.content !== void 0 ? d.content : " "
103
103
  };
104
104
  }
105
- if (Ie.test(r) === !0) {
106
- const [d, b = oe] = r.split("|");
105
+ if (Ie.test(i) === !0) {
106
+ const [d, h = le] = i.split("|");
107
107
  return {
108
108
  svg: !0,
109
- viewBox: b,
109
+ viewBox: h,
110
110
  nodes: d.split("&&").map((s) => {
111
111
  const [y, m, k] = s.split("@@");
112
112
  return v("path", { style: m, d: y, transform: k });
113
113
  })
114
114
  };
115
115
  }
116
- if (Ve.test(r) === !0)
116
+ if (Ve.test(i) === !0)
117
117
  return {
118
118
  img: !0,
119
- src: r.substring(4)
119
+ src: i.substring(4)
120
120
  };
121
- if (Ke.test(r) === !0) {
122
- const [d, b = oe] = r.split("|");
121
+ if (Ke.test(i) === !0) {
122
+ const [d, h = le] = i.split("|");
123
123
  return {
124
124
  svguse: !0,
125
125
  src: d.substring(7),
126
- viewBox: b
126
+ viewBox: h
127
127
  };
128
128
  }
129
- let _ = " ";
130
- const h = r.match(je);
131
- if (h !== null)
132
- l = ye[h[1]](r);
133
- else if (Fe.test(r) === !0)
134
- l = r;
135
- else if (Ne.test(r) === !0)
136
- l = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${r.substring(3)}`;
137
- else if (ie.test(r) === !0) {
129
+ let $ = " ";
130
+ const b = i.match(je);
131
+ if (b !== null)
132
+ l = _e[b[1]](i);
133
+ else if (Fe.test(i) === !0)
134
+ l = i;
135
+ else if (Ne.test(i) === !0)
136
+ l = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${i.substring(3)}`;
137
+ else if (re.test(i) === !0) {
138
138
  l = "notranslate material-symbols";
139
- const d = r.match(ie);
140
- d !== null && (r = r.substring(6), l += $e[d[1]]), _ = r;
139
+ const d = i.match(re);
140
+ d !== null && (i = i.substring(6), l += qe[d[1]]), $ = i;
141
141
  } else {
142
142
  l = "notranslate material-icons";
143
- const d = r.match(De);
144
- d !== null && (r = r.substring(2), l += ke[d[1]]), _ = r;
143
+ const d = i.match(De);
144
+ d !== null && (i = i.substring(2), l += $e[d[1]]), $ = i;
145
145
  }
146
146
  return {
147
147
  cls: l,
148
- content: _
148
+ content: $
149
149
  };
150
150
  });
151
151
  return () => {
@@ -155,19 +155,19 @@ const oe = "0 0 24 24", re = (e) => e, W = (e) => `ionicons ${e}`, ye = {
155
155
  "aria-hidden": "true",
156
156
  role: "presentation"
157
157
  };
158
- return c.value.none === !0 ? v(e.tag, l, ze(t.default)) : c.value.img === !0 ? v(e.tag, l, K(t.default, [
158
+ return c.value.none === !0 ? v(e.tag, l, ze(t.default)) : c.value.img === !0 ? v(e.tag, l, N(t.default, [
159
159
  v("img", { src: c.value.src })
160
- ])) : c.value.svg === !0 ? v(e.tag, l, K(t.default, [
160
+ ])) : c.value.svg === !0 ? v(e.tag, l, N(t.default, [
161
161
  v("svg", {
162
162
  viewBox: c.value.viewBox || "0 0 24 24"
163
163
  }, c.value.nodes)
164
- ])) : c.value.svguse === !0 ? v(e.tag, l, K(t.default, [
164
+ ])) : c.value.svguse === !0 ? v(e.tag, l, N(t.default, [
165
165
  v("svg", {
166
166
  viewBox: c.value.viewBox
167
167
  }, [
168
168
  v("use", { "xlink:href": c.value.src })
169
169
  ])
170
- ])) : (c.value.cls !== void 0 && (l.class += " " + c.value.cls), v(e.tag, l, K(t.default, [
170
+ ])) : (c.value.cls !== void 0 && (l.class += " " + c.value.cls), v(e.tag, l, N(t.default, [
171
171
  c.value.content
172
172
  ])));
173
173
  };
@@ -181,13 +181,13 @@ const oe = "0 0 24 24", re = (e) => e, W = (e) => `ionicons ${e}`, ye = {
181
181
  };
182
182
  function He(e) {
183
183
  return {
184
- cSize: u(() => e.size in X ? `${X[e.size]}px` : e.size),
184
+ cSize: u(() => e.size in J ? `${J[e.size]}px` : e.size),
185
185
  classes: u(
186
186
  () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
187
187
  )
188
188
  };
189
189
  }
190
- const Ge = te({
190
+ const Ge = ne({
191
191
  name: "QSpinner",
192
192
  props: {
193
193
  ...Qe,
@@ -222,7 +222,7 @@ function Ue(e, t) {
222
222
  for (const n in t)
223
223
  a[n] = t[n];
224
224
  }
225
- function Lt(e) {
225
+ function wt(e) {
226
226
  if (e == null)
227
227
  return;
228
228
  if (typeof e == "string")
@@ -231,11 +231,11 @@ function Lt(e) {
231
231
  } catch {
232
232
  return;
233
233
  }
234
- const t = H(e);
234
+ const t = G(e);
235
235
  if (t)
236
236
  return t.$el || t;
237
237
  }
238
- function Bt(e, t) {
238
+ function Pt(e, t) {
239
239
  if (e == null || e.contains(t) === !0)
240
240
  return !0;
241
241
  for (let a = e.nextElementSibling; a !== null; a = a.nextElementSibling)
@@ -243,7 +243,7 @@ function Bt(e, t) {
243
243
  return !0;
244
244
  return !1;
245
245
  }
246
- const U = {
246
+ const Y = {
247
247
  hasPassive: !1,
248
248
  passiveCapture: !0,
249
249
  notPassiveCapture: !0
@@ -251,7 +251,7 @@ const U = {
251
251
  try {
252
252
  const e = Object.defineProperty({}, "passive", {
253
253
  get() {
254
- Object.assign(U, {
254
+ Object.assign(Y, {
255
255
  hasPassive: !0,
256
256
  passive: { passive: !0 },
257
257
  notPassive: { passive: !1 },
@@ -263,7 +263,7 @@ try {
263
263
  window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
264
264
  } catch {
265
265
  }
266
- function Rt() {
266
+ function Mt() {
267
267
  }
268
268
  function Ye(e) {
269
269
  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]), {
@@ -271,7 +271,7 @@ function Ye(e) {
271
271
  left: e.clientX
272
272
  };
273
273
  }
274
- function wt(e) {
274
+ function At(e) {
275
275
  if (e.path)
276
276
  return e.path;
277
277
  if (e.composedPath)
@@ -284,31 +284,31 @@ function wt(e) {
284
284
  a = a.parentElement;
285
285
  }
286
286
  }
287
- function _e(e) {
287
+ function Ee(e) {
288
288
  e.stopPropagation();
289
289
  }
290
290
  function We(e) {
291
291
  e.cancelable !== !1 && e.preventDefault();
292
292
  }
293
- function O(e) {
293
+ function z(e) {
294
294
  e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
295
295
  }
296
296
  function Xe(e, t, a) {
297
297
  const n = `__q_${t}_evt`;
298
298
  e[n] = e[n] !== void 0 ? e[n].concat(a) : a, a.forEach((o) => {
299
- o[0].addEventListener(o[1], e[o[2]], U[o[3]]);
299
+ o[0].addEventListener(o[1], e[o[2]], Y[o[3]]);
300
300
  });
301
301
  }
302
302
  function Je(e, t) {
303
303
  const a = `__q_${t}_evt`;
304
304
  e[a] !== void 0 && (e[a].forEach((n) => {
305
- n[0].removeEventListener(n[1], e[n[2]], U[n[3]]);
305
+ n[0].removeEventListener(n[1], e[n[2]], Y[n[3]]);
306
306
  }), e[a] = void 0);
307
307
  }
308
308
  function Ze(e) {
309
309
  return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
310
310
  }
311
- function J(e, t) {
311
+ function Z(e, t) {
312
312
  return Ze(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
313
313
  }
314
314
  function et(e, t = 250) {
@@ -319,31 +319,31 @@ function et(e, t = 250) {
319
319
  }, t), n = e.apply(this, arguments)), n;
320
320
  };
321
321
  }
322
- function se(e, t, a, n) {
323
- a.modifiers.stop === !0 && _e(e);
322
+ function ue(e, t, a, n) {
323
+ a.modifiers.stop === !0 && Ee(e);
324
324
  const o = a.modifiers.color;
325
325
  let c = a.modifiers.center;
326
326
  c = c === !0 || n === !0;
327
- const l = document.createElement("span"), r = document.createElement("span"), _ = Ye(e), { left: h, top: d, width: b, height: s } = t.getBoundingClientRect(), y = Math.sqrt(b * b + s * s), m = y / 2, k = `${(b - y) / 2}px`, f = c ? k : `${_.left - h - m}px`, $ = `${(s - y) / 2}px`, T = c ? $ : `${_.top - d - m}px`;
328
- r.className = "q-ripple__inner", Ue(r, {
327
+ const l = document.createElement("span"), i = document.createElement("span"), $ = Ye(e), { left: b, top: d, width: h, height: s } = t.getBoundingClientRect(), y = Math.sqrt(h * h + s * s), m = y / 2, k = `${(h - y) / 2}px`, f = c ? k : `${$.left - b - m}px`, _ = `${(s - y) / 2}px`, O = c ? _ : `${$.top - d - m}px`;
328
+ i.className = "q-ripple__inner", Ue(i, {
329
329
  height: `${y}px`,
330
330
  width: `${y}px`,
331
- transform: `translate3d(${f},${T},0) scale3d(.2,.2,1)`,
331
+ transform: `translate3d(${f},${O},0) scale3d(.2,.2,1)`,
332
332
  opacity: 0
333
- }), l.className = `q-ripple${o ? " text-" + o : ""}`, l.setAttribute("dir", "ltr"), l.appendChild(r), t.appendChild(l);
334
- const x = () => {
335
- l.remove(), clearTimeout(M);
333
+ }), l.className = `q-ripple${o ? " text-" + o : ""}`, l.setAttribute("dir", "ltr"), l.appendChild(i), t.appendChild(l);
334
+ const A = () => {
335
+ l.remove(), clearTimeout(T);
336
336
  };
337
- a.abort.push(x);
338
- let M = setTimeout(() => {
339
- r.classList.add("q-ripple__inner--enter"), r.style.transform = `translate3d(${k},${$},0) scale3d(1,1,1)`, r.style.opacity = 0.2, M = setTimeout(() => {
340
- r.classList.remove("q-ripple__inner--enter"), r.classList.add("q-ripple__inner--leave"), r.style.opacity = 0, M = setTimeout(() => {
341
- l.remove(), a.abort.splice(a.abort.indexOf(x), 1);
337
+ a.abort.push(A);
338
+ let T = setTimeout(() => {
339
+ i.classList.add("q-ripple__inner--enter"), i.style.transform = `translate3d(${k},${_},0) scale3d(1,1,1)`, i.style.opacity = 0.2, T = setTimeout(() => {
340
+ i.classList.remove("q-ripple__inner--enter"), i.classList.add("q-ripple__inner--leave"), i.style.opacity = 0, T = setTimeout(() => {
341
+ l.remove(), a.abort.splice(a.abort.indexOf(A), 1);
342
342
  }, 275);
343
343
  }, 250);
344
344
  }, 50);
345
345
  }
346
- function ue(e, { modifiers: t, value: a, arg: n }) {
346
+ function ce(e, { modifiers: t, value: a, arg: n }) {
347
347
  const o = Object.assign({}, e.cfg.ripple, t, a);
348
348
  e.modifiers = {
349
349
  early: o.early === !0,
@@ -366,13 +366,13 @@ const tt = Oe(
366
366
  modifiers: {},
367
367
  abort: [],
368
368
  start(o) {
369
- n.enabled === !0 && o.qSkipRipple !== !0 && o.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && se(o, e, n, o.qKeyEvent === !0);
369
+ n.enabled === !0 && o.qSkipRipple !== !0 && o.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && ue(o, e, n, o.qKeyEvent === !0);
370
370
  },
371
371
  keystart: et((o) => {
372
- n.enabled === !0 && o.qSkipRipple !== !0 && J(o, n.modifiers.keyCodes) === !0 && o.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && se(o, e, n, !0);
372
+ n.enabled === !0 && o.qSkipRipple !== !0 && Z(o, n.modifiers.keyCodes) === !0 && o.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && ue(o, e, n, !0);
373
373
  }, 300)
374
374
  };
375
- ue(n, t), e.__qripple = n, Xe(n, "main", [
375
+ ce(n, t), e.__qripple = n, Xe(n, "main", [
376
376
  [e, "pointerdown", "start", "passive"],
377
377
  [e, "click", "start", "passive"],
378
378
  [e, "keydown", "keystart", "passive"],
@@ -382,7 +382,7 @@ const tt = Oe(
382
382
  updated(e, t) {
383
383
  if (t.oldValue !== t.value) {
384
384
  const a = e.__qripple;
385
- a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value && ue(a, t));
385
+ a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value && ce(a, t));
386
386
  }
387
387
  },
388
388
  beforeUnmount(e) {
@@ -392,7 +392,7 @@ const tt = Oe(
392
392
  }), Je(t, "main"), delete e._qripple);
393
393
  }
394
394
  }
395
- ), qe = {
395
+ ), Se = {
396
396
  left: "start",
397
397
  center: "center",
398
398
  right: "end",
@@ -400,7 +400,7 @@ const tt = Oe(
400
400
  around: "around",
401
401
  evenly: "evenly",
402
402
  stretch: "stretch"
403
- }, nt = Object.keys(qe), at = {
403
+ }, nt = Object.keys(Se), at = {
404
404
  align: {
405
405
  type: String,
406
406
  validator: (e) => nt.includes(e)
@@ -409,10 +409,10 @@ const tt = Oe(
409
409
  function ot(e) {
410
410
  return u(() => {
411
411
  const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
412
- return `${e.vertical === !0 ? "items" : "justify"}-${qe[t]}`;
412
+ return `${e.vertical === !0 ? "items" : "justify"}-${Se[t]}`;
413
413
  });
414
414
  }
415
- function Pt(e) {
415
+ function Tt(e) {
416
416
  if (Object(e.$parent) === e.$parent)
417
417
  return e.$parent;
418
418
  let { parent: t } = e.$;
@@ -422,16 +422,16 @@ function Pt(e) {
422
422
  t = t.parent;
423
423
  }
424
424
  }
425
- function rt(e) {
425
+ function lt(e) {
426
426
  return e.appContext.config.globalProperties.$router !== void 0;
427
427
  }
428
428
  function xt(e) {
429
429
  return e.isUnmounted === !0 || e.isDeactivated === !0;
430
430
  }
431
- function ce(e) {
431
+ function de(e) {
432
432
  return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
433
433
  }
434
- function de(e, t) {
434
+ function fe(e, t) {
435
435
  return (e.aliasOf || e) === (t.aliasOf || t);
436
436
  }
437
437
  function it(e, t) {
@@ -445,21 +445,21 @@ function it(e, t) {
445
445
  }
446
446
  return !0;
447
447
  }
448
- function fe(e, t) {
448
+ function ve(e, t) {
449
449
  return Array.isArray(t) === !0 ? e.length === t.length && e.every((a, n) => a === t[n]) : e.length === 1 && e[0] === t;
450
450
  }
451
- function lt(e, t) {
452
- return Array.isArray(e) === !0 ? fe(e, t) : Array.isArray(t) === !0 ? fe(t, e) : e === t;
451
+ function rt(e, t) {
452
+ return Array.isArray(e) === !0 ? ve(e, t) : Array.isArray(t) === !0 ? ve(t, e) : e === t;
453
453
  }
454
454
  function st(e, t) {
455
455
  if (Object.keys(e).length !== Object.keys(t).length)
456
456
  return !1;
457
457
  for (const a in e)
458
- if (lt(e[a], t[a]) === !1)
458
+ if (rt(e[a], t[a]) === !1)
459
459
  return !1;
460
460
  return !0;
461
461
  }
462
- const Ee = {
462
+ const Le = {
463
463
  // router-link
464
464
  to: [String, Object],
465
465
  replace: Boolean,
@@ -468,8 +468,8 @@ const Ee = {
468
468
  target: String,
469
469
  // state
470
470
  disable: Boolean
471
- }, Mt = {
472
- ...Ee,
471
+ }, Ot = {
472
+ ...Le,
473
473
  // router-link
474
474
  exact: Boolean,
475
475
  activeClass: {
@@ -482,50 +482,50 @@ const Ee = {
482
482
  }
483
483
  };
484
484
  function ut({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
485
- const a = Z(), { props: n, proxy: o, emit: c } = a, l = rt(a), r = u(() => n.disable !== !0 && n.href !== void 0), _ = t === !0 ? u(
486
- () => l === !0 && n.disable !== !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
485
+ const a = ee(), { props: n, proxy: o, emit: c } = a, l = lt(a), i = u(() => n.disable !== !0 && n.href !== void 0), $ = t === !0 ? u(
486
+ () => l === !0 && n.disable !== !0 && i.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
487
487
  ) : u(
488
- () => l === !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
489
- ), h = u(() => _.value === !0 ? T(n.to) : null), d = u(() => h.value !== null), b = u(() => r.value === !0 || d.value === !0), s = u(() => n.type === "a" || b.value === !0 ? "a" : n.tag || e || "div"), y = u(() => r.value === !0 ? {
488
+ () => l === !0 && i.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
489
+ ), b = u(() => $.value === !0 ? O(n.to) : null), d = u(() => b.value !== null), h = u(() => i.value === !0 || d.value === !0), s = u(() => n.type === "a" || h.value === !0 ? "a" : n.tag || e || "div"), y = u(() => i.value === !0 ? {
490
490
  href: n.href,
491
491
  target: n.target
492
492
  } : d.value === !0 ? {
493
- href: h.value.href,
493
+ href: b.value.href,
494
494
  target: n.target
495
495
  } : {}), m = u(() => {
496
496
  if (d.value === !1)
497
497
  return -1;
498
- const { matched: g } = h.value, { length: q } = g, C = g[q - 1];
499
- if (C === void 0)
498
+ const { matched: g } = b.value, { length: q } = g, L = g[q - 1];
499
+ if (L === void 0)
500
500
  return -1;
501
- const B = o.$route.matched;
502
- if (B.length === 0)
501
+ const R = o.$route.matched;
502
+ if (R.length === 0)
503
503
  return -1;
504
- const R = B.findIndex(
505
- de.bind(null, C)
504
+ const P = R.findIndex(
505
+ fe.bind(null, L)
506
506
  );
507
- if (R !== -1)
508
- return R;
509
- const F = ce(g[q - 2]);
507
+ if (P !== -1)
508
+ return P;
509
+ const F = de(g[q - 2]);
510
510
  return (
511
511
  // we are dealing with nested routes
512
- q > 1 && ce(C) === F && B[B.length - 1].path !== F ? B.findIndex(
513
- de.bind(null, g[q - 2])
514
- ) : R
512
+ q > 1 && de(L) === F && R[R.length - 1].path !== F ? R.findIndex(
513
+ fe.bind(null, g[q - 2])
514
+ ) : P
515
515
  );
516
516
  }), k = u(
517
- () => d.value === !0 && m.value !== -1 && it(o.$route.params, h.value.params)
517
+ () => d.value === !0 && m.value !== -1 && it(o.$route.params, b.value.params)
518
518
  ), f = u(
519
- () => k.value === !0 && m.value === o.$route.matched.length - 1 && st(o.$route.params, h.value.params)
520
- ), $ = u(() => d.value === !0 ? f.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
521
- function T(g) {
519
+ () => k.value === !0 && m.value === o.$route.matched.length - 1 && st(o.$route.params, b.value.params)
520
+ ), _ = u(() => d.value === !0 ? f.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
521
+ function O(g) {
522
522
  try {
523
523
  return o.$router.resolve(g);
524
524
  } catch {
525
525
  }
526
526
  return null;
527
527
  }
528
- function x(g, { returnRouterError: q, to: C = n.to, replace: B = n.replace } = {}) {
528
+ function A(g, { returnRouterError: q, to: L = n.to, replace: R = n.replace } = {}) {
529
529
  if (n.disable === !0)
530
530
  return g.preventDefault(), Promise.resolve(!1);
531
531
  if (
@@ -535,34 +535,34 @@ function ut({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
535
535
  )
536
536
  return Promise.resolve(!1);
537
537
  g.preventDefault();
538
- const R = o.$router[B === !0 ? "replace" : "push"](C);
539
- return q === !0 ? R : R.then(() => {
538
+ const P = o.$router[R === !0 ? "replace" : "push"](L);
539
+ return q === !0 ? P : P.then(() => {
540
540
  }).catch(() => {
541
541
  });
542
542
  }
543
- function M(g) {
543
+ function T(g) {
544
544
  if (d.value === !0) {
545
- const q = (C) => x(g, C);
545
+ const q = (L) => A(g, L);
546
546
  c("click", g, q), g.defaultPrevented !== !0 && q();
547
547
  } else
548
548
  c("click", g);
549
549
  }
550
550
  return {
551
551
  hasRouterLink: d,
552
- hasHrefLink: r,
553
- hasLink: b,
552
+ hasHrefLink: i,
553
+ hasLink: h,
554
554
  linkTag: s,
555
- resolvedLink: h,
555
+ resolvedLink: b,
556
556
  linkIsActive: k,
557
557
  linkIsExactActive: f,
558
- linkClass: $,
558
+ linkClass: _,
559
559
  linkAttrs: y,
560
- getLink: T,
561
- navigateToRouterLink: x,
562
- navigateOnClick: M
560
+ getLink: O,
561
+ navigateToRouterLink: A,
562
+ navigateOnClick: T
563
563
  };
564
564
  }
565
- const ve = {
565
+ const ge = {
566
566
  none: 0,
567
567
  xs: 4,
568
568
  sm: 8,
@@ -576,16 +576,16 @@ const ve = {
576
576
  lg: 20,
577
577
  xl: 24
578
578
  }, dt = ["button", "submit", "reset"], ft = /[^\s]\/[^\s]/, vt = ["flat", "outline", "push", "unelevated"];
579
- function Se(e, t) {
579
+ function Ce(e, t) {
580
580
  return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
581
581
  }
582
- function At(e) {
583
- const t = Se(e);
582
+ function zt(e) {
583
+ const t = Ce(e);
584
584
  return t !== void 0 ? { [t]: !0 } : {};
585
585
  }
586
586
  const gt = {
587
- ...he,
588
- ...Ee,
587
+ ...ye,
588
+ ...Le,
589
589
  type: {
590
590
  type: String,
591
591
  default: "button"
@@ -630,21 +630,21 @@ const gt = {
630
630
  round: Boolean
631
631
  };
632
632
  function mt(e) {
633
- const t = be(e, ct), a = ot(e), { hasRouterLink: n, hasLink: o, linkTag: c, linkAttrs: l, navigateOnClick: r } = ut({
633
+ const t = ke(e, ct), a = ot(e), { hasRouterLink: n, hasLink: o, linkTag: c, linkAttrs: l, navigateOnClick: i } = ut({
634
634
  fallbackTag: "button"
635
- }), _ = u(() => {
635
+ }), $ = u(() => {
636
636
  const f = e.fab === !1 && e.fabMini === !1 ? t.value : {};
637
637
  return e.padding !== void 0 ? Object.assign({}, f, {
638
- padding: e.padding.split(/\s+/).map(($) => $ in ve ? ve[$] + "px" : $).join(" "),
638
+ padding: e.padding.split(/\s+/).map((_) => _ in ge ? ge[_] + "px" : _).join(" "),
639
639
  minWidth: "0",
640
640
  minHeight: "0"
641
641
  }) : f;
642
- }), h = u(
642
+ }), b = u(
643
643
  () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
644
644
  ), d = u(
645
645
  () => e.disable !== !0 && e.loading !== !0
646
- ), b = u(() => d.value === !0 ? e.tabindex || 0 : -1), s = u(() => Se(e, "standard")), y = u(() => {
647
- const f = { tabindex: b.value };
646
+ ), h = u(() => d.value === !0 ? e.tabindex || 0 : -1), s = u(() => Ce(e, "standard")), y = u(() => {
647
+ const f = { tabindex: h.value };
648
648
  return o.value === !0 ? Object.assign(f, l.value) : dt.includes(e.type) === !0 && (f.type = e.type), c.value === "a" ? (e.disable === !0 ? f["aria-disabled"] = "true" : f.href === void 0 && (f.role = "button"), n.value !== !0 && ft.test(e.type) === !0 && (f.type = e.type)) : e.disable === !0 && (f.disabled = "", f["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(f, {
649
649
  role: "progressbar",
650
650
  "aria-valuemin": 0,
@@ -654,25 +654,25 @@ function mt(e) {
654
654
  }), m = u(() => {
655
655
  let f;
656
656
  e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? f = `text-${e.textColor || e.color}` : f = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (f = `text-${e.textColor}`);
657
- const $ = e.round === !0 ? "round" : `rectangle${h.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
658
- return `q-btn--${s.value} q-btn--${$}` + (f !== void 0 ? " " + f : "") + (d.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" : "");
657
+ const _ = e.round === !0 ? "round" : `rectangle${b.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
658
+ return `q-btn--${s.value} q-btn--${_}` + (f !== void 0 ? " " + f : "") + (d.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" : "");
659
659
  }), k = u(
660
660
  () => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
661
661
  );
662
662
  return {
663
663
  classes: m,
664
- style: _,
664
+ style: $,
665
665
  innerClasses: k,
666
666
  attributes: y,
667
667
  hasLink: o,
668
668
  linkTag: c,
669
- navigateOnClick: r,
669
+ navigateOnClick: i,
670
670
  isActionable: d
671
671
  };
672
672
  }
673
- const { passiveCapture: E } = U;
674
- let z = null, j = null, D = null;
675
- const ht = te({
673
+ const { passiveCapture: E } = Y;
674
+ let j = null, D = null, I = null;
675
+ const bt = ne({
676
676
  name: "QBtn",
677
677
  props: {
678
678
  ...pt,
@@ -682,124 +682,124 @@ const ht = te({
682
682
  },
683
683
  emits: ["click", "keydown", "mousedown", "keyup"],
684
684
  setup(e, { slots: t, emit: a }) {
685
- const { proxy: n } = Z(), {
685
+ const { proxy: n } = ee(), {
686
686
  classes: o,
687
687
  style: c,
688
688
  innerClasses: l,
689
- attributes: r,
690
- hasLink: _,
691
- linkTag: h,
689
+ attributes: i,
690
+ hasLink: $,
691
+ linkTag: b,
692
692
  navigateOnClick: d,
693
- isActionable: b
694
- } = mt(e), s = ae(null), y = ae(null);
693
+ isActionable: h
694
+ } = mt(e), s = oe(null), y = oe(null);
695
695
  let m = null, k, f = null;
696
- const $ = u(
696
+ const _ = u(
697
697
  () => e.label !== void 0 && e.label !== null && e.label !== ""
698
- ), T = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
699
- keyCodes: _.value === !0 ? [13, 32] : [13],
698
+ ), O = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
699
+ keyCodes: $.value === !0 ? [13, 32] : [13],
700
700
  ...e.ripple === !0 ? {} : e.ripple
701
- }), x = u(() => ({ center: e.round })), M = u(() => {
702
- const i = Math.max(0, Math.min(100, e.percentage));
703
- return i > 0 ? { transition: "transform 0.6s", transform: `translateX(${i - 100}%)` } : {};
701
+ }), A = u(() => ({ center: e.round })), T = u(() => {
702
+ const r = Math.max(0, Math.min(100, e.percentage));
703
+ return r > 0 ? { transition: "transform 0.6s", transform: `translateX(${r - 100}%)` } : {};
704
704
  }), g = u(() => {
705
705
  if (e.loading === !0)
706
706
  return {
707
- onMousedown: V,
708
- onTouchstart: V,
709
- onClick: V,
710
- onKeydown: V,
711
- onKeyup: V
707
+ onMousedown: K,
708
+ onTouchstart: K,
709
+ onClick: K,
710
+ onKeydown: K,
711
+ onKeyup: K
712
712
  };
713
- if (b.value === !0) {
714
- const i = {
715
- onClick: C,
716
- onKeydown: B,
713
+ if (h.value === !0) {
714
+ const r = {
715
+ onClick: L,
716
+ onKeydown: R,
717
717
  onMousedown: F
718
718
  };
719
719
  if (n.$q.platform.has.touch === !0) {
720
720
  const p = e.onTouchstart !== void 0 ? "" : "Passive";
721
- i[`onTouchstart${p}`] = R;
721
+ r[`onTouchstart${p}`] = P;
722
722
  }
723
- return i;
723
+ return r;
724
724
  }
725
725
  return {
726
726
  // needed; especially for disabled <a> tags
727
- onClick: O
727
+ onClick: z
728
728
  };
729
729
  }), q = u(() => ({
730
730
  ref: s,
731
731
  class: "q-btn q-btn-item non-selectable no-outline " + o.value,
732
732
  style: c.value,
733
- ...r.value,
733
+ ...i.value,
734
734
  ...g.value
735
735
  }));
736
- function C(i) {
736
+ function L(r) {
737
737
  if (s.value !== null) {
738
- if (i !== void 0) {
739
- if (i.defaultPrevented === !0)
738
+ if (r !== void 0) {
739
+ if (r.defaultPrevented === !0)
740
740
  return;
741
741
  const p = document.activeElement;
742
742
  if (e.type === "submit" && p !== document.body && s.value.contains(p) === !1 && p.contains(s.value) === !1) {
743
743
  s.value.focus();
744
744
  const Q = () => {
745
- document.removeEventListener("keydown", O, !0), document.removeEventListener("keyup", Q, E), s.value !== null && s.value.removeEventListener("blur", Q, E);
745
+ document.removeEventListener("keydown", z, !0), document.removeEventListener("keyup", Q, E), s.value !== null && s.value.removeEventListener("blur", Q, E);
746
746
  };
747
- document.addEventListener("keydown", O, !0), document.addEventListener("keyup", Q, E), s.value.addEventListener("blur", Q, E);
747
+ document.addEventListener("keydown", z, !0), document.addEventListener("keyup", Q, E), s.value.addEventListener("blur", Q, E);
748
748
  }
749
749
  }
750
- d(i);
750
+ d(r);
751
751
  }
752
752
  }
753
- function B(i) {
754
- s.value !== null && (a("keydown", i), J(i, [13, 32]) === !0 && j !== s.value && (j !== null && I(), i.defaultPrevented !== !0 && (s.value.focus(), j = s.value, s.value.classList.add("q-btn--active"), document.addEventListener("keyup", L, !0), s.value.addEventListener("blur", L, E)), O(i)));
753
+ function R(r) {
754
+ s.value !== null && (a("keydown", r), Z(r, [13, 32]) === !0 && D !== s.value && (D !== null && V(), r.defaultPrevented !== !0 && (s.value.focus(), D = s.value, s.value.classList.add("q-btn--active"), document.addEventListener("keyup", C, !0), s.value.addEventListener("blur", C, E)), z(r)));
755
755
  }
756
- function R(i) {
757
- s.value !== null && (a("touchstart", i), i.defaultPrevented !== !0 && (z !== s.value && (z !== null && I(), z = s.value, m = i.target, m.addEventListener("touchcancel", L, E), m.addEventListener("touchend", L, E)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
756
+ function P(r) {
757
+ s.value !== null && (a("touchstart", r), r.defaultPrevented !== !0 && (j !== s.value && (j !== null && V(), j = s.value, m = r.target, m.addEventListener("touchcancel", C, E), m.addEventListener("touchend", C, E)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
758
758
  f = null, k = !1;
759
759
  }, 200)));
760
760
  }
761
- function F(i) {
762
- s.value !== null && (i.qSkipRipple = k === !0, a("mousedown", i), i.defaultPrevented !== !0 && D !== s.value && (D !== null && I(), D = s.value, s.value.classList.add("q-btn--active"), document.addEventListener("mouseup", L, E)));
761
+ function F(r) {
762
+ s.value !== null && (r.qSkipRipple = k === !0, a("mousedown", r), r.defaultPrevented !== !0 && I !== s.value && (I !== null && V(), I = s.value, s.value.classList.add("q-btn--active"), document.addEventListener("mouseup", C, E)));
763
763
  }
764
- function L(i) {
765
- if (s.value !== null && !(i !== void 0 && i.type === "blur" && document.activeElement === s.value)) {
766
- if (i !== void 0 && i.type === "keyup") {
767
- if (j === s.value && J(i, [13, 32]) === !0) {
768
- const p = new MouseEvent("click", i);
769
- p.qKeyEvent = !0, i.defaultPrevented === !0 && We(p), i.cancelBubble === !0 && _e(p), s.value.dispatchEvent(p), O(i), i.qKeyEvent = !0;
764
+ function C(r) {
765
+ if (s.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === s.value)) {
766
+ if (r !== void 0 && r.type === "keyup") {
767
+ if (D === s.value && Z(r, [13, 32]) === !0) {
768
+ const p = new MouseEvent("click", r);
769
+ p.qKeyEvent = !0, r.defaultPrevented === !0 && We(p), r.cancelBubble === !0 && Ee(p), s.value.dispatchEvent(p), z(r), r.qKeyEvent = !0;
770
770
  }
771
- a("keyup", i);
771
+ a("keyup", r);
772
772
  }
773
- I();
773
+ V();
774
774
  }
775
775
  }
776
- function I(i) {
776
+ function V(r) {
777
777
  const p = y.value;
778
- i !== !0 && (z === s.value || D === s.value) && p !== null && p !== document.activeElement && (p.setAttribute("tabindex", -1), p.focus()), z === s.value && (m !== null && (m.removeEventListener("touchcancel", L, E), m.removeEventListener("touchend", L, E)), z = m = null), D === s.value && (document.removeEventListener("mouseup", L, E), D = null), j === s.value && (document.removeEventListener("keyup", L, !0), s.value !== null && s.value.removeEventListener("blur", L, E), j = null), s.value !== null && s.value.classList.remove("q-btn--active");
778
+ r !== !0 && (j === s.value || I === s.value) && p !== null && p !== document.activeElement && (p.setAttribute("tabindex", -1), p.focus()), j === s.value && (m !== null && (m.removeEventListener("touchcancel", C, E), m.removeEventListener("touchend", C, E)), j = m = null), I === s.value && (document.removeEventListener("mouseup", C, E), I = null), D === s.value && (document.removeEventListener("keyup", C, !0), s.value !== null && s.value.removeEventListener("blur", C, E), D = null), s.value !== null && s.value.classList.remove("q-btn--active");
779
779
  }
780
- function V(i) {
781
- O(i), i.qSkipRipple = !0;
780
+ function K(r) {
781
+ z(r), r.qSkipRipple = !0;
782
782
  }
783
- return Ce(() => {
784
- I(!0);
783
+ return Be(() => {
784
+ V(!0);
785
785
  }), Object.assign(n, {
786
- click: (i) => {
787
- b.value === !0 && C(i);
786
+ click: (r) => {
787
+ h.value === !0 && L(r);
788
788
  }
789
789
  }), () => {
790
- let i = [];
791
- e.icon !== void 0 && i.push(
792
- v(le, {
790
+ let r = [];
791
+ e.icon !== void 0 && r.push(
792
+ v(se, {
793
793
  name: e.icon,
794
- left: e.stack !== !0 && $.value === !0,
794
+ left: e.stack !== !0 && _.value === !0,
795
795
  role: "img"
796
796
  })
797
- ), $.value === !0 && i.push(
797
+ ), _.value === !0 && r.push(
798
798
  v("span", { class: "block" }, [e.label])
799
- ), i = K(t.default, i), e.iconRight !== void 0 && e.round === !1 && i.push(
800
- v(le, {
799
+ ), r = N(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
800
+ v(se, {
801
801
  name: e.iconRight,
802
- right: e.stack !== !0 && $.value === !0,
802
+ right: e.stack !== !0 && _.value === !0,
803
803
  role: "img"
804
804
  })
805
805
  );
@@ -815,15 +815,15 @@ const ht = te({
815
815
  }, [
816
816
  v("span", {
817
817
  class: "q-btn__progress-indicator fit block",
818
- style: M.value
818
+ style: T.value
819
819
  })
820
820
  ])
821
821
  ), p.push(
822
822
  v("span", {
823
823
  class: "q-btn__content text-center col items-center q-anchor--skip " + l.value
824
- }, i)
824
+ }, r)
825
825
  ), e.loading !== null && p.push(
826
- v(Le, {
826
+ v(Re, {
827
827
  name: "q-transition--fade"
828
828
  }, () => e.loading === !0 ? [
829
829
  v("span", {
@@ -831,29 +831,29 @@ const ht = te({
831
831
  class: "absolute-full flex flex-center"
832
832
  }, t.loading !== void 0 ? t.loading() : [v(Ge)])
833
833
  ] : null)
834
- ), pe(
834
+ ), me(
835
835
  v(
836
- h.value,
836
+ b.value,
837
837
  q.value,
838
838
  p
839
839
  ),
840
840
  [[
841
841
  tt,
842
- T.value,
842
+ O.value,
843
843
  void 0,
844
- x.value
844
+ A.value
845
845
  ]]
846
846
  );
847
847
  };
848
848
  }
849
- }), bt = /* @__PURE__ */ G({
849
+ }), ht = /* @__PURE__ */ U({
850
850
  __name: "AppButton",
851
851
  props: {
852
852
  size: { default: S.MD },
853
853
  transparent: { type: Boolean },
854
854
  flat: { type: Boolean },
855
855
  rounded: { type: Boolean },
856
- color: { default: me.PRIMARY },
856
+ color: { default: he.PRIMARY },
857
857
  iconLeft: {},
858
858
  iconRight: {},
859
859
  iconMiddle: {},
@@ -884,11 +884,11 @@ const ht = te({
884
884
  },
885
885
  `app-btn_${t.color}`
886
886
  ]);
887
- return (n, o) => (w(), Be(H(ht), {
887
+ return (n, o) => (B(), we(G(bt), {
888
888
  "no-caps": "",
889
889
  unelevated: "",
890
- class: P(a.value),
891
- padding: H(Te)[n.size || H(S).MD],
890
+ class: M(a.value),
891
+ padding: G(xe)[n.size || G(S).MD],
892
892
  loading: n.loading,
893
893
  disable: n.disabled || void 0,
894
894
  to: n.to,
@@ -898,49 +898,56 @@ const ht = te({
898
898
  "aria-label": n.ariaLabel,
899
899
  onClick: o[0] || (o[0] = (c) => n.$emit("click", c))
900
900
  }, {
901
- default: Re(() => [
902
- n.iconLeft || n.iconMiddle ? (w(), A("i", {
901
+ default: Pe(() => [
902
+ n.iconLeft || n.iconMiddle ? (B(), w("i", {
903
903
  key: 0,
904
- class: P([
904
+ class: M([
905
905
  "icon-kl",
906
906
  n.iconLeft ? "icon-kl_left" : "icon-kl_middle",
907
907
  `icon-kl-${n.iconLeft || n.iconMiddle}`,
908
908
  n.transparent || n.flat ? `text-${n.color}` : "text-secondary"
909
909
  ])
910
- }, null, 2)) : N("", !0),
911
- we(n.$slots, "default", {}, void 0, !0),
912
- n.label ? (w(), A(Pe, { key: 1 }, [
913
- xe(Me(n.label), 1)
914
- ], 64)) : N("", !0),
915
- n.iconRight ? (w(), A("i", {
910
+ }, null, 2)) : x("", !0),
911
+ be(n.$slots, "default", {}, void 0, !0),
912
+ n.label ? (B(), w(Me, { key: 1 }, [
913
+ Ae(X(n.label), 1)
914
+ ], 64)) : x("", !0),
915
+ n.iconRight ? (B(), w("i", {
916
916
  key: 2,
917
- class: P([
917
+ class: M([
918
918
  "icon-kl",
919
919
  "icon-kl_right",
920
920
  `icon-kl-${n.iconRight}`,
921
921
  n.transparent ? `text-${n.color}` : "text-secondary"
922
922
  ])
923
- }, null, 2)) : N("", !0)
923
+ }, null, 2)) : x("", !0)
924
924
  ]),
925
925
  _: 3
926
926
  }, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label"]));
927
927
  }
928
- }), ne = (e, t) => {
928
+ }), ae = (e, t) => {
929
929
  const a = e.__vccOpts || e;
930
930
  for (const [n, o] of t)
931
931
  a[n] = o;
932
932
  return a;
933
- }, Tt = /* @__PURE__ */ ne(bt, [["__scopeId", "data-v-0aee6cab"]]), yt = ["checked", "disabled"], kt = { class: "app-toggle__thumb" }, $t = /* @__PURE__ */ G({
933
+ }, jt = /* @__PURE__ */ ae(ht, [["__scopeId", "data-v-0aee6cab"]]), yt = {
934
+ key: 0,
935
+ class: "app-toggle__label app-toggle__label_left"
936
+ }, kt = { class: "app-toggle__container" }, _t = ["checked", "disabled"], $t = { class: "app-toggle__thumb" }, qt = {
937
+ key: 1,
938
+ class: "app-toggle__label"
939
+ }, Et = /* @__PURE__ */ U({
934
940
  __name: "AppToggle",
935
941
  props: {
936
942
  modelValue: { type: Boolean },
937
943
  size: { default: S.MD },
938
944
  label: {},
939
945
  disabled: { type: Boolean },
940
- color: { default: me.PRIMARY },
946
+ color: { default: he.PRIMARY },
941
947
  iconColor: {},
942
948
  icon: {},
943
- iconActive: {}
949
+ iconActive: {},
950
+ labelLeft: { type: Boolean }
944
951
  },
945
952
  emits: ["update:modelValue"],
946
953
  setup(e, { emit: t }) {
@@ -960,38 +967,43 @@ const ht = te({
960
967
  },
961
968
  `app-toggle_${a.color}`
962
969
  ]);
963
- return (l, r) => (w(), A("label", {
964
- class: P(c.value)
970
+ return (l, i) => (B(), w("div", {
971
+ class: M(c.value)
965
972
  }, [
966
- Y("input", {
967
- type: "checkbox",
968
- checked: o.value,
969
- onChange: r[0] || (r[0] = (_) => o.value = !o.value),
970
- disabled: l.disabled,
971
- class: "app-toggle__input"
972
- }, null, 40, yt),
973
- Y("span", {
974
- class: P(["app-toggle__slider", o.value ? `bg-${l.color}` : ""])
975
- }, [
976
- Y("span", kt, [
977
- l.icon && !l.modelValue ? (w(), A("i", {
978
- key: 0,
979
- class: P(["icon-kl", `icon-kl-${l.icon}`, "app-toggle__icon"])
980
- }, null, 2)) : N("", !0),
981
- l.iconActive && l.modelValue ? (w(), A("i", {
982
- key: 1,
983
- class: P([
984
- "icon-kl",
985
- `icon-kl-${l.iconActive}`,
986
- "app-toggle__icon",
987
- o.value ? `text-${l.iconColor}` : ""
988
- ])
989
- }, null, 2)) : N("", !0)
990
- ])
991
- ], 2)
973
+ l.label && l.labelLeft ? (B(), w("span", yt, X(l.label), 1)) : x("", !0),
974
+ H("label", kt, [
975
+ H("input", {
976
+ type: "checkbox",
977
+ checked: o.value,
978
+ onChange: i[0] || (i[0] = ($) => o.value = !o.value),
979
+ disabled: l.disabled,
980
+ class: "app-toggle__input"
981
+ }, null, 40, _t),
982
+ H("span", {
983
+ class: M(["app-toggle__slider", o.value ? `bg-${l.color}` : ""])
984
+ }, [
985
+ H("span", $t, [
986
+ l.icon && !l.modelValue ? (B(), w("i", {
987
+ key: 0,
988
+ class: M(["icon-kl", `icon-kl-${l.icon}`, "app-toggle__icon"])
989
+ }, null, 2)) : x("", !0),
990
+ l.modelValue && (l.iconActive || l.icon) ? (B(), w("i", {
991
+ key: 1,
992
+ class: M([
993
+ "icon-kl",
994
+ `icon-kl-${l.iconActive || l.icon}`,
995
+ "app-toggle__icon",
996
+ o.value ? `text-${l.iconColor}` : ""
997
+ ])
998
+ }, null, 2)) : x("", !0)
999
+ ])
1000
+ ], 2),
1001
+ be(l.$slots, "default", {}, void 0, !0)
1002
+ ]),
1003
+ l.label && !l.labelLeft ? (B(), w("span", qt, X(l.label), 1)) : x("", !0)
992
1004
  ], 2));
993
1005
  }
994
- }), Ot = /* @__PURE__ */ ne($t, [["__scopeId", "data-v-ce818477"]]), _t = /* @__PURE__ */ G({
1006
+ }), Dt = /* @__PURE__ */ ae(Et, [["__scopeId", "data-v-e0e56123"]]), St = /* @__PURE__ */ U({
995
1007
  __name: "AppIcon",
996
1008
  props: {
997
1009
  name: {},
@@ -999,59 +1011,59 @@ const ht = te({
999
1011
  color: {}
1000
1012
  },
1001
1013
  setup(e) {
1002
- return (t, a) => (w(), A("i", {
1003
- class: P(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
1004
- style: Ae(t.size ? `font-size: ${t.size}` : void 0)
1014
+ return (t, a) => (B(), w("i", {
1015
+ class: M(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
1016
+ style: Te(t.size ? `font-size: ${t.size}` : void 0)
1005
1017
  }, null, 6));
1006
1018
  }
1007
- }), zt = /* @__PURE__ */ ne(_t, [["__scopeId", "data-v-941765ee"]]), jt = ee(
1008
- () => import("./AppButtonCopy-B1kLZgFy.js")
1009
- ), Dt = ee(
1010
- () => import("./AppSelect-DepQBlef.js")
1011
- ), It = ee(
1012
- () => import("./DropdownButton-CTs9oLQ2.js")
1019
+ }), It = /* @__PURE__ */ ae(St, [["__scopeId", "data-v-941765ee"]]), Vt = te(
1020
+ () => import("./AppButtonCopy-DW1Fq5Jm.js")
1021
+ ), Kt = te(
1022
+ () => import("./AppSelect-mVnDo7ho.js")
1023
+ ), Nt = te(
1024
+ () => import("./DropdownButton-Cs841-SS.js")
1013
1025
  );
1014
1026
  export {
1015
- Tt as A,
1016
- Pt as B,
1017
- me as C,
1027
+ jt as A,
1028
+ Tt as B,
1029
+ he as C,
1018
1030
  xt as D,
1019
- Lt as E,
1031
+ wt as E,
1020
1032
  Ue as F,
1021
1033
  Ye as G,
1022
- zt as H,
1023
- jt as I,
1024
- Dt as J,
1025
- Ot as K,
1026
- It as L,
1027
- le as Q,
1034
+ It as H,
1035
+ Vt as I,
1036
+ Kt as J,
1037
+ Dt as K,
1038
+ Nt as L,
1039
+ se as Q,
1028
1040
  tt as R,
1029
1041
  S,
1030
- ne as _,
1031
- K as a,
1032
- he as b,
1033
- te as c,
1042
+ ae as _,
1043
+ N as a,
1044
+ ye as b,
1045
+ ne as c,
1034
1046
  ut as d,
1035
- Et as e,
1036
- Mt as f,
1047
+ Ct as e,
1048
+ Ot as f,
1037
1049
  Ge as g,
1038
1050
  ze as h,
1039
- J as i,
1040
- Ct as j,
1041
- St as k,
1042
- U as l,
1043
- wt as m,
1044
- Bt as n,
1045
- Rt as o,
1051
+ Z as i,
1052
+ Rt as j,
1053
+ Bt as k,
1054
+ Y as l,
1055
+ At as m,
1056
+ Pt as n,
1057
+ Mt as o,
1046
1058
  We as p,
1047
- _e as q,
1059
+ Ee as q,
1048
1060
  Ze as r,
1049
- O as s,
1050
- At as t,
1051
- be as u,
1061
+ z as s,
1062
+ zt as t,
1063
+ ke as u,
1052
1064
  gt as v,
1053
- ht as w,
1065
+ bt as w,
1054
1066
  Xe as x,
1055
1067
  Je as y,
1056
- rt as z
1068
+ lt as z
1057
1069
  };