npm - @figurosity/consumer-controls - Versions diffs - 0.3.0 → 0.3.2 - Mend

@figurosity/consumer-controls 0.3.0 → 0.3.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.

Files changed (3) hide show

package/dist/consumer-controls.css +1 -1
package/dist/consumer-controls.js +698 -741
package/package.json +3 -3

package/dist/consumer-controls.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import { ref as y, watch as ce, onMounted as J, openBlock as _, createElementBlock as se, toDisplayString as be, defineComponent as M, computed as u, h as r, resolveComponent as A, createElementVNode as x, createVNode as D, createBlock as L, normalizeClass as Y, withCtx as S, Transition as ie, withDirectives as R, unref as Z, vShow as O, createTextVNode as at, createCommentVNode as le, renderSlot as I, normalizeStyle as pe, inject as sn, onBeforeUnmount as Me, nextTick as we, provide as cn, onUnmounted as At, onBeforeMount as rn, toRefs as un, useSlots as dn, TransitionGroup as ot, useModel as Ue, resolveDynamicComponent as mn, withModifiers as yt, mergeModels as fn } from "vue";
+import { ref as y, watch as ce, onMounted as J, openBlock as _, createElementBlock as se, toDisplayString as be, defineComponent as M, computed as d, h as r, resolveComponent as A, createElementVNode as x, createVNode as D, createBlock as L, normalizeClass as Y, withCtx as S, Transition as ie, withDirectives as R, unref as Z, vShow as O, createTextVNode as nt, createCommentVNode as le, renderSlot as I, normalizeStyle as pe, inject as an, onBeforeUnmount as Me, nextTick as we, provide as on, onUnmounted as Dt, onBeforeMount as ln, toRefs as sn, useSlots as cn, TransitionGroup as at, useModel as Ue, resolveDynamicComponent as rn, withModifiers as ht, mergeModels as un } from "vue";
 import ge from "@tweenjs/tween.js";
