@nhtio/lucid-resourceful-vue-components 0.1.0-master-dc6af70b → 0.1.0-master-54839a90

package/{string-DvwPf_Ob.mjs → string-RfpfCwEn.mjs}

@@ -1,18 +1,18 @@
 import { useDisplay as Wa } from "vuetify";
-import { S as ie } from "./index-CWwCXXNl.mjs";
+import { S as ie } from "./index-C-PCfO1S.mjs";
 import { d as He } from "./index-DXdh_Con.mjs";
-import { u as Ga } from "./field_composer-CLJuJevf.mjs";
-import { a as qa, y as Xa, t as la, c as na } from "./utils-DxV2ZNaE.mjs";
-import { createVNode as I, mergeProps as Be, createElementVNode as v, withDirectives as Oe, vShow as ha, shallowRef as Ve, ref as O, computed as u, watch as Ee, onMounted as Ya, normalizeStyle as q, normalizeClass as T, normalizeProps as Qa, guardReactiveProps as Ja, toRef as ae, provide as Za, nextTick as et, inject as ba, Fragment as ga, onUnmounted as at, onBeforeMount as tt, h as o, defineComponent as lt, toRefs as te } from "vue";
-import { I as we } from "./elevation-DFBVIqom.mjs";
-import { t as nt, w as ot, j as oa, p as rt, r as it, P as st, c as ct, b as ut, m as dt, d as vt, V as ra, e as ft, a as mt, f as ht } from "./common-BDwb9uGU.mjs";
-import { r as bt, Q as gt, R as kt, S as pt, T as yt, U as St, g as $e, V as ia } from "./mdi-C9DbASEx.mjs";
-import { V as Ct } from "./VHover-Bj6QrQff.mjs";
-import { g as Te, p as X, h as Me, n as ka, T as Ge, ar as pa, aF as wt, l as Vt, j as xt, o as le, aG as Pt, aw as It, a as B, x as _t, aH as Ft, q as Rt, r as Et, s as ya, v as Bt, y as me, L as Sa, aI as xe, U as ve, av as $, ag as Mt, aJ as Tt, aK as Dt, aL as Ca, aM as Lt, aN as Ae, aO as De, aP as Ke, aQ as Re, V as de, aR as sa, A as Le, aE as Nt, w as zt, a2 as ca, k as Ht, aS as Ot, _ as $t, u as Ue, aT as ua, aU as wa, aV as qe, aW as At, ak as Kt, aX as Ut, ac as jt, al as Wt, ax as Gt } from "./display-BdjbLG1_.mjs";
-import { V as qt } from "./VMenu-BSB7YSpb.mjs";
-import { V as Xt, a as Yt } from "./VListItem-BnxAmKd_.mjs";
-import { V as da, m as Qt } from "./VPicker-DMOVvCIE.mjs";
-import { V as Jt } from "./display-DPktlWOz.mjs";
+import { u as Ga } from "./field_composer-ugYyDQNY.mjs";
+import { d as qa, x as Xa, t as la, a as na } from "./utils-D3ZGaTyv.mjs";
+import { createVNode as I, mergeProps as Me, createElementVNode as v, withDirectives as Oe, vShow as ha, shallowRef as Ve, ref as O, computed as u, watch as Ee, onMounted as Ya, normalizeStyle as q, normalizeClass as D, normalizeProps as Qa, guardReactiveProps as Ja, toRef as ae, provide as Za, nextTick as et, inject as ba, Fragment as ga, onUnmounted as at, onBeforeMount as tt, h as o, defineComponent as lt, toRefs as te } from "vue";
+import { I as we } from "./elevation-YNOj0hSa.mjs";
+import { t as nt, w as ot, j as oa, p as rt, r as it, P as st, c as ct, b as ut, m as dt, d as vt, V as ra, e as ft, a as mt, f as ht } from "./common-Bi5RUD-n.mjs";
+import { r as bt, Q as gt, R as kt, S as pt, T as yt, U as St, d as $e, V as ia } from "./mdi-DC1jeTJJ.mjs";
+import { V as Ct } from "./VHover-DvUhdfsL.mjs";
+import { g as De, p as X, h as Be, n as ka, N as Ge, ar as pa, aF as wt, l as Vt, j as xt, o as le, aG as Pt, aw as It, a as M, x as _t, aH as Ft, q as Rt, r as Et, s as ya, v as Mt, y as me, M as Sa, aI as xe, O as ve, av as $, ag as Bt, aJ as Dt, aK as Tt, aL as Ca, aM as Nt, aN as Ae, aO as Te, aP as Ke, aQ as Re, V as de, aR as sa, A as Ne, aE as Lt, w as zt, a2 as ca, k as Ht, aS as Ot, _ as $t, u as je, aT as ua, aU as wa, aV as qe, aW as At, ak as Kt, aX as jt, ac as Ut, al as Wt, ax as Gt } from "./display-fXo4JeIS.mjs";
+import { V as qt } from "./VMenu-Bk2NN8qb.mjs";
+import { V as Xt, a as Yt } from "./VListItem-BT-NXJyi.mjs";
+import { V as da, m as Qt } from "./VPicker-DmY6CdER.mjs";
+import { V as Jt } from "./display-dv4cOwRN.mjs";
 const Zt = X({
   bordered: Boolean,
   color: String,
@@ -34,7 +34,7 @@ const Zt = X({
   offsetY: [Number, String],
   textColor: String,
   ...me(),
-  ...Bt({
+  ...Mt({
     location: "top end"
   }),
   ...ya(),
@@ -44,7 +44,7 @@ const Zt = X({
     transition: "scale-rotate-transition"
   }),
   ..._t()
-}, "VBadge"), va = Te()({
+}, "VBadge"), va = De()({
   name: "VBadge",
   inheritAttrs: !1,
   props: Zt(),
@@ -52,7 +52,7 @@ const Zt = X({
     const {
       backgroundColorClasses: t,
       backgroundColorStyles: r
-    } = Me(() => e.color), {
+    } = Be(() => e.color), {
       roundedClasses: n
     } = ka(e), {
       t: s
@@ -68,7 +68,7 @@ const Zt = X({
     } = xt(e);
     return le(() => {
       const b = Number(e.content), g = !e.max || isNaN(b) ? e.content : b <= Number(e.max) ? b : `${e.max}+`, [w, C] = Pt(a.attrs, ["aria-atomic", "aria-label", "aria-live", "role", "title"]);
-      return I(e.tag, Be({
+      return I(e.tag, Me({
         class: ["v-badge", {
           "v-badge--bordered": e.bordered,
           "v-badge--dot": e.dot,
@@ -83,14 +83,14 @@ const Zt = X({
         }, [a.slots.default?.(), I(It, {
           transition: e.transition
         }, {
-          default: () => [Oe(v("span", Be({
+          default: () => [Oe(v("span", Me({
             class: ["v-badge__badge", d.value, t.value, n.value, l.value],
             style: [r.value, i.value, m.value, e.inline ? {} : k.value],
             "aria-atomic": "true",
             "aria-label": s(e.label, b),
             "aria-live": "polite",
             role: "status"
-          }, w), [e.dot ? void 0 : a.slots.badge ? a.slots.badge?.() : e.icon ? I(B, {
+          }, w), [e.dot ? void 0 : a.slots.badge ? a.slots.badge?.() : e.icon ? I(M, {
             icon: e.icon
           }, null) : g]), [[ha, e.modelValue]])]
         })])]
@@ -156,7 +156,7 @@ const Zt = X({
       };
     }), {
       resizeRef: m
-    } = Mt((f) => {
+    } = Bt((f) => {
       if (!m.el?.offsetParent) return;
       const {
         width: h,
@@ -167,13 +167,13 @@ const Zt = X({
     function b(f, h, p) {
       const {
         left: x,
-        top: L,
-        width: M,
-        height: N
+        top: N,
+        width: B,
+        height: L
       } = p;
       d.value = {
-        x: ve(f - x, 0, M),
-        y: ve(h - L, 0, N)
+        x: ve(f - x, 0, B),
+        y: ve(h - N, 0, L)
       };
     }
     function g(f) {
@@ -182,13 +182,13 @@ const Zt = X({
     function w(f) {
       if (e.disabled || !n.value) return;
       r.value = !0;
-      const h = Tt(f);
+      const h = Dt(f);
       b(h.clientX, h.clientY, n.value.getBoundingClientRect());
     }
     function C() {
       window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", C);
     }
-    function D() {
+    function T() {
       if (!n.value) return;
       const f = n.value, h = f.getContext("2d");
       if (!h) return;
@@ -197,10 +197,10 @@ const Zt = X({
       const x = h.createLinearGradient(0, 0, 0, f.height);
       x.addColorStop(0, "hsla(0, 0%, 0%, 0)"), x.addColorStop(1, "hsla(0, 0%, 0%, 1)"), h.fillStyle = x, h.fillRect(0, 0, f.width, f.height);
     }
-    return Ee(() => e.color?.h, D, {
+    return Ee(() => e.color?.h, T, {
       immediate: !0
     }), Ee(() => [s.value, l.value], (f, h) => {
-      D(), i.value = {
+      T(), i.value = {
         x: d.value.x * f[0] / h[0],
         y: d.value.y * f[1] / h[1]
       };
@@ -221,9 +221,9 @@ const Zt = X({
     }, {
       deep: !0,
       immediate: !0
-    }), Ya(() => D()), le(() => v("div", {
+    }), Ya(() => T()), le(() => v("div", {
       ref: m,
-      class: T(["v-color-picker-canvas", e.class]),
+      class: D(["v-color-picker-canvas", e.class]),
       style: q(e.style),
       onMousedown: g,
       onTouchstartPassive: g
@@ -232,7 +232,7 @@ const Zt = X({
       width: s.value,
       height: l.value
     }, null), e.color && v("div", {
-      class: T(["v-color-picker-canvas__dot", {
+      class: D(["v-color-picker-canvas__dot", {
         "v-color-picker-canvas__dot--disabled": e.disabled
       }]),
       style: q(k.value)
@@ -283,7 +283,7 @@ const ye = {
   s: 0,
   v: 0,
   a: 1
-}, je = {
+}, Ue = {
   inputProps: {
     type: "number",
     min: 0
@@ -335,10 +335,10 @@ const ye = {
     localeKey: "alphaInput"
   }],
   to: Ke,
-  from: De
+  from: Te
 }, nl = {
-  ...je,
-  inputs: je.inputs?.slice(0, 3)
+  ...Ue,
+  inputs: Ue.inputs?.slice(0, 3)
 }, We = {
   inputProps: {
     type: "number",
@@ -391,7 +391,7 @@ const ye = {
     localeKey: "alphaInput"
   }],
   to: Ae,
-  from: Lt
+  from: Nt
 }, ol = {
   ...We,
   inputs: We.inputs.slice(0, 3)
@@ -406,7 +406,7 @@ const ye = {
     localeKey: "hexaInput"
   }],
   to: Ca,
-  from: Dt
+  from: Tt
 }, rl = {
   ...Va,
   inputs: [{
@@ -417,7 +417,7 @@ const ye = {
   }]
 }, fe = {
   rgb: nl,
-  rgba: je,
+  rgba: Ue,
   hsl: ol,
   hsla: We,
   hex: rl,
@@ -485,7 +485,7 @@ const ye = {
       });
     });
     return le(() => v("div", {
-      class: T(["v-color-picker-edit", e.class]),
+      class: D(["v-color-picker-edit", e.class]),
       style: q(e.style)
     }, [s.value?.map((l) => I(il, l, null)), n.value.length > 1 && I(de, {
       icon: "$unfold",
@@ -598,21 +598,21 @@ const vl = X({
   } = e;
   const i = nt(a), {
     isRtl: d
-  } = Le(), k = ae(() => a.reverse), m = u(() => a.direction === "vertical"), b = u(() => m.value !== k.value), {
+  } = Ne(), k = ae(() => a.reverse), m = u(() => a.direction === "vertical"), b = u(() => m.value !== k.value), {
     min: g,
     max: w,
     step: C,
-    decimals: D,
+    decimals: T,
     roundValue: f
-  } = t, h = u(() => parseInt(a.thumbSize, 10)), p = u(() => parseInt(a.tickSize, 10)), x = u(() => parseInt(a.trackSize, 10)), L = u(() => (w.value - g.value) / C.value), M = u(() => a.error || i.isDisabled.value ? void 0 : a.thumbColor ?? a.color), N = u(() => a.error || i.isDisabled.value ? void 0 : a.thumbColor), U = u(() => a.error || i.isDisabled.value ? void 0 : a.trackColor ?? a.color), j = u(() => a.error || i.isDisabled.value ? void 0 : a.trackFillColor ?? a.color), P = Ve(!1), _ = Ve(0), R = O(), S = O();
+  } = t, h = u(() => parseInt(a.thumbSize, 10)), p = u(() => parseInt(a.tickSize, 10)), x = u(() => parseInt(a.trackSize, 10)), N = u(() => (w.value - g.value) / C.value), B = u(() => a.error || i.isDisabled.value ? void 0 : a.thumbColor ?? a.color), L = u(() => a.error || i.isDisabled.value ? void 0 : a.thumbColor), j = u(() => a.error || i.isDisabled.value ? void 0 : a.trackColor ?? a.color), U = u(() => a.error || i.isDisabled.value ? void 0 : a.trackFillColor ?? a.color), P = Ve(!1), _ = Ve(0), R = O(), S = O();
   function z(c) {
     const y = R.value?.$el;
     if (!y) return;
     const W = a.direction === "vertical", be = W ? "top" : "left", ue = W ? "height" : "width", Pe = W ? "clientY" : "clientX", {
       [be]: Ie,
       [ue]: ee
-    } = y.getBoundingClientRect(), Ne = dl(c, Pe);
-    let ge = ve((Ne - Ie - _.value) / ee) || 0;
+    } = y.getBoundingClientRect(), Le = dl(c, Pe);
+    let ge = ve((Le - Ie - _.value) / ee) || 0;
     return (W ? b.value : b.value !== d.value) && (ge = 1 - ge), f(g.value + ge * (w.value - g.value));
   }
   const A = (c) => {
@@ -664,7 +664,7 @@ const vl = X({
     value: parseFloat(c),
     position: oe(parseFloat(c)),
     label: a.ticks[c]
-  })) : L.value !== 1 / 0 ? Nt(L.value + 1).map((c) => {
+  })) : N.value !== 1 / 0 ? Lt(N.value + 1).map((c) => {
     const y = g.value + c * C.value;
     return {
       value: y,
@@ -678,7 +678,7 @@ const vl = X({
   })), F = {
     activeThumbRef: S,
     color: ae(() => a.color),
-    decimals: D,
+    decimals: T,
     disabled: i.isDisabled,
     direction: ae(() => a.direction),
     elevation: ae(() => a.elevation),
@@ -689,7 +689,7 @@ const vl = X({
     max: w,
     mousePressed: P,
     noKeyboard: ae(() => a.noKeyboard),
-    numTicks: L,
+    numTicks: N,
     onSliderMousedown: Z,
     onSliderTouchstart: J,
     parsedTicks: he,
@@ -702,14 +702,14 @@ const vl = X({
     startOffset: _,
     step: C,
     thumbSize: h,
-    thumbColor: M,
-    thumbLabelColor: N,
+    thumbColor: B,
+    thumbLabelColor: L,
     thumbLabel: ae(() => a.thumbLabel),
     ticks: ae(() => a.ticks),
     tickSize: p,
-    trackColor: U,
+    trackColor: j,
     trackContainerRef: R,
-    trackFillColor: j,
+    trackFillColor: U,
     trackSize: x,
     vertical: m
   };
@@ -739,7 +739,7 @@ const vl = X({
   name: String,
   noKeyboard: Boolean,
   ...me()
-}, "VSliderThumb"), bl = Te()({
+}, "VSliderThumb"), bl = De()({
   name: "VSliderThumb",
   directives: {
     vRipple: ca
@@ -756,7 +756,7 @@ const vl = X({
     const n = ba(Xe), {
       isRtl: s,
       rtlClasses: l
-    } = Le();
+    } = Ne();
     if (!n) throw new Error("[Vuetify] v-slider-thumb must be used inside v-slider or v-range-slider");
     const {
       min: i,
@@ -767,23 +767,23 @@ const vl = X({
       disabled: g,
       thumbSize: w,
       thumbLabel: C,
-      direction: D,
+      direction: T,
       isReversed: f,
       vertical: h,
       readonly: p,
       elevation: x,
-      mousePressed: L,
-      decimals: M,
-      indexFromEnd: N
-    } = n, U = u(() => g.value ? void 0 : x.value), {
-      elevationClasses: j
-    } = Ht(U), {
+      mousePressed: N,
+      decimals: B,
+      indexFromEnd: L
+    } = n, j = u(() => g.value ? void 0 : x.value), {
+      elevationClasses: U
+    } = Ht(j), {
       textColorClasses: P,
       textColorStyles: _
     } = pa(k), {
       backgroundColorClasses: R,
       backgroundColorStyles: S
-    } = Me(m), {
+    } = Be(m), {
       pageup: z,
       pagedown: A,
       end: se,
@@ -798,7 +798,7 @@ const vl = X({
       E.preventDefault();
       const c = b.value || 0.1, y = (d.value - i.value) / c;
       if ([K, Q, ne, J].includes(E.key)) {
-        const be = (h.value ? [s.value ? K : Q, f.value ? ne : J] : N.value !== s.value ? [K, J] : [Q, J]).includes(E.key) ? 1 : -1, ue = E.shiftKey ? 2 : E.ctrlKey ? 1 : 0;
+        const be = (h.value ? [s.value ? K : Q, f.value ? ne : J] : L.value !== s.value ? [K, J] : [Q, J]).includes(E.key) ? 1 : -1, ue = E.shiftKey ? 2 : E.ctrlKey ? 1 : 0;
         be === -1 && F === d.value && !ue && !Number.isInteger(y) ? F = F - y % 1 * c : F = F + be * c * oe.value[ue];
       } else if (E.key === Y)
         F = i.value;
@@ -815,11 +815,11 @@ const vl = X({
       F != null && r("update:modelValue", F);
     }
     return le(() => {
-      const E = $(N.value ? 100 - e.position : e.position, "%");
+      const E = $(L.value ? 100 - e.position : e.position, "%");
       return v("div", {
-        class: T(["v-slider-thumb", {
+        class: D(["v-slider-thumb", {
           "v-slider-thumb--focused": e.focused,
-          "v-slider-thumb--pressed": e.focused && L.value
+          "v-slider-thumb--pressed": e.focused && N.value
         }, e.class, l.value]),
         style: q([{
           "--v-slider-thumb-position": E,
@@ -832,13 +832,13 @@ const vl = X({
         "aria-valuemax": d.value,
         "aria-valuenow": e.modelValue,
         "aria-readonly": !!p.value,
-        "aria-orientation": D.value,
+        "aria-orientation": T.value,
         onKeydown: p.value ? void 0 : he
       }, [v("div", {
-        class: T(["v-slider-thumb__surface", P.value, j.value]),
+        class: D(["v-slider-thumb__surface", P.value, U.value]),
         style: q(_.value)
       }, null), Oe(v("div", {
-        class: T(["v-slider-thumb__ripple", P.value]),
+        class: D(["v-slider-thumb__ripple", P.value]),
         style: q(_.value)
       }, null), [[ca, e.ripple, null, {
         circle: !0,
@@ -849,11 +849,11 @@ const vl = X({
         default: () => [Oe(v("div", {
           class: "v-slider-thumb__label-container"
         }, [v("div", {
-          class: T(["v-slider-thumb__label", R.value]),
+          class: D(["v-slider-thumb__label", R.value]),
           style: q(S.value)
         }, [v("div", null, [t["thumb-label"]?.({
           modelValue: e.modelValue
-        }) ?? e.modelValue.toFixed(b.value ? M.value : 1)]), v("div", {
+        }) ?? e.modelValue.toFixed(b.value ? B.value : 1)]), v("div", {
           class: "v-slider-thumb__label-wedge"
         }, null)])]), [[ha, C.value && e.focused || C.value === "always"]])]
       })]);
@@ -869,7 +869,7 @@ const vl = X({
     required: !0
   },
   ...me()
-}, "VSliderTrack"), kl = Te()({
+}, "VSliderTrack"), kl = De()({
   name: "VSliderTrack",
   props: gl(),
   emits: {},
@@ -891,32 +891,32 @@ const vl = X({
       vertical: g,
       min: w,
       max: C,
-      indexFromEnd: D
+      indexFromEnd: T
     } = r, {
       roundedClasses: f
     } = ka(l), {
       backgroundColorClasses: h,
       backgroundColorStyles: p
-    } = Me(m), {
+    } = Be(m), {
       backgroundColorClasses: x,
-      backgroundColorStyles: L
-    } = Me(k), M = u(() => `inset-${g.value ? "block" : "inline"}-${D.value ? "end" : "start"}`), N = u(() => g.value ? "height" : "width"), U = u(() => ({
-      [M.value]: "0%",
-      [N.value]: "100%"
-    })), j = u(() => e.stop - e.start), P = u(() => ({
-      [M.value]: $(e.start, "%"),
-      [N.value]: $(j.value, "%")
+      backgroundColorStyles: N
+    } = Be(k), B = u(() => `inset-${g.value ? "block" : "inline"}-${T.value ? "end" : "start"}`), L = u(() => g.value ? "height" : "width"), j = u(() => ({
+      [B.value]: "0%",
+      [L.value]: "100%"
+    })), U = u(() => e.stop - e.start), P = u(() => ({
+      [B.value]: $(e.start, "%"),
+      [L.value]: $(U.value, "%")
     })), _ = u(() => i.value ? (g.value ? s.value.slice().reverse() : s.value).map((S, z) => {
       const A = S.value !== w.value && S.value !== C.value ? $(S.position, "%") : void 0;
       return v("div", {
         key: S.value,
-        class: T(["v-slider-track__tick", {
+        class: D(["v-slider-track__tick", {
           "v-slider-track__tick--filled": S.position >= e.start && S.position <= e.stop,
           "v-slider-track__tick--first": S.value === w.value,
           "v-slider-track__tick--last": S.value === C.value
         }]),
         style: {
-          [M.value]: A
+          [B.value]: A
         }
       }, [(S.label || t["tick-label"]) && v("div", {
         class: "v-slider-track__tick-label"
@@ -926,27 +926,27 @@ const vl = X({
       }) ?? S.label])]);
     }) : []);
     return le(() => v("div", {
-      class: T(["v-slider-track", f.value, e.class]),
+      class: D(["v-slider-track", f.value, e.class]),
       style: q([{
         "--v-slider-track-size": $(b.value),
         "--v-slider-tick-size": $(d.value)
       }, e.style])
     }, [v("div", {
-      class: T(["v-slider-track__background", x.value, {
+      class: D(["v-slider-track__background", x.value, {
         "v-slider-track__background--opacity": !!n.value || !m.value
       }]),
       style: {
-        ...U.value,
-        ...L.value
+        ...j.value,
+        ...N.value
       }
     }, null), v("div", {
-      class: T(["v-slider-track__fill", h.value]),
+      class: D(["v-slider-track__fill", h.value]),
       style: {
         ...P.value,
         ...p.value
       }
     }, null), i.value && v("div", {
-      class: T(["v-slider-track__ticks", {
+      class: D(["v-slider-track__ticks", {
         "v-slider-track__ticks--always-show": i.value === "always"
       }])
     }, [_.value])])), {};
@@ -959,7 +959,7 @@ const vl = X({
     type: [Number, String],
     default: 0
   }
-}, "VSlider"), fa = Te()({
+}, "VSlider"), fa = De()({
   name: "VSlider",
   props: pl(),
   emits: {
@@ -975,19 +975,19 @@ const vl = X({
     } = a;
     const n = O(), s = O(), {
       rtlClasses: l
-    } = Le(), i = fl(e), d = Ue(e, "modelValue", void 0, (P) => i.roundValue(P ?? i.min.value)), {
+    } = Ne(), i = fl(e), d = je(e, "modelValue", void 0, (P) => i.roundValue(P ?? i.min.value)), {
       min: k,
       max: m,
       mousePressed: b,
       roundValue: g,
       onSliderMousedown: w,
       onSliderTouchstart: C,
-      trackContainerRef: D,
+      trackContainerRef: T,
       position: f,
       hasLabels: h,
       disabled: p,
       readonly: x,
-      noKeyboard: L
+      noKeyboard: N
     } = ml({
       props: e,
       steps: i,
@@ -1009,23 +1009,23 @@ const vl = X({
       },
       getActiveThumb: () => n.value?.$el
     }), {
-      isFocused: M,
-      focus: N,
-      blur: U
-    } = ot(e), j = u(() => f(d.value));
+      isFocused: B,
+      focus: L,
+      blur: j
+    } = ot(e), U = u(() => f(d.value));
     return le(() => {
       const P = oa.filterProps(e), _ = !!(e.label || t.label || t.prepend);
-      return I(oa, Be({
+      return I(oa, Me({
         ref: s,
         class: ["v-slider", {
           "v-slider--has-labels": !!t["tick-label"] || h.value,
-          "v-slider--focused": M.value,
+          "v-slider--focused": B.value,
           "v-slider--pressed": b.value,
           "v-slider--disabled": p.value
         }, l.value, e.class],
         style: e.style
       }, P, {
-        focused: M.value
+        focused: B.value
       }), {
         ...t,
         prepend: _ ? (R) => v(ga, null, [t.label?.(R) ?? (e.label ? I(rt, {
@@ -1050,24 +1050,24 @@ const vl = X({
             tabindex: "-1",
             value: d.value
           }, null), I(kl, {
-            ref: D,
+            ref: T,
             start: 0,
-            stop: j.value
+            stop: U.value
           }, {
             "tick-label": t["tick-label"]
           }), I(bl, {
             ref: n,
             "aria-describedby": z.value,
-            focused: M.value,
-            noKeyboard: L.value,
+            focused: B.value,
+            noKeyboard: N.value,
             min: k.value,
             max: m.value,
             modelValue: d.value,
             "onUpdate:modelValue": (A) => d.value = A,
-            position: j.value,
+            position: U.value,
             elevation: e.elevation,
-            onFocus: N,
-            onBlur: U,
+            onFocus: L,
+            onBlur: j,
             ripple: e.ripple,
             name: e.name
           }, {
@@ -1111,7 +1111,7 @@ const vl = X({
       try {
         const i = await l.open({
           signal: n.signal
-        }), d = De(qe(i.sRGBHex));
+        }), d = Te(qe(i.sRGBHex));
         t("update:color", {
           ...e.color ?? ye,
           ...d
@@ -1120,7 +1120,7 @@ const vl = X({
       }
     }
     return le(() => v("div", {
-      class: T(["v-color-picker-preview", {
+      class: D(["v-color-picker-preview", {
         "v-color-picker-preview--hide-alpha": e.hideAlpha
       }, e.class]),
       style: q(e.style)
@@ -1341,7 +1341,7 @@ const vl = X({
   accent2: "#b2ff59",
   accent3: "#76ff03",
   accent4: "#64dd17"
-}, Bl = {
+}, Ml = {
   base: "#cddc39",
   lighten5: "#f9fbe7",
   lighten4: "#f0f4c3",
@@ -1356,7 +1356,7 @@ const vl = X({
   accent2: "#eeff41",
   accent3: "#c6ff00",
   accent4: "#aeea00"
-}, Ml = {
+}, Bl = {
   base: "#ffeb3b",
   lighten5: "#fffde7",
   lighten4: "#fff9c4",
@@ -1371,7 +1371,7 @@ const vl = X({
   accent2: "#ffff00",
   accent3: "#ffea00",
   accent4: "#ffd600"
-}, Tl = {
+}, Dl = {
   base: "#ffc107",
   lighten5: "#fff8e1",
   lighten4: "#ffecb3",
@@ -1386,7 +1386,7 @@ const vl = X({
   accent2: "#ffd740",
   accent3: "#ffc400",
   accent4: "#ffab00"
-}, Dl = {
+}, Tl = {
   base: "#ff9800",
   lighten5: "#fff3e0",
   lighten4: "#ffe0b2",
@@ -1401,7 +1401,7 @@ const vl = X({
   accent2: "#ffab40",
   accent3: "#ff9100",
   accent4: "#ff6d00"
-}, Ll = {
+}, Nl = {
   base: "#ff5722",
   lighten5: "#fbe9e7",
   lighten4: "#ffccbc",
@@ -1416,7 +1416,7 @@ const vl = X({
   accent2: "#ff6e40",
   accent3: "#ff3d00",
   accent4: "#dd2c00"
-}, Nl = {
+}, Ll = {
   base: "#795548",
   lighten5: "#efebe9",
   lighten4: "#d7ccc8",
@@ -1465,12 +1465,12 @@ const vl = X({
   teal: Fl,
   green: Rl,
   lightGreen: El,
-  lime: Bl,
-  yellow: Ml,
-  amber: Tl,
-  orange: Dl,
-  deepOrange: Ll,
-  brown: Nl,
+  lime: Ml,
+  yellow: Bl,
+  amber: Dl,
+  orange: Tl,
+  deepOrange: Nl,
+  brown: Ll,
   blueGrey: zl,
   grey: Hl,
   shades: Ol
@@ -1490,7 +1490,7 @@ function Kl(e) {
     return t.base ? [t.base, t.darken4, t.darken3, t.darken2, t.darken1, t.lighten1, t.lighten2, t.lighten3, t.lighten4, t.lighten5] : [t.black, t.white, t.transparent];
   });
 }
-const Ul = xe({
+const jl = xe({
   name: "VColorPickerSwatches",
   props: Al(),
   emits: {
@@ -1501,14 +1501,14 @@ const Ul = xe({
       emit: t
     } = a;
     return le(() => v("div", {
-      class: T(["v-color-picker-swatches", e.class]),
+      class: D(["v-color-picker-swatches", e.class]),
       style: q([{
         maxHeight: $(e.maxHeight)
       }, e.style])
     }, [v("div", null, [e.swatches.map((r) => v("div", {
       class: "v-color-picker-swatches__swatch"
     }, [r.map((n) => {
-      const s = qe(n), l = De(s), i = At(s);
+      const s = qe(n), l = Te(s), i = At(s);
       return v("div", {
         class: "v-color-picker-swatches__color",
         onClick: () => l && t("update:color", l)
@@ -1516,14 +1516,14 @@ const Ul = xe({
         style: {
           background: i
         }
-      }, [e.color && Kt(e.color, l) ? I(B, {
+      }, [e.color && Kt(e.color, l) ? I(M, {
         size: "x-small",
         icon: "$success",
-        color: Ut(n, "#FFFFFF") > 2 ? "white" : "black"
+        color: jt(n, "#FFFFFF") > 2 ? "white" : "black"
       }, null) : void 0])]);
     })]))])])), {};
   }
-}), jl = X({
+}), Ul = X({
   canvasHeight: {
     type: [String, Number],
     default: 150
@@ -1561,7 +1561,7 @@ const Ul = xe({
   ...Gt(xa(), ["hideEyeDropper", "eyeDropperIcon"])
 }, "VColorPicker"), Wl = xe({
   name: "VColorPicker",
-  props: jl(),
+  props: Ul(),
   emits: {
     "update:modelValue": (e) => !0,
     "update:mode": (e) => !0
@@ -1570,13 +1570,13 @@ const Ul = xe({
     let {
       slots: t
     } = a;
-    const r = Ue(e, "mode"), n = O(null), s = Ue(e, "modelValue", void 0, (m) => {
+    const r = je(e, "mode"), n = O(null), s = je(e, "modelValue", void 0, (m) => {
       if (m == null || m === "") return null;
       let b;
       try {
-        b = De(qe(m));
+        b = Te(qe(m));
       } catch (g) {
-        return jt(g), null;
+        return Ut(g), null;
       }
       return b;
     }, (m) => m ? ll(m, e.modelValue) : null), l = u(() => s.value ? {
@@ -1584,7 +1584,7 @@ const Ul = xe({
       h: n.value ?? s.value.h
     } : null), {
       rtlClasses: i
-    } = Le();
+    } = Ne();
     let d = !0;
     Ee(s, (m) => {
       if (!d) {
@@ -1608,7 +1608,7 @@ const Ul = xe({
       }
     }), le(() => {
       const m = da.filterProps(e);
-      return I(da, Be(m, {
+      return I(da, Me(m, {
         class: ["v-color-picker", i.value, e.class],
         style: [{
           "--v-color-picker-color-hsv": wa({
@@ -1645,7 +1645,7 @@ const Ul = xe({
           color: l.value,
           "onUpdate:color": k,
           disabled: e.disabled
-        }, null)]), e.showSwatches && I(Ul, {
+        }, null)]), e.showSwatches && I(jl, {
           key: "swatches",
           color: l.value,
           "onUpdate:color": k,
@@ -1742,16 +1742,16 @@ const Ul = xe({
       clearable: g,
       clearIcon: w,
       active: C,
-      color: D,
+      color: T,
       baseColor: f,
       dirty: h,
       disabled: p,
       glow: x,
-      error: L,
-      flat: M,
-      iconColor: N,
-      label: U,
-      persistentClear: j,
+      error: N,
+      flat: B,
+      iconColor: L,
+      label: j,
+      persistentClear: U,
       reverse: P,
       singleLine: _,
       variant: R,
@@ -1778,7 +1778,7 @@ const Ul = xe({
       suffix: Pe,
       role: Ie,
       format: ee,
-      renderMode: Ne,
+      renderMode: Le,
       multiple: ge,
       choices: Pa,
       allowUnspecifiedChoices: Ia,
@@ -1792,10 +1792,10 @@ const Ul = xe({
       passwordMaskIcon: G,
       colorPickerIcon: Ra,
       colorPickerModeIcon: Ea,
-      onBlur: Ba,
-      onChange: Ma,
-      onInput: Ta
-    } = te(e), Da = u(() => {
+      onBlur: Ma,
+      onChange: Ba,
+      onInput: Da
+    } = te(e), Ta = u(() => {
       if (ge.value) return Se.value;
       switch (ee.value) {
         case "email":
@@ -1807,16 +1807,16 @@ const Ul = xe({
         default:
           return Se.value;
       }
-    }), La = {
+    }), Na = {
       style: m,
-      label: U,
+      label: j,
       density: Z,
-      renderMode: Ne,
+      renderMode: Le,
       multiple: ge,
       choices: Pa,
       allowUnspecifiedChoices: Ia,
       to: _e.value ? O(void 0) : _a,
-      href: Da,
+      href: Ta,
       menuIcon: Fa,
       active: C,
       theme: s,
@@ -1836,7 +1836,7 @@ const Ul = xe({
       "onClick:prepend": te(e)["onClick:prepend"],
       "onMousedown:control": te(e)["onMousedown:control"],
       "onClick:control": te(e)["onClick:control"]
-    }, re = O(!1), Na = u(() => {
+    }, re = O(!1), La = u(() => {
       switch (ee.value) {
         case "color":
           return (V) => o("span", { class: ["d-inline-flex", "align-center"] }, [
@@ -1863,7 +1863,7 @@ const Ul = xe({
                     class: ["ms-2"],
                     ...pe ? pe.props : {}
                   },
-                  () => o(B, {
+                  () => o(M, {
                     icon: re.value ? Qe.value : Ye.value,
                     size: "small"
                   })
@@ -1874,52 +1874,52 @@ const Ul = xe({
               "span",
               { class: ["d-flex", "align-center"] },
               re.value ? [o("span", {}, ze), Ce] : [
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
                 }),
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
                 }),
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
                 }),
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
                 }),
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
                 }),
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
                 }),
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
                 }),
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
                 }),
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
                 }),
-                o(B, {
+                o(M, {
                   icon: G.value,
                   density: "compact",
                   class: ["px-0", "mx-0"]
@@ -1943,16 +1943,16 @@ const Ul = xe({
         clearable: g.value,
         clearIcon: w.value,
         active: C.value,
-        color: D.value,
+        color: T.value,
         baseColor: f.value,
         dirty: h.value,
         disabled: p.value,
         glow: x.value,
-        error: L.value,
-        flat: M.value,
-        iconColor: N.value,
-        label: U.value,
-        persistentClear: j.value,
+        error: N.value,
+        flat: B.value,
+        iconColor: L.value,
+        label: j.value,
+        persistentClear: U.value,
         reverse: P.value,
         singleLine: _.value,
         variant: R.value,
@@ -1979,11 +1979,11 @@ const Ul = xe({
         suffix: Pe.value,
         role: Ie.value,
         // @ts-ignore
-        onBlur: Ba.value,
+        onBlur: Ma.value,
         // @ts-ignore
-        onChange: Ma.value,
+        onChange: Ba.value,
         // @ts-ignore
-        onInput: Ta.value
+        onInput: Da.value
       })
     ), za = O(), ke = O(!1), Fe = O("hex"), Ha = u(() => ({
       ref: za,
@@ -2016,7 +2016,7 @@ const Ul = xe({
                 re.value = !re.value;
               }
             },
-            () => o(B, {
+            () => o(M, {
               icon: re.value ? Qe.value : Ye.value
             })
           );
@@ -2024,7 +2024,7 @@ const Ul = xe({
           return o(
             de,
             Ha.value,
-            () => o(B, {
+            () => o(M, {
               icon: Ra.value
             })
           );
@@ -2063,7 +2063,7 @@ const Ul = xe({
       })
     ), Ka = u(
       () => He(ea.value, {})
-    ), Ua = ({
+    ), ja = ({
       props: V,
       add: ze,
       isMultiAdd: Ce
@@ -2107,7 +2107,7 @@ const Ul = xe({
                         variant: "text"
                       },
                       () => [
-                        o(B, {
+                        o(M, {
                           icon: Ea.value,
                           class: ["me-2"]
                         }),
@@ -2145,7 +2145,7 @@ const Ul = xe({
                     }
                   },
                   () => [
-                    o(B, {
+                    o(M, {
                       icon: () => o(ie, { d: $e })
                     })
                   ]
@@ -2198,17 +2198,17 @@ const Ul = xe({
           ]
         }
       );
-    }, { composed: ja } = Ga(
-      La,
+    }, { composed: Ua } = Ga(
       Na,
-      Ua,
+      La,
+      ja,
       a,
       e["onUpdate:modelValue"],
       e["onUpdate:model-value"],
       n,
       e.modelValue
     );
-    return ja;
+    return Ua;
   }
 });
 export {
@@ -2217,4 +2217,4 @@ export {
   fn as a,
   Gl as b
 };
-//# sourceMappingURL=string-DvwPf_Ob.mjs.map
+//# sourceMappingURL=string-RfpfCwEn.mjs.map