@revolugo/elements 6.9.3-beta.9 → 6.9.4-rc.0

package/dist/revolugo.vtextfield.BhmuZsP7.min.js

@@ -0,0 +1,501 @@
+import { a1 as U, a2 as W, H as i, a as l, J, K as te, aM as de, a4 as q, a3 as z, aK as ce, aE as fe, aL as ve, k as L, af as me, O as ye, F as N, D as $, ad as ge, a6 as be, b5 as xe, aH as Ce, cH as he, W as Z, bV as Ve } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { z as _e, y as ke, r as Ie, L as Se, w as Pe, a as Ee, I as Fe } from "./revolugo.index.DZEISB0K.min.js";
+import { u as Y, M as Le, p as Be, m as X, b as Te, d as we, J as Re, q as Oe, s as Me } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { V as Ae } from "./revolugo.vlabel.BjtrjyZZ.min.js";
+import { a as De, u as ne, e as Ne, m as $e, V as ee } from "./revolugo.vinput.BowTI8jK.min.js";
+import { a as Ue, b as We } from "./revolugo.rounded.C-2ilaaW.min.js";
+import { f as Ye } from "./revolugo.forwardrefs.VVhh1qV3.min.js";
+function ue(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const o = import.meta.url, a = o.slice(0, o.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(a);
+      for (const u of REVOLUGO_ELEMENTS_STYLES.components)
+        u(a);
+      if (e.indexOf("fonts") >= 0) {
+        const u = document.createElement("link");
+        u.rel = "stylesheet", linK.href = a, document.head.appendChild(u);
+      }
+    }
+  } catch (o) {
+    console.error("[revolugo-elements] ", o);
+  }
+}
+const pe = W({
+  active: Boolean,
+  disabled: Boolean,
+  max: [Number, String],
+  value: {
+    type: [Number, String],
+    default: 0
+  },
+  ...X(),
+  ...Be({
+    transition: {
+      component: _e
+    }
+  })
+}, "VCounter"), Ge = U()({
+  name: "VCounter",
+  functional: !0,
+  props: pe(),
+  setup(e, o) {
+    let {
+      slots: a
+    } = o;
+    const u = i(() => e.max ? `${e.value} / ${e.max}` : String(e.value));
+    return Y(() => l(Le, {
+      transition: e.transition
+    }, {
+      default: () => [J(l("div", {
+        class: ["v-counter", {
+          "text-error": e.max && !e.disabled && parseFloat(e.value) > parseFloat(e.max)
+        }, e.class],
+        style: e.style
+      }, [a.default ? a.default({
+        counter: u.value,
+        max: e.max,
+        value: e.value
+      }) : u.value]), [[te, e.active]])]
+    })), {};
+  }
+}), He = W({
+  floating: Boolean,
+  ...X()
+}, "VFieldLabel"), D = U()({
+  name: "VFieldLabel",
+  props: He(),
+  setup(e, o) {
+    let {
+      slots: a
+    } = o;
+    return Y(() => l(Ae, {
+      class: ["v-field-label", {
+        "v-field-label--floating": e.floating
+      }, e.class],
+      style: e.style,
+      "aria-hidden": e.floating || void 0
+    }, a)), {};
+  }
+}), Ke = ["underlined", "outlined", "filled", "solo", "solo-inverted", "solo-filled", "plain"], ae = W({
+  appendInnerIcon: z,
+  bgColor: String,
+  clearable: Boolean,
+  clearIcon: {
+    type: z,
+    default: "$clear"
+  },
+  active: Boolean,
+  centerAffix: {
+    type: Boolean,
+    default: void 0
+  },
+  color: String,
+  baseColor: String,
+  dirty: Boolean,
+  disabled: {
+    type: Boolean,
+    default: null
+  },
+  error: Boolean,
+  flat: Boolean,
+  label: String,
+  persistentClear: Boolean,
+  prependInnerIcon: z,
+  reverse: Boolean,
+  singleLine: Boolean,
+  variant: {
+    type: String,
+    default: "filled",
+    validator: (e) => Ke.includes(e)
+  },
+  "onClick:clear": q(),
+  "onClick:appendInner": q(),
+  "onClick:prependInner": q(),
+  ...X(),
+  ...ke(),
+  ...Ue(),
+  ...de()
+}, "VField"), le = U()({
+  name: "VField",
+  inheritAttrs: !1,
+  props: {
+    id: String,
+    ...De(),
+    ...ae()
+  },
+  emits: {
+    "update:focused": (e) => !0,
+    "update:modelValue": (e) => !0
+  },
+  setup(e, o) {
+    let {
+      attrs: a,
+      emit: u,
+      slots: t
+    } = o;
+    const {
+      themeClasses: f
+    } = ce(e), {
+      loaderClasses: b
+    } = Ie(e), {
+      focusClasses: p,
+      isFocused: B,
+      focus: V,
+      blur: _
+    } = ne(e), {
+      InputIcon: k
+    } = Ne(e), {
+      roundedClasses: G
+    } = We(e), {
+      rtlClasses: T
+    } = fe(), x = i(() => e.dirty || e.active), y = i(() => !!(e.label || t.label)), I = i(() => !e.singleLine && y.value), S = ve(), v = i(() => e.id || `input-${S}`), H = i(() => `${v.value}-messages`), w = L(), P = L(), n = L(), s = i(() => ["plain", "underlined"].includes(e.variant)), {
+      backgroundColorClasses: E,
+      backgroundColorStyles: K
+    } = Te(me(e, "bgColor")), {
+      textColorClasses: j,
+      textColorStyles: R
+    } = we(i(() => e.error || e.disabled ? void 0 : x.value && B.value ? e.color : e.baseColor));
+    ye(x, (g) => {
+      if (I.value) {
+        const d = w.value.$el, c = P.value.$el;
+        requestAnimationFrame(() => {
+          const m = Re(d), r = c.getBoundingClientRect(), F = r.x - m.x, O = r.y - m.y - (m.height / 2 - r.height / 2), M = r.width / 0.75, A = Math.abs(M - m.width) > 1 ? {
+            maxWidth: ge(M)
+          } : void 0, ie = getComputedStyle(d), Q = getComputedStyle(c), oe = parseFloat(ie.transitionDuration) * 1e3 || 150, se = parseFloat(Q.getPropertyValue("--v-field-label-scale")), re = Q.getPropertyValue("color");
+          d.style.visibility = "visible", c.style.visibility = "hidden", Oe(d, {
+            transform: `translate(${F}px, ${O}px) scale(${se})`,
+            color: re,
+            ...A
+          }, {
+            duration: oe,
+            easing: Me,
+            direction: g ? "normal" : "reverse"
+          }).finished.then(() => {
+            d.style.removeProperty("visibility"), c.style.removeProperty("visibility");
+          });
+        });
+      }
+    }, {
+      flush: "post"
+    });
+    const C = i(() => ({
+      isActive: x,
+      isFocused: B,
+      controlRef: n,
+      blur: _,
+      focus: V
+    }));
+    function h(g) {
+      g.target !== document.activeElement && g.preventDefault();
+    }
+    return Y(() => {
+      const g = e.variant === "outlined", d = !!(t["prepend-inner"] || e.prependInnerIcon), c = !!(e.clearable || t.clear) && !e.disabled, m = !!(t["append-inner"] || e.appendInnerIcon || c), r = () => t.label ? t.label({
+        ...C.value,
+        label: e.label,
+        props: {
+          for: v.value
+        }
+      }) : e.label;
+      return l("div", $({
+        class: ["v-field", {
+          "v-field--active": x.value,
+          "v-field--appended": m,
+          "v-field--center-affix": e.centerAffix ?? !s.value,
+          "v-field--disabled": e.disabled,
+          "v-field--dirty": e.dirty,
+          "v-field--error": e.error,
+          "v-field--flat": e.flat,
+          "v-field--has-background": !!e.bgColor,
+          "v-field--persistent-clear": e.persistentClear,
+          "v-field--prepended": d,
+          "v-field--reverse": e.reverse,
+          "v-field--single-line": e.singleLine,
+          "v-field--no-label": !r(),
+          [`v-field--variant-${e.variant}`]: !0
+        }, f.value, E.value, p.value, b.value, G.value, T.value, e.class],
+        style: [K.value, e.style],
+        onClick: h
+      }, a), [l("div", {
+        class: "v-field__overlay"
+      }, null), l(Se, {
+        name: "v-field",
+        active: !!e.loading,
+        color: e.error ? "error" : typeof e.loading == "string" ? e.loading : e.color
+      }, {
+        default: t.loader
+      }), d && l("div", {
+        key: "prepend",
+        class: "v-field__prepend-inner"
+      }, [e.prependInnerIcon && l(k, {
+        key: "prepend-icon",
+        name: "prependInner"
+      }, null), t["prepend-inner"]?.(C.value)]), l("div", {
+        class: "v-field__field",
+        "data-no-activator": ""
+      }, [["filled", "solo", "solo-inverted", "solo-filled"].includes(e.variant) && I.value && l(D, {
+        key: "floating-label",
+        ref: P,
+        class: [j.value],
+        floating: !0,
+        for: v.value,
+        style: R.value
+      }, {
+        default: () => [r()]
+      }), y.value && l(D, {
+        key: "label",
+        ref: w,
+        for: v.value
+      }, {
+        default: () => [r()]
+      }), t.default?.({
+        ...C.value,
+        props: {
+          id: v.value,
+          class: "v-field__input",
+          "aria-describedby": H.value
+        },
+        focus: V,
+        blur: _
+      })]), c && l(Pe, {
+        key: "clear"
+      }, {
+        default: () => [J(l("div", {
+          class: "v-field__clearable",
+          onMousedown: (F) => {
+            F.preventDefault(), F.stopPropagation();
+          }
+        }, [l(Ee, {
+          defaults: {
+            VIcon: {
+              icon: e.clearIcon
+            }
+          }
+        }, {
+          default: () => [t.clear ? t.clear({
+            ...C.value,
+            props: {
+              onFocus: V,
+              onBlur: _,
+              onClick: e["onClick:clear"]
+            }
+          }) : l(k, {
+            name: "clear",
+            onFocus: V,
+            onBlur: _
+          }, null)]
+        })]), [[te, e.dirty]])]
+      }), m && l("div", {
+        key: "append",
+        class: "v-field__append-inner"
+      }, [t["append-inner"]?.(C.value), e.appendInnerIcon && l(k, {
+        key: "append-icon",
+        name: "appendInner"
+      }, null)]), l("div", {
+        class: ["v-field__outline", j.value],
+        style: R.value
+      }, [g && l(N, null, [l("div", {
+        class: "v-field__outline__start"
+      }, null), I.value && l("div", {
+        class: "v-field__outline__notch"
+      }, [l(D, {
+        ref: P,
+        floating: !0,
+        for: v.value
+      }, {
+        default: () => [r()]
+      })]), l("div", {
+        class: "v-field__outline__end"
+      }, null)]), s.value && I.value && l(D, {
+        ref: P,
+        floating: !0,
+        for: v.value
+      }, {
+        default: () => [r()]
+      })])]);
+    }), {
+      controlRef: n
+    };
+  }
+}), je = ["color", "file", "time", "date", "datetime-local", "week", "month"], qe = W({
+  autofocus: Boolean,
+  counter: [Boolean, Number, String],
+  counterValue: [Number, Function],
+  prefix: String,
+  placeholder: String,
+  persistentPlaceholder: Boolean,
+  persistentCounter: Boolean,
+  suffix: String,
+  role: String,
+  type: {
+    type: String,
+    default: "text"
+  },
+  modelModifiers: Object,
+  ...$e(),
+  ...ae()
+}, "VTextField"), tl = U()({
+  name: "VTextField",
+  directives: {
+    Intersect: Fe
+  },
+  inheritAttrs: !1,
+  props: qe(),
+  emits: {
+    "click:control": (e) => !0,
+    "mousedown:control": (e) => !0,
+    "update:focused": (e) => !0,
+    "update:modelValue": (e) => !0
+  },
+  setup(e, o) {
+    let {
+      attrs: a,
+      emit: u,
+      slots: t
+    } = o;
+    const f = be(e, "modelValue"), {
+      isFocused: b,
+      focus: p,
+      blur: B
+    } = ne(e), V = i(() => typeof e.counterValue == "function" ? e.counterValue(f.value) : typeof e.counterValue == "number" ? e.counterValue : (f.value ?? "").toString().length), _ = i(() => {
+      if (a.maxlength) return a.maxlength;
+      if (!(!e.counter || typeof e.counter != "number" && typeof e.counter != "string"))
+        return e.counter;
+    }), k = i(() => ["plain", "underlined"].includes(e.variant));
+    function G(n, s) {
+      !e.autofocus || !n || s[0].target?.focus?.();
+    }
+    const T = L(), x = L(), y = L(), I = i(() => je.includes(e.type) || e.persistentPlaceholder || b.value || e.active);
+    function S() {
+      y.value !== document.activeElement && y.value?.focus(), b.value || p();
+    }
+    function v(n) {
+      u("mousedown:control", n), n.target !== y.value && (S(), n.preventDefault());
+    }
+    function H(n) {
+      S(), u("click:control", n);
+    }
+    function w(n) {
+      n.stopPropagation(), S(), Z(() => {
+        f.value = null, Ve(e["onClick:clear"], n);
+      });
+    }
+    function P(n) {
+      const s = n.target;
+      if (f.value = s.value, e.modelModifiers?.trim && ["text", "search", "password", "tel", "url"].includes(e.type)) {
+        const E = [s.selectionStart, s.selectionEnd];
+        Z(() => {
+          s.selectionStart = E[0], s.selectionEnd = E[1];
+        });
+      }
+    }
+    return Y(() => {
+      const n = !!(t.counter || e.counter !== !1 && e.counter != null), s = !!(n || t.details), [E, K] = xe(a), {
+        modelValue: j,
+        ...R
+      } = ee.filterProps(e), C = le.filterProps(e);
+      return l(ee, $({
+        ref: T,
+        modelValue: f.value,
+        "onUpdate:modelValue": (h) => f.value = h,
+        class: ["v-text-field", {
+          "v-text-field--prefixed": e.prefix,
+          "v-text-field--suffixed": e.suffix,
+          "v-input--plain-underlined": k.value
+        }, e.class],
+        style: e.style
+      }, E, R, {
+        centerAffix: !k.value,
+        focused: b.value
+      }), {
+        ...t,
+        default: (h) => {
+          let {
+            id: g,
+            isDisabled: d,
+            isDirty: c,
+            isReadonly: m,
+            isValid: r
+          } = h;
+          return l(le, $({
+            ref: x,
+            onMousedown: v,
+            onClick: H,
+            "onClick:clear": w,
+            "onClick:prependInner": e["onClick:prependInner"],
+            "onClick:appendInner": e["onClick:appendInner"],
+            role: e.role
+          }, C, {
+            id: g.value,
+            active: I.value || c.value,
+            dirty: c.value || e.dirty,
+            disabled: d.value,
+            focused: b.value,
+            error: r.value === !1
+          }), {
+            ...t,
+            default: (F) => {
+              let {
+                props: {
+                  class: O,
+                  ...M
+                }
+              } = F;
+              const A = J(l("input", $({
+                ref: y,
+                value: f.value,
+                onInput: P,
+                autofocus: e.autofocus,
+                readonly: m.value,
+                disabled: d.value,
+                name: e.name,
+                placeholder: e.placeholder,
+                size: 1,
+                type: e.type,
+                onFocus: S,
+                onBlur: B
+              }, M, K), null), [[Ce("intersect"), {
+                handler: G
+              }, null, {
+                once: !0
+              }]]);
+              return l(N, null, [e.prefix && l("span", {
+                class: "v-text-field__prefix"
+              }, [l("span", {
+                class: "v-text-field__prefix__text"
+              }, [e.prefix])]), t.default ? l("div", {
+                class: O,
+                "data-no-activator": ""
+              }, [t.default(), A]) : he(A, {
+                class: O
+              }), e.suffix && l("span", {
+                class: "v-text-field__suffix"
+              }, [l("span", {
+                class: "v-text-field__suffix__text"
+              }, [e.suffix])])]);
+            }
+          });
+        },
+        details: s ? (h) => l(N, null, [t.details?.(h), n && l(N, null, [l("span", null, null), l(Ge, {
+          active: e.persistentCounter || b.value,
+          value: V.value,
+          max: _.value,
+          disabled: e.disabled
+        }, t.counter)])]) : void 0
+      });
+    }), Ye({}, T, x, y);
+  }
+});
+ue("css/revolugo.vtextfield.BIH_AWWP.css");
+export {
+  tl as V,
+  le as a,
+  Ge as b,
+  qe as c,
+  ae as m
+};
+//# sourceMappingURL=revolugo.vtextfield.BhmuZsP7.min.js.map

