@figurosity/consumer-controls 0.2.0 → 0.2.2

package/dist/consumer-controls.js

@@ -22,20 +22,20 @@ const qn = { class: "c-animated-number" }, Nt = {
     loading: Boolean
   },
   setup(e) {
-    const a = y(0), n = y(0), t = y({}), o = e, s = y(window), c = (v) => {
-      n.value = s.value.requestAnimationFrame(c), ge.update(v);
-    }, i = (v, h, k = null) => {
+    const a = y(0), n = y(0), t = y({}), o = e, s = y(window), c = (g) => {
+      n.value = s.value.requestAnimationFrame(c), ge.update(g);
+    }, i = (g, h, k = null) => {
       l();
-      const f = { num: h }, w = { num: v };
-      t.value = new ge.Tween(f).to(w, o.speed).delay(o.delay).easing(ge.Easing.Quadratic.Out).onUpdate(m).onComplete(d).start(), c();
+      const f = { num: h }, V = { num: g };
+      t.value = new ge.Tween(f).to(V, o.speed).delay(o.delay).easing(ge.Easing.Quadratic.Out).onUpdate(m).onComplete(d).start(), c();
     }, l = () => {
       t.value && t.value.stop && (t.value.stop(), t.value = null);
     }, d = () => {
       s.value.cancelAnimationFrame(n.value);
-    }, m = (v) => {
-      a.value = kt(v.num.toFixed(0));
+    }, m = (g) => {
+      a.value = kt(g.num.toFixed(0));
     };
-    return ce(() => o.total, (v, h) => i(v, h)), J(() => a.value = kt(o.total)), (v, h) => (_(), se("span", qn, be(a.value), 1));
+    return ce(() => o.total, (g, h) => i(g, h)), J(() => a.value = kt(o.total)), (g, h) => (_(), se("span", qn, be(a.value), 1));
   }
 }, Tn = M({
   name: "CButtonBoolean",
@@ -46,7 +46,7 @@ const qn = { class: "c-animated-number" }, Nt = {
     size: {
       type: String,
       default: "lg",
-      validator: (e) => ["sm", "lg"].includes(e)
+      validator: (e) => ["xs", "sm", "lg"].includes(e)
     },
     type: {
       type: String,
@@ -66,11 +66,7 @@ const qn = { class: "c-animated-number" }, Nt = {
           { dark: e.dark }
         ]).value
       }, c = [];
-      if (e.type === "radio" && c.push(r("div")), e.type === "checkbox") {
-        const i = e.size === "sm" ? "10px" : "12px";
-        c.push(r(qe, { name: "f_checkmark", size: i }));
-      }
-      return r("div", s, c);
+      return e.type === "radio" && c.push(r("div")), e.type === "checkbox" && c.push(r(qe, { name: "f_checkmark" })), r("div", s, c);
     }
     return () => t();
   }
@@ -146,7 +142,7 @@ const qn = { class: "c-animated-number" }, Nt = {
     size: {
       type: String,
       default: "lg",
-      validator: (e) => ["sm", "lg"].includes(e)
+      validator: (e) => ["xs", "sm", "lg"].includes(e)
     }
   },
   emits: ["click", "blockAccess"],