-import { addCommas as kt, slugify as Ce, DEFAULT as ke, useEventBus as lt, Rect as Pe, NOTHING as me, VIEWS as _t, TOOLBAR as $t } from "@figurosity/toolbox";
-import { QIcon as qe, QBtn as he, useQuasar as Ve, TouchPan as vn, QCard as gn, QCardSection as Re, QResizeObserver as Xe, QDrawer as bn, QExpansionItem as Ke, QPageSticky as hn, QSlideTransition as st, QDialog as yn, QItem as qt, QItemSection as Le, QSlider as kn, QAvatar as pn, QItemLabel as wn, QToggle as Cn, getCssVar as Be, QLayout as Bn, QPageContainer as Vn } from "quasar";
-import { chevronLeft as xn, eyeDropper as Tt, lock as Je, settings as zt, menuAlt as ct, move as Dn, refresh as et, zoomIn as it, spin as rt, saturation as ut, contrast as dt, brightness as mt, grid as It, zoomOut as Sn, mark as ft } from "@figurosity/icons";
-import { matFiberManualRecord as je, matKeyboardArrowDown as Lt } from "@quasar/extras/material-icons";
-import { ChromePicker as An } from "vue-color";
-import { onBeforeRouteLeave as _n, useRoute as $n } from "vue-router";
-import { EventManager as Mt } from "mjolnir.js";
-const qn = { class: "c-animated-number" }, Nt = {
+import { addCommas as yt, slugify as Ce, DEFAULT as ke, useEventBus as ot, Rect as Pe, NOTHING as me, VIEWS as St, TOOLBAR as At } from "@figurosity/toolbox";
+import { QIcon as qe, QBtn as he, useQuasar as Ve, TouchPan as dn, QCard as mn, QCardSection as Re, QResizeObserver as Ze, QDrawer as fn, QExpansionItem as Xe, QPageSticky as vn, QSlideTransition as lt, QDialog as gn, QItem as _t, QItemSection as Le, QSlider as bn, QAvatar as hn, QItemLabel as yn, QToggle as kn, getCssVar as Be, QLayout as pn, QPageContainer as wn } from "quasar";
+import { chevronLeft as Cn, eyeDropper as $t, lock as Ke, settings as qt, menuAlt as st, move as Bn, refresh as Je, zoomIn as ct, spin as it, saturation as rt, contrast as ut, brightness as dt, grid as Tt, zoomOut as Vn, mark as mt } from "@figurosity/icons";
+import { matFiberManualRecord as Fe, matKeyboardArrowDown as zt } from "@quasar/extras/material-icons";
+import { ChromePicker as xn } from "vue-color";
+import { onBeforeRouteLeave as Dn, useRoute as Sn } from "vue-router";
+import { EventManager as It } from "mjolnir.js";
+const An = { class: "c-animated-number" }, Lt = {
   __name: "CAnimatedNumber",
   props: {
     total: Number,
@@ -24,20 +24,20 @@ const qn = { class: "c-animated-number" }, Nt = {
   setup(e) {
     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) => {
+    }, i = (g, h, p = null) => {
       l();
       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();
+      t.value = new ge.Tween(f).to(V, o.speed).delay(o.delay).easing(ge.Easing.Quadratic.Out).onUpdate(m).onComplete(u).start(), c();
     }, l = () => {
       t.value && t.value.stop && (t.value.stop(), t.value = null);
-    }, d = () => {
+    }, u = () => {
       s.value.cancelAnimationFrame(n.value);
     }, m = (g) => {
-      a.value = kt(g.num.toFixed(0));
+      a.value = yt(g.num.toFixed(0));
     };
-    return ce(() => o.total, (g, h) => i(g, h)), J(() => a.value = kt(o.total)), (g, h) => (_(), se("span", qn, be(a.value), 1));
+    return ce(() => o.total, (g, h) => i(g, h)), J(() => a.value = yt(o.total)), (g, h) => (_(), se("span", An, be(a.value), 1));
   }
-}, Tn = M({
+}, _n = M({
   name: "CButtonBoolean",
   props: {
     dark: { type: Boolean, default: !1 },
@@ -57,7 +57,7 @@ const qn = { class: "c-animated-number" }, Nt = {
   setup(e, { slots: a, emit: n }) {
     function t() {
       const s = {
-        class: u(() => [
+        class: d(() => [
           "c-button-boolean",
           `c-button-boolean--${e.type}`,
           `c-button-boolean--${e.size}`,
@@ -70,56 +70,12 @@ const qn = { class: "c-animated-number" }, Nt = {
     }
     return () => t();
   }
-}), Pt = (e) => {
+}), $n = (e) => {
   let a, n, t;
   return e.match(/^rgb/) ? (e = e.match(
     /^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/
   ), a = +e[1], n = +e[2], t = +e[3]) : (e = +("0x" + e.slice(1).replace(e.length < 5 && /./g, "$&$&")), a = e >> 16, n = e >> 8 & 255, t = e & 255), Math.sqrt(0.299 * (a * a) + 0.587 * (n * n) + 0.114 * (t * t)) > 186;
-}, He = (e, a, n) => Math.min(n, Math.max(a, e)), zn = (e) => {
-  if (/^rgb/.test(e)) {
-    const t = e.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-    return { r: +t[1], g: +t[2], b: +t[3] };
-  }
-  let a = e.replace("#", "");
-  a.length === 3 && (a = a.split("").map((t) => t + t).join(""));
-  const n = parseInt(a, 16);
-  return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
-}, In = ({ r: e, g: a, b: n }) => "#" + [e, a, n].map((t) => t.toString(16).padStart(2, "0")).join(""), Ln = ({ r: e, g: a, b: n }) => {
-  e /= 255, a /= 255, n /= 255;
-  const t = Math.max(e, a, n), o = Math.min(e, a, n);
-  let s = 0, c = 0, i = (t + o) / 2;
-  if (t !== o) {
-    const l = t - o;
-    switch (c = i > 0.5 ? l / (2 - t - o) : l / (t + o), t) {
-      case e:
-        s = (a - n) / l + (a < n ? 6 : 0);
-        break;
-      // <-- fixed (+0, not +1)
-      case a:
-        s = (n - e) / l + 2;
-        break;
-      case n:
-        s = (e - a) / l + 4;
-        break;
-    }
-    s *= 60;
-  }
-  return { h: s, s: c, l: i };
-}, Mn = ({ h: e, s: a, l: n }) => {
-  const t = (1 - Math.abs(2 * n - 1)) * a, o = t * (1 - Math.abs(e / 60 % 2 - 1)), s = n - t / 2;
-  let c = 0, i = 0, l = 0;
-  return 0 <= e && e < 60 ? [c, i, l] = [t, o, 0] : 60 <= e && e < 120 ? [c, i, l] = [o, t, 0] : 120 <= e && e < 180 ? [c, i, l] = [0, t, o] : 180 <= e && e < 240 ? [c, i, l] = [0, o, t] : 240 <= e && e < 300 ? [c, i, l] = [o, 0, t] : [c, i, l] = [t, 0, o], {
-    r: Math.round(He((c + s) * 255, 0, 255)),
-    g: Math.round(He((i + s) * 255, 0, 255)),
-    b: Math.round(He((l + s) * 255, 0, 255))
-  };
-}, pt = (e, a) => {
-  const n = zn(e), t = Ln(n);
-  return t.l = He(t.l + a / 100, 0, 1), In(Mn(t));
-}, Nn = (e, { angle: a = 135, stop1: n = 35, stop2: t = 95, delta: o = 12 } = {}) => {
-  const s = Pt(e), c = s ? e : pt(e, +o), i = s ? pt(e, -o) : e;
-  return `linear-gradient(${a}deg, ${c} ${n}%, ${i} ${t}%)`;
-}, Pn = M({
+}, qn = M({
   name: "CBaseButton",
   props: {
     access: String,
@@ -146,82 +102,83 @@ const qn = { class: "c-animated-number" }, Nt = {
     }
   },
   emits: ["click", "blockAccess"],
-  setup(e, { slots: a, emit: n }) {
-    const t = () => {
+  setup(e, { emit: a }) {
+    const n = () => {
       if (!e.disable) {
         if (e.hasAccess) {
-          n("click");
+          a("click");
           return;
         }
-        n("blockAccess", e.access);
+        a("blockAccess", e.access);
       }
-    }, o = u(() => [
+    }, t = d(() => [
       "c-base-button",
       { row: e.size === "sm" },
       `c-base-button--${e.size}`,
       `c-base-button--${e.type}`,
       { selected: e.selected },
       { "c-base-button--disable": e.disable },
-      { dark: e.dark }
+      { dark: e.dark },
+      {
+        "glass-background glass-border": e.type === "radio" || e.type === "checkbox" || e.type === "none"
+      }
     ]);
-    function s() {
-      const c = {
-        class: o.value,
-        onClick: t,
+    function o() {
+      const s = {
+        class: t.value,
+        onClick: n,
         "data-cy": "c-button-" + Ce(e.label)
-      }, i = [], l = u(() => ({
+      }, c = [], i = d(() => ({
         "c-base-button--icon": !0,
         "col-shrink": e.size === "sm" || e.size === "xs",
         "flex justify-center items-center ": e.size === "sm" || e.size === "xs",
         "q-pt-xs": !0
-      })), d = u(() => ({
+      })), l = d(() => ({
         "c-base-button--image": !0,
         "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 m = Pt(e.color), g = {
-          class: l.value
-        }, h = {
+        const u = $n(e.color), m = {
+          class: i.value
+        }, g = {
           name: e.icon,
-          class: m ? "light" : "dark"
-        }, k = u(() => ({
-          background: Nn(e.color)
-        })), f = {
+          class: u ? "light" : "dark"
+        }, h = {
           class: "c-base-button--background"
         };
-        e.type !== "borderless" && (f.style = k.value), i.push(r("div", g, [r("div", f), r(qe, h)]));
+        c.push(r("div", m, [r("div", h), r(qe, g)]));
       }
       if (e.image) {
-        const m = {
-          class: { ...d.value }
+        const u = {
+          class: { ...l.value }
+        }, m = {
+          class: "c-base-button--overlay glass-overlay"
         }, g = {
-          class: "c-base-button--overlay"
-        }, h = {
           class: "unselectable",
           src: e.image
         };
-        i.push(r("div", m, [r("div", g), r("img", h)]));
+        c.push(r("div", u, [r("div", m), r("img", g)]));
       }
       if (e.label) {
-        const m = u(() => ({
+        const u = d(() => ({
           "col flex items-center unselectable": !0,
           "q-pl-md": !e.icon && !e.image
         }));
-        i.push(
-          r("div", { class: m.value }, [
+        c.push(
+          r("div", { class: u.value }, [
             r("div", { class: "c-base-button--label" }, e.label)
           ])
         );
       }
       if (e.type === "radio" || e.type === "checkbox") {
-        const m = {
+        const u = {
           class: "col-shrink flex items-center justify center",
           style: "min-width: 35px;"
         };
-        i.push(
-          r("div", m, [
-            r(Tn, {
+        c.push(
+          r("div", u, [
+            r(_n, {
               disable: e.disable,
               selected: e.selected,
               size: e.size,
@@ -230,11 +187,11 @@ const qn = { class: "c-animated-number" }, Nt = {
           ])
         );
       }
-      return r("div", c, i);
+      return r("div", s, c);
     }
-    return () => s();
+    return () => o();
   }
-}), Rn = M({
+}), Tn = M({
   name: "CBaseButtons",
   setup(e, { slots: a, emit: n }) {
     function t() {
@@ -244,30 +201,30 @@ const qn = { class: "c-animated-number" }, Nt = {
     }
     return () => t();
   }
-}), vt = (e, a) => {
+}), ft = (e, a) => {
   const n = e.__vccOpts || e;
   for (const [t, o] of a)
     n[t] = o;
   return n;
-}, On = {
+}, zn = {
   name: "CCounter.vue",
-  components: { CAnimatedNumber: Nt },
+  components: { CAnimatedNumber: Lt },
   props: {
     title: String,
     total: Number
   }
-}, En = { class: "c-counter" }, Hn = { class: "c-counter-title" };
-function Un(e, a, n, t, o, s) {
+}, In = { class: "c-counter" }, Ln = { class: "c-counter-title" };
+function Mn(e, a, n, t, o, s) {
   const c = A("c-animated-number");
-  return _(), se("div", En, [
-    x("span", Hn, be(n.title), 1),
+  return _(), se("div", In, [
+    x("span", Ln, be(n.title), 1),
     D(c, {
       class: "c-counter-count",
       total: n.total
     }, null, 8, ["total"])
   ]);
 }
-const Fn = /* @__PURE__ */ vt(On, [["render", Un]]), Rt = {
+const Nn = /* @__PURE__ */ ft(zn, [["render", Mn]]), Mt = {
   __name: "CDrawerHeader",
   props: {
     bottom: Boolean,
@@ -297,14 +254,14 @@ const Fn = /* @__PURE__ */ vt(On, [["render", Un]]), Rt = {
                     R(D(t, {
                       class: "c-drawer-header-indicator",
                       color: "primary",
-                      name: Z(je)
+                      name: Z(Fe)
                     }, null, 8, ["name"]), [
                       [O, e.selected]
                     ])
                   ]),
                   _: 1
                 }),
-                at(" " + be(e.title) + "  ", 1),
+                nt(" " + be(e.title) + "  ", 1),
                 e.icon ? (_(), L(t, {
                   key: 0,
                   size: "26px",
@@ -314,7 +271,7 @@ const Fn = /* @__PURE__ */ vt(On, [["render", Un]]), Rt = {
             ]),
             _: 1
           }),
-          e.countTitle ? (_(), L(Fn, {
+          e.countTitle ? (_(), L(Nn, {
             key: 0,
             title: e.countTitle,
             total: e.count
@@ -324,13 +281,13 @@ const Fn = /* @__PURE__ */ vt(On, [["render", Un]]), Rt = {
       }, 8, ["class"]);
     };
   }
-}, jn = {
+}, Pn = {
   name: "CBottomDrawer.vue",
   props: {
     modelValue: Boolean
   },
   components: {
-    CDrawerHeader: Rt
+    CDrawerHeader: Mt
   },
   computed: {
     dialog: {
@@ -369,7 +326,7 @@ const Fn = /* @__PURE__ */ vt(On, [["render", Un]]), Rt = {
     }
   }
 };
-function Wn(e, a, n, t, o, s) {
+function Rn(e, a, n, t, o, s) {
   const c = A("q-dialog");
   return _(), L(c, {
     class: "c-bottom-drawer",
@@ -388,7 +345,7 @@ function Wn(e, a, n, t, o, s) {
     _: 3
   }, 8, ["modelValue"]);
 }
-const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-header-title unselectable" }, Gn = { class: "q-pr-lg" }, Et = {
+const Nt = /* @__PURE__ */ ft(Pn, [["render", Rn]]), On = { class: "c-drawer-header-title unselectable" }, En = { class: "q-pr-lg" }, Pt = {
   __name: "CBottomDrawerHeader",
   props: {
     title: String,
@@ -405,20 +362,20 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
         default: S(() => [
           D(o, null, {
             default: S(() => [
-              x("span", Qn, [
+              x("span", On, [
                 D(ie, { name: "fade" }, {
                   default: S(() => [
                     R(D(t, {
                       class: "c-drawer-header-indicator",
                       color: "primary",
-                      name: Z(je)
+                      name: Z(Fe)
                     }, null, 8, ["name"]), [
                       [O, e.selected]
                     ])
                   ]),
                   _: 1
                 }),
-                at(" " + be(e.title) + "  ", 1),
+                nt(" " + be(e.title) + "  ", 1),
                 e.icon ? (_(), L(t, {
                   key: 0,
                   size: "26px",
@@ -428,7 +385,7 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
             ]),
             _: 1
           }),
-          x("div", Gn, [
+          x("div", En, [
             I(a.$slots, "default")
           ])
         ]),
@@ -436,10 +393,10 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
       }, 8, ["class"]);
     };
   }
-}, Yn = {
+}, Un = {
   class: "c-bottom-drawer-container-default",
   ref: "drawers"
-}, Zn = {
+}, Hn = {
   __name: "CBottomDrawerContainer",
   props: {
     dark: Boolean,
@@ -452,7 +409,7 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
     title: String
   },
   setup(e) {
-    const a = e, n = u(() => ({
+    const a = e, n = d(() => ({
       height: a.height + "px"
     }));
     return (t, o) => (_(), L(ie, { name: "fade" }, {
@@ -462,8 +419,8 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
           ref: "bottom",
           style: pe(n.value)
         }, [
-          x("div", Yn, [
-            D(Et, {
+          x("div", Un, [
+            D(Pt, {
               title: e.title,
               selected: e.selected,
               dark: e.dark
@@ -482,7 +439,7 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
       _: 3
     }));
   }
-}, We = M({
+}, je = M({
   name: "CButton",
   props: {
     access: String,
@@ -516,7 +473,7 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
         return;
       }
       n("blockAccess", e.access);
-    }, o = u(() => [
+    }, o = d(() => [
       "c-button",
       "c-button--" + e.size,
       { "c-button--rectangle": e.rectangle },
@@ -561,7 +518,7 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
       }, e.label);
     }
     function l() {
-      const d = {
+      const u = {
         class: o.value,
         noRipple: e.disabled,
         disable: e.disable,
@@ -573,11 +530,11 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
         icon: e.icon,
         onClick: t
       }, m = [s(), c(), i()];
-      return r(he, d, () => m);
+      return r(he, u, () => m);
     }
     return () => l();
   }
-}), Xn = {
+}), Fn = {
   __name: "CButtonBar",
   props: {
     disabled: {
@@ -597,8 +554,8 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
   setup(e, { emit: a }) {
     const n = a, t = () => n("done"), o = () => n("reset");
     return (s, c) => {
-      const i = A("q-btn"), l = A("q-btn-group"), d = A("q-footer");
-      return _(), L(d, {
+      const i = A("q-btn"), l = A("q-btn-group"), u = A("q-footer");
+      return _(), L(u, {
         "data-cy": "c-button-bar",
         class: "c-button-bar bg-black"
       }, {
@@ -632,7 +589,7 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
       });
     };
   }
-}, Kn = {
+}, jn = {
   name: "CButtonRow",
   props: {
     count: {
@@ -661,14 +618,14 @@ const Ot = /* @__PURE__ */ vt(jn, [["render", Wn]]), Qn = { class: "c-drawer-hea
     }
   }
 };
-function Jn(e, a, n, t, o, s) {
+function Wn(e, a, n, t, o, s) {
   return _(), se("div", {
     class: Y(["row justify-center q-pb-sm", s.classObject])
   }, [
     I(e.$slots, "default")
   ], 2);
 }
-const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
+const Qn = /* @__PURE__ */ ft(jn, [["render", Wn]]), Gn = M({
   name: "CButtonToggle",
   props: {
     access: String,
@@ -685,9 +642,9 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
   },
   emits: ["update:modelValue", "blockAccess"],
   setup(e, { slots: a, emit: n }) {
-    const t = u(() => ({
+    const t = d(() => ({
       left: o.value ? "4px" : "58px"
-    })), o = u(() => e.valueLeft === e.modelValue), s = () => {
+    })), o = d(() => e.valueLeft === e.modelValue), s = () => {
       if (!e.disable) {
         if (e.hasAccess) {
           let l = e.valueLeft === e.modelValue ? e.valueRight : e.valueLeft;
@@ -701,7 +658,7 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
       const i = e.disable ? " disable" : "", l = {
         onClick: s,
         class: "c-button-toggle position-relative row justify-center items-center" + i
-      }, d = {
+      }, u = {
         class: "c-button-toggle-left col-6 text-center unselectable"
       }, m = {
         class: "c-button-toggle-right col-6 text-center unselectable"
@@ -710,14 +667,14 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
         style: t.value
       };
       return r("div", l, [
-        r("div", d, e.labelLeft),
+        r("div", u, e.labelLeft),
         r("div", m, e.labelRight),
         r("div", g)
       ]);
     }
     return () => c();
   }
-}), na = { class: "quarters overlay" }, aa = { class: "quarters borders" }, wt = "cps", oa = {
+}), Yn = { class: "quarters overlay" }, Zn = { class: "quarters borders" }, kt = "cps", Xn = {
   __name: "CCameraDirection",
   props: {
     dark: Boolean,
@@ -738,18 +695,18 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
   },
   emits: ["update:modelValue", "blockAccess"],
   setup(e, { emit: a }) {
-    const n = e, t = a, o = u(() => n.modelValue.back), s = u(() => n.modelValue.front), c = u(() => n.modelValue.left), i = u(() => n.modelValue.right), l = (d) => {
+    const n = e, t = a, o = d(() => n.modelValue.back), s = d(() => n.modelValue.front), c = d(() => n.modelValue.left), i = d(() => n.modelValue.right), l = (u) => {
       if (n.hasAccess) {
         let m = Object.assign({}, n.modelValue);
-        m[d] = !m[d], t("update:modelValue", m);
+        m[u] = !m[u], t("update:modelValue", m);
         return;
       }
-      t("blockAccess", wt), store.dispatch("paywall/block", wt);
+      t("blockAccess", kt), store.dispatch("paywall/block", kt);
     };
-    return (d, m) => (_(), se("div", {
+    return (u, m) => (_(), se("div", {
       class: Y(["c-camera-direction", { dark: e.dark }])
     }, [
-      x("div", na, [
+      x("div", Yn, [
         x("div", {
           class: "back quarter",
           onClick: m[0] || (m[0] = (g) => l("back"))
@@ -767,7 +724,7 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
           onClick: m[3] || (m[3] = (g) => l("right"))
         })
       ]),
-      x("div", aa, [
+      x("div", Zn, [
         x("div", {
           class: Y(["back quarter", { active: o.value }]),
           ref_key: "back",
@@ -805,7 +762,7 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
       ], -1))
     ], 2));
   }
-}, la = M({
+}, Kn = M({
   name: "ChromePicker",
   props: {
     modelValue: { type: String, default: 0 },
@@ -813,7 +770,7 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
   },
   emits: ["update:modelValue"],
   setup(e, { slots: a, emit: n }) {
-    const t = u({
+    const t = d({
       get: () => e.modelValue,
       set: (s) => n("update:modelValue", s)
     });
@@ -825,13 +782,13 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
         disbleFields: !0,
         "onUpdate:modelValue": (c) => t.value = c
       };
-      return r(An, s);
+      return r(xn, s);
     }
     return () => o();
   }
 }), Oe = (e) => {
   e.stopPropagation();
-}, sa = {
+}, Jn = {
   // Pointer
   onPointerdown: Oe,
   // onPointermove: stopBubble,
@@ -850,7 +807,7 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
   onClick: Oe
   // onDblclick: stopBubble,
   // onContextmenu: stopBubble,
-}, Ht = M({
+}, Rt = M({
   name: "CColorPopup",
   props: {
     modelValue: { type: String, default: 0 },
@@ -865,14 +822,14 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
     function t() {
       n("update:show", !1);
     }
-    const o = u({
+    const o = d({
       get: () => e.modelValue,
       set: (c) => n("update:modelValue", c)
     });
     function s() {
       const c = {
         class: "c-color-picker-popup",
-        ...sa
+        ...Jn
       }, i = {
         class: "row items-center"
       }, l = {
@@ -882,8 +839,8 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
         flat: !0,
         size: "sm",
         color: "primary",
-        icon: xn
-      }, d = {
+        icon: Cn
+      }, u = {
         class: "c-color-picker-popup-label q-ml-sm",
         style: "color: var(--grey-700); font-size: 16px;font-weight: 700",
         onClick: t
@@ -896,16 +853,16 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
         r("div", c, [
           r("div", i, [
             r(he, l),
-            r("div", d, e.label)
+            r("div", u, e.label)
           ]),
-          r(la, m)
+          r(Kn, m)
         ]),
         [[O, e.show]]
       );
     }
     return () => s();
   }
-}), ca = M({
+}), ea = M({
   name: "CColorPicker",
   props: {
     modelValue: { type: String, default: "rbg(255,255,255)" },
@@ -918,7 +875,7 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
     function o() {
       t.value = !0;
     }
-    const s = u(() => ({ backgroundColor: c.value })), c = u({
+    const s = d(() => ({ backgroundColor: c.value })), c = d({
       get: () => e.modelValue,
       set: (l) => n("update:modelValue", l)
     });
@@ -929,12 +886,12 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
     function i() {
       const l = {
         class: "c-color-picker"
-      }, d = {
+      }, u = {
         class: "c-color-picker-button",
         style: s.value,
         onClick: o,
         label: e.label,
-        icon: Tt
+        icon: $t
       }, m = {
         modelValue: c.value,
         "onUpdate:modelValue": (g) => c.value = g,
@@ -946,17 +903,17 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
       };
       return r("div", l, [
         R(
-          r(he, d, () => []),
+          r(he, u, () => []),
           [[O, !t.value]]
         ),
-        R(r(Ht, m), [
+        R(r(Rt, m), [
           [O, t.value]
         ])
       ]);
     }
     return () => i();
   }
-}), ia = M({
+}), ta = M({
   name: "CColorPickerButton",
   props: {
     modelValue: { type: Boolean, default: 0 },
@@ -969,7 +926,7 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
     function t() {
       n("update:modelValue", !0);
     }
-    const o = u(() => ({ backgroundColor: e.color })), s = u({
+    const o = d(() => ({ backgroundColor: e.color })), s = d({
       get: () => e.modelValue,
       set: (i) => n("update:modelValue", i)
     });
@@ -981,13 +938,13 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
         style: o.value,
         onClick: t,
         label: e.label,
-        icon: Tt
+        icon: $t
       };
       return r(he, i, () => []);
     }
     return () => c();
   }
-}), ra = {
+}), na = {
   __name: "CDivider",
   props: {
     divider: Boolean
@@ -1003,10 +960,10 @@ const ea = /* @__PURE__ */ vt(Kn, [["render", Jn]]), ta = M({
       x("div", null, null, -1)
     ])], 2));
   }
-}, Ut = "c_dd";
-function Ge() {
+}, Ot = "c_dd";
+function Qe() {
 }
-const ua = ["click"], Ye = "moving", da = "hidden", Ae = "default", ve = "expanded", Ee = "minimized", Ct = "up", Bt = "down", ma = "px", fa = {
+const aa = ["click"], Ge = "moving", oa = "hidden", Ae = "default", ve = "expanded", Ee = "minimized", pt = "up", wt = "down", la = "px", sa = {
   detail: {
     type: Boolean,
     default: !0
@@ -1024,14 +981,14 @@ const ua = ["click"], Ye = "moving", da = "hidden", Ae = "default", ve = "expand
   }
   // disable: Boolean,
 };
-function va(e, a) {
-  const n = sn(Ut, Ge);
-  if (n === Ge)
+function ca(e, a) {
+  const n = an(Ot, Qe);
+  if (n === Qe)
     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), 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";
+    ), Qe;
+  const t = ot(), o = Ve(), s = y(null), c = y(null), i = y(null), l = y(null), u = y(null), m = y(null), g = y(null), h = y(null), p = y(n.currentModel), f = y({}), V = y(oa), k = y(!1), C = y(null), $ = d(() => {
+    const w = G() + la, q = V.value === ve ? "auto" : "hidden";
     return {
       maxHeight: w,
       overflowY: q
@@ -1041,7 +998,7 @@ function va(e, a) {
     return l.value ? l.value.$el.offsetHeight : 0;
   }
   function v() {
-    return d.value ? d.value.$el.offsetHeight : 0;
+    return u.value ? u.value.$el.offsetHeight : 0;
   }
   function z() {
     if (!c.value) return 0;
@@ -1060,20 +1017,20 @@ function va(e, a) {
     const w = G(), q = o.screen.height - e.topOffset;
     return Math.min(w, q);
   }
-  const ee = u(() => {
+  const ee = d(() => {
     var w, q;
     return !!((q = (w = a.secondary) == null ? void 0 : w.call(a)) != null && q.length);
   });
   function K(w) {
-    p.value = !1;
+    k.value = !1;
     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) {
+    const oe = ne() + P.y, de = F(), Se = z(), Ne = Q < 290, vt = T(), gt = De(oe, vt, de), bt = ye(oe, Se, vt, de);
+    if (q === wt && oe > -Se) {
       W(-Se, !1);
       return;
     }
-    if (q === Ct && oe < -de) {
+    if (q === pt && oe < -de) {
       W(-de, !1);
       return;
     }
@@ -1082,10 +1039,10 @@ function va(e, a) {
       return;
     }
     if (Ne)
-      return q === Ct ? bt === ve ? re() : te() : q === Bt ? bt === Ae ? fe() : te() : void 0;
-    if (ht === "minimized")
+      return q === pt ? gt === ve ? re() : te() : q === wt ? gt === Ae ? fe() : te() : void 0;
+    if (bt === "minimized")
       return fe();
-    if (ht === ve)
+    if (bt === ve)
       return re();
     te();
   }
@@ -1101,17 +1058,17 @@ function va(e, a) {
   }
   function fe() {
     const w = z();
-    V.value = Ye, W(-w), C.value = Ee;
+    V.value = Ge, W(-w), C.value = Ee;
   }
   function te() {
-    V.value = Ye;
+    V.value = Ge;
     const w = F(), q = T(), P = e.name === ke ? 1 : 3;
     f.value = { ...f.value, zIndex: P };
     const Q = q > w ? w : q;
     W(-Q), C.value = Ae;
   }
   function re() {
-    V.value = Ye;
+    V.value = Ge;
     const w = F(), q = G(), P = e.name === ke ? 1 : 3;
     f.value = { ...f.value, zIndex: P };
     const Q = q > w ? w : q;
@@ -1122,7 +1079,7 @@ function va(e, a) {
   }
   function B(w = !0) {
     const q = e.name === ke ? 1 : 3;
-    f.value = { ...f.value, zIndex: q }, W(0, w), p.value = !1;
+    f.value = { ...f.value, zIndex: q }, W(0, w), k.value = !1;
   }
   function b(w) {
     w.stopPropagation();
@@ -1144,10 +1101,10 @@ function va(e, a) {
   function N({ height: w }) {
     console.log("appResize height", w), w !== 0 && (f.value = { ...f.value, top: w + "px !important" });
   }
-  function H({ height: w }) {
+  function U({ height: w }) {
     n.currentModel.value !== e.name || w === 0 || we(() => te());
   }
-  function U({ height: w }) {
+  function H({ height: w }) {
     const q = ne(), P = F(), Q = z(), ae = T(), oe = ye(
       q,
       Q,
@@ -1161,7 +1118,7 @@ function va(e, a) {
       name: ke,
       setCurrent: !0,
       skipEmit: !1
-    }), p.value = !1;
+    }), k.value = !1;
   }
   function W(w, q = !0) {
     if (w === ne()) return;
@@ -1177,34 +1134,34 @@ function va(e, a) {
     return parseFloat(P[5]) || 0;
   }
   const ue = {
-    name: u(() => e.name),
+    name: d(() => e.name),
     rootRef: h,
     tabIndicatorRef: m
   };
-  _n(() => {
+  Dn(() => {
     B(!1);
   }), Me(() => {
     t.$off("resize"), B(!1), n.unregisterDrawer(ue);
   }), J(() => {
     t.$on("resize", N), n.registerDrawer(ue), we(() => {
       setTimeout(() => {
-        E(), f.value = { ...f.value, top: o.screen.height + "px" }, console.log("screen height", o.screen.height), k.value === e.name && (ee.value ? ze() : te());
+        E(), f.value = { ...f.value, top: o.screen.height + "px" }, console.log("screen height", o.screen.height), p.value === e.name && (ee.value ? ze() : te());
       }, 50);
     });
   }), ce(
-    () => k.value,
+    () => p.value,
     (w, q) => {
       console.log("watch currentModel", w, q), !(w === e.name && q === e.name) && (w === e.name && te(), q === e.name && B());
     }
   );
-  function tn() {
+  function Kt() {
     return r(
       Re,
       { class: "c-draggable-drawer__handler--horizontal row flex-center q-pt-sm q-pb-md sectional section-handle", ref: c, onClick: b },
       () => r("div", { class: "cursor-grab grab" })
     );
   }
-  function nn() {
+  function Jt() {
     if (e.name === ke || !e.label)
       return null;
     const w = {
@@ -1231,11 +1188,11 @@ function va(e, a) {
       ])
     ]);
   }
-  function an() {
+  function en() {
     const w = {
       class: "c-draggable-drawer__content",
       ref: g,
-      style: u(() => $.value),
+      style: d(() => $.value),
       onClick: (P) => P.preventDefault(),
       onTouch: (P) => P.preventDefault(),
       onScroll: (P) => P.stopPropagation()
@@ -1244,32 +1201,32 @@ function va(e, a) {
       const P = {
         class: "q-px-md q-pb-sm q-pt-none sectional section-primary",
         ref: l
-      }, Q = a.default ? a.default() : [], ae = { debounce: 0, onResize: H };
+      }, Q = a.default ? a.default() : [], ae = { debounce: 0, onResize: U };
       q.push(
         r(Re, P, {
-          default: () => [r(Xe, ae), ...Q]
+          default: () => [r(Ze, ae), ...Q]
         })
       );
     }
     if (a.secondary) {
       const P = {
         class: "sectional section-secondary display-block",
-        ref: d
+        ref: u
       }, Q = a.secondary ? a.secondary() : [], ae = {
         debounce: 0,
-        onResize: U
+        onResize: H
       };
       q.push(
         r(Re, P, {
-          default: () => [r(Xe, ae), ...Q]
+          default: () => [r(Ze, ae), ...Q]
         })
       );
     }
     return r("div", w, q);
   }
-  function on() {
+  function tn() {
     const w = [];
-    w.push(tn()), w.push(nn()), w.push(an());
+    w.push(Kt()), w.push(Jt()), w.push(en());
     const P = {
       ref: s,
       class: "c-draggable-drawer column no-wrap ",
@@ -1278,25 +1235,25 @@ function va(e, a) {
       "data-cy": "c-draggable-drawer-" + e.name,
       role: "draggableDrawer"
     };
-    return r(gn, P, () => w);
+    return r(mn, P, () => w);
   }
-  function ln() {
-    return R(on(), [
-      [vn, K, "vertical", { mouse: !0, prevent: !0 }]
+  function nn() {
+    return R(tn(), [
+      [dn, K, "vertical", { mouse: !0, prevent: !0 }]
       //v-touch-pan.mouse.vertical.prevent="dragDrawer"
     ]);
   }
-  return { renderDrawer: ln, $drawers: n };
+  return { renderDrawer: nn, $drawers: n };
 }
-const ga = M({
+const ia = M({
   name: "CDraggableDrawer",
-  props: fa,
-  emits: ua,
+  props: sa,
+  emits: aa,
   setup(e, { slots: a, emit: n }) {
-    const { renderDrawer: t } = va(e, a);
+    const { renderDrawer: t } = ca(e, a);
     return () => t();
   }
-}), Ft = M({
+}), Et = M({
   name: "CDraggableDrawers",
   props: {
     align: {
@@ -1315,45 +1272,45 @@ const ga = M({
     }
   },
   setup(e, { slots: a, emit: n }) {
-    const t = y(null), o = y(e.modelValue), s = [], c = y(0), i = u(() => ({
+    const t = y(null), o = y(e.modelValue), s = [], c = y(0), i = d(() => ({
       "c-draggable-drawers": !0,
       dark: e.dark
-    })), l = u(
+    })), l = d(
       () => typeof e.maxWidth == "string" ? e.maxWidth : e.maxWidth + "px"
-    ), d = u(() => {
-      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, C = o.value;
-      for (let $ = 0; $ < p; $++)
+    ), u = d(() => {
+      const k = { maxWidth: l.value };
+      return e.align === "center" && (k.left = "50%", k.transform = "translateX(-50%)"), e.align === "left" && (k.left = "10px"), e.align === "right" && (k.right = "10px"), k;
+    }), m = d(() => {
+      const k = c.value, C = o.value;
+      for (let $ = 0; $ < k; $++)
         if (s[$].name.value === C)
           return !0;
       return !1;
     });
-    function g(p) {
-      s.push(p), c.value++;
+    function g(k) {
+      s.push(k), c.value++;
     }
-    function h(p) {
-      s.splice(s.indexOf(p), 1), c.value--;
+    function h(k) {
+      s.splice(s.indexOf(k), 1), c.value--;
     }
-    const k = {
+    const p = {
       currentModel: o,
       hasActiveTab: m.value,
       registerDrawer: g,
       unregisterDrawer: h,
       updateModel: f
     };
-    cn(Ut, k), ce(
+    on(Ot, p), ce(
       () => e.modelValue,
-      (p) => {
-        f({ name: p, setCurrent: !0, skipEmit: !1 });
+      (k) => {
+        f({ name: k, setCurrent: !0, skipEmit: !1 });
       }
     );
-    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));
+    function f({ name: k, setCurrent: C = !0, skipEmit: $ = !0 }) {
+      o.value !== k && ($ !== !0 && e["onUpdate:modelValue"] !== void 0 && n("update:modelValue", k), (C === !0 || e["onUpdate:modelValue"] === void 0) && (o.value = k));
     }
     Me(() => {
-    }), At(() => {
+    }), Dt(() => {
     }), J(() => {
     });
     function V() {
@@ -1363,7 +1320,7 @@ const ga = M({
           ref: t,
           class: i.value,
           role: "draggableDrawers",
-          style: d.value
+          style: u.value
         },
         {
           default: a.default
@@ -1372,7 +1329,7 @@ const ga = M({
     }
     return () => V();
   }
-}), jt = M({
+}), Ut = M({
   name: "CResponsiveLayout",
   props: {
     modelValue: Boolean,
@@ -1385,10 +1342,10 @@ const ga = M({
   },
   emits: ["update:modelValue"],
   setup(e, { slots: a, emit: n }) {
-    const t = u({
+    const t = d({
       get: () => e.modelValue,
       set: (c) => n("update:modelValue", c)
-    }), o = u(() => ({
+    }), o = d(() => ({
       "overlay-transparent": e.overlayTransparent,
       dark: e.dark,
       "text-white": e.dark
@@ -1406,11 +1363,11 @@ const ga = M({
         modelValue: t.value,
         "onUpdate:modelValue": (i) => t.value = i
       };
-      return r(bn, c, () => (a == null ? void 0 : a.default()) || []);
+      return r(fn, c, () => (a == null ? void 0 : a.default()) || []);
     }
     return () => s();
   }
-}), ba = { class: "c-duration-button-duration" }, ha = { class: "c-duration-button-unit" }, ya = {
+}), ra = { class: "c-duration-button-duration" }, ua = { class: "c-duration-button-unit" }, da = {
   __name: "CDurationButton",
   props: {
     dark: Boolean,
@@ -1439,16 +1396,16 @@ const ga = M({
       }, {
         default: S(() => [
           x("div", null, [
-            x("span", ba, be(e.duration), 1),
+            x("span", ra, be(e.duration), 1),
             s[0] || (s[0] = x("br", null, null, -1)),
-            x("span", ha, be(e.unit), 1)
+            x("span", ua, be(e.unit), 1)
           ])
         ]),
         _: 1
       }, 8, ["class", "no-ripple", "disable"]);
     };
   }
-}, ka = M({
+}, ma = M({
   name: "CExpansion",
   props: {
     color: {
@@ -1468,8 +1425,8 @@ const ga = M({
   },
   emits: ["click", "update:modelValue"],
   setup(e, { slots: a, emit: n }) {
-    u(() => e.locked ? Je : je);
-    const t = u(() => ({
+    d(() => e.locked ? Ke : Fe);
+    const t = d(() => ({
       "c-expansion": !0,
       selected: e.selected,
       primary: e.color === "primary" && !e.locked,
@@ -1477,7 +1434,7 @@ const ga = M({
       positive: e.color === "positive" && !e.locked,
       locked: e.locked,
       "non-selectable": !0
-    })), o = u({
+    })), o = d({
       get: () => e.modelValue,
       set: (c) => n("update:modelValue", c)
     });
@@ -1485,23 +1442,23 @@ const ga = M({
       const c = {
         modelValue: o.value,
         "onUpdate:modelValue": (i) => o.value = i,
-        icon: e.icon || Je,
+        icon: e.icon || Ke,
         class: t.value,
         caption: e.caption,
         label: e.label,
         group: e.group,
-        expandIcon: Lt,
+        expandIcon: zt,
         defaultOpened: e.defaultOpened,
         "data-cy": "c-expansion-" + Ce(e.label)
       };
-      return r(Ke, c, { default: () => {
+      return r(Xe, c, { default: () => {
         var i;
         return (i = a.default) == null ? void 0 : i.call(a);
       } });
     }
     return () => s();
   }
-}), pa = {
+}), fa = {
   __name: "CExpansionItem",
   props: {
     color: {
@@ -1520,29 +1477,29 @@ const ga = M({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: n }) {
-    a(Ke);
-    const t = e, o = n, s = u(() => t.locked ? Je : je), c = u({
+    a(Xe);
+    const t = e, o = n, s = d(() => t.locked ? Ke : Fe), c = d({
       get() {
         return t.modelValue;
       },
       set(l) {
         o("update:modelValue", l);
       }
-    }), i = u(() => ({
+    }), i = d(() => ({
       selected: t.selected,
       primary: t.color === "primary" && !t.locked,
       negative: t.color === "negative" && !t.locked,
       positive: t.color === "positive" && !t.locked,
       locked: t.locked
     }));
-    return (l, d) => (_(), L(Z(Ke), {
+    return (l, u) => (_(), L(Z(Xe), {
       class: Y(["c-expansion-item", i.value]),
       label: e.label,
       group: e.group,
-      "expand-icon": Z(Lt),
+      "expand-icon": Z(zt),
       icon: s.value,
       modelValue: c.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (m) => c.value = m),
+      "onUpdate:modelValue": u[0] || (u[0] = (m) => c.value = m),
       "default-opened": e.defaultOpened
     }, {
       default: S(() => [
@@ -1551,7 +1508,7 @@ const ga = M({
       _: 3
     }, 8, ["class", "label", "group", "expand-icon", "icon", "modelValue", "default-opened"]));
   }
-}, Wt = M({
+}, Ht = M({
   name: "CResponsiveLayout",
   props: {
     show: Boolean,
@@ -1567,14 +1524,14 @@ const ga = M({
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const n = u(() => e.icon ? e.icon : zt), t = u(() => ({
+    const n = d(() => e.icon ? e.icon : qt), t = d(() => ({
       color: e.color,
       backgroundColor: e.backgroundColor
     })), o = () => a("click");
     function s() {
       return R(
         r(
-          hn,
+          vn,
           {
             position: "bottom-right",
             offset: [18, 18],
@@ -1595,7 +1552,7 @@ const ga = M({
     }
     return () => s();
   }
-}), wa = M({
+}), va = M({
   name: "CFloatingModal",
   props: {
     modelValue: Boolean,
@@ -1612,19 +1569,19 @@ const ga = M({
   },
   emits: ["update:modelValue"],
   setup(e, { slots: a, emit: n }) {
-    const t = Ve(), o = lt(), s = y(!1), c = u({
+    const t = Ve(), o = ot(), s = y(!1), c = d({
       get: () => e.modelValue,
       set: (g) => n("update:modelValue", g)
     }), i = () => {
       s.value = !s.value;
-    }, l = y(80), d = (g) => {
+    }, l = y(80), u = (g) => {
       l.value = g.height - e.topOffset;
     };
     J(() => {
-      l.value = t.screen.height - e.topOffset, o.$on("resize", d);
+      l.value = t.screen.height - e.topOffset, o.$on("resize", u);
     }), Me(() => o.$off("resize"));
     function m() {
-      const g = u(() => ({
+      const g = d(() => ({
         maxHeight: `${l.value}px`,
         maxWidth: `${e.width}px`
       })), h = {
@@ -1636,13 +1593,13 @@ const ga = M({
         class: "c-floating-modal-toggle",
         size: "sm",
         round: !0,
-        icon: u(
+        icon: d(
           () => s.value ? "f_chevron_down" : "f_chevron_up"
         ).value,
         onClick: i
       }, V = {
         class: "c-floating-modal-default"
-      }, p = { class: "c-floating-modal-expanded" };
+      }, k = { class: "c-floating-modal-expanded" };
       return r(
         ie,
         { name: "fade" },
@@ -1652,9 +1609,9 @@ const ga = M({
               ...a.expanded ? [r(he, f)] : [],
               ...a.default ? [r("div", V, a.default())] : [],
               ...a.expanded ? [
-                r(st, null, {
+                r(lt, null, {
                   default: () => R(
-                    r("div", p, a.expanded()),
+                    r("div", k, a.expanded()),
                     [[O, s.value]]
                   )
                 })
@@ -1667,7 +1624,7 @@ const ga = M({
     }
     return () => m();
   }
-}), Ca = {
+}), ga = {
   __name: "CHorizontalScroller",
   props: {
     fullHeight: Boolean,
@@ -1681,9 +1638,9 @@ 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), g = y(0), h = y(0), k = y(void 0);
+    const { $on: a } = ot(), n = e, t = y(null), o = y(null), s = y(null), c = y(0), i = y(!1), l = y(null), u = y(null), m = y(void 0), g = y(0), h = y(0), p = y(void 0);
     let f, V;
-    const p = () => {
+    const k = () => {
       if (!t.value || !o.value) return;
       const B = Pe.newRectFromElement(t.value), b = Pe.newRectFromElement(o.value);
       return !t.value || b.width >= B.width ? !1 : {
@@ -1692,8 +1649,8 @@ const ga = M({
         left: B.left - b.left,
         width: B.width - b.width
       };
-    }, C = ({ inner: B, left: b, width: N }, H) => {
-      if (b = b - H, b < -N) {
+    }, C = ({ inner: B, left: b, width: N }, U) => {
+      if (b = b - U, b < -N) {
         B.style.left = -N + "px";
         return;
       }
@@ -1728,31 +1685,31 @@ const ga = M({
     }, T = ({ left: B = 0, duration: b = 1e3 }) => {
       if (!t.value) return;
       F();
-      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);
+      let N = { left: c.value }, U = { left: B };
+      l.value = new ge.Tween(N).to(U, b).delay(0).easing(ge.Easing.Quadratic.Out).onUpdate(function(H) {
+        const j = parseInt(H.left);
         z(j);
-      }).onComplete(function(U) {
-        const j = parseInt(U.left);
-        window.cancelAnimationFrame(d.value), d.value = null, z(j);
+      }).onComplete(function(H) {
+        const j = parseInt(H.left);
+        window.cancelAnimationFrame(u.value), u.value = null, z(j);
       }).start(), G();
     }, G = (B) => {
-      d.value = window.requestAnimationFrame(G), ge.update(B);
+      u.value = window.requestAnimationFrame(G), ge.update(B);
     }, F = () => {
       l.value && l.value.stop && (l.value.stop(), l.value = null);
     }, 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)
+      const N = B.deltaX, U = B.deltaY, H = 2;
+      if ((U > H || U < -H) && N === 0 || B.ctrlKey)
         return;
       B.preventDefault();
-      const j = p();
+      const j = k();
       j && C(j, N);
     }, K = (B) => {
-      const b = p();
+      const b = k();
       b && C(b, B);
     }, ye = () => {
-      m.value = void 0, k.value = void 0, g.value = 0, h.value = 0;
+      m.value = void 0, p.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));
@@ -1761,15 +1718,15 @@ const ga = M({
     }, te = (B) => {
       const b = Math.abs(B.velocityX);
       if (b <= 0.02) return;
-      const N = B.distance, H = B.direction === 2 ? -1 : 1, U = p(), j = U.left;
+      const N = B.distance, U = B.direction === 2 ? -1 : 1, H = k(), j = H.left;
       c.value = j;
-      const W = -U.width, ne = 0;
-      let ue = j + H * N * b;
+      const W = -H.width, ne = 0;
+      let ue = j + U * N * b;
       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, {
+      f || (f = new It(s.value, {
         recognizers: [
           [Hammer.Tap],
           [Hammer.Pan, { pointers: 0 }],
@@ -1840,7 +1797,7 @@ const ga = M({
       ], 2);
     };
   }
-}, Ba = (e, a, n) => {
+}, ba = (e, a, n) => {
   const t = e[a];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((o, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -1853,9 +1810,9 @@ const ga = M({
     );
   });
 }, X = (e = "../i18n") => {
-  const a = Ve(), n = y({}), t = u(() => a.lang.isoName || "en-US"), o = async () => {
+  const a = Ve(), n = y({}), t = d(() => a.lang.isoName || "en-US"), o = async () => {
     try {
-      const s = (await Ba(/* @__PURE__ */ Object.assign({ "../i18n/en-US/index.js": () => import("./index-DNFPxUoa.js") }), `../i18n/${t.value}/index.js`, 4)).default;
+      const s = (await ba(/* @__PURE__ */ Object.assign({ "../i18n/en-US/index.js": () => import("./index-DNFPxUoa.js") }), `../i18n/${t.value}/index.js`, 4)).default;
       s && Object.assign(n.value, s);
     } catch (s) {
       console.error(`Error loading i18n for ${t.value}`, s);
@@ -1868,10 +1825,10 @@ const ga = M({
     },
     { immediate: !0 }
     // Run immediately on initialization
-  ), rn(() => {
+  ), ln(() => {
     o();
   }), { lang: n };
-}, Va = M({
+}, ha = M({
   name: "CIconButton",
   props: {
     hasAccess: {
@@ -1889,13 +1846,13 @@ const ga = M({
   },
   emits: ["click", "blockAccess"],
   setup(e, { slots: a, emit: n }) {
-    const { lang: t } = X(), o = u(() => {
-      var d;
+    const { lang: t } = X(), o = d(() => {
+      var u;
       if (e.name && t.value.controls && t.value.controls[e.name])
-        return e.name && ((d = t.value.controls[e.name]) == null ? void 0 : d.iconTitle);
-    }), s = u(() => e.icon || `f_${e.name}`), c = (d) => n("blockAccess", d), i = () => n("click");
+        return e.name && ((u = t.value.controls[e.name]) == null ? void 0 : u.iconTitle);
+    }), s = d(() => e.icon || `f_${e.name}`), c = (u) => n("blockAccess", u), i = () => n("click");
     function l() {
-      const d = {
+      const u = {
         class: `c-button c-icon-button c-${e.name}-button`,
         hasAccess: e.hasAccess || !0,
         icon: s.value,
@@ -1905,11 +1862,11 @@ const ga = M({
         onClick: i,
         onBlockAccess: c
       };
-      return r(We, d, () => []);
+      return r(je, u, () => []);
     }
     return () => l();
   }
-}), xa = ["innerHTML"], Da = {
+}), ya = ["innerHTML"], ka = {
   __name: "CItemHeading",
   props: {
     heading: String
@@ -1918,9 +1875,9 @@ const ga = M({
     return (a, n) => (_(), se("div", {
       class: "c-item-heading row full-width q-py-sm unselectable",
       innerHTML: e.heading
-    }, null, 8, xa));
+    }, null, 8, ya));
   }
-}, Qt = M({
+}, Ft = M({
   name: "CMenuButton",
   emits: ["click"],
   setup(e, { slots: a, emit: n }) {
@@ -1930,7 +1887,7 @@ const ga = M({
       onClick: () => n("click"),
       dense: !0,
       flat: !0,
-      icon: ct,
+      icon: st,
       label: o.value,
       rounded: !0,
       style: "background-color: #ffffff;padding-right: 15px;padding-left: 10px"
@@ -1940,7 +1897,7 @@ const ga = M({
       o.value = ((l = t.value.controls) == null ? void 0 : l.menu.title) || "MENU";
     }), () => r(he, c);
   }
-}), Gt = M({
+}), jt = M({
   name: "CNavigator",
   props: {
     dark: Boolean,
@@ -1980,7 +1937,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), g = y(null), h = y(null), k = y(0), f = y(0), V = u(() => e.knobSize * 0.8 + "px"), p = u(() => {
+    const o = y(null), s = y(null), c = y(null), i = y(null), l = y(!1), u = y(0), m = y(0), g = y(null), h = y(null), p = y(0), f = y(0), V = d(() => e.knobSize * 0.8 + "px"), k = d(() => {
       const b = e.knobSize + "px", N = -e.knobSize / 2 + "px";
       return {
         width: b,
@@ -1988,7 +1945,7 @@ const ga = M({
         lineHeight: "62px",
         transform: "translateY(" + N + ") translateX(" + N + ")"
       };
-    }), C = u(() => e.height === 0 || e.width === 0 ? {
+    }), C = d(() => e.height === 0 || e.width === 0 ? {
       bottom: 0,
       right: 0,
       zIndex: 1e8
@@ -2004,20 +1961,20 @@ const ga = M({
       }
     );
     function $() {
-      m.value = e.width ? e.width : o.value.offsetWidth, d.value = e.height ? e.height : o.value.offsetHeight, T();
+      m.value = e.width ? e.width : o.value.offsetWidth, u.value = e.height ? e.height : o.value.offsetHeight, T();
     }
     function E() {
-      n("input", { x: k.value, y: f.value });
+      n("input", { x: p.value, y: f.value });
     }
     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;
-      H = H < U ? U : H, H = H > j ? j : H;
+      let U = b.x - N.left;
+      const H = e.knobSize / 2 + 1, j = N.width - H + 2;
+      U = U < H ? H : U, U = U > j ? j : U;
       let W = b.y - N.top;
-      const ne = N.height - U + 2;
-      return W = W < U ? U : W, W = W > ne ? ne : W, {
-        x: H,
+      const ne = N.height - H + 2;
+      return W = W < H ? H : W, W = W > ne ? ne : W, {
+        x: U,
         y: W
       };
     };
@@ -2028,17 +1985,17 @@ const ga = M({
     }
     function G() {
       return {
-        top: d.value / 2 - 0 + "px",
+        top: u.value / 2 - 0 + "px",
         left: m.value / 2 - 0 + "px"
       };
     }
     function F() {
-      var H, U;
+      var U, H;
       if (!s.value) return;
       l.value = !0;
       const b = {
-        top: (H = s.value) == null ? void 0 : H.offsetTop,
-        left: (U = s.value) == null ? void 0 : U.offsetLeft
+        top: (U = s.value) == null ? void 0 : U.offsetTop,
+        left: (H = s.value) == null ? void 0 : H.offsetLeft
       }, N = G();
       K(), h.value = new ge.Tween(b).to(N, 150).delay(0).easing(ge.Easing.Quadratic.Out).onUpdate(function(j) {
         Object.assign(s.value.style, {
@@ -2046,7 +2003,7 @@ const ga = M({
           left: j.left + "px"
         });
       }).onComplete(function() {
-        l.value = !1, window.cancelAnimationFrame(i.value), k.value = 0, f.value = 0, E();
+        l.value = !1, window.cancelAnimationFrame(i.value), p.value = 0, f.value = 0, E();
       }).start(), ee();
     }
     const ee = (b) => {
@@ -2059,14 +2016,14 @@ const ga = M({
       if (b.srcEvent.stopPropagation(), b.srcEvent.stopImmediatePropagation(), l.value) return;
       const N = {
         x: m.value / 2,
-        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) {
+        y: u.value / 2
+      }, U = b.center, H = o.value.getBoundingClientRect(), j = { top: U.y - H.top, left: U.x - H.left }, W = 15;
+      if (j.top < W || j.top > H.height - W || j.left < W || j.left > H.width - W) {
         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 = v(ne.x, N.x), f.value = v(ne.y, N.y);
+      const ne = z(U);
+      s.value.style.left = ne.x - 1 + "px", s.value.style.top = ne.y - 1 + "px", p.value = v(ne.x, N.x), f.value = v(ne.y, N.y);
     };
     function De(b) {
       b.srcEvent.stopPropagation(), b.srcEvent.stopImmediatePropagation(), F(), clearInterval(g.value), g.value = null;
@@ -2075,10 +2032,10 @@ const ga = M({
       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, g.value && clearInterval(g.value), g.value = setInterval(E, 20);
+      b.srcEvent.stopPropagation(), b.srcEvent.stopImmediatePropagation(), p.value = 0, f.value = 0, g.value && clearInterval(g.value), g.value = setInterval(E, 20);
     }
     function re() {
-      t || (t = new Mt(o.value, {
+      t || (t = new It(o.value, {
         recognizers: [[Hammer.Pan, { pointers: 0 }]]
       }), t.manager, t.on({
         panstart: te,
@@ -2103,7 +2060,7 @@ const ga = M({
       const b = [];
       return e.title && b.push(
         r("div", { class: "c-navigator-title unselectable" }, e.title)
-      ), b.push(r(Xe, { onResize: $ })), e.debug && (b.push(r("div", { class: "verticalBar" })), b.push(r("div", { class: "horizontalBar" }))), b.push(
+      ), b.push(r(Ze, { onResize: $ })), e.debug && (b.push(r("div", { class: "verticalBar" })), b.push(r("div", { class: "horizontalBar" }))), b.push(
         r(
           "div",
           {
@@ -2116,9 +2073,9 @@ const ga = M({
             {
               class: "c-navigator-knob noselect",
               ref: s,
-              style: p.value
+              style: k.value
             },
-            r(qe, { name: Dn, size: V.value })
+            r(qe, { name: Bn, size: V.value })
           )
         )
       ), b;
@@ -2137,7 +2094,7 @@ const ga = M({
     }
     return () => B();
   }
-}), Sa = M({
+}), pa = M({
   name: "COverlayLoader",
   props: {
     progress: { type: Number, default: 0 },
@@ -2147,16 +2104,16 @@ const ga = M({
     fade: { type: Boolean, default: !0 }
   },
   setup(e, { slots: a, emit: n }) {
-    const { progress: t } = un(e), o = u(() => {
+    const { progress: t } = sn(e), o = d(() => {
       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 C = 50, $ = -90, E = $ + p, v = c(C, C, C, E), z = c(C, C, C, $), T = p > 180 ? 1 : 0;
+    }), s = d(() => {
+      const k = Math.min(100, Math.max(0, t.value)) / 100 * 360;
+      if (k === 0) return "";
+      const C = 50, $ = -90, E = $ + k, v = c(C, C, C, E), z = c(C, C, C, $), T = k > 180 ? 1 : 0;
       return [
         `M ${C} ${C}`,
         // Move to center
@@ -2168,17 +2125,17 @@ const ga = M({
         // Close path
       ].join(" ");
     });
-    function c(V, p, C, $) {
+    function c(V, k, C, $) {
       const E = $ * Math.PI / 180;
       return {
         x: V + C * Math.cos(E),
-        y: p + C * Math.sin(E)
+        y: k + C * Math.sin(E)
       };
     }
-    const i = u(() => ({ width: e.size, height: e.size })), l = u(() => ({
+    const i = d(() => ({ width: e.size, height: e.size })), l = d(() => ({
       class: "c-overlay-loader",
       style: i.value
-    })), d = u(() => ({
+    })), u = d(() => ({
       class: "c-overlay-loader-overlay",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid meet",
@@ -2189,11 +2146,11 @@ const ga = M({
       width: 100,
       height: 100,
       fill: "white"
-    }, h = u(() => ({
+    }, h = d(() => ({
       ...g,
       fill: e.overlayColor,
       mask: "url(#pie-mask)"
-    })), k = u(() => ({
+    })), p = d(() => ({
       d: s.value,
       fill: "black"
     }));
@@ -2205,11 +2162,11 @@ const ga = M({
           { class: "c-overlay-loader-content" },
           ((V = a.default) == null ? void 0 : V.call(a)) || []
         ),
-        r("svg", d.value, [
+        r("svg", u.value, [
           r("defs", {}, [
             r("mask", { id: "pie-mask" }, [
               r("circle", m),
-              r("path", k.value)
+              r("path", p.value)
             ])
           ]),
           r("rect", h.value)
@@ -2218,13 +2175,13 @@ const ga = M({
     }
     return () => f();
   }
-}), Aa = {
+}), wa = {
   key: 0,
   class: "c-rect-button-image unselectable"
-}, _a = ["src"], $a = {
+}, Ca = ["src"], Ba = {
   key: 1,
   class: "c-rect-button-label unselectable"
-}, qa = {
+}, Va = {
   __name: "CRectButton",
   props: {
     access: String,
@@ -2267,19 +2224,19 @@ const ga = M({
         onClick: o
       }, {
         default: S(() => [
-          e.image ? (_(), se("div", Aa, [
+          e.image ? (_(), se("div", wa, [
             x("img", {
               src: e.image,
               class: "unselectable"
-            }, null, 8, _a)
+            }, null, 8, Ca)
           ])) : le("", !0),
-          e.label ? (_(), se("span", $a, be(e.label), 1)) : le("", !0)
+          e.label ? (_(), se("span", Ba, be(e.label), 1)) : le("", !0)
         ]),
         _: 1
       }, 8, ["class", "no-ripple", "disable", "icon"]);
     };
   }
-}, Yt = M({
+}, Wt = M({
   name: "CResponsiveLayout",
   props: {
     modelValue: Boolean
@@ -2287,7 +2244,7 @@ const ga = M({
   emits: ["update:modelValue"],
   setup(e, { slots: a, emit: n }) {
     y(null), y(null);
-    const t = u({
+    const t = d({
       get: () => e.modelValue,
       set: (s) => n("update:modelValue", s)
     });
@@ -2311,7 +2268,7 @@ const ga = M({
         )
       ];
       return r(
-        yn,
+        gn,
         {
           class: "c-right-drawer",
           "full-height": !0,
@@ -2328,7 +2285,7 @@ const ga = M({
     }
     return () => o();
   }
-}), Ta = { class: "c-round-button-holder" }, za = { class: "c-round-button-image unselectable" }, Ia = ["src"], La = {
+}), xa = { class: "c-round-button-holder" }, Da = { class: "c-round-button-image unselectable" }, Sa = ["src"], Aa = {
   key: 0,
   class: "c-round-button-label unselectable"
 }, Te = {
@@ -2366,7 +2323,7 @@ const ga = M({
       const i = A("q-btn");
       return _(), L(ie, { name: "expando" }, {
         default: S(() => [
-          R(x("div", Ta, [
+          R(x("div", xa, [
             D(i, {
               class: Y(["c-round-button", { selected: e.selected, disabled: e.disabled, dark: e.dark }]),
               "no-ripple": e.disabled,
@@ -2380,14 +2337,14 @@ const ga = M({
               onClick: o
             }, {
               default: S(() => [
-                x("div", za, [
+                x("div", Da, [
                   e.image ? (_(), se("img", {
                     key: 0,
                     src: e.image,
                     class: "unselectable"
-                  }, null, 8, Ia)) : le("", !0)
+                  }, null, 8, Sa)) : le("", !0)
                 ]),
-                e.label ? (_(), se("span", La, be(e.label), 1)) : le("", !0)
+                e.label ? (_(), se("span", Aa, be(e.label), 1)) : le("", !0)
               ]),
               _: 1
             }, 8, ["class", "no-ripple", "disable", "icon"])
@@ -2400,113 +2357,113 @@ const ga = M({
     };
   }
 };
-function tt(e) {
+function et(e) {
   var a = typeof e;
   return e != null && (a == "object" || a == "function");
 }
-var Ma = typeof global == "object" && global && global.Object === Object && global, Na = typeof self == "object" && self && self.Object === Object && self, Zt = Ma || Na || Function("return this")(), Ze = function() {
-  return Zt.Date.now();
-}, Pa = /\s/;
-function Ra(e) {
-  for (var a = e.length; a-- && Pa.test(e.charAt(a)); )
+var _a = typeof global == "object" && global && global.Object === Object && global, $a = typeof self == "object" && self && self.Object === Object && self, Qt = _a || $a || Function("return this")(), Ye = function() {
+  return Qt.Date.now();
+}, qa = /\s/;
+function Ta(e) {
+  for (var a = e.length; a-- && qa.test(e.charAt(a)); )
     ;
   return a;
 }
-var Oa = /^\s+/;
-function Ea(e) {
-  return e && e.slice(0, Ra(e) + 1).replace(Oa, "");
+var za = /^\s+/;
+function Ia(e) {
+  return e && e.slice(0, Ta(e) + 1).replace(za, "");
 }
-var Fe = Zt.Symbol, Xt = Object.prototype, Ha = Xt.hasOwnProperty, Ua = Xt.toString, Ie = Fe ? Fe.toStringTag : void 0;
-function Fa(e) {
-  var a = Ha.call(e, Ie), n = e[Ie];
+var He = Qt.Symbol, Gt = Object.prototype, La = Gt.hasOwnProperty, Ma = Gt.toString, Ie = He ? He.toStringTag : void 0;
+function Na(e) {
+  var a = La.call(e, Ie), n = e[Ie];
   try {
     e[Ie] = void 0;
     var t = !0;
   } catch {
   }
-  var o = Ua.call(e);
+  var o = Ma.call(e);
   return t && (a ? e[Ie] = n : delete e[Ie]), o;
 }
-var ja = Object.prototype, Wa = ja.toString;
-function Qa(e) {
-  return Wa.call(e);
+var Pa = Object.prototype, Ra = Pa.toString;
+function Oa(e) {
+  return Ra.call(e);
 }
-var Ga = "[object Null]", Ya = "[object Undefined]", Vt = Fe ? Fe.toStringTag : void 0;
-function Za(e) {
-  return e == null ? e === void 0 ? Ya : Ga : Vt && Vt in Object(e) ? Fa(e) : Qa(e);
+var Ea = "[object Null]", Ua = "[object Undefined]", Ct = He ? He.toStringTag : void 0;
+function Ha(e) {
+  return e == null ? e === void 0 ? Ua : Ea : Ct && Ct in Object(e) ? Na(e) : Oa(e);
 }
-function Xa(e) {
+function Fa(e) {
   return e != null && typeof e == "object";
 }
-var Ka = "[object Symbol]";
-function Ja(e) {
-  return typeof e == "symbol" || Xa(e) && Za(e) == Ka;
+var ja = "[object Symbol]";
+function Wa(e) {
+  return typeof e == "symbol" || Fa(e) && Ha(e) == ja;
 }
-var xt = NaN, eo = /^[-+]0x[0-9a-f]+$/i, to = /^0b[01]+$/i, no = /^0o[0-7]+$/i, ao = parseInt;
-function Dt(e) {
+var Bt = NaN, Qa = /^[-+]0x[0-9a-f]+$/i, Ga = /^0b[01]+$/i, Ya = /^0o[0-7]+$/i, Za = parseInt;
+function Vt(e) {
   if (typeof e == "number")
     return e;
-  if (Ja(e))
-    return xt;
-  if (tt(e)) {
+  if (Wa(e))
+    return Bt;
+  if (et(e)) {
     var a = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = tt(a) ? a + "" : a;
+    e = et(a) ? a + "" : a;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = Ea(e);
-  var n = to.test(e);
-  return n || no.test(e) ? ao(e.slice(2), n ? 2 : 8) : eo.test(e) ? xt : +e;
+  e = Ia(e);
+  var n = Ga.test(e);
+  return n || Ya.test(e) ? Za(e.slice(2), n ? 2 : 8) : Qa.test(e) ? Bt : +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, g = !1, h = !0;
+var Xa = "Expected a function", Ka = Math.max, Ja = Math.min;
+function We(e, a, n) {
+  var t, o, s, c, i, l, u = 0, m = !1, g = !1, h = !0;
   if (typeof e != "function")
-    throw new TypeError(oo);
-  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) {
+    throw new TypeError(Xa);
+  a = Vt(a) || 0, et(n) && (m = !!n.leading, g = "maxWait" in n, s = g ? Ka(Vt(n.maxWait) || 0, a) : s, h = "trailing" in n ? !!n.trailing : h);
+  function p(T) {
     var G = t, F = o;
-    return t = o = void 0, d = T, c = e.apply(F, G), c;
+    return t = o = void 0, u = T, c = e.apply(F, G), c;
   }
   function f(T) {
-    return d = T, i = setTimeout(C, a), m ? k(T) : c;
+    return u = T, i = setTimeout(C, a), m ? p(T) : c;
   }
   function V(T) {
-    var G = T - l, F = T - d, ee = a - G;
-    return g ? so(ee, s - F) : ee;
+    var G = T - l, F = T - u, ee = a - G;
+    return g ? Ja(ee, s - F) : ee;
   }
-  function p(T) {
-    var G = T - l, F = T - d;
+  function k(T) {
+    var G = T - l, F = T - u;
     return l === void 0 || G >= a || G < 0 || g && F >= s;
   }
   function C() {
-    var T = Ze();
-    if (p(T))
+    var T = Ye();
+    if (k(T))
       return $(T);
     i = setTimeout(C, V(T));
   }
   function $(T) {
-    return i = void 0, h && t ? k(T) : (t = o = void 0, c);
+    return i = void 0, h && t ? p(T) : (t = o = void 0, c);
   }
   function E() {
-    i !== void 0 && clearTimeout(i), d = 0, t = l = o = i = void 0;
+    i !== void 0 && clearTimeout(i), u = 0, t = l = o = i = void 0;
   }
   function v() {
-    return i === void 0 ? c : $(Ze());
+    return i === void 0 ? c : $(Ye());
   }
   function z() {
-    var T = Ze(), G = p(T);
+    var T = Ye(), G = k(T);
     if (t = arguments, o = this, l = T, G) {
       if (i === void 0)
         return f(l);
       if (g)
-        return clearTimeout(i), i = setTimeout(C, a), k(l);
+        return clearTimeout(i), i = setTimeout(C, a), p(l);
     }
     return i === void 0 && (i = setTimeout(C, a)), c;
   }
   return z.cancel = E, z.flush = v, z;
 }
-const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative" } }, ro = {
+const eo = ["innerHTML"], to = { style: { margin: "0 10px", position: "relative" } }, no = {
   key: 0,
   class: "c-slider-indicator"
 }, xe = {
@@ -2542,20 +2499,20 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
   },
   emits: ["update:modelValue", "blockAccess"],
   setup(e, { emit: a }) {
-    const n = e, t = a, o = y(null), s = y(et), c = y(null), i = u({
+    const n = e, t = a, o = y(null), s = y(Je), c = y(null), i = d({
       get() {
         return n.modelValue;
       },
       set(h) {
         t("update:modelValue", h);
       }
-    }), l = u(() => ({
+    }), l = d(() => ({
       left: (n.initial - n.min) / (n.max - n.min) * 100 + "%"
-    })), d = u(() => typeof n.initial < "u"), m = u(() => n.dark ? {
+    })), u = d(() => typeof n.initial < "u"), m = d(() => n.dark ? {
       color: "rgba(255, 255, 255, 0.6)"
     } : {
       color: "var(--grey-800)"
-    }), g = Qe(
+    }), g = We(
       () => {
         t("blockAccess", n.access);
       },
@@ -2573,8 +2530,8 @@ 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"), V = A("q-item-section"), p = A("q-slider"), C = A("q-avatar"), $ = A("q-btn"), E = A("q-item");
+    }), (h, p) => {
+      const f = A("q-icon"), V = A("q-item-section"), k = 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 }])
       }, {
@@ -2599,9 +2556,9 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
                 key: 0,
                 class: "c-slider-title unselectable",
                 innerHTML: e.title
-              }, null, 8, co)) : le("", !0),
-              x("div", io, [
-                D(p, {
+              }, null, 8, eo)) : le("", !0),
+              x("div", to, [
+                D(k, {
                   ref_key: "slider",
                   ref: c,
                   class: "control-bar-slider",
@@ -2610,10 +2567,10 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
                   min: e.min,
                   step: e.step,
                   modelValue: i.value,
-                  "onUpdate:modelValue": k[0] || (k[0] = (v) => i.value = v),
+                  "onUpdate:modelValue": p[0] || (p[0] = (v) => i.value = v),
                   disable: e.disable
                 }, null, 8, ["max", "min", "step", "modelValue", "disable"]),
-                d.value ? (_(), se("div", ro, [
+                u.value ? (_(), se("div", no, [
                   x("div", {
                     class: "c-slider-indicator-tick",
                     style: pe(l.value)
@@ -2623,7 +2580,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
             ]),
             _: 1
           }),
-          d.value && !e.noIcons ? (_(), L(V, {
+          u.value && !e.noIcons ? (_(), L(V, {
             key: 1,
             side: "",
             class: "c-slider-right-icon"
@@ -2632,7 +2589,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
               D($, {
                 round: "",
                 size: "xs",
-                onClick: k[1] || (k[1] = (v) => i.value = e.initial),
+                onClick: p[1] || (p[1] = (v) => i.value = e.initial),
                 style: pe(m.value),
                 disabled: e.initial === i.value,
                 flat: "",
@@ -2660,7 +2617,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       }, 8, ["class"]);
     };
   }
-}, uo = {
+}, ao = {
   __name: "CToggle",
   props: {
     access: String,
@@ -2680,14 +2637,14 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
   },
   emits: ["update:modelValue", "blockAccess"],
   setup(e, { emit: a }) {
-    const n = e, t = a, o = y(null), s = u(() => n.labelOff ? n.modelValue ? n.label : n.labelOff : n.label), c = u({
+    const n = e, t = a, o = y(null), s = d(() => n.labelOff ? n.modelValue ? n.label : n.labelOff : n.label), c = d({
       get() {
         return n.modelValue;
       },
       set(l) {
         t("update:modelValue", l);
       }
-    }), i = Qe(
+    }), i = We(
       () => {
         t("blockAccess", n.access);
       },
@@ -2705,9 +2662,9 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       }
     ), J(() => {
       o.value = n.modelValue;
-    }), (l, d) => {
-      const m = A("q-item-label"), g = A("q-item-section"), h = A("q-toggle"), k = A("q-item");
-      return _(), L(k, {
+    }), (l, u) => {
+      const m = A("q-item-label"), g = A("q-item-section"), h = A("q-toggle"), p = A("q-item");
+      return _(), L(p, {
         class: Y(["c-toggle", { full: !e.drawer, dark: e.dark }]),
         tag: "label",
         ripple: "",
@@ -2718,7 +2675,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
             default: S(() => [
               D(m, { class: "c-toggle-title unselectable" }, {
                 default: S(() => [
-                  at(be(s.value), 1)
+                  nt(be(s.value), 1)
                 ]),
                 _: 1
               })
@@ -2730,7 +2687,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
               D(h, {
                 color: "primary",
                 modelValue: c.value,
-                "onUpdate:modelValue": d[0] || (d[0] = (f) => c.value = f),
+                "onUpdate:modelValue": u[0] || (u[0] = (f) => c.value = f),
                 size: "xs",
                 disable: e.disable
               }, null, 8, ["modelValue", "disable"])
@@ -2742,7 +2699,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       }, 8, ["class", "data-cy"]);
     };
   }
-}, Kt = M({
+}, Yt = M({
   name: "CToolHeader",
   props: {
     label: { type: String, required: !1 }
@@ -2757,38 +2714,38 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
   }
 }), _e = {
   brightness: {
-    icon: mt,
+    icon: dt,
     access: "bct",
     min: 50,
     max: 150,
     initial: 100
   },
   contrast: {
-    icon: dt,
+    icon: ut,
     access: "cct",
     min: 50,
     max: 150,
     initial: 100
   },
   saturate: {
-    icon: ut,
+    icon: rt,
     access: "sct",
     min: 50,
     max: 150,
     initial: 100
   },
   spin: {
-    icon: rt,
+    icon: it,
     min: 0,
     max: 35
   },
   zoom: {
-    icon: it,
+    icon: ct,
     access: "zom",
     min: 0,
     max: 100
   }
-}, mo = M({
+}, oo = M({
   name: "CBasicTool",
   props: {
     dark: Boolean,
@@ -2812,15 +2769,15 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
   },
   emits: ["blockAccess", "update:modelValue", "lockClicked"],
   setup(e, { slots: a, emit: n }) {
-    const { lang: t } = X(), o = (k) => n("blockAccess", k), s = u({
+    const { lang: t } = X(), o = (p) => n("blockAccess", p), s = d({
       get: () => e.modelValue,
-      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(
+      set: (p) => n("update:modelValue", p)
+    }), c = d(() => _e[e.type].access), i = d(() => _e[e.type].icon), l = d(() => _e[e.type].max), u = d(() => _e[e.type].min), m = d(
       () => _e[e.type].initial || e.initial
-    ), g = u(
+    ), g = d(
       () => {
-        var k;
-        return e.noIcons ? null : (k = t.value.controls) == null ? void 0 : k[e.type].title;
+        var p;
+        return e.noIcons ? null : (p = t.value.controls) == null ? void 0 : p[e.type].title;
       }
       //   {
       //   if (props.noIcons) return
@@ -2832,7 +2789,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       // props.noIcons ? null : lang.value.controls?.[props].title || 'No title',
     );
     function h() {
-      const k = {
+      const p = {
         class: `c-basic-tool c-${e.type}-tool non-draggable`,
         modelValue: s.value,
         "onUpdate:modelValue": (f) => s.value = f,
@@ -2841,7 +2798,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
         icon: i.value,
         initial: m.value,
         max: l.value,
-        min: d.value,
+        min: u.value,
         title: g.value,
         dark: e.dark,
         disable: e.disable,
@@ -2849,11 +2806,11 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
         onBlockAccess: o,
         "data-cy": "c-basic-tool-" + e.type
       };
-      return r(xe, k);
+      return r(xe, p);
     }
     return () => h();
   }
-}), fo = {
+}), lo = {
   __name: "CBrightnessButton",
   props: {
     hasAccess: {
@@ -2864,14 +2821,14 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
   },
   emits: ["click", "blockAccess"],
   setup(e, { emit: a }) {
-    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = u(
+    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = d(
       () => {
         var l;
         return t.noIcons ? null : (l = n.value.controls) == null ? void 0 : l.brightness.title;
       }
     ), i = () => o("click");
-    return (l, d) => (_(), L(Te, {
-      icon: Z(mt),
+    return (l, u) => (_(), L(Te, {
+      icon: Z(dt),
       class: "c-brightness-button",
       label: c.value,
       selected: e.selected,
@@ -2880,7 +2837,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       onBlockAccess: s
     }, null, 8, ["icon", "label", "selected", "has-access"]));
   }
-}, vo = {
+}, so = {
   __name: "CBrightnessTool",
   props: {
     dark: Boolean,
@@ -2894,34 +2851,34 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
   },
   emits: ["update:modelValue", "blockAccess"],
   setup(e, { emit: a }) {
-    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = u({
+    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = d({
       get: () => t.modelValue,
       set: (l) => o("update:modelValue", l)
-    }), i = u(
+    }), i = d(
       () => {
         var l;
         return t.noIcons ? null : (l = n.value.controls) == null ? void 0 : l.brightness.title;
       }
     );
-    return (l, d) => (_(), L(xe, {
+    return (l, u) => (_(), L(xe, {
       access: "bct",
       class: "brightness-tool",
       color: "primary",
-      icon: Z(mt),
+      icon: Z(dt),
       initial: 100,
       max: 150,
       min: 50,
       title: i.value,
       "no-icons": e.noIcons,
       modelValue: c.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (m) => c.value = m),
+      "onUpdate:modelValue": u[0] || (u[0] = (m) => c.value = m),
       dark: e.dark,
       disable: e.disable,
       "has-access": e.hasAccess,
       onBlockAccess: s
     }, null, 8, ["icon", "title", "no-icons", "modelValue", "dark", "disable", "has-access"]));
   }
-}, go = {
+}, co = {
   __name: "CContrastButton",
   props: {
     hasAccess: {
@@ -2932,14 +2889,14 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
   },
   emits: ["click", "blockAccess"],
   setup(e, { emit: a }) {
-    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = u(
+    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = d(
       () => {
         var l;
         return t.noIcons ? null : (l = n.value.controls) == null ? void 0 : l.contrast.title;
       }
     ), i = () => o("click");
-    return (l, d) => (_(), L(Te, {
-      icon: Z(dt),
+    return (l, u) => (_(), L(Te, {
+      icon: Z(ut),
       class: "c-contrast-button",
       label: c.value,
       selected: e.selected,
@@ -2948,7 +2905,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
       onBlockAccess: s
     }, null, 8, ["icon", "label", "selected", "has-access"]));
   }
-}, bo = {
+}, io = {
   __name: "CContrastTool",
   props: {
     dark: Boolean,
@@ -2963,34 +2920,34 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
   },
   emits: ["update:modelValue", "blockAccess"],
   setup(e, { emit: a }) {
-    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = u({
+    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = d({
       get: () => t.modelValue,
       set: (l) => o("update:modelValue", l)
-    }), i = u(
+    }), i = d(
       () => {
         var l;
         return t.noIcons ? null : (l = n.value.controls) == null ? void 0 : l.contrast.title;
       }
     );
-    return (l, d) => (_(), L(xe, {
+    return (l, u) => (_(), L(xe, {
       access: "cct",
       class: "contrast-item",
       color: "primary",
-      icon: Z(dt),
+      icon: Z(ut),
       initial: 100,
       max: 150,
       min: 50,
       title: i.value,
       "no-icons": e.noIcons,
       modelValue: c.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (m) => c.value = m),
+      "onUpdate:modelValue": u[0] || (u[0] = (m) => c.value = m),
       dark: e.dark,
       disable: e.disable,
       "has-access": e.hasAccess,
       onBlockAccess: s
     }, null, 8, ["icon", "title", "no-icons", "modelValue", "dark", "disable", "has-access"]));
   }
-}, ho = M({
+}, ro = M({
   name: "CGridButton",
   props: {
     hasAccess: {
@@ -3006,7 +2963,7 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
   },
   emits: ["click", "blockAccess"],
   setup(e, { slots: a, emit: n }) {
-    const { lang: t } = X(), o = u(() => {
+    const { lang: t } = X(), o = d(() => {
       var l;
       return (l = t.value.controls) == null ? void 0 : l.grid.title;
     }), s = (l) => n("blockAccess", l), c = () => n("click");
@@ -3020,12 +2977,12 @@ const co = ["innerHTML"], io = { style: { margin: "0 10px", position: "relative"
         onClick: c,
         onBlockAccess: s
       };
-      return r(We, l, () => []);
+      return r(je, l, () => []);
     }
     return () => i();
   }
 });
-function St({
+function xt({
   viewportAxisLength: e,
   scaledImageAxisLength: a,
   imageAxisStartInViewport: n,
@@ -3044,14 +3001,14 @@ function St({
     -0.5,
     Math.min(0.5, o || 0)
   );
-  c += i * s, c = yo(
+  c += i * s, c = uo(
     c,
     s
   );
-  const l = [], d = Math.ceil(
+  const l = [], u = Math.ceil(
     (0 - c) / s
   );
-  let m = c + d * s;
+  let m = c + u * s;
   for (; m < e; )
     m >= 0 && l.push(m), m += s;
   return {
@@ -3060,12 +3017,12 @@ function St({
     positionsInScreenPixels: l
   };
 }
-function yo(e, a) {
+function uo(e, a) {
   if (!(a > 0)) return e;
   const n = e % a;
   return n <= 0 ? n : n - a;
 }
-const ko = M({
+const mo = M({
   name: "CGridOverlay",
   props: {
     imagePoint: {
@@ -3102,16 +3059,16 @@ const ko = M({
     transitionName: { type: String, default: "fade" }
   },
   setup(e, { slots: a, emit: n }) {
-    const t = u(
-      () => St({
+    const t = d(
+      () => xt({
         viewportAxisLength: e.viewportSize.width,
         scaledImageAxisLength: e.imageSize.width,
         imageAxisStartInViewport: e.imagePoint.left,
         desiredLineCount: e.lines,
         offsetFractionOfSpacing: e.offsetX
       }).positionsInScreenPixels
-    ), o = u(
-      () => St({
+    ), o = d(
+      () => xt({
         viewportAxisLength: e.viewportSize.height,
         scaledImageAxisLength: e.imageSize.height,
         imageAxisStartInViewport: e.imagePoint.top,
@@ -3122,11 +3079,11 @@ const ko = M({
     function s() {
       const c = [
         ...t.value.map(
-          (d, m) => r("line", {
-            key: `vx-${m}-${d}`,
-            x1: d,
+          (u, m) => r("line", {
+            key: `vx-${m}-${u}`,
+            x1: u,
             y1: 0,
-            x2: d,
+            x2: u,
             y2: e.viewportSize.height,
             stroke: e.stroke,
             "stroke-width": e.strokeWidth,
@@ -3134,12 +3091,12 @@ const ko = M({
           })
         ),
         ...o.value.map(
-          (d, m) => r("line", {
-            key: `hy-${m}-${d}`,
+          (u, m) => r("line", {
+            key: `hy-${m}-${u}`,
             x1: 0,
-            y1: d,
+            y1: u,
             x2: e.viewportSize.width,
-            y2: d,
+            y2: u,
             stroke: e.stroke,
             "stroke-width": e.strokeWidth,
             "shape-rendering": "crispEdges"
@@ -3182,17 +3139,17 @@ const ko = M({
   emits: ["update:modelValue", "blockAccess"],
   setup(e, { slots: a, emit: n }) {
     const t = y(null);
-    y(et);
-    const o = u({
+    y(Je);
+    const o = d({
       get() {
         return e.modelValue;
       },
       set(h) {
         n("update:modelValue", h);
       }
-    }), s = u(() => ({ left: (e.initial - e.min) / (e.max - e.min) * 100 + "%" }));
-    u(() => typeof e.initial < "u");
-    const c = u(() => ({ color: e.dark ? "rgba(255, 255, 255, 0.6)" : "#333333" })), i = Qe(
+    }), s = d(() => ({ left: (e.initial - e.min) / (e.max - e.min) * 100 + "%" }));
+    d(() => typeof e.initial < "u");
+    const c = d(() => ({ color: e.dark ? "rgba(255, 255, 255, 0.6)" : "#333333" })), i = We(
       () => {
         n("blockAccess", e.access);
       },
@@ -3225,28 +3182,28 @@ const ko = M({
         })
       );
     }
-    function d() {
+    function u() {
       const h = [];
       e.title && h.push(
         r("div", { class: "c-slider-title unselectable" }, e.title)
       );
-      const k = {
+      const p = {
         class: "control-bar-slider",
         color: "primary",
         max: e.max,
         min: e.min,
         step: e.step,
         modelValue: o.value,
-        "onUpdate:modelValue": (p) => o.value = p,
+        "onUpdate:modelValue": (k) => o.value = k,
         disable: e.disable,
-        onPointerdown: (p) => p.stopPropagation(),
-        onMousedown: (p) => p.stopPropagation()
+        onPointerdown: (k) => k.stopPropagation(),
+        onMousedown: (k) => k.stopPropagation()
       }, f = {
         class: "c-slider-indicator-tick",
         style: s.value
       }, V = r(
-        kn,
-        k,
+        bn,
+        p,
         () => e.resetable ? r(
           "div",
           { class: "c-slider-indicator" },
@@ -3259,7 +3216,7 @@ const ko = M({
     }
     function m() {
       if (!e.resetable || noIcons) return;
-      const h = [], k = {
+      const h = [], p = {
         disabled: initial === o,
         flat: !0,
         round: !0,
@@ -3270,11 +3227,11 @@ const ko = M({
       return h.push(
         r(
           he,
-          k,
+          p,
           () => r(
-            pn,
+            hn,
             { size: "18px" },
-            () => r(qe, { name: et, style: c.value, size: "20px" })
+            () => r(qe, { name: Je, style: c.value, size: "20px" })
           )
         )
       ), r(Le, { style: "position: relative" }, () => h);
@@ -3290,12 +3247,12 @@ const ko = M({
         onPointerdown: (f) => f.stopPropagation(),
         onMousedown: (f) => f.stopPropagation(),
         "data-cy": "c-slider-" + Ce(e.title)
-      }, k = [l(), d(), m()];
-      return r(qt, h, () => k);
+      }, p = [l(), u(), m()];
+      return r(_t, h, () => p);
     }
     return () => g();
   }
-}), Jt = M({
+}), Zt = M({
   name: "CToggle",
   props: {
     access: String,
@@ -3315,14 +3272,14 @@ const ko = M({
   },
   emits: ["update:modelValue", "blockAccess"],
   setup(e, { slots: a, emit: n }) {
-    const t = y(null), o = u(() => e.labelOff ? e.modelValue ? e.label : e.labelOff : e.label), s = u({
+    const t = y(null), o = d(() => e.labelOff ? e.modelValue ? e.label : e.labelOff : e.label), s = d({
       get() {
         return e.modelValue;
       },
       set(l) {
         n("update:modelValue", l);
       }
-    }), c = Qe(
+    }), c = We(
       () => {
         n("blockAccess", e.access);
       },
@@ -3347,25 +3304,25 @@ const ko = M({
         tab: "label",
         class: { "c-toggle": !0, full: !e.drawer, dark: e.dark },
         "data-cy": "c-toggle-" + Ce(e.label)
-      }, d = {
+      }, u = {
         color: "primary",
         modelValue: s.value,
         "onUpdate:modelValue": (g) => s.value = g,
         size: "xs",
         disable: e.disable
       }, m = { class: "c-toggle-title unselectable" };
-      return r(qt, l, () => [
+      return r(_t, l, () => [
         r(
           Le,
           {},
-          () => r(wn, m, () => o.value)
+          () => r(yn, m, () => o.value)
         ),
-        r(Le, { side: !0 }, () => r(Cn, d, () => []))
+        r(Le, { side: !0 }, () => r(kn, u, () => []))
       ]);
     }
     return () => i();
   }
-}), po = M({
+}), fo = M({
   name: "CGridTool",
   props: {
     disable: Boolean,
@@ -3390,28 +3347,28 @@ 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 = (v) => n("blockAccess", v), 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), u = d({
       get: () => e.show,
       set: (v) => n("update:show", v)
-    }), m = u({
+    }), m = d({
       get: () => e.horizontal,
       set: (v) => n("update:horizontal", v)
-    }), g = u({
+    }), g = d({
       get: () => e.modelValue,
       set: (v) => n("update:modelValue", v)
-    }), h = u({
+    }), h = d({
       get: () => e.vertical,
       set: (v) => n("update:vertical", v)
-    }), k = u(() => {
+    }), p = d(() => {
       var v;
       return (v = o.value.controls) == null ? void 0 : v.grid.horizontal;
-    }), f = u(() => {
+    }), f = d(() => {
       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(() => {
+      return o.value.controls ? u.value ? (v = o.value.controls) == null ? void 0 : v.grid.off : (z = o.value.controls) == null ? void 0 : z.grid.on : "";
+    }), V = d(() => {
       var v;
       return (v = o.value.controls) == null ? void 0 : v.grid.spacing;
-    }), p = u(() => {
+    }), k = d(() => {
       var v;
       return (v = o.value.controls) == null ? void 0 : v.grid.vertical;
     });
@@ -3419,15 +3376,15 @@ const ko = M({
       const v = {
         access: "grd",
         drawer: !e.noIcons,
-        modelValue: d.value,
-        "onUpdate:modelValue": (z) => d.value = z,
+        modelValue: u.value,
+        "onUpdate:modelValue": (z) => u.value = z,
         label: f.value,
         dark: e.dark,
         disable: e.disable,
         hasAccess: e.hasAccess,
         onBlockAccess: l
       };
-      return r(Jt, v);
+      return r(Zt, v);
     }
     function $() {
       const v = [], z = {
@@ -3441,7 +3398,7 @@ const ko = M({
         min: -50
       }, G = {
         ...z,
-        icon: It,
+        icon: Tt,
         initial: 100,
         max: 150,
         min: 50,
@@ -3454,7 +3411,7 @@ const ko = M({
         ...z,
         ...T,
         icon: c,
-        title: k.value,
+        title: p.value,
         modelValue: m.value,
         "onUpdate:modelValue": (K) => m.value = K
       };
@@ -3463,12 +3420,12 @@ const ko = M({
         ...z,
         ...T,
         icon: i,
-        title: p.value,
+        title: k.value,
         modelValue: h.value,
         "onUpdate:modelValue": (K) => h.value = K
       };
       return v.push(r($e, ee)), s.value ? r(
-        st,
+        lt,
         {},
         () => R(r("div", {}, v), [[O, e.show]])
       ) : R(r("div", {}, v), [[O, e.show]]);
@@ -3480,7 +3437,7 @@ const ko = M({
     }
     return () => E();
   }
-}), wo = M({
+}), vo = M({
   name: "CMoveButton",
   props: {
     hasAccess: {
@@ -3496,7 +3453,7 @@ const ko = M({
   },
   emits: ["click", "blockAccess"],
   setup(e, { slots: a, emit: n }) {
-    const { lang: t } = X(), o = (l) => n("blockAccess", l), s = u(
+    const { lang: t } = X(), o = (l) => n("blockAccess", l), s = d(
       () => {
         var l;
         return e.noIcons ? null : (l = t.value.controls) == null ? void 0 : l.move.title;
@@ -3514,11 +3471,11 @@ const ko = M({
         onClick: c,
         onBlockAccess: o
       };
-      return r(We, l, () => []);
+      return r(je, l, () => []);
     }
     return () => i();
   }
-}), Co = M({
+}), go = M({
   name: "CMoveTool",
   props: {
     dark: Boolean,
@@ -3538,12 +3495,12 @@ const ko = M({
   },
   emits: ["click", "onUpdate:modelValue"],
   setup(e, { slots: a, emit: n }) {
-    const { lang: t } = X(), o = u(
+    const { lang: t } = X(), o = d(
       () => {
         var i;
         return e.noIcons ? null : (i = t.value.controls) == null ? void 0 : i.move.title;
       }
-    ), s = u({
+    ), s = d({
       get: () => e.modelValue,
       set: (i) => n("update:modelValue", i)
     });
@@ -3557,11 +3514,11 @@ const ko = M({
         modelValue: s.value,
         dark: e.dark
       };
-      return r(Gt, i);
+      return r(jt, i);
     }
     return () => c();
   }
-}), Bo = M({
+}), bo = M({
   name: "CGridTool",
   props: {
     disable: Boolean,
@@ -3586,28 +3543,28 @@ 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 = (v) => n("blockAccess", v), 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), u = d({
       get: () => e.visible,
       set: (v) => n("update:visible", v)
-    }), m = u({
+    }), m = d({
       get: () => e.horizontal,
       set: (v) => n("update:horizontal", v)
-    }), g = u({
+    }), g = d({
       get: () => e.lines,
       set: (v) => n("update:lines", v)
-    }), h = u({
+    }), h = d({
       get: () => e.vertical,
       set: (v) => n("update:vertical", v)
-    }), k = u(() => {
+    }), p = d(() => {
       var v;
       return (v = o.value.controls) == null ? void 0 : v.grid.horizontal;
-    }), f = u(() => {
+    }), f = d(() => {
       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(() => {
+      return o.value.controls ? u.value ? (v = o.value.controls) == null ? void 0 : v.grid.off : (z = o.value.controls) == null ? void 0 : z.grid.on : "";
+    }), V = d(() => {
       var v;
       return (v = o.value.controls) == null ? void 0 : v.grid.spacing;
-    }), p = u(() => {
+    }), k = d(() => {
       var v;
       return (v = o.value.controls) == null ? void 0 : v.grid.vertical;
     });
@@ -3615,15 +3572,15 @@ const ko = M({
       const v = {
         access: "grd",
         drawer: !e.noIcons,
-        modelValue: d.value,
-        "onUpdate:modelValue": (z) => d.value = z,
+        modelValue: u.value,
+        "onUpdate:modelValue": (z) => u.value = z,
         label: f.value,
         dark: e.dark,
         disable: e.disable,
         hasAccess: e.hasAccess,
         onBlockAccess: l
       };
-      return r(Jt, v);
+      return r(Zt, v);
     }
     function $() {
       const v = [], z = {
@@ -3637,7 +3594,7 @@ const ko = M({
         min: -50
       }, G = {
         ...z,
-        icon: It,
+        icon: Tt,
         initial: 20,
         max: 50,
         min: 1,
@@ -3650,7 +3607,7 @@ const ko = M({
         ...z,
         ...T,
         icon: c,
-        title: k.value,
+        title: p.value,
         modelValue: m.value,
         "onUpdate:modelValue": (K) => m.value = K
       };
@@ -3659,12 +3616,12 @@ const ko = M({
         ...z,
         ...T,
         icon: i,
-        title: p.value,
+        title: k.value,
         modelValue: h.value,
         "onUpdate:modelValue": (K) => h.value = K
       };
       return v.push(r($e, ee)), s.value ? r(
-        st,
+        lt,
         {},
         () => R(r("div", {}, v), [[O, e.visible]])
       ) : R(r("div", {}, v), [[O, e.visible]]);
@@ -3676,7 +3633,7 @@ const ko = M({
     }
     return () => E();
   }
-}), Vo = {
+}), ho = {
   __name: "CSaturateButton",
   props: {
     hasAccess: {
@@ -3687,14 +3644,14 @@ const ko = M({
   },
   emits: ["click", "blockAccess"],
   setup(e, { emit: a }) {
-    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = u(
+    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = d(
       () => {
         var l;
         return t.noIcons ? null : (l = n.value.controls) == null ? void 0 : l.saturate.title;
       }
     ), i = () => o("click");
-    return (l, d) => (_(), L(Te, {
-      icon: Z(ut),
+    return (l, u) => (_(), L(Te, {
+      icon: Z(rt),
       class: "c-saturate-button",
       label: c.value,
       selected: e.selected,
@@ -3703,7 +3660,7 @@ const ko = M({
       onBlockAccess: s
     }, null, 8, ["icon", "label", "selected", "has-access"]));
   }
-}, xo = {
+}, yo = {
   __name: "CSaturateTool",
   props: {
     hasAccess: {
@@ -3718,38 +3675,38 @@ const ko = M({
   },
   emits: ["update:modelValue", "blockAccess"],
   setup(e, { emit: a }) {
-    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = u({
+    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = d({
       get() {
         return t.modelValue;
       },
       set(l) {
         o("update:modelValue", l);
       }
-    }), i = u(
+    }), i = d(
       () => {
         var l;
         return t.noIcons ? null : (l = n.value.controls) == null ? void 0 : l.saturate.title;
       }
     );
-    return (l, d) => (_(), L(xe, {
+    return (l, u) => (_(), L(xe, {
       access: "sct",
       class: "saturate-item",
       color: "primary",
-      icon: Z(ut),
+      icon: Z(rt),
       initial: 100,
       max: 150,
       min: 50,
       "no-icons": e.noIcons,
       title: i.value,
       modelValue: c.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (m) => c.value = m),
+      "onUpdate:modelValue": u[0] || (u[0] = (m) => c.value = m),
       dark: e.dark,
       disable: e.disable,
       "has-access": e.hasAccess,
       onBlockAccess: s
     }, null, 8, ["icon", "no-icons", "title", "modelValue", "dark", "disable", "has-access"]));
   }
-}, Do = {
+}, ko = {
   __name: "CSpinButton",
   props: {
     hasAccess: {
@@ -3764,14 +3721,14 @@ const ko = M({
   },
   emits: ["click", "blockAccess"],
   setup(e, { emit: a }) {
-    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = u(
+    const { lang: n } = X(), t = e, o = a, s = (l) => o("blockAccess", l), c = d(
       () => {
         var l;
         return t.noIcons ? null : (l = n.value.controls) == null ? void 0 : l.spin.title;
       }
     ), i = () => o("click");
-    return (l, d) => (_(), L(Te, {
-      icon: Z(rt),
+    return (l, u) => (_(), L(Te, {
+      icon: Z(it),
       class: "c-spin-button",
       label: c.value,
       selected: e.selected,
@@ -3781,7 +3738,7 @@ const ko = M({
       onBlockAccess: s
     }, null, 8, ["icon", "label", "selected", "show", "has-access"]));
   }
-}, So = M({
+}, po = M({
   name: "CSpinTool",
   props: {
     dark: Boolean,
@@ -3809,14 +3766,14 @@ const ko = M({
   },
   emits: ["blockAccess", "onUpdate:modelValue"],
   setup(e, { slots: a, emit: n }) {
-    const { lang: t } = X(), o = (l) => n("blockAccess", l), s = u({
+    const { lang: t } = X(), o = (l) => n("blockAccess", l), s = d({
       get() {
         return e.modelValue;
       },
       set(l) {
         n("update:modelValue", l);
       }
-    }), c = u(
+    }), c = d(
       () => {
         var l;
         return e.noIcons ? null : (l = t.value.controls) == null ? void 0 : l.spin.title;
@@ -3825,14 +3782,14 @@ const ko = M({
     function i() {
       const l = {
         class: "c-spin-tool",
-        icon: rt,
+        icon: it,
         initial: e.initial,
         max: e.max,
         min: e.min,
         noIcons: e.noIcons,
         title: c.value,
         modelValue: s.value,
-        "onUpdate:modelValue": (d) => s.value = d,
+        "onUpdate:modelValue": (u) => s.value = u,
         dark: e.dark,
         disable: e.disable,
         hasAccess: e.hasAccess,
@@ -3842,7 +3799,7 @@ const ko = M({
     }
     return () => i();
   }
-}), Ao = {
+}), wo = {
   __name: "CZoomButton",
   props: {
     hasAccess: {
@@ -3853,13 +3810,13 @@ const ko = M({
   },
   emits: ["click", "blockAccess"],
   setup(e, { emit: a }) {
-    const { lang: n } = X(), t = e, o = a, s = (d) => o("blockAccess", d), c = u(
+    const { lang: n } = X(), t = e, o = a, s = (u) => o("blockAccess", u), c = d(
       () => {
-        var d;
-        return t.noIcons ? null : (d = n.value.controls) == null ? void 0 : d.zoom.title;
+        var u;
+        return t.noIcons ? null : (u = n.value.controls) == null ? void 0 : u.zoom.title;
       }
-    ), i = () => o("click"), l = u(() => t.selected ? Sn : it);
-    return (d, m) => (_(), L(Te, {
+    ), i = () => o("click"), l = d(() => t.selected ? Vn : ct);
+    return (u, m) => (_(), L(Te, {
       icon: l.value,
       class: "c-zoom-button",
       label: c.value,
@@ -3869,7 +3826,7 @@ const ko = M({
       onBlockAccess: s
     }, null, 8, ["icon", "label", "selected", "has-access"]));
   }
-}, _o = M({
+}, Co = M({
   name: "CZoomTool",
   props: {
     dark: Boolean,
@@ -3897,14 +3854,14 @@ const ko = M({
   },
   emits: ["blockAccess", "onUpdate:modelValue"],
   setup(e, { slots: a, emit: n }) {
-    const { lang: t } = X(), o = (l) => n("blockAccess", l), s = u({
+    const { lang: t } = X(), o = (l) => n("blockAccess", l), s = d({
       get() {
         return e.modelValue;
       },
       set(l) {
         n("update:modelValue", l);
       }
-    }), c = u(
+    }), c = d(
       () => {
         var l;
         return e.noIcons ? null : (l = t.value.controls) == null ? void 0 : l.zoom.title;
@@ -3914,14 +3871,14 @@ const ko = M({
       const l = {
         access: "zom",
         class: "c-zoom-tool non-draggable",
-        icon: it,
+        icon: ct,
         initial: e.initial,
         max: e.max,
         min: e.min,
         noIcons: e.noIcons,
         title: c.value,
         modelValue: s.value,
-        "onUpdate:modelValue": (d) => s.value = d,
+        "onUpdate:modelValue": (u) => s.value = u,
         dark: e.dark,
         disable: e.disable,
         hasAccess: e.hasAccess,
@@ -3931,7 +3888,7 @@ const ko = M({
     }
     return () => i();
   }
-}), nt = {
+}), tt = {
   __name: "CDrawer",
   props: {
     modelValue: Boolean,
@@ -3944,10 +3901,10 @@ const ko = M({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const n = e, t = a, o = u({
+    const n = e, t = a, o = d({
       get: () => n.modelValue,
       set: (c) => t("update:modelValue", c)
-    }), s = u(() => ({
+    }), s = d(() => ({
       "overlay-transparent": n.overlayTransparent,
       dark: n.dark,
       "text-white": n.dark
@@ -3963,7 +3920,7 @@ const ko = M({
         "show-if-above": !1,
         side: e.side,
         modelValue: o.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (d) => o.value = d)
+        "onUpdate:modelValue": i[0] || (i[0] = (u) => o.value = u)
       }, {
         default: S(() => [
           I(c.$slots, "default")
@@ -3972,7 +3929,7 @@ const ko = M({
       }, 8, ["class", "dark", "no-swipe-backdrop", "side", "modelValue"]);
     };
   }
-}, en = {
+}, Xt = {
   __name: "CFab",
   props: {
     show: Boolean,
@@ -3988,19 +3945,19 @@ const ko = M({
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const n = e, t = a, o = u(() => n.icon ? n.icon : zt), s = u(() => ({
+    const n = e, t = a, o = d(() => n.icon ? n.icon : qt), s = d(() => ({
       color: n.color,
       backgroundColor: n.backgroundColor
     })), c = () => t("click");
     return (i, l) => {
-      const d = A("q-btn"), m = A("q-page-sticky");
+      const u = A("q-btn"), m = A("q-page-sticky");
       return R((_(), L(m, {
         position: "bottom-right",
         offset: [18, 18],
         style: { "z-index": "12", transform: "translate(0, 0)" }
       }, {
         default: S(() => [
-          D(d, {
+          D(u, {
             class: "c-fab",
             onClick: c,
             fab: "",
@@ -4016,11 +3973,11 @@ const ko = M({
       ]);
     };
   }
-}, $o = {
+}, Bo = {
   __name: "CMenuButton",
   emits: ["click"],
   setup(e, { emit: a }) {
-    const { lang: n } = X(), t = a, o = u(() => {
+    const { lang: n } = X(), t = a, o = d(() => {
       var c;
       return (c = n.value.controls) == null ? void 0 : c.menu.title;
     }), s = () => t("click");
@@ -4031,29 +3988,29 @@ const ko = M({
         onClick: s,
         dense: "",
         flat: "",
-        icon: Z(ct),
+        icon: Z(st),
         label: o.value,
         rounded: ""
       }, null, 8, ["icon", "label"]);
     };
   }
-}, qo = {
+}, Vo = {
   class: "c-right-drawer-container-default",
   ref: "drawers"
-}, To = {
+}, xo = {
   __name: "CRightDrawer",
   props: {
     modelValue: Boolean
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const n = e, t = a, o = y(null), s = y(null), c = u({
+    const n = e, t = a, o = y(null), s = y(null), c = d({
       get: () => n.modelValue,
       set: (i) => t("update:modelValue", i)
     });
     return (i, l) => {
-      const d = A("q-dialog");
-      return _(), L(d, {
+      const u = A("q-dialog");
+      return _(), L(u, {
         class: "c-right-drawer",
         "full-height": "",
         position: "right",
@@ -4073,7 +4030,7 @@ const ko = M({
           }, [
             D(ie, { name: "fade" }, {
               default: S(() => [
-                x("div", qo, [
+                x("div", Vo, [
                   I(i.$slots, "default")
                 ], 512)
               ]),
@@ -4085,7 +4042,7 @@ const ko = M({
       }, 8, ["modelValue"]);
     };
   }
-}, zo = { class: "profile-icon" }, Io = { key: "404" }, Lo = { key: "content" }, Mo = {
+}, Do = { class: "profile-icon" }, So = { key: "404" }, Ao = { key: "content" }, _o = {
   __name: "CInteractiveLayout",
   props: {
     active: {
@@ -4115,19 +4072,19 @@ const ko = M({
   },
   emits: ["update:active", "update:leftDrawer", "right"],
   setup(e, { emit: a }) {
-    const n = e, t = a, o = dn(), s = y(!1), c = ft, i = () => {
-      k.value = !1;
-      const f = s.value ? _t : $t;
+    const n = e, t = a, o = cn(), s = y(!1), c = mt, i = () => {
+      p.value = !1;
+      const f = s.value ? St : At;
       t("update:active", f);
     }, l = () => {
-      t("update:active", me), k.value = !0;
-    }, d = (f) => {
+      t("update:active", me), p.value = !0;
+    }, u = (f) => {
       if (f && f.width >= 800) {
         s.value = !0;
         return;
       }
       s.value = !1;
-    }, 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({
+    }, m = d(() => !(o && o.bottom)), g = d(() => m.value ? !1 : !s.value && n.active !== me), h = d(() => p.value ? !1 : m.value ? n.active !== me : s.value && n.active !== me), p = d({
       get() {
         return n.leftDrawer;
       },
@@ -4136,12 +4093,12 @@ const ko = M({
       }
     });
     return ce(
-      () => k.value,
+      () => p.value,
       (f) => {
         t("update:active", me), t("update:leftDrawer", f);
       }
     ), (f, V) => {
-      const p = A("q-resize-observer"), C = A("q-page-container"), $ = A("q-icon"), E = A("q-layout");
+      const k = 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"
@@ -4154,7 +4111,7 @@ const ko = M({
             default: S(() => [
               R(x("div", {
                 class: "c-interactive-layout-overlay",
-                onClick: V[0] || (V[0] = (v) => k.value = !1)
+                onClick: V[0] || (V[0] = (v) => p.value = !1)
               }, [
                 I(f.$slots, "toolRestricted"),
                 I(f.$slots, "restricted"),
@@ -4166,20 +4123,20 @@ const ko = M({
             _: 3
           }),
           x("div", null, [
-            D(p, { onResize: d }),
-            D($o, {
+            D(k, { onResize: u }),
+            D(Bo, {
               onClick: l,
               class: "c-menu-button"
             }),
-            x("div", zo, [
+            x("div", Do, [
               I(f.$slots, "profile")
             ]),
-            D(nt, {
+            D(tt, {
               side: "left",
               behavior: "mobile",
               class: "c-layout-left-drawer",
-              modelValue: k.value,
-              "onUpdate:modelValue": V[1] || (V[1] = (v) => k.value = v),
+              modelValue: p.value,
+              "onUpdate:modelValue": V[1] || (V[1] = (v) => p.value = v),
               dark: ""
             }, {
               default: S(() => [
@@ -4188,7 +4145,7 @@ const ko = M({
               _: 3
             }, 8, ["modelValue"]),
             I(f.$slots, "profile"),
-            D(To, {
+            D(xo, {
               "overlay-transparent": e.overlayTransparent,
               modelValue: h.value,
               "onUpdate:modelValue": V[2] || (V[2] = (v) => h.value = v),
@@ -4199,7 +4156,7 @@ const ko = M({
               ]),
               _: 3
             }, 8, ["overlay-transparent", "modelValue"]),
-            D(Ot, {
+            D(Nt, {
               desktop: s.value,
               modelValue: g.value,
               "onUpdate:modelValue": V[3] || (V[3] = (v) => g.value = v)
@@ -4211,14 +4168,14 @@ const ko = M({
             }, 8, ["desktop", "modelValue"]),
             D(C, null, {
               default: S(() => [
-                D(ot, { name: "fade" }, {
+                D(at, { name: "fade" }, {
                   default: S(() => [
-                    R(x("div", Io, [
+                    R(x("div", So, [
                       I(f.$slots, "not-found")
                     ], 512), [
                       [O, e.notFound]
                     ]),
-                    R(x("div", Lo, [
+                    R(x("div", Ao, [
                       I(f.$slots, "page")
                     ], 512), [
                       [O, !e.notFound]
@@ -4233,7 +4190,7 @@ const ko = M({
               class: "logo-button",
               name: Z(c)
             }, null, 8, ["name"]),
-            R(D(en, { onClick: i }, null, 512), [
+            R(D(Xt, { onClick: i }, null, 512), [
               [O, !e.active || !e.notFound || !e.hideFab]
             ])
           ])
@@ -4242,7 +4199,7 @@ const ko = M({
       });
     };
   }
-}, No = { class: "c-layout-overlay" }, Po = { class: "profile-icon" }, Ro = { class: "c-right-drawer" }, Oo = { key: "404" }, Eo = { key: "content" }, Ho = {
+}, $o = { class: "c-layout-overlay" }, qo = { class: "profile-icon" }, To = { class: "c-right-drawer" }, zo = { key: "404" }, Io = { key: "content" }, Lo = {
   __name: "CLayout",
   props: {
     active: String,
@@ -4269,10 +4226,10 @@ const ko = M({
   },
   emits: ["rightDrawerClicked"],
   setup(e, { emit: a }) {
-    const n = e, t = a, o = y(!1), s = y(!1), c = y(!1), i = () => c.value = !c.value, l = u({
+    const n = e, t = a, o = y(!1), s = y(!1), c = y(!1), i = () => c.value = !c.value, l = d({
       get: () => n.rightDrawer,
       set: (m) => t("rightDrawerClicked", m)
-    }), d = (m) => {
+    }), u = (m) => {
       if (m && m.width >= 800) {
         o.value = !0;
         return;
@@ -4280,7 +4237,7 @@ const ko = M({
       o.value = !1;
     };
     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");
+      const h = A("q-resize-observer"), p = A("q-btn"), f = A("q-space"), V = A("q-toolbar"), k = 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"
@@ -4288,7 +4245,7 @@ const ko = M({
         default: S(() => [
           D(ie, { name: "fade" }, {
             default: S(() => [
-              R(x("div", No, [
+              R(x("div", $o, [
                 I(m.$slots, "toolRestricted"),
                 I(m.$slots, "restricted"),
                 I(m.$slots, "overlay")
@@ -4298,20 +4255,20 @@ const ko = M({
             ]),
             _: 3
           }),
-          x("div", Po, [
+          x("div", qo, [
             I(m.$slots, "profile")
           ]),
-          D(h, { onResize: d }),
-          D(p, null, {
+          D(h, { onResize: u }),
+          D(k, null, {
             default: S(() => [
               D(V, { style: { "margin-top": "auto", "margin-bottom": "auto" } }, {
                 default: S(() => [
-                  D(k, {
+                  D(p, {
                     class: "q-pl-xs q-pr-sm",
                     onClick: i,
                     dense: "",
                     flat: "",
-                    icon: Z(ct),
+                    icon: Z(st),
                     label: "Menu",
                     rounded: "",
                     color: e.dark ? "white" : "black",
@@ -4324,7 +4281,7 @@ const ko = M({
             ]),
             _: 1
           }),
-          D(nt, {
+          D(tt, {
             side: "left",
             behavior: "mobile",
             class: "c-layout-left-drawer",
@@ -4337,8 +4294,8 @@ const ko = M({
             ]),
             _: 3
           }, 8, ["modelValue"]),
-          x("div", Ro, [
-            D(nt, {
+          x("div", To, [
+            D(tt, {
               "container-class": "c-right-drawer",
               behavior: "mobile",
               "overlay-transparent": e.overlayTransparent,
@@ -4355,14 +4312,14 @@ const ko = M({
           ]),
           D(C, null, {
             default: S(() => [
-              D(ot, { name: "fade" }, {
+              D(at, { name: "fade" }, {
                 default: S(() => [
-                  R(x("div", Oo, [
+                  R(x("div", zo, [
                     I(m.$slots, "not-found")
                   ], 512), [
                     [O, e.notFound]
                   ]),
-                  R(x("div", Eo, [
+                  R(x("div", Io, [
                     I(m.$slots, "page")
                   ], 512), [
                     [O, !e.notFound]
@@ -4375,10 +4332,10 @@ const ko = M({
           }),
           D($, {
             class: "logo-button",
-            name: Z(ft),
+            name: Z(mt),
             color: e.dark ? "white" : "black"
           }, null, 8, ["name", "color"]),
-          R(D(en, {
+          R(D(Xt, {
             unelevated: "",
             onClick: m.rightDrawerClicked
           }, null, 8, ["onClick"]), [
@@ -4389,7 +4346,7 @@ const ko = M({
       });
     };
   }
-}, Uo = M({
+}, Mo = M({
   name: "CResponsiveLayout",
   props: {
     active: {
@@ -4423,20 +4380,20 @@ const ko = M({
   emits: ["update:active", "update:leftDrawer"],
   setup(e, { slots: a, emit: n }) {
     const t = Ve(), o = y(t.platform.is.desktop);
-    u(() => a.bottom ? !o.value : !1);
-    const s = u(() => e.active !== me), c = u({
+    d(() => a.bottom ? !o.value : !1);
+    const s = d(() => e.active !== me), c = d({
       get: () => e.leftDrawer,
       set: (f) => n("update:leftDrawer", f)
-    }), i = u({
+    }), i = d({
       get: () => e.active,
       set: (f) => {
         console.log("active", f), n("update:active", f);
       }
     });
     function l() {
-      c.value = !1, n("update:active", o.value ? _t : $t);
+      c.value = !1, n("update:active", o.value ? St : At);
     }
-    function d() {
+    function u() {
       c.value = !0;
     }
     function m() {
@@ -4446,7 +4403,7 @@ const ko = M({
       (f) => {
         n("update:active", me);
       }
-    ), Me(m), At(() => {
+    ), Me(m), Dt(() => {
     }), J(() => {
     });
     function g() {
@@ -4457,7 +4414,7 @@ const ko = M({
           "leave-active-class": "animated fadeOut"
         },
         () => {
-          var f, V, p;
+          var f, V, k;
           return R(
             r(
               "div",
@@ -4468,7 +4425,7 @@ const ko = M({
               [
                 ...((f = a.toolRestricted) == null ? void 0 : f.call(a)) || [],
                 ...((V = a.restricted) == null ? void 0 : V.call(a)) || [],
-                ...((p = a.overlay) == null ? void 0 : p.call(a)) || []
+                ...((k = a.overlay) == null ? void 0 : k.call(a)) || []
               ]
             ),
             [[O, e.overlay]]
@@ -4477,22 +4434,22 @@ const ko = M({
       );
     }
     function h() {
-      var p;
+      var k;
       const f = [];
       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) {
+        r(Ft, { class: "c-menu-button", onClick: u })
+      ), f.push(r("div", { class: "profile-icon" }, ((k = a.profile) == null ? void 0 : k.call(a)) || [])), o.value) {
         const C = {
           modelValue: s.value,
           dark: !0
         };
         f.push(
-          r(Yt, C, () => {
+          r(Wt, C, () => {
             var $;
             return (($ = a.rightDrawer) == null ? void 0 : $.call(a)) || [];
           })
         ), f.push(
-          R(r(Wt, { onClick: l }), [
+          R(r(Ht, { onClick: l }), [
             [O, !e.active || !e.notFound || !e.hideFab]
           ])
         );
@@ -4506,7 +4463,7 @@ const ko = M({
         };
         f.push(
           r(
-            Ft,
+            Et,
             C,
             () => {
               var $;
@@ -4515,7 +4472,7 @@ const ko = M({
           )
         );
       }
-      f.push(r(qe, { class: "logo-button", name: ft }));
+      f.push(r(qe, { class: "logo-button", name: mt }));
       const V = {
         side: "left",
         behavior: "mobile",
@@ -4524,12 +4481,12 @@ const ko = M({
         "onUpdate:modelValue": (C) => c.value = C,
         dark: !0
       };
-      return f.push(r(jt, V, () => {
+      return f.push(r(Ut, V, () => {
         var C;
         return ((C = a.leftDrawer) == null ? void 0 : C.call(a)) || [];
       })), f.push(
-        r(Vn, {}, () => [
-          r(ot, { name: "fade" }, () => {
+        r(wn, {}, () => [
+          r(at, { name: "fade" }, () => {
             var C, $;
             return [
               R(
@@ -4544,10 +4501,10 @@ const ko = M({
         ])
       ), f;
     }
-    function k() {
+    function p() {
       const f = [];
       return f.push(g()), f.push(h()), r(
-        Bn,
+        pn,
         {
           class: "c-responsive-layout",
           role: "responsiveLayout",
@@ -4556,9 +4513,9 @@ const ko = M({
         () => f
       );
     }
-    return () => k();
+    return () => p();
   }
-}), Fo = { class: "c-tool-layout-left-header-icon" }, jo = { class: "c-tool-layout-center-header-icon" }, Wo = { class: "c-tool-layout-right-header-icon" }, Qo = {
+}), No = { class: "c-tool-layout-left-header-icon" }, Po = { class: "c-tool-layout-center-header-icon" }, Ro = { class: "c-tool-layout-right-header-icon" }, Oo = {
   __name: "CToolLayout",
   props: {
     leftDrawerModel: {
@@ -4574,7 +4531,7 @@ const ko = M({
   },
   emits: ["update:leftDrawerModel", "update:rightDrawerModel"],
   setup(e) {
-    $n();
+    Sn();
     const a = Ue(e, "leftDrawerModel"), n = Ue(e, "rightDrawerModel");
     return J(() => console.log("CToolLayout Mounted")), (t, o) => {
       const s = A("q-drawer"), c = A("router-view"), i = A("q-page-container"), l = A("q-layout");
@@ -4584,18 +4541,18 @@ const ko = M({
         "data-id": n.value
       }, {
         default: S(() => [
-          x("div", Fo, [
+          x("div", No, [
             I(t.$slots, "leftIcon")
           ]),
-          x("div", jo, [
+          x("div", Po, [
             I(t.$slots, "centerIcon")
           ]),
-          x("div", Wo, [
+          x("div", Ro, [
             I(t.$slots, "rightIcon")
           ]),
           D(s, {
             modelValue: a.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (d) => a.value = d),
+            "onUpdate:modelValue": o[0] || (o[0] = (u) => a.value = u),
             side: "left",
             overlay: "",
             bordered: "",
@@ -4610,7 +4567,7 @@ const ko = M({
           }, 8, ["modelValue"]),
           D(s, {
             modelValue: n.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (d) => n.value = d),
+            "onUpdate:modelValue": o[1] || (o[1] = (u) => n.value = u),
             side: "right",
             bordered: "",
             overlay: "",
@@ -4626,8 +4583,8 @@ const ko = M({
           D(i, null, {
             default: S(() => [
               D(c, null, {
-                default: S(({ Component: d, route: m }) => [
-                  (_(), L(mn(d), {
+                default: S(({ Component: u, route: m }) => [
+                  (_(), L(rn(u), {
                     key: m.params.id
                   }))
                 ]),
@@ -4641,7 +4598,7 @@ const ko = M({
       }, 8, ["data-id"]);
     };
   }
-}, Go = M({
+}, Eo = M({
   name: "CToolTopGlass",
   props: {
     height: { type: Number, default: 70 },
@@ -4654,7 +4611,7 @@ const ko = M({
     function t() {
       const o = e.drawerPadding ? e.height + 60 : e.height, c = {
         class: "c-top-glass glass-background column justify-end",
-        style: u(() => ({
+        style: d(() => ({
           paddingTop: o + "px",
           height: 0,
           top: 0,
@@ -4669,9 +4626,9 @@ const ko = M({
     }
     return () => t();
   }
-}), Yo = {
+}), Uo = {
   __name: "CToolPage",
-  props: /* @__PURE__ */ fn({
+  props: /* @__PURE__ */ un({
     drawerPadding: {
       type: Boolean,
       default: !0
@@ -4688,10 +4645,10 @@ const ko = M({
   }),
   emits: ["update:modelValue", "update:miniState"],
   setup(e) {
-    const a = Ve(), n = e, t = Ue(e, "modelValue"), o = Ue(e, "miniState"), s = u(() => ({ paddingTop: (n.drawerPadding ? 130 : 60) + "px", transition: "padding-top 300ms ease-out" })), c = () => {
+    const a = Ve(), n = e, t = Ue(e, "modelValue"), o = Ue(e, "miniState"), s = d(() => ({ paddingTop: (n.drawerPadding ? 130 : 60) + "px", transition: "padding-top 300ms ease-out" })), c = () => {
       o.value = !o.value;
-    }, i = u(() => o.value ? "f_enter" : "f_exit");
-    return J(() => console.log("CToolPage mounted")), (l, d) => {
+    }, i = d(() => o.value ? "f_enter" : "f_exit");
+    return J(() => console.log("CToolPage mounted")), (l, u) => {
       const m = A("q-btn"), g = A("q-drawer"), h = A("q-page");
       return _(), L(h, { class: "c-tool-page" }, {
         default: S(() => [
@@ -4699,21 +4656,21 @@ const ko = M({
           Z(a).platform.is.desktop ? (_(), L(g, {
             key: 0,
             modelValue: t.value,
-            "onUpdate:modelValue": d[0] || (d[0] = (k) => t.value = k),
+            "onUpdate:modelValue": u[0] || (u[0] = (p) => t.value = p),
             "show-if-above": "",
             side: "right",
             bordered: "",
             persistent: "",
             mini: o.value,
             width: 360,
-            onClick: yt(c, ["stop"]),
+            onClick: ht(c, ["stop"]),
             style: pe(s.value)
           }, {
             default: S(() => [
               R(x("div", null, [
-                R(D(Z(Go), { "drawer-padding": e.drawerPadding }, {
+                R(D(Z(Eo), { "drawer-padding": e.drawerPadding }, {
                   default: S(() => [
-                    D(Z(Kt), { label: e.title }, null, 8, ["label"])
+                    D(Z(Yt), { label: e.title }, null, 8, ["label"])
                   ]),
                   _: 1
                 }, 8, ["drawer-padding"]), [
@@ -4727,7 +4684,7 @@ const ko = M({
                 class: "c-tool-page-drawer-button",
                 round: "",
                 unelevated: "",
-                onClick: yt(c, ["stop"]),
+                onClick: ht(c, ["stop"]),
                 icon: i.value
               }, null, 8, ["icon"])
             ]),
@@ -4739,69 +4696,69 @@ const ko = M({
       });
     };
   }
-}, ll = {
+}, Ko = {
   install(e) {
-    e.component("CAnimatedNumber", Nt), e.component("CBaseButton", Pn), e.component("CBaseButtons", Rn), e.component("CBasicTool", mo), e.component("CBottomDrawer", Ot), e.component("CBottomDrawerContainer", Zn), e.component("CBottomDrawerHeader", Et), e.component("CBrightnessButton", fo), e.component("CBrightnessTool", vo), e.component("CButton", We), e.component("CButtonBar", Xn), e.component("CButtonRow", ea), e.component("CButtonToggle", ta), e.component("CCameraDirection", oa), e.component("CColorPicker", ca), e.component("CColorPickerButton", ia), e.component("CColorPickerPopup", Ht), e.component("CContrastButton", go), e.component("CContrastTool", bo), e.component("CDivider", ra), e.component("CDraggableDrawer", ga), e.component("CDraggableDrawers", Ft), e.component("CDrawer", jt), e.component("CDrawerHeader", Rt), e.component("CDurationButton", ya), e.component("CExpansion", ka), e.component("CExpansionItem", pa), e.component("CFab", Wt), e.component("CFloatingModal", wa), e.component("CGridButton", ho), e.component("CGridOverlay", ko), e.component("CGridTool", po), e.component("CHorizontalScroller", Ca), e.component("CIconButton", Va), e.component("CInteractiveLayout", Mo), e.component("CItemHeading", Da), e.component("CLayout", Ho), e.component("CMenuButton", Qt), e.component("CMoveButton", wo), e.component("CMoveTool", Co), e.component("CNavigator", Gt), e.component("CNewGridTool", Bo), e.component("COverlayLoader", Sa), e.component("CRectButton", qa), e.component("CResponsiveLayout", Uo), e.component("CRightDrawer", Yt), e.component("CRoundButton", Te), e.component("CSaturateButton", Vo), e.component("CSaturateTool", xo), e.component("CSlider", xe), e.component("CSpinButton", Do), e.component("CSpinTool", So), e.component("CToggle", uo), e.component("CToolHeader", Kt), e.component("CToolLayout", Qo), e.component("CToolPage", Yo), e.component("CZoomButton", Ao), e.component("CZoomTool", _o);
+    e.component("CAnimatedNumber", Lt), e.component("CBaseButton", qn), e.component("CBaseButtons", Tn), e.component("CBasicTool", oo), e.component("CBottomDrawer", Nt), e.component("CBottomDrawerContainer", Hn), e.component("CBottomDrawerHeader", Pt), e.component("CBrightnessButton", lo), e.component("CBrightnessTool", so), e.component("CButton", je), e.component("CButtonBar", Fn), e.component("CButtonRow", Qn), e.component("CButtonToggle", Gn), e.component("CCameraDirection", Xn), e.component("CColorPicker", ea), e.component("CColorPickerButton", ta), e.component("CColorPickerPopup", Rt), e.component("CContrastButton", co), e.component("CContrastTool", io), e.component("CDivider", na), e.component("CDraggableDrawer", ia), e.component("CDraggableDrawers", Et), e.component("CDrawer", Ut), e.component("CDrawerHeader", Mt), e.component("CDurationButton", da), e.component("CExpansion", ma), e.component("CExpansionItem", fa), e.component("CFab", Ht), e.component("CFloatingModal", va), e.component("CGridButton", ro), e.component("CGridOverlay", mo), e.component("CGridTool", fo), e.component("CHorizontalScroller", ga), e.component("CIconButton", ha), e.component("CInteractiveLayout", _o), e.component("CItemHeading", ka), e.component("CLayout", Lo), e.component("CMenuButton", Ft), e.component("CMoveButton", vo), e.component("CMoveTool", go), e.component("CNavigator", jt), e.component("CNewGridTool", bo), e.component("COverlayLoader", pa), e.component("CRectButton", Va), e.component("CResponsiveLayout", Mo), e.component("CRightDrawer", Wt), e.component("CRoundButton", Te), e.component("CSaturateButton", ho), e.component("CSaturateTool", yo), e.component("CSlider", xe), e.component("CSpinButton", ko), e.component("CSpinTool", po), e.component("CToggle", ao), e.component("CToolHeader", Yt), e.component("CToolLayout", Oo), e.component("CToolPage", Uo), e.component("CZoomButton", wo), e.component("CZoomTool", Co);
   }
 };
 export {
-  Nt as CAnimatedNumber,
-  Pn as CBaseButton,
-  Rn as CBaseButtons,
-  mo as CBasicTool,
-  Ot as CBottomDrawer,
-  Zn as CBottomDrawerContainer,
-  Et as CBottomDrawerHeader,
-  fo as CBrightnessButton,
-  vo as CBrightnessTool,
-  We as CButton,
-  Xn as CButtonBar,
-  ea as CButtonRow,
-  ta as CButtonToggle,
-  oa as CCameraDirection,
-  ca as CColorPicker,
-  ia as CColorPickerButton,
-  Ht as CColorPickerPopup,
-  go as CContrastButton,
-  bo as CContrastTool,
-  ra as CDivider,
-  ga as CDraggableDrawer,
-  Ft as CDraggableDrawers,
-  jt as CDrawer,
-  Rt as CDrawerHeader,
-  ya as CDurationButton,
-  ka as CExpansion,
-  pa as CExpansionItem,
-  Wt as CFab,
-  wa as CFloatingModal,
-  ho as CGridButton,
-  ko as CGridOverlay,
-  po as CGridTool,
-  Ca as CHorizontalScroller,
-  Va as CIconButton,
-  Mo as CInteractiveLayout,
-  Da as CItemHeading,
-  Ho as CLayout,
-  Qt as CMenuButton,
-  wo as CMoveButton,
-  Co as CMoveTool,
-  Gt as CNavigator,
-  Bo as CNewGridTool,
-  Sa as COverlayLoader,
-  qa as CRectButton,
-  Uo as CResponsiveLayout,
-  Yt as CRightDrawer,
+  Lt as CAnimatedNumber,
+  qn as CBaseButton,
+  Tn as CBaseButtons,
+  oo as CBasicTool,
+  Nt as CBottomDrawer,
+  Hn as CBottomDrawerContainer,
+  Pt as CBottomDrawerHeader,
+  lo as CBrightnessButton,
+  so as CBrightnessTool,
+  je as CButton,
+  Fn as CButtonBar,
+  Qn as CButtonRow,
+  Gn as CButtonToggle,
+  Xn as CCameraDirection,
+  ea as CColorPicker,
+  ta as CColorPickerButton,
+  Rt as CColorPickerPopup,
+  co as CContrastButton,
+  io as CContrastTool,
+  na as CDivider,
+  ia as CDraggableDrawer,
+  Et as CDraggableDrawers,
+  Ut as CDrawer,
+  Mt as CDrawerHeader,
+  da as CDurationButton,
+  ma as CExpansion,
+  fa as CExpansionItem,
+  Ht as CFab,
+  va as CFloatingModal,
+  ro as CGridButton,
+  mo as CGridOverlay,
+  fo as CGridTool,
+  ga as CHorizontalScroller,
+  ha as CIconButton,
+  _o as CInteractiveLayout,
+  ka as CItemHeading,
+  Lo as CLayout,
+  Ft as CMenuButton,
+  vo as CMoveButton,
+  go as CMoveTool,
+  jt as CNavigator,
+  bo as CNewGridTool,
+  pa as COverlayLoader,
+  Va as CRectButton,
+  Mo as CResponsiveLayout,
+  Wt as CRightDrawer,
   Te as CRoundButton,
-  Vo as CSaturateButton,
-  xo as CSaturateTool,
+  ho as CSaturateButton,
+  yo as CSaturateTool,
   xe as CSlider,
-  Do as CSpinButton,
-  So as CSpinTool,
-  uo as CToggle,
-  Kt as CToolHeader,
-  Qo as CToolLayout,
-  Yo as CToolPage,
-  Ao as CZoomButton,
-  _o as CZoomTool,
-  ll as default
+  ko as CSpinButton,
+  po as CSpinTool,
+  ao as CToggle,
+  Yt as CToolHeader,
+  Oo as CToolLayout,
+  Uo as CToolPage,
+  wo as CZoomButton,
+  Co as CZoomTool,
+  Ko as default
 };