package/dist/{revolugo.vtoolbar.Ctwu8OKs.min.js → revolugo.vtoolbar.CMwcpp3v.min.js}

@@ -1,5 +1,7 @@
-import { w as m, a8 as g, a1 as v, a3 as L, ah as C, a7 as N, v as B, z as O, aa as R, aj as w, af as P, J as d, $ as U } from "./revolugo.webcomponentwrapper.PTHIHE3G.min.js";
-import { U as f, V as b, a, ah as I, Y as H, am as Y, s as G, b as c, ag as M, a0 as D, ao as n } from "./revolugo.index.wc.CiJw1SpW.min.js";
+import { u as m, e as g, m as f, b as L } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { a1 as v, a2 as b, a, af as C, aK as N, aE as B, a9 as O, H as c, aV as R, aM as P, ad as n } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { f as w, a as d, d as H } from "./revolugo.index.DZEISB0K.min.js";
+import { c as I, u as U, b as M, a as G, m as Y, d as D } from "./revolugo.rounded.C-2ilaaW.min.js";
 function k(e) {
   try {
     if (typeof document < "u") {
@@ -7,50 +9,50 @@ function k(e) {
         sheets: [],
         components: []
       };
-      const l = import.meta.url, t = l.slice(0, l.lastIndexOf("/") + 1) + e;
+      const o = import.meta.url, t = o.slice(0, o.lastIndexOf("/") + 1) + e;
       window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
-      for (const o of REVOLUGO_ELEMENTS_STYLES.components)
-        o(t);
+      for (const l of REVOLUGO_ELEMENTS_STYLES.components)
+        l(t);
       if (e.indexOf("fonts") >= 0) {
-        const o = document.createElement("link");
-        o.rel = "stylesheet", linK.href = t, document.head.appendChild(o);
+        const l = document.createElement("link");
+        l.rel = "stylesheet", linK.href = t, document.head.appendChild(l);
       }
     }
-  } catch (l) {
-    console.error("[revolugo-elements] ", l);
+  } catch (o) {
+    console.error("[revolugo-elements] ", o);
   }
 }