@@ -167,73 +163,64 @@ const qn = { class: "c-animated-number" }, Nt = {
       { selected: e.selected },
       { "c-base-button--disable": e.disable },
       { dark: e.dark }
-    ]), s = u(() => ({
-      minWidth: e.size === "sm" ? "60px" : "90px",
-      maxWidth: e.size === "sm" ? "60px" : "90px"
-    }));
-    function c() {
-      const i = {
+    ]);
+    function s() {
+      const c = {
         class: o.value,
         onClick: t,
-        style: s.value,
         "data-cy": "c-button-" + Ce(e.label)
-      }, l = [], d = u(() => ({
+      }, i = [], l = u(() => ({
         "c-base-button--icon": !0,
-        "col-shrink": e.size === "sm",
-        "flex justify-center items-center ": e.size === "sm",
+        "col-shrink": e.size === "sm" || e.size === "xs",
+        "flex justify-center items-center ": e.size === "sm" || e.size === "xs",
         "q-pt-xs": !0
-      })), m = u(() => ({
+      })), d = u(() => ({
         "c-base-button--image": !0,
-        "col-shrink": e.size === "sm",
-        "flex justify-center items-center ": e.size === "sm"
+        "col-shrink": e.size === "sm" || e.size === "xs",
+        "flex justify-center items-center ": e.size === "sm" || e.size === "xs"
       }));
       if (e.icon && !e.image) {
-        const v = Pt(e.color), h = {
-          class: d.value
-        }, k = {
+        const m = Pt(e.color), g = {
+          class: l.value
+        }, h = {
           name: e.icon,
-          size: e.size === "sm" ? "38px" : "52px",
-          class: v ? "light" : "dark"
-        }, f = u(() => ({
+          class: m ? "light" : "dark"
+        }, k = u(() => ({
           background: Nn(e.color)
-        })), w = {
+        })), f = {
           class: "c-base-button--background"
         };
-        e.type !== "borderless" && (w.style = f.value), l.push(
-          r("div", h, [r("div", w), r(qe, k)])
-        );
+        e.type !== "borderless" && (f.style = k.value), i.push(r("div", g, [r("div", f), r(qe, h)]));
       }
       if (e.image) {
-        const v = {
-          class: { ...m.value }
-        }, h = {
+        const m = {
+          class: { ...d.value }
+        }, g = {
           class: "c-base-button--overlay"
-        }, k = {
+        }, h = {
           class: "unselectable",
           src: e.image
         };
-        l.push(
-          r("div", v, [r("div", h), r("img", k)])
-        );
+        i.push(r("div", m, [r("div", g), r("img", h)]));
       }
       if (e.label) {
-        const v = u(() => ({
+        const m = u(() => ({
           "col flex items-center unselectable": !0,
           "q-pl-md": !e.icon && !e.image
         }));
-        l.push(
-          r("div", { class: v.value }, [
+        i.push(
+          r("div", { class: m.value }, [
             r("div", { class: "c-base-button--label" }, e.label)
           ])
         );
       }
       if (e.type === "radio" || e.type === "checkbox") {
-        const v = {
+        const m = {
           class: "col-shrink flex items-center justify center",
           style: "min-width: 35px;"
         };
-        l.push(
-          r("div", v, [
+        i.push(
+          r("div", m, [
             r(Tn, {
               disable: e.disable,
               selected: e.selected,
@@ -243,9 +230,9 @@ const qn = { class: "c-animated-number" }, Nt = {
           ])
         );
       }
-      return r("div", i, l);
+      return r("div", c, i);
     }
-    return () => c();
+    return () => s();
   }
 }), Rn = M({
   name: "CBaseButtons",
@@ -718,14 +705,14 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
         class: "c-button-toggle-left col-6 text-center unselectable"
       }, m = {
         class: "c-button-toggle-right col-6 text-center unselectable"
-      }, v = {
+      }, g = {
         class: "c-button-toggle-slide",
         style: t.value
       };
       return r("div", l, [
         r("div", d, e.labelLeft),
         r("div", m, e.labelRight),
-        r("div", v)
+        r("div", g)
       ]);
     }
     return () => c();
@@ -765,19 +752,19 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
       x("div", na, [
         x("div", {
           class: "back quarter",
-          onClick: m[0] || (m[0] = (v) => l("back"))
+          onClick: m[0] || (m[0] = (g) => l("back"))
         }),
         x("div", {
           class: "left quarter",
-          onClick: m[1] || (m[1] = (v) => l("left"))
+          onClick: m[1] || (m[1] = (g) => l("left"))
         }),
         x("div", {
           class: "front quarter",
-          onClick: m[2] || (m[2] = (v) => l("front"))
+          onClick: m[2] || (m[2] = (g) => l("front"))
         }),
         x("div", {
           class: "right quarter",
-          onClick: m[3] || (m[3] = (v) => l("right"))
+          onClick: m[3] || (m[3] = (g) => l("right"))
         })
       ]),
       x("div", aa, [
@@ -903,7 +890,7 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
       }, m = {
         class: "c-color-picker-popup-chooser",
         modelValue: o.value,
-        "onUpdate:modelValue": (v) => o.value = v
+        "onUpdate:modelValue": (g) => o.value = g
       };
       return R(
         r("div", c, [
@@ -950,12 +937,12 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
         icon: Tt
       }, m = {
         modelValue: c.value,
-        "onUpdate:modelValue": (v) => c.value = v,
+        "onUpdate:modelValue": (g) => c.value = g,
         show: t.value,
-        "onUpdate:show": (v) => t.value = v,
+        "onUpdate:show": (g) => t.value = g,
         label: e.label,
-        onPointerdown: (v) => v.stopPropagation(),
-        onMousedown: (v) => v.stopPropagation()
+        onPointerdown: (g) => g.stopPropagation(),
+        onMousedown: (g) => g.stopPropagation()
       };
       return r("div", l, [
         R(
@@ -1043,43 +1030,43 @@ function va(e, a) {
     return console.error(
       "CDraggableDrawer component needs to be child of CDraggableDrawers"
     ), Ge;
-  const t = lt(), o = Ve(), s = y(null), c = y(null), i = y(null), l = y(null), d = y(null), m = y(null), v = y(null), h = y(null), k = y(n.currentModel), f = y({}), w = y(da), p = y(!1), B = y(null), $ = u(() => {
-    const C = G() + ma, q = w.value === ve ? "auto" : "hidden";
+  const t = lt(), o = Ve(), s = y(null), c = y(null), i = y(null), l = y(null), d = y(null), m = y(null), g = y(null), h = y(null), k = y(n.currentModel), f = y({}), V = y(da), p = y(!1), C = y(null), $ = u(() => {
+    const w = G() + ma, q = V.value === ve ? "auto" : "hidden";
     return {
-      maxHeight: C,
+      maxHeight: w,
       overflowY: q
     };
   });
   function E() {
     return l.value ? l.value.$el.offsetHeight : 0;
   }
-  function g() {
+  function v() {
     return d.value ? d.value.$el.offsetHeight : 0;
   }
   function z() {
     if (!c.value) return 0;
-    const C = c.value.$el.offsetHeight;
-    return e.name === ke || !i.value ? C : C + i.value.$el.offsetHeight;
+    const w = c.value.$el.offsetHeight;
+    return e.name === ke || !i.value ? w : w + i.value.$el.offsetHeight;
   }
   function T() {
-    const C = z();
-    return E() + C;
+    const w = z();
+    return E() + w;
   }
   function G() {
-    const C = T();
-    return g() + C;
+    const w = T();
+    return v() + w;
   }
   function F() {
-    const C = G(), q = o.screen.height - e.topOffset;
-    return Math.min(C, q);
+    const w = G(), q = o.screen.height - e.topOffset;
+    return Math.min(w, q);
   }
   const ee = u(() => {
-    var C, q;
-    return !!((q = (C = a.secondary) == null ? void 0 : C.call(a)) != null && q.length);
+    var w, q;
+    return !!((q = (w = a.secondary) == null ? void 0 : w.call(a)) != null && q.length);
   });
-  function K(C) {
+  function K(w) {
     p.value = !1;
-    const { direction: q, delta: P, duration: Q, isFinal: ae } = C;
+    const { direction: q, delta: P, duration: Q, isFinal: ae } = w;
     if (P === 0) return;
     const oe = ne() + P.y, de = F(), Se = z(), Ne = Q < 290, gt = T(), bt = De(oe, gt, de), ht = ye(oe, Se, gt, de);
     if (q === Bt && oe > -Se) {
@@ -1102,49 +1089,49 @@ function va(e, a) {
       return re();
     te();
   }
-  function ye(C, q, P, Q) {
-    const ae = Math.abs(C), de = [q, P, Q].reduce(
+  function ye(w, q, P, Q) {
+    const ae = Math.abs(w), de = [q, P, Q].reduce(
       (Se, Ne) => Math.abs(Ne - ae) < Math.abs(Se - ae) ? Ne : Se
     );
     return de === q ? Ee : de === P ? Ae : ve;
   }
-  function De(C, q, P) {
-    const Q = Math.abs(C);
+  function De(w, q, P) {
+    const Q = Math.abs(w);
     return Q <= q ? Ae : Q <= P ? ve : "out-of-bounds";
   }
   function fe() {
-    const C = z();
-    w.value = Ye, W(-C), B.value = Ee;
+    const w = z();
+    V.value = Ye, W(-w), C.value = Ee;
   }
   function te() {
-    w.value = Ye;
-    const C = F(), q = T(), P = e.name === ke ? 1 : 3;
+    V.value = Ye;
+    const w = F(), q = T(), P = e.name === ke ? 1 : 3;
     f.value = { ...f.value, zIndex: P };
-    const Q = q > C ? C : q;
-    W(-Q), B.value = Ae;
+    const Q = q > w ? w : q;
+    W(-Q), C.value = Ae;
   }
   function re() {
-    w.value = Ye;
-    const C = F(), q = G(), P = e.name === ke ? 1 : 3;
+    V.value = Ye;
+    const w = F(), q = G(), P = e.name === ke ? 1 : 3;
     f.value = { ...f.value, zIndex: P };
-    const Q = q > C ? C : q;
-    W(-Q), B.value = ve;
+    const Q = q > w ? w : q;
+    W(-Q), C.value = ve;
   }
   function ze() {
     re(), setTimeout(te, 500);
   }
-  function V(C = !0) {
+  function B(w = !0) {
     const q = e.name === ke ? 1 : 3;
-    f.value = { ...f.value, zIndex: q }, W(0, C), p.value = !1;
+    f.value = { ...f.value, zIndex: q }, W(0, w), p.value = !1;
   }
-  function b(C) {
-    C.stopPropagation();
+  function b(w) {
+    w.stopPropagation();
     const q = ne(), P = F(), Q = z(), ae = T(), oe = ye(
       q,
       Q,
       ae,
       P
-    ), de = B.value;
+    ), de = C.value;
     if (!ee.value)
       return oe === Ae ? fe() : te();
     if (oe === Ee)
@@ -1154,13 +1141,13 @@ function va(e, a) {
     if (oe === Ae)
       return de === ve ? fe() : re();
   }
-  function N({ height: C }) {
-    console.log("appResize height", C), C !== 0 && (f.value = { ...f.value, top: C + "px !important" });
+  function N({ height: w }) {
+    console.log("appResize height", w), w !== 0 && (f.value = { ...f.value, top: w + "px !important" });
   }
-  function H({ height: C }) {
-    n.currentModel.value !== e.name || C === 0 || we(() => te());
+  function H({ height: w }) {
+    n.currentModel.value !== e.name || w === 0 || we(() => te());
   }
-  function U({ height: C }) {
+  function U({ height: w }) {
     const q = ne(), P = F(), Q = z(), ae = T(), oe = ye(
       q,
       Q,
@@ -1169,16 +1156,16 @@ function va(e, a) {
     );
     n.currentModel.value !== e.name || oe !== ve || we(() => re());
   }
-  function j(C) {
-    C.stopPropagation(), n.updateModel({
+  function j(w) {
+    w.stopPropagation(), n.updateModel({
       name: ke,
       setCurrent: !0,
       skipEmit: !1
     }), p.value = !1;
   }
-  function W(C, q = !0) {
-    if (C === ne()) return;
-    const P = `translateY(${C}px)`;
+  function W(w, q = !0) {
+    if (w === ne()) return;
+    const P = `translateY(${w}px)`;
     f.value = { ...f.value, transform: P };
   }
   function ne() {
@@ -1195,9 +1182,9 @@ function va(e, a) {
     tabIndicatorRef: m
   };
   _n(() => {
-    V(!1);
+    B(!1);
   }), Me(() => {
-    t.$off("resize"), V(!1), n.unregisterDrawer(ue);
+    t.$off("resize"), B(!1), n.unregisterDrawer(ue);
   }), J(() => {
     t.$on("resize", N), n.registerDrawer(ue), we(() => {
       setTimeout(() => {
@@ -1206,8 +1193,8 @@ function va(e, a) {
     });
   }), ce(
     () => k.value,
-    (C, q) => {
-      console.log("watch currentModel", C, q), !(C === e.name && q === e.name) && (C === e.name && te(), q === e.name && V());
+    (w, q) => {
+      console.log("watch currentModel", w, q), !(w === e.name && q === e.name) && (w === e.name && te(), q === e.name && B());
     }
   );
   function tn() {
@@ -1220,7 +1207,7 @@ function va(e, a) {
   function nn() {
     if (e.name === ke || !e.label)
       return null;
-    const C = {
+    const w = {
       ref: i,
       class: "q-px-md q-pb-sm q-pt-none sectional section-detail",
       onClick: b
@@ -1237,7 +1224,7 @@ function va(e, a) {
       onClick: j,
       style: "margin-top: -5px"
     };
-    return r(Re, C, () => [
+    return r(Re, w, () => [
       r("div", q, [
         r("div", P, e.label),
         r("div", Q, [r(he, ae)])
@@ -1245,9 +1232,9 @@ function va(e, a) {
     ]);
   }
   function an() {
-    const C = {
+    const w = {
       class: "c-draggable-drawer__content",
-      ref: v,
+      ref: g,
       style: u(() => $.value),
       onClick: (P) => P.preventDefault(),
       onTouch: (P) => P.preventDefault(),
@@ -1278,11 +1265,11 @@ function va(e, a) {
         })
       );
     }
-    return r("div", C, q);
+    return r("div", w, q);
   }
   function on() {
-    const C = [];
-    C.push(tn()), C.push(nn()), C.push(an());
+    const w = [];
+    w.push(tn()), w.push(nn()), w.push(an());
     const P = {
       ref: s,
       class: "c-draggable-drawer column no-wrap ",
@@ -1291,7 +1278,7 @@ function va(e, a) {
       "data-cy": "c-draggable-drawer-" + e.name,
       role: "draggableDrawer"
     };
-    return r(gn, P, () => C);
+    return r(gn, P, () => w);
   }
   function ln() {
     return R(on(), [
@@ -1337,13 +1324,13 @@ const ga = M({
       const p = { maxWidth: l.value };
       return e.align === "center" && (p.left = "50%", p.transform = "translateX(-50%)"), e.align === "left" && (p.left = "10px"), e.align === "right" && (p.right = "10px"), p;
     }), m = u(() => {
-      const p = c.value, B = o.value;
+      const p = c.value, C = o.value;
       for (let $ = 0; $ < p; $++)
-        if (s[$].name.value === B)
+        if (s[$].name.value === C)
           return !0;
       return !1;
     });
-    function v(p) {
+    function g(p) {
       s.push(p), c.value++;
     }
     function h(p) {
@@ -1352,7 +1339,7 @@ const ga = M({
     const k = {
       currentModel: o,
       hasActiveTab: m.value,
-      registerDrawer: v,
+      registerDrawer: g,
       unregisterDrawer: h,
       updateModel: f
     };
@@ -1362,14 +1349,14 @@ const ga = M({
         f({ name: p, setCurrent: !0, skipEmit: !1 });
       }
     );
-    function f({ name: p, setCurrent: B = !0, skipEmit: $ = !0 }) {
-      o.value !== p && ($ !== !0 && e["onUpdate:modelValue"] !== void 0 && n("update:modelValue", p), (B === !0 || e["onUpdate:modelValue"] === void 0) && (o.value = p));
+    function f({ name: p, setCurrent: C = !0, skipEmit: $ = !0 }) {
+      o.value !== p && ($ !== !0 && e["onUpdate:modelValue"] !== void 0 && n("update:modelValue", p), (C === !0 || e["onUpdate:modelValue"] === void 0) && (o.value = p));
     }
     Me(() => {
     }), At(() => {
     }), J(() => {
     });
-    function w() {
+    function V() {
       return r(
         "div",
         {
@@ -1383,7 +1370,7 @@ const ga = M({
         }
       );
     }
-    return () => w();
+    return () => V();
   }
 }), jt = M({
   name: "CResponsiveLayout",
@@ -1627,24 +1614,24 @@ const ga = M({
   setup(e, { slots: a, emit: n }) {
     const t = Ve(), o = lt(), s = y(!1), c = u({
       get: () => e.modelValue,
-      set: (v) => n("update:modelValue", v)
+      set: (g) => n("update:modelValue", g)
     }), i = () => {
       s.value = !s.value;
-    }, l = y(80), d = (v) => {
-      l.value = v.height - e.topOffset;
+    }, l = y(80), d = (g) => {
+      l.value = g.height - e.topOffset;
     };
     J(() => {
       l.value = t.screen.height - e.topOffset, o.$on("resize", d);
     }), Me(() => o.$off("resize"));
     function m() {
-      const v = u(() => ({
+      const g = u(() => ({
         maxHeight: `${l.value}px`,
         maxWidth: `${e.width}px`
       })), h = {
         class: "c-floating-modal",
         modelValue: c.value,
-        "onUpdate:modelValue": (B) => c.value = B,
-        style: v.value
+        "onUpdate:modelValue": (C) => c.value = C,
+        style: g.value
       }, f = {
         class: "c-floating-modal-toggle",
         size: "sm",
@@ -1653,7 +1640,7 @@ const ga = M({
           () => s.value ? "f_chevron_down" : "f_chevron_up"
         ).value,
         onClick: i
-      }, w = {
+      }, V = {
         class: "c-floating-modal-default"
       }, p = { class: "c-floating-modal-expanded" };
       return r(
@@ -1663,7 +1650,7 @@ const ga = M({
           default: () => R(
             r("div", h, [
               ...a.expanded ? [r(he, f)] : [],
-              ...a.default ? [r("div", w, a.default())] : [],
+              ...a.default ? [r("div", V, a.default())] : [],
               ...a.expanded ? [
                 r(st, null, {
                   default: () => R(
@@ -1694,34 +1681,34 @@ const ga = M({
     }
   },
   setup(e) {
-    const { $on: a } = lt(), n = e, t = y(null), o = y(null), s = y(null), c = y(0), i = y(!1), l = y(null), d = y(null), m = y(void 0), v = y(0), h = y(0), k = y(void 0);
-    let f, w;
+    const { $on: a } = lt(), n = e, t = y(null), o = y(null), s = y(null), c = y(0), i = y(!1), l = y(null), d = y(null), m = y(void 0), g = y(0), h = y(0), k = y(void 0);
+    let f, V;
     const p = () => {
       if (!t.value || !o.value) return;
-      const V = Pe.newRectFromElement(t.value), b = Pe.newRectFromElement(o.value);
-      return !t.value || b.width >= V.width ? !1 : {
+      const B = Pe.newRectFromElement(t.value), b = Pe.newRectFromElement(o.value);
+      return !t.value || b.width >= B.width ? !1 : {
         valid: !0,
         inner: t.value,
-        left: V.left - b.left,
-        width: V.width - b.width
+        left: B.left - b.left,
+        width: B.width - b.width
       };
-    }, B = ({ inner: V, left: b, width: N }, H) => {
+    }, C = ({ inner: B, left: b, width: N }, H) => {
       if (b = b - H, b < -N) {
-        V.style.left = -N + "px";
+        B.style.left = -N + "px";
         return;
       }
       if (b >= 0) {
-        V.style.left = "0px";
+        B.style.left = "0px";
         return;
       }
-      V.style.left = b + "px";
+      B.style.left = b + "px";
     }, $ = () => {
-      !i.value || !t.value || !o.value || (g(), E());
+      !i.value || !t.value || !o.value || (v(), E());
     }, E = () => {
       if (!t.value || !o.value) return;
-      const V = Pe.newRectFromElement(t.value), b = Pe.newRectFromElement(o.value);
-      if (c.value = V.left - b.left, V.width === 0 || b.width < V.width) {
-        if (V.left === 0) return;
+      const B = Pe.newRectFromElement(t.value), b = Pe.newRectFromElement(o.value);
+      if (c.value = B.left - b.left, B.width === 0 || b.width < B.width) {
+        if (B.left === 0) return;
         T({
           left: 0,
           duration: 300
@@ -1729,19 +1716,19 @@ const ga = M({
         return;
       }
       F();
-      const N = (b.width - V.width) / 2;
+      const N = (b.width - B.width) / 2;
       T({
         left: N,
         duration: 300
       });
-    }, g = () => {
+    }, v = () => {
       n.fullHeight || !t.value || !s.value || s.value && t.value && t.value.children.length > 0 && (s.value.style.height = t.value.children[0].scrollHeight + "px");
-    }, z = (V) => {
-      t.value && (t.value.style.left = V + "px");
-    }, T = ({ left: V = 0, duration: b = 1e3 }) => {
+    }, z = (B) => {
+      t.value && (t.value.style.left = B + "px");
+    }, T = ({ left: B = 0, duration: b = 1e3 }) => {
       if (!t.value) return;
       F();
-      let N = { left: c.value }, H = { left: V };
+      let N = { left: c.value }, H = { left: B };
       l.value = new ge.Tween(N).to(H, b).delay(0).easing(ge.Easing.Quadratic.Out).onUpdate(function(U) {
         const j = parseInt(U.left);
         z(j);
@@ -1749,38 +1736,38 @@ const ga = M({
         const j = parseInt(U.left);
         window.cancelAnimationFrame(d.value), d.value = null, z(j);
       }).start(), G();
-    }, G = (V) => {
-      d.value = window.requestAnimationFrame(G), ge.update(V);
+    }, G = (B) => {
+      d.value = window.requestAnimationFrame(G), ge.update(B);
     }, F = () => {
       l.value && l.value.stop && (l.value.stop(), l.value = null);
-    }, ee = (V) => {
-      if (V = V.srcEvent || V, !(V && (V.wheelDelta || V.deltaX))) return;
-      const N = V.deltaX, H = V.deltaY, U = 2;
-      if ((H > U || H < -U) && N === 0 || V.ctrlKey)
+    }, ee = (B) => {
+      if (B = B.srcEvent || B, !(B && (B.wheelDelta || B.deltaX))) return;
+      const N = B.deltaX, H = B.deltaY, U = 2;
+      if ((H > U || H < -U) && N === 0 || B.ctrlKey)
         return;
-      V.preventDefault();
+      B.preventDefault();
       const j = p();
-      j && B(j, N);
-    }, K = (V) => {
+      j && C(j, N);
+    }, K = (B) => {
       const b = p();
-      b && B(b, V);
+      b && C(b, B);
     }, ye = () => {
-      m.value = void 0, k.value = void 0, v.value = 0, h.value = 0;
-    }, De = (V) => {
-      const b = V.center.x - m.value.x;
-      b !== 0 && (m.value = V.center, K(-b));
-    }, fe = (V) => {
-      m.value = V.center;
-    }, te = (V) => {
-      const b = Math.abs(V.velocityX);
+      m.value = void 0, k.value = void 0, g.value = 0, h.value = 0;
+    }, De = (B) => {
+      const b = B.center.x - m.value.x;
+      b !== 0 && (m.value = B.center, K(-b));
+    }, fe = (B) => {
+      m.value = B.center;
+    }, te = (B) => {
+      const b = Math.abs(B.velocityX);
       if (b <= 0.02) return;
-      const N = V.distance, H = V.direction === 2 ? -1 : 1, U = p(), j = U.left;
+      const N = B.distance, H = B.direction === 2 ? -1 : 1, U = p(), j = U.left;
       c.value = j;
       const W = -U.width, ne = 0;
       let ue = j + H * N * b;
-      j === W && V.direction === 2 || j === ne && V.direction === 4 || (ue = ue < W ? W : ue, ue = ue > 0 ? 0 : ue, T({ left: ue }));
-    }, re = (V) => F();
-    ce(() => t.value, (V) => g());
+      j === W && B.direction === 2 || j === ne && B.direction === 4 || (ue = ue < W ? W : ue, ue = ue > 0 ? 0 : ue, T({ left: ue }));
+    }, re = (B) => F();
+    ce(() => t.value, (B) => v());
     const ze = () => {
       f || (f = new Mt(s.value, {
         recognizers: [
@@ -1788,7 +1775,7 @@ const ga = M({
           [Hammer.Pan, { pointers: 0 }],
           [Hammer.Swipe, { direction: Hammer.DIRECTION_HORIZONTAL }]
         ]
-      }), w = f.manager, f.on({
+      }), V = f.manager, f.on({
         swipe: te,
         // swipeleft: onSwipe,
         // swiperight: onSwipe,
@@ -1799,21 +1786,21 @@ const ga = M({
         tap: re,
         pointerdown: re
       }), E(), we(() => {
-        const V = { passive: !0 };
-        s.value && (s.value.addEventListener("touchstart", F, V), s.value.addEventListener("mousedown", F, V));
+        const B = { passive: !0 };
+        s.value && (s.value.addEventListener("touchstart", F, B), s.value.addEventListener("mousedown", F, B));
         try {
-          const b = w.get("tap");
+          const b = V.get("tap");
           b && b.set({
             enable: !0
           });
         } catch {
         }
         try {
-          const b = w.get("swipe");
+          const b = V.get("swipe");
           b && b.recognizeWith("pan");
         } catch {
         }
-        g(), E();
+        v(), E();
       }), a("resize", $));
     };
     return J(() => {
@@ -1824,7 +1811,7 @@ const ga = M({
         });
       } catch {
       }
-    }), Me(() => i.value = !1), (V, b) => {
+    }), Me(() => i.value = !1), (B, b) => {
       const N = A("q-resize-observer");
       return _(), se("div", {
         class: Y(["c-horizontal-scroller", { "full-height": e.fullHeight }]),
@@ -1847,7 +1834,7 @@ const ga = M({
             ref: t
           }, [
             D(N, { onResize: $ }),
-            I(V.$slots, "default")
+            I(B.$slots, "default")
           ], 2)
         ], 512)
       ], 2);
@@ -1993,7 +1980,7 @@ const ga = M({
   emits: ["input"],
   setup(e, { slots: a, emit: n }) {
     let t;
-    const o = y(null), s = y(null), c = y(null), i = y(null), l = y(!1), d = y(0), m = y(0), v = y(null), h = y(null), k = y(0), f = y(0), w = u(() => e.knobSize * 0.8 + "px"), p = u(() => {
+    const o = y(null), s = y(null), c = y(null), i = y(null), l = y(!1), d = y(0), m = y(0), g = y(null), h = y(null), k = y(0), f = y(0), V = u(() => e.knobSize * 0.8 + "px"), p = u(() => {
       const b = e.knobSize + "px", N = -e.knobSize / 2 + "px";
       return {
         width: b,
@@ -2001,7 +1988,7 @@ const ga = M({
         lineHeight: "62px",
         transform: "translateY(" + N + ") translateX(" + N + ")"
       };
-    }), B = u(() => e.height === 0 || e.width === 0 ? {
+    }), C = u(() => e.height === 0 || e.width === 0 ? {
       bottom: 0,
       right: 0,
       zIndex: 1e8
@@ -2022,7 +2009,7 @@ const ga = M({
     function E() {
       n("input", { x: k.value, y: f.value });
     }
-    const g = (b, N) => (b < N ? -1 : 1) * Math.ceil(1), z = (b) => {
+    const v = (b, N) => (b < N ? -1 : 1) * Math.ceil(1), z = (b) => {
       const N = o.value.getBoundingClientRect();
       let H = b.x - N.left;
       const U = e.knobSize / 2 + 1, j = N.width - U + 2;
@@ -2075,20 +2062,20 @@ const ga = M({
         y: d.value / 2
       }, H = b.center, U = o.value.getBoundingClientRect(), j = { top: H.y - U.top, left: H.x - U.left }, W = 15;
       if (j.top < W || j.top > U.height - W || j.left < W || j.left > U.width - W) {
-        F(), clearInterval(v.value), v.value = null;
+        F(), clearInterval(g.value), g.value = null;
         return;
       }
       const ne = z(H);
-      s.value.style.left = ne.x - 1 + "px", s.value.style.top = ne.y - 1 + "px", k.value = g(ne.x, N.x), f.value = g(ne.y, N.y);
+      s.value.style.left = ne.x - 1 + "px", s.value.style.top = ne.y - 1 + "px", k.value = v(ne.x, N.x), f.value = v(ne.y, N.y);
     };
     function De(b) {
-      b.srcEvent.stopPropagation(), b.srcEvent.stopImmediatePropagation(), F(), clearInterval(v.value), v.value = null;
+      b.srcEvent.stopPropagation(), b.srcEvent.stopImmediatePropagation(), F(), clearInterval(g.value), g.value = null;
     }
     function fe(b) {
-      b.srcEvent.stopPropagation(), b.srcEvent.stopImmediatePropagation(), F(), clearInterval(v.value), v.value = null;
+      b.srcEvent.stopPropagation(), b.srcEvent.stopImmediatePropagation(), F(), clearInterval(g.value), g.value = null;
     }
     function te(b) {
-      b.srcEvent.stopPropagation(), b.srcEvent.stopImmediatePropagation(), k.value = 0, f.value = 0, v.value && clearInterval(v.value), v.value = setInterval(E, 20);
+      b.srcEvent.stopPropagation(), b.srcEvent.stopImmediatePropagation(), k.value = 0, f.value = 0, g.value && clearInterval(g.value), g.value = setInterval(E, 20);
     }
     function re() {
       t || (t = new Mt(o.value, {
@@ -2122,7 +2109,7 @@ const ga = M({
           {
             class: "c-navigator",
             ref: c,
-            style: B.value
+            style: C.value
           },
           r(
             "div",
@@ -2131,16 +2118,16 @@ const ga = M({
               ref: s,
               style: p.value
             },
-            r(qe, { name: Dn, size: w.value })
+            r(qe, { name: Dn, size: V.value })
           )
         )
       ), b;
     }
-    function V() {
+    function B() {
       const N = {
         class: ["c-navigator-hitarea", e.dark && "dark"],
         ref: o,
-        style: B.value
+        style: C.value
       };
       return r(
         ie,
@@ -2148,7 +2135,7 @@ const ga = M({
         () => R(r("div", N, ze()), [[O, e.show]])
       );
     }
-    return () => V();
+    return () => B();
   }
 }), Sa = M({
   name: "COverlayLoader",
@@ -2161,31 +2148,31 @@ const ga = M({
   },
   setup(e, { slots: a, emit: n }) {
     const { progress: t } = un(e), o = u(() => {
-      let w = 1;
-      return e.fade && (t.value <= 10 ? w = t.value / 5 : t.value >= 90 ? w = (100 - t.value) / 10 : w = 1), {
-        opacity: w,
+      let V = 1;
+      return e.fade && (t.value <= 10 ? V = t.value / 5 : t.value >= 90 ? V = (100 - t.value) / 10 : V = 1), {
+        opacity: V,
         transition: "opacity 0.4s ease"
       };
     }), s = u(() => {
       const p = Math.min(100, Math.max(0, t.value)) / 100 * 360;
       if (p === 0) return "";
-      const B = 50, $ = -90, E = $ + p, g = c(B, B, B, E), z = c(B, B, B, $), T = p > 180 ? 1 : 0;
+      const C = 50, $ = -90, E = $ + p, v = c(C, C, C, E), z = c(C, C, C, $), T = p > 180 ? 1 : 0;
       return [
-        `M ${B} ${B}`,
+        `M ${C} ${C}`,
         // Move to center
         `L ${z.x} ${z.y}`,
         // Line to start
-        `A ${B} ${B} 0 ${T} 1 ${g.x} ${g.y}`,
+        `A ${C} ${C} 0 ${T} 1 ${v.x} ${v.y}`,
         // Arc to end
         "Z"
         // Close path
       ].join(" ");
     });
-    function c(w, p, B, $) {
+    function c(V, p, C, $) {
       const E = $ * Math.PI / 180;
       return {
-        x: w + B * Math.cos(E),
-        y: p + B * Math.sin(E)
+        x: V + C * Math.cos(E),
+        y: p + C * Math.sin(E)
       };
     }
     const i = u(() => ({ width: e.size, height: e.size })), l = u(() => ({
@@ -2196,14 +2183,14 @@ const ga = M({
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid meet",
       style: o.value
-    })), m = { cx: 50, cy: 50, r: 50, fill: "white" }, v = {
+    })), m = { cx: 50, cy: 50, r: 50, fill: "white" }, g = {
       x: 0,
       y: 0,
       width: 100,
       height: 100,
       fill: "white"
     }, h = u(() => ({
-      ...v,
+      ...g,
       fill: e.overlayColor,
       mask: "url(#pie-mask)"
     })), k = u(() => ({
@@ -2211,12 +2198,12 @@ const ga = M({
       fill: "black"
     }));
     function f() {
-      var w;
+      var V;
       return r("div", l.value, [
         r(
           "div",
           { class: "c-overlay-loader-content" },
-          ((w = a.default) == null ? void 0 : w.call(a)) || []
+          ((V = a.default) == null ? void 0 : V.call(a)) || []
         ),
         r("svg", d.value, [
           r("defs", {}, [
@@ -2473,30 +2460,30 @@ function Dt(e) {
 }
 var oo = "Expected a function", lo = Math.max, so = Math.min;
 function Qe(e, a, n) {
-  var t, o, s, c, i, l, d = 0, m = !1, v = !1, h = !0;
+  var t, o, s, c, i, l, d = 0, m = !1, g = !1, h = !0;
   if (typeof e != "function")
     throw new TypeError(oo);
-  a = Dt(a) || 0, tt(n) && (m = !!n.leading, v = "maxWait" in n, s = v ? lo(Dt(n.maxWait) || 0, a) : s, h = "trailing" in n ? !!n.trailing : h);
+  a = Dt(a) || 0, tt(n) && (m = !!n.leading, g = "maxWait" in n, s = g ? lo(Dt(n.maxWait) || 0, a) : s, h = "trailing" in n ? !!n.trailing : h);
   function k(T) {
     var G = t, F = o;
     return t = o = void 0, d = T, c = e.apply(F, G), c;
   }
   function f(T) {
-    return d = T, i = setTimeout(B, a), m ? k(T) : c;
+    return d = T, i = setTimeout(C, a), m ? k(T) : c;
   }
-  function w(T) {
+  function V(T) {
     var G = T - l, F = T - d, ee = a - G;
-    return v ? so(ee, s - F) : ee;
+    return g ? so(ee, s - F) : ee;
   }
   function p(T) {
     var G = T - l, F = T - d;
-    return l === void 0 || G >= a || G < 0 || v && F >= s;
+    return l === void 0 || G >= a || G < 0 || g && F >= s;
   }
-  function B() {
+  function C() {
     var T = Ze();
     if (p(T))
       return $(T);
-    i = setTimeout(B, w(T));
+    i = setTimeout(C, V(T));
   }
   function $(T) {
     return i = void 0, h && t ? k(T) : (t = o = void 0, c);
@@ -2504,7 +2491,7 @@ function Qe(e, a, n) {
   function E() {
     i !== void 0 && clearTimeout(i), d = 0, t = l = o = i = void 0;
   }
-  function g() {
+  function v() {
     return i === void 0 ? c : $(Ze());
   }
   function z() {
@@ -2512,12 +2499,12 @@ function Qe(e, a, n) {
     if (t = arguments, o = this, l = T, G) {
       if (i === void 0)
         return f(l);
-      if (v)
-        return clearTimeout(i), i = setTimeout(B, a), k(l);
+      if (g)
+        return clearTimeout(i), i = setTimeout(C, a), k(l);
     }
-    return i === void 0 && (i = setTimeout(B, a)), c;
+    return i === void 0 && (i = setTimeout(C, a)), c;
   }
-  return z.cancel = E, z.flush = g, z;
+  return z.cancel = E, z.flush = v, z;
 }
 const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative" } }, ro = {
   key: 0,
@@ -2544,6 +2531,10 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       type: Number,
       default: 0
     },
+    step: {
+      type: Number,
+      default: 1
+    },
     modelValue: {
       type: Number,
       required: !0
@@ -2564,7 +2555,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       color: "rgba(255, 255, 255, 0.6)"
     } : {
       color: "#333333"
-    }), v = Qe(
+    }), g = Qe(
       () => {
         t("blockAccess", n.access);
       },
@@ -2575,7 +2566,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       () => n.modelValue,
       (h) => {
         !n.hasAccess && h !== o.value && (setTimeout(() => {
-          v();
+          g();
         }, 400), setTimeout(() => {
           t("update:modelValue", o.value);
         }, 1e3));
@@ -2583,12 +2574,12 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
     ), J(() => {
       o.value = n.initial ? n.initial : n.modelValue;
     }), (h, k) => {
-      const f = A("q-icon"), w = A("q-item-section"), p = A("q-slider"), B = A("q-avatar"), $ = A("q-btn"), E = A("q-item");
+      const f = A("q-icon"), V = A("q-item-section"), p = A("q-slider"), C = A("q-avatar"), $ = A("q-btn"), E = A("q-item");
       return _(), L(E, {
         class: Y(["c-slider", { "no-icons": e.noIcons, dark: e.dark }])
       }, {
         default: S(() => [
-          !e.noIcons && e.icon ? (_(), L(w, {
+          !e.noIcons && e.icon ? (_(), L(V, {
             key: 0,
             side: "",
             class: "c-slider-left-icon"
@@ -2602,7 +2593,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
             ]),
             _: 1
           })) : le("", !0),
-          D(w, { style: { position: "relative" } }, {
+          D(V, { style: { position: "relative" } }, {
             default: S(() => [
               e.title ? (_(), se("div", {
                 key: 0,
@@ -2617,10 +2608,11 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
                   color: "primary",
                   max: e.max,
                   min: e.min,
+                  step: e.step,
                   modelValue: i.value,
-                  "onUpdate:modelValue": k[0] || (k[0] = (g) => i.value = g),
+                  "onUpdate:modelValue": k[0] || (k[0] = (v) => i.value = v),
                   disable: e.disable
-                }, null, 8, ["max", "min", "modelValue", "disable"]),
+                }, null, 8, ["max", "min", "step", "modelValue", "disable"]),
                 d.value ? (_(), se("div", ro, [
                   x("div", {
                     class: "c-slider-indicator-tick",
@@ -2631,7 +2623,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
             ]),
             _: 1
           }),
-          d.value && !e.noIcons ? (_(), L(w, {
+          d.value && !e.noIcons ? (_(), L(V, {
             key: 1,
             side: "",
             class: "c-slider-right-icon"
@@ -2640,14 +2632,14 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
               D($, {
                 round: "",
                 size: "xs",
-                onClick: k[1] || (k[1] = (g) => i.value = e.initial),
+                onClick: k[1] || (k[1] = (v) => i.value = e.initial),
                 style: pe(m.value),
                 disabled: e.initial === i.value,
                 flat: "",
                 "data-cy": `c-slider-reset-${Z(Ce)(e.title)}`
               }, {
                 default: S(() => [
-                  D(B, { size: "18px" }, {
+                  D(C, { size: "18px" }, {
                     default: S(() => [
                       D(f, {
                         name: s.value,
@@ -2714,7 +2706,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
     ), J(() => {
       o.value = n.modelValue;
     }), (l, d) => {
-      const m = A("q-item-label"), v = A("q-item-section"), h = A("q-toggle"), k = A("q-item");
+      const m = A("q-item-label"), g = A("q-item-section"), h = A("q-toggle"), k = A("q-item");
       return _(), L(k, {
         class: Y(["c-toggle", { full: !e.drawer, dark: e.dark }]),
         tag: "label",
@@ -2722,7 +2714,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
         "data-cy": `c-toggle-${Z(Ce)(e.label)}`
       }, {
         default: S(() => [
-          D(v, null, {
+          D(g, null, {
             default: S(() => [
               D(m, { class: "c-toggle-title unselectable" }, {
                 default: S(() => [
@@ -2733,7 +2725,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
             ]),
             _: 1
           }),
-          D(v, { side: "" }, {
+          D(g, { side: "" }, {
             default: S(() => [
               D(h, {
                 color: "primary",
@@ -2825,7 +2817,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       set: (k) => n("update:modelValue", k)
     }), c = u(() => _e[e.type].access), i = u(() => _e[e.type].icon), l = u(() => _e[e.type].max), d = u(() => _e[e.type].min), m = u(
       () => _e[e.type].initial || e.initial
-    ), v = u(
+    ), g = u(
       () => {
         var k;
         return e.noIcons ? null : (k = t.value.controls) == null ? void 0 : k[e.type].title;
@@ -2850,7 +2842,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
         initial: m.value,
         max: l.value,
         min: d.value,
-        title: v.value,
+        title: g.value,
         dark: e.dark,
         disable: e.disable,
         hasAccess: e.hasAccess,
@@ -3184,6 +3176,7 @@ const ko = M({
     title: String,
     max: { type: Number, default: 100 },
     min: { type: Number, default: 0 },
+    step: { type: Number, default: 1 },
     modelValue: { type: Number, required: !0 }
   },
   emits: ["update:modelValue", "blockAccess"],
@@ -3242,6 +3235,7 @@ const ko = M({
         color: "primary",
         max: e.max,
         min: e.min,
+        step: e.step,
         modelValue: o.value,
         "onUpdate:modelValue": (p) => o.value = p,
         disable: e.disable,
@@ -3250,7 +3244,7 @@ const ko = M({
       }, f = {
         class: "c-slider-indicator-tick",
         style: s.value
-      }, w = r(
+      }, V = r(
         kn,
         k,
         () => e.resetable ? r(
@@ -3260,7 +3254,7 @@ const ko = M({
         ) : []
       );
       return h.push(
-        r("div", { style: "margin: 0 10px; position: relative" }, w)
+        r("div", { style: "margin: 0 10px; position: relative" }, V)
       ), r(Le, { style: "position: relative" }, () => h);
     }
     function m() {
@@ -3285,7 +3279,7 @@ const ko = M({
         )
       ), r(Le, { style: "position: relative" }, () => h);
     }
-    function v() {
+    function g() {
       const h = {
         class: [
           "c-slider",
@@ -3299,7 +3293,7 @@ const ko = M({
       }, k = [l(), d(), m()];
       return r(qt, h, () => k);
     }
-    return () => v();
+    return () => g();
   }
 }), Jt = M({
   name: "CToggle",
@@ -3356,7 +3350,7 @@ const ko = M({
       }, d = {
         color: "primary",
         modelValue: s.value,
-        "onUpdate:modelValue": (v) => s.value = v,
+        "onUpdate:modelValue": (g) => s.value = g,
         size: "xs",
         disable: e.disable
       }, m = { class: "c-toggle-title unselectable" };
@@ -3396,33 +3390,33 @@ const ko = M({
     "blockAccess"
   ],
   setup(e, { slots: a, emit: n }) {
-    const t = Ve(), { lang: o } = X(), s = y(t.platform.is.desktop), c = "M50.7574 28L34.1404 11.383C33.5546 10.7972 33.5546 9.84745 34.1404 9.26167C34.7261 8.67588 35.6759 8.67588 36.2617 9.26167L55 28L36.2617 46.7383C35.6759 47.3241 34.7261 47.3241 34.1403 46.7383C33.5546 46.1525 33.5546 45.2028 34.1403 44.617L50.7574 28zM5.24264 28L21.8596 44.617C22.4454 45.2028 22.4454 46.1525 21.8596 46.7383C21.2739 47.3241 20.3241 47.3241 19.7383 46.7383L0.999999 28L19.7383 9.26167C20.3241 8.67588 21.2739 8.67588 21.8596 9.26167C22.4454 9.84745 22.4454 10.7972 21.8596 11.383L5.24264 28Z|0 0 56 56", i = "M28 5.24264L11.383 21.8596C10.7972 22.4454 9.84746 22.4454 9.26167 21.8596C8.67588 21.2739 8.67588 20.3241 9.26167 19.7383L28 1L46.7383 19.7383C47.3241 20.3241 47.3241 21.2739 46.7383 21.8597C46.1525 22.4454 45.2028 22.4454 44.617 21.8597L28 5.24264zM28 50.7574L44.617 34.1404C45.2028 33.5546 46.1525 33.5546 46.7383 34.1404C47.3241 34.7261 47.3241 35.6759 46.7383 36.2617L28 55L9.26167 36.2617C8.67588 35.6759 8.67588 34.7261 9.26167 34.1404C9.84745 33.5546 10.7972 33.5546 11.383 34.1404L28 50.7574Z|0 0 56 56", l = (g) => n("blockAccess", g), d = u({
+    const t = Ve(), { lang: o } = X(), s = y(t.platform.is.desktop), c = "M50.7574 28L34.1404 11.383C33.5546 10.7972 33.5546 9.84745 34.1404 9.26167C34.7261 8.67588 35.6759 8.67588 36.2617 9.26167L55 28L36.2617 46.7383C35.6759 47.3241 34.7261 47.3241 34.1403 46.7383C33.5546 46.1525 33.5546 45.2028 34.1403 44.617L50.7574 28zM5.24264 28L21.8596 44.617C22.4454 45.2028 22.4454 46.1525 21.8596 46.7383C21.2739 47.3241 20.3241 47.3241 19.7383 46.7383L0.999999 28L19.7383 9.26167C20.3241 8.67588 21.2739 8.67588 21.8596 9.26167C22.4454 9.84745 22.4454 10.7972 21.8596 11.383L5.24264 28Z|0 0 56 56", i = "M28 5.24264L11.383 21.8596C10.7972 22.4454 9.84746 22.4454 9.26167 21.8596C8.67588 21.2739 8.67588 20.3241 9.26167 19.7383L28 1L46.7383 19.7383C47.3241 20.3241 47.3241 21.2739 46.7383 21.8597C46.1525 22.4454 45.2028 22.4454 44.617 21.8597L28 5.24264zM28 50.7574L44.617 34.1404C45.2028 33.5546 46.1525 33.5546 46.7383 34.1404C47.3241 34.7261 47.3241 35.6759 46.7383 36.2617L28 55L9.26167 36.2617C8.67588 35.6759 8.67588 34.7261 9.26167 34.1404C9.84745 33.5546 10.7972 33.5546 11.383 34.1404L28 50.7574Z|0 0 56 56", l = (v) => n("blockAccess", v), d = u({
       get: () => e.show,
-      set: (g) => n("update:show", g)
+      set: (v) => n("update:show", v)
     }), m = u({
       get: () => e.horizontal,
-      set: (g) => n("update:horizontal", g)
-    }), v = u({
+      set: (v) => n("update:horizontal", v)
+    }), g = u({
       get: () => e.modelValue,
-      set: (g) => n("update:modelValue", g)
+      set: (v) => n("update:modelValue", v)
     }), h = u({
       get: () => e.vertical,
-      set: (g) => n("update:vertical", g)
+      set: (v) => n("update:vertical", v)
     }), k = u(() => {
-      var g;
-      return (g = o.value.controls) == null ? void 0 : g.grid.horizontal;
+      var v;
+      return (v = o.value.controls) == null ? void 0 : v.grid.horizontal;
     }), f = u(() => {
-      var g, z;
-      return o.value.controls ? d.value ? (g = o.value.controls) == null ? void 0 : g.grid.off : (z = o.value.controls) == null ? void 0 : z.grid.on : "";
-    }), w = u(() => {
-      var g;
-      return (g = o.value.controls) == null ? void 0 : g.grid.spacing;
+      var v, z;
+      return o.value.controls ? d.value ? (v = o.value.controls) == null ? void 0 : v.grid.off : (z = o.value.controls) == null ? void 0 : z.grid.on : "";
+    }), V = u(() => {
+      var v;
+      return (v = o.value.controls) == null ? void 0 : v.grid.spacing;
     }), p = u(() => {
-      var g;
-      return (g = o.value.controls) == null ? void 0 : g.grid.vertical;
+      var v;
+      return (v = o.value.controls) == null ? void 0 : v.grid.vertical;
     });
-    function B() {
-      const g = {
+    function C() {
+      const v = {
         access: "grd",
         drawer: !e.noIcons,
         modelValue: d.value,
@@ -3433,10 +3427,10 @@ const ko = M({
         hasAccess: e.hasAccess,
         onBlockAccess: l
       };
-      return r(Jt, g);
+      return r(Jt, v);
     }
     function $() {
-      const g = [], z = {
+      const v = [], z = {
         color: "primary",
         noIcons: e.noIcons,
         dark: e.dark,
@@ -3451,11 +3445,11 @@ const ko = M({
         initial: 100,
         max: 150,
         min: 50,
-        title: w.value,
-        modelValue: v.value,
-        "onUpdate:modelValue": (K) => v.value = K
+        title: V.value,
+        modelValue: g.value,
+        "onUpdate:modelValue": (K) => g.value = K
       };
-      g.push(r($e, G));
+      v.push(r($e, G));
       const F = {
         ...z,
         ...T,
@@ -3464,7 +3458,7 @@ const ko = M({
         modelValue: m.value,
         "onUpdate:modelValue": (K) => m.value = K
       };
-      g.push(r($e, F));
+      v.push(r($e, F));
       const ee = {
         ...z,
         ...T,
@@ -3473,16 +3467,16 @@ const ko = M({
         modelValue: h.value,
         "onUpdate:modelValue": (K) => h.value = K
       };
-      return g.push(r($e, ee)), s.value ? r(
+      return v.push(r($e, ee)), s.value ? r(
         st,
         {},
-        () => R(r("div", {}, g), [[O, e.show]])
-      ) : R(r("div", {}, g), [[O, e.show]]);
+        () => R(r("div", {}, v), [[O, e.show]])
+      ) : R(r("div", {}, v), [[O, e.show]]);
     }
     function E() {
       return r("div", {
         class: "c-grid-tool"
-      }, [B(), $()]);
+      }, [C(), $()]);
     }
     return () => E();
   }
@@ -3592,33 +3586,33 @@ const ko = M({
     "blockAccess"
   ],
   setup(e, { slots: a, emit: n }) {
-    const t = Ve(), { lang: o } = X(), s = y(t.platform.is.desktop), c = "M50.7574 28L34.1404 11.383C33.5546 10.7972 33.5546 9.84745 34.1404 9.26167C34.7261 8.67588 35.6759 8.67588 36.2617 9.26167L55 28L36.2617 46.7383C35.6759 47.3241 34.7261 47.3241 34.1403 46.7383C33.5546 46.1525 33.5546 45.2028 34.1403 44.617L50.7574 28zM5.24264 28L21.8596 44.617C22.4454 45.2028 22.4454 46.1525 21.8596 46.7383C21.2739 47.3241 20.3241 47.3241 19.7383 46.7383L0.999999 28L19.7383 9.26167C20.3241 8.67588 21.2739 8.67588 21.8596 9.26167C22.4454 9.84745 22.4454 10.7972 21.8596 11.383L5.24264 28Z|0 0 56 56", i = "M28 5.24264L11.383 21.8596C10.7972 22.4454 9.84746 22.4454 9.26167 21.8596C8.67588 21.2739 8.67588 20.3241 9.26167 19.7383L28 1L46.7383 19.7383C47.3241 20.3241 47.3241 21.2739 46.7383 21.8597C46.1525 22.4454 45.2028 22.4454 44.617 21.8597L28 5.24264zM28 50.7574L44.617 34.1404C45.2028 33.5546 46.1525 33.5546 46.7383 34.1404C47.3241 34.7261 47.3241 35.6759 46.7383 36.2617L28 55L9.26167 36.2617C8.67588 35.6759 8.67588 34.7261 9.26167 34.1404C9.84745 33.5546 10.7972 33.5546 11.383 34.1404L28 50.7574Z|0 0 56 56", l = (g) => n("blockAccess", g), d = u({
+    const t = Ve(), { lang: o } = X(), s = y(t.platform.is.desktop), c = "M50.7574 28L34.1404 11.383C33.5546 10.7972 33.5546 9.84745 34.1404 9.26167C34.7261 8.67588 35.6759 8.67588 36.2617 9.26167L55 28L36.2617 46.7383C35.6759 47.3241 34.7261 47.3241 34.1403 46.7383C33.5546 46.1525 33.5546 45.2028 34.1403 44.617L50.7574 28zM5.24264 28L21.8596 44.617C22.4454 45.2028 22.4454 46.1525 21.8596 46.7383C21.2739 47.3241 20.3241 47.3241 19.7383 46.7383L0.999999 28L19.7383 9.26167C20.3241 8.67588 21.2739 8.67588 21.8596 9.26167C22.4454 9.84745 22.4454 10.7972 21.8596 11.383L5.24264 28Z|0 0 56 56", i = "M28 5.24264L11.383 21.8596C10.7972 22.4454 9.84746 22.4454 9.26167 21.8596C8.67588 21.2739 8.67588 20.3241 9.26167 19.7383L28 1L46.7383 19.7383C47.3241 20.3241 47.3241 21.2739 46.7383 21.8597C46.1525 22.4454 45.2028 22.4454 44.617 21.8597L28 5.24264zM28 50.7574L44.617 34.1404C45.2028 33.5546 46.1525 33.5546 46.7383 34.1404C47.3241 34.7261 47.3241 35.6759 46.7383 36.2617L28 55L9.26167 36.2617C8.67588 35.6759 8.67588 34.7261 9.26167 34.1404C9.84745 33.5546 10.7972 33.5546 11.383 34.1404L28 50.7574Z|0 0 56 56", l = (v) => n("blockAccess", v), d = u({
       get: () => e.visible,
-      set: (g) => n("update:visible", g)
+      set: (v) => n("update:visible", v)
     }), m = u({
       get: () => e.horizontal,
-      set: (g) => n("update:horizontal", g)
-    }), v = u({
+      set: (v) => n("update:horizontal", v)
+    }), g = u({
       get: () => e.lines,
-      set: (g) => n("update:lines", g)
+      set: (v) => n("update:lines", v)
     }), h = u({
       get: () => e.vertical,
-      set: (g) => n("update:vertical", g)
+      set: (v) => n("update:vertical", v)
     }), k = u(() => {
-      var g;
-      return (g = o.value.controls) == null ? void 0 : g.grid.horizontal;
+      var v;
+      return (v = o.value.controls) == null ? void 0 : v.grid.horizontal;
     }), f = u(() => {
-      var g, z;
-      return o.value.controls ? d.value ? (g = o.value.controls) == null ? void 0 : g.grid.off : (z = o.value.controls) == null ? void 0 : z.grid.on : "";
-    }), w = u(() => {
-      var g;
-      return (g = o.value.controls) == null ? void 0 : g.grid.spacing;
+      var v, z;
+      return o.value.controls ? d.value ? (v = o.value.controls) == null ? void 0 : v.grid.off : (z = o.value.controls) == null ? void 0 : z.grid.on : "";
+    }), V = u(() => {
+      var v;
+      return (v = o.value.controls) == null ? void 0 : v.grid.spacing;
     }), p = u(() => {
-      var g;
-      return (g = o.value.controls) == null ? void 0 : g.grid.vertical;
+      var v;
+      return (v = o.value.controls) == null ? void 0 : v.grid.vertical;
     });
-    function B() {
-      const g = {
+    function C() {
+      const v = {
         access: "grd",
         drawer: !e.noIcons,
         modelValue: d.value,
@@ -3629,10 +3623,10 @@ const ko = M({
         hasAccess: e.hasAccess,
         onBlockAccess: l
       };
-      return r(Jt, g);
+      return r(Jt, v);
     }
     function $() {
-      const g = [], z = {
+      const v = [], z = {
         color: "primary",
         noIcons: e.noIcons,
         dark: e.dark,
@@ -3647,11 +3641,11 @@ const ko = M({
         initial: 20,
         max: 50,
         min: 1,
-        title: w.value,
-        modelValue: v.value,
-        "onUpdate:modelValue": (K) => v.value = K
+        title: V.value,
+        modelValue: g.value,
+        "onUpdate:modelValue": (K) => g.value = K
       };
-      g.push(r($e, G));
+      v.push(r($e, G));
       const F = {
         ...z,
         ...T,
@@ -3660,7 +3654,7 @@ const ko = M({
         modelValue: m.value,
         "onUpdate:modelValue": (K) => m.value = K
       };
-      g.push(r($e, F));
+      v.push(r($e, F));
       const ee = {
         ...z,
         ...T,
@@ -3669,16 +3663,16 @@ const ko = M({
         modelValue: h.value,
         "onUpdate:modelValue": (K) => h.value = K
       };
-      return g.push(r($e, ee)), s.value ? r(
+      return v.push(r($e, ee)), s.value ? r(
         st,
         {},
-        () => R(r("div", {}, g), [[O, e.visible]])
-      ) : R(r("div", {}, g), [[O, e.visible]]);
+        () => R(r("div", {}, v), [[O, e.visible]])
+      ) : R(r("div", {}, v), [[O, e.visible]]);
     }
     function E() {
       return r("div", {
         class: "c-grid-tool"
-      }, [B(), $()]);
+      }, [C(), $()]);
     }
     return () => E();
   }
@@ -4133,7 +4127,7 @@ const ko = M({
         return;
       }
       s.value = !1;
-    }, m = u(() => !(o && o.bottom)), v = u(() => m.value ? !1 : !s.value && n.active !== me), h = u(() => k.value ? !1 : m.value ? n.active !== me : s.value && n.active !== me), k = u({
+    }, m = u(() => !(o && o.bottom)), g = u(() => m.value ? !1 : !s.value && n.active !== me), h = u(() => k.value ? !1 : m.value ? n.active !== me : s.value && n.active !== me), k = u({
       get() {
         return n.leftDrawer;
       },
@@ -4146,8 +4140,8 @@ const ko = M({
       (f) => {
         t("update:active", me), t("update:leftDrawer", f);
       }
-    ), (f, w) => {
-      const p = A("q-resize-observer"), B = A("q-page-container"), $ = A("q-icon"), E = A("q-layout");
+    ), (f, V) => {
+      const p = A("q-resize-observer"), C = A("q-page-container"), $ = A("q-icon"), E = A("q-layout");
       return _(), L(E, {
         class: "c-interactive-layout",
         view: "lhr lpr lfr"
@@ -4160,7 +4154,7 @@ const ko = M({
             default: S(() => [
               R(x("div", {
                 class: "c-interactive-layout-overlay",
-                onClick: w[0] || (w[0] = (g) => k.value = !1)
+                onClick: V[0] || (V[0] = (v) => k.value = !1)
               }, [
                 I(f.$slots, "toolRestricted"),
                 I(f.$slots, "restricted"),
@@ -4185,7 +4179,7 @@ const ko = M({
               behavior: "mobile",
               class: "c-layout-left-drawer",
               modelValue: k.value,
-              "onUpdate:modelValue": w[1] || (w[1] = (g) => k.value = g),
+              "onUpdate:modelValue": V[1] || (V[1] = (v) => k.value = v),
               dark: ""
             }, {
               default: S(() => [
@@ -4197,7 +4191,7 @@ const ko = M({
             D(To, {
               "overlay-transparent": e.overlayTransparent,
               modelValue: h.value,
-              "onUpdate:modelValue": w[2] || (w[2] = (g) => h.value = g),
+              "onUpdate:modelValue": V[2] || (V[2] = (v) => h.value = v),
               dark: ""
             }, {
               default: S(() => [
@@ -4207,15 +4201,15 @@ const ko = M({
             }, 8, ["overlay-transparent", "modelValue"]),
             D(Ot, {
               desktop: s.value,
-              modelValue: v.value,
-              "onUpdate:modelValue": w[3] || (w[3] = (g) => v.value = g)
+              modelValue: g.value,
+              "onUpdate:modelValue": V[3] || (V[3] = (v) => g.value = v)
             }, {
               default: S(() => [
                 I(f.$slots, "bottom")
               ]),
               _: 3
             }, 8, ["desktop", "modelValue"]),
-            D(B, null, {
+            D(C, null, {
               default: S(() => [
                 D(ot, { name: "fade" }, {
                   default: S(() => [
@@ -4285,8 +4279,8 @@ const ko = M({
       }
       o.value = !1;
     };
-    return J(() => s.value = !0), (m, v) => {
-      const h = A("q-resize-observer"), k = A("q-btn"), f = A("q-space"), w = A("q-toolbar"), p = A("q-header"), B = A("q-page-container"), $ = A("q-icon"), E = A("q-layout");
+    return J(() => s.value = !0), (m, g) => {
+      const h = A("q-resize-observer"), k = A("q-btn"), f = A("q-space"), V = A("q-toolbar"), p = A("q-header"), C = A("q-page-container"), $ = A("q-icon"), E = A("q-layout");
       return _(), L(E, {
         class: "c-layout",
         view: "lhr lpR lfr"
@@ -4310,7 +4304,7 @@ const ko = M({
           D(h, { onResize: d }),
           D(p, null, {
             default: S(() => [
-              D(w, { style: { "margin-top": "auto", "margin-bottom": "auto" } }, {
+              D(V, { style: { "margin-top": "auto", "margin-bottom": "auto" } }, {
                 default: S(() => [
                   D(k, {
                     class: "q-pl-xs q-pr-sm",
@@ -4335,7 +4329,7 @@ const ko = M({
             behavior: "mobile",
             class: "c-layout-left-drawer",
             modelValue: c.value,
-            "onUpdate:modelValue": v[0] || (v[0] = (g) => c.value = g),
+            "onUpdate:modelValue": g[0] || (g[0] = (v) => c.value = v),
             dark: ""
           }, {
             default: S(() => [
@@ -4350,7 +4344,7 @@ const ko = M({
               "overlay-transparent": e.overlayTransparent,
               side: "right",
               modelValue: l.value,
-              "onUpdate:modelValue": v[1] || (v[1] = (g) => l.value = g),
+              "onUpdate:modelValue": g[1] || (g[1] = (v) => l.value = v),
               dark: ""
             }, {
               default: S(() => [
@@ -4359,7 +4353,7 @@ const ko = M({
               _: 3
             }, 8, ["overlay-transparent", "modelValue"])
           ]),
-          D(B, null, {
+          D(C, null, {
             default: S(() => [
               D(ot, { name: "fade" }, {
                 default: S(() => [
@@ -4455,7 +4449,7 @@ const ko = M({
     ), Me(m), At(() => {
     }), J(() => {
     });
-    function v() {
+    function g() {
       return r(
         ie,
         {
@@ -4463,7 +4457,7 @@ const ko = M({
           "leave-active-class": "animated fadeOut"
         },
         () => {
-          var f, w, p;
+          var f, V, p;
           return R(
             r(
               "div",
@@ -4473,7 +4467,7 @@ const ko = M({
               },
               [
                 ...((f = a.toolRestricted) == null ? void 0 : f.call(a)) || [],
-                ...((w = a.restricted) == null ? void 0 : w.call(a)) || [],
+                ...((V = a.restricted) == null ? void 0 : V.call(a)) || [],
                 ...((p = a.overlay) == null ? void 0 : p.call(a)) || []
               ]
             ),
@@ -4488,12 +4482,12 @@ const ko = M({
       if (f.push(
         r(Qt, { class: "c-menu-button", onClick: d })
       ), f.push(r("div", { class: "profile-icon" }, ((p = a.profile) == null ? void 0 : p.call(a)) || [])), o.value) {
-        const B = {
+        const C = {
           modelValue: s.value,
           dark: !0
         };
         f.push(
-          r(Yt, B, () => {
+          r(Yt, C, () => {
             var $;
             return (($ = a.rightDrawer) == null ? void 0 : $.call(a)) || [];
           })
@@ -4504,7 +4498,7 @@ const ko = M({
         );
       }
       if (!o.value) {
-        const B = {
+        const C = {
           // desktop: desktop.value,
           modelValue: i.value,
           dark: !0,
@@ -4513,7 +4507,7 @@ const ko = M({
         f.push(
           r(
             Ft,
-            B,
+            C,
             () => {
               var $;
               return (($ = a.bottomDrawer) == null ? void 0 : $.call(a)) || [];
@@ -4522,24 +4516,24 @@ const ko = M({
         );
       }
       f.push(r(qe, { class: "logo-button", name: ft }));
-      const w = {
+      const V = {
         side: "left",
         behavior: "mobile",
         class: "c-layout-left-drawer",
         modelValue: c.value,
-        "onUpdate:modelValue": (B) => c.value = B,
+        "onUpdate:modelValue": (C) => c.value = C,
         dark: !0
       };
-      return f.push(r(jt, w, () => {
-        var B;
-        return ((B = a.leftDrawer) == null ? void 0 : B.call(a)) || [];
+      return f.push(r(jt, V, () => {
+        var C;
+        return ((C = a.leftDrawer) == null ? void 0 : C.call(a)) || [];
       })), f.push(
         r(Vn, {}, () => [
           r(ot, { name: "fade" }, () => {
-            var B, $;
+            var C, $;
             return [
               R(
-                r("div", { key: "404" }, ((B = a["not-found"]) == null ? void 0 : B.call(a)) || []),
+                r("div", { key: "404" }, ((C = a["not-found"]) == null ? void 0 : C.call(a)) || []),
                 [[O, e.notFound]]
               ),
               R(r("div", { key: "content" }, (($ = a.page) == null ? void 0 : $.call(a)) || []), [
@@ -4552,7 +4546,7 @@ const ko = M({
     }
     function k() {
       const f = [];
-      return f.push(v()), f.push(h()), r(
+      return f.push(g()), f.push(h()), r(
         Bn,
         {
           class: "c-responsive-layout",
@@ -4698,11 +4692,11 @@ const ko = M({
       o.value = !o.value;
     }, i = u(() => o.value ? "f_enter" : "f_exit");
     return J(() => console.log("CToolPage mounted")), (l, d) => {
-      const m = A("q-btn"), v = A("q-drawer"), h = A("q-page");
+      const m = A("q-btn"), g = A("q-drawer"), h = A("q-page");
       return _(), L(h, { class: "c-tool-page" }, {
         default: S(() => [
           I(l.$slots, "default"),
-          Z(a).platform.is.desktop ? (_(), L(v, {
+          Z(a).platform.is.desktop ? (_(), L(g, {
             key: 0,
             modelValue: t.value,
             "onUpdate:modelValue": d[0] || (d[0] = (k) => t.value = k),