-const j = b({
+const K = b({
   text: String,
-  ...v(),
+  ...f(),
   ...g()
-}, "VToolbarTitle"), $ = f()({
+}, "VToolbarTitle"), j = v()({
   name: "VToolbarTitle",
-  props: j(),
-  setup(e, l) {
+  props: K(),
+  setup(e, o) {
     let {
       slots: t
-    } = l;
+    } = o;
     return m(() => {
-      const o = !!(t.default || t.text || e.text);
+      const l = !!(t.default || t.text || e.text);
       return a(e.tag, {
         class: ["v-toolbar-title", e.class],
         style: e.style
       }, {
-        default: () => [o && a("div", {
+        default: () => [l && a("div", {
           class: "v-toolbar-title__placeholder"
         }, [t.text ? t.text() : e.text, t.default?.()])]
       });
     }), {};
   }
-}), z = [null, "prominent", "default", "comfortable", "compact"], F = b({
+}), F = [null, "prominent", "default", "comfortable", "compact"], Z = b({
   absolute: Boolean,
   collapse: Boolean,
   color: String,
   density: {
     type: String,
     default: "default",
-    validator: (e) => z.includes(e)
+    validator: (e) => F.includes(e)
   },
   extended: Boolean,
   extensionHeight: {
@@ -65,36 +67,36 @@ const j = b({
   },
   image: String,
   title: String,
-  ...w(),
-  ...v(),
-  ...R(),
-  ...O(),
+  ...D(),
+  ...f(),
+  ...Y(),
+  ...G(),
   ...g({
     tag: "header"
   }),
-  ...D()
-}, "VToolbar"), Z = f()({
+  ...P()
+}, "VToolbar"), J = v()({
   name: "VToolbar",
-  props: F(),
-  setup(e, l) {
+  props: Z(),
+  setup(e, o) {
     let {
       slots: t
-    } = l;
+    } = o;
     const {
-      backgroundColorClasses: o,
+      backgroundColorClasses: l,
       backgroundColorStyles: h
-    } = L(I(e, "color")), {
+    } = L(C(e, "color")), {
       borderClasses: T
-    } = C(e), {
+    } = I(e), {
       elevationClasses: y
-    } = N(e), {
+    } = U(e), {
       roundedClasses: x
-    } = B(e), {
+    } = M(e), {
       themeClasses: E
-    } = H(e), {
+    } = N(e), {
       rtlClasses: V
-    } = Y(), s = G(!!(e.extended || t.extension?.())), i = c(() => parseInt(Number(e.height) + (e.density === "prominent" ? Number(e.height) : 0) - (e.density === "comfortable" ? 8 : 0) - (e.density === "compact" ? 16 : 0), 10)), r = c(() => s.value ? parseInt(Number(e.extensionHeight) + (e.density === "prominent" ? Number(e.extensionHeight) : 0) - (e.density === "comfortable" ? 4 : 0) - (e.density === "compact" ? 8 : 0), 10) : 0);
-    return M({
+    } = B(), s = O(!!(e.extended || t.extension?.())), i = c(() => parseInt(Number(e.height) + (e.density === "prominent" ? Number(e.height) : 0) - (e.density === "comfortable" ? 8 : 0) - (e.density === "compact" ? 16 : 0), 10)), r = c(() => s.value ? parseInt(Number(e.extensionHeight) + (e.density === "prominent" ? Number(e.extensionHeight) : 0) - (e.density === "comfortable" ? 4 : 0) - (e.density === "compact" ? 8 : 0), 10) : 0);
+    return R({
       VBtn: {
         variant: "text"
       }
@@ -107,7 +109,7 @@ const j = b({
           "v-toolbar--flat": e.flat,
           "v-toolbar--floating": e.floating,
           [`v-toolbar--density-${e.density}`]: !0
-        }, o.value, T.value, y.value, x.value, E.value, V.value, e.class],
+        }, l.value, T.value, y.value, x.value, E.value, V.value, e.class],
         style: [h.value, e.style]
       }, {
         default: () => [_ && a("div", {
@@ -122,7 +124,7 @@ const j = b({
               src: e.image
             }
           }
-        }, t.image) : a(P, {
+        }, t.image) : a(w, {
           key: "image-img",
           cover: !0,
           src: e.image
@@ -140,7 +142,7 @@ const j = b({
             }
           }, [t.prepend && a("div", {
             class: "v-toolbar__prepend"
-          }, [t.prepend?.()]), S && a($, {
+          }, [t.prepend?.()]), S && a(j, {
             key: "title",
             text: e.title
           }, {
@@ -155,7 +157,7 @@ const j = b({
             }
           }
         }, {
-          default: () => [a(U, null, {
+          default: () => [a(H, null, {
             default: () => [s.value && a("div", {
               class: "v-toolbar__extension",
               style: {
@@ -173,6 +175,6 @@ const j = b({
 });
 k("css/revolugo.vtoolbar.BZert82L.css");
 export {
-  Z as V
+  J as V
 };
-//# sourceMappingURL=revolugo.vtoolbar.Ctwu8OKs.min.js.map
+//# sourceMappingURL=revolugo.vtoolbar.CMwcpp3v.min.js.map