@revolugo/elements 6.9.7-beta.9 → 6.9.7-rc.0

package/dist/revolugo.vtextfield.CF6W_mmu.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.BmAtoZjo.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.q2k-tLa2.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.DipHFVeJ.min.js";
+import { V as Ae } from "./revolugo.vlabel.CK1EiiGY.min.js";
+import { a as De, u as ne, e as Ne, m as $e, V as ee } from "./revolugo.vinput.Bo6I7bO4.min.js";
+import { a as Ue, b as We } from "./revolugo.rounded.BmZawp2x.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.CF6W_mmu.min.js.map

package/dist/revolugo.vtoolbar.8GW_wkyp.min.js

@@ -0,0 +1,180 @@
+import { u as m, e as g, m as f, b as L } from "./revolugo.webcomponentwrapper.DipHFVeJ.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.BmAtoZjo.min.js";
+import { f as w, a as d, d as H } from "./revolugo.index.q2k-tLa2.min.js";
+import { c as I, u as U, b as M, a as G, m as Y, d as D } from "./revolugo.rounded.BmZawp2x.min.js";
+function k(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const o = import.meta.url, t = o.slice(0, o.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
+      for (const l of REVOLUGO_ELEMENTS_STYLES.components)
+        l(t);
+      if (e.indexOf("fonts") >= 0) {
+        const l = document.createElement("link");
+        l.rel = "stylesheet", linK.href = t, document.head.appendChild(l);
+      }
+    }
+  } catch (o) {
+    console.error("[revolugo-elements] ", o);
+  }
+}
+const K = b({
+  text: String,
+  ...f(),
+  ...g()
+}, "VToolbarTitle"), j = v()({
+  name: "VToolbarTitle",
+  props: K(),
+  setup(e, o) {
+    let {
+      slots: t
+    } = o;
+    return m(() => {
+      const l = !!(t.default || t.text || e.text);
+      return a(e.tag, {
+        class: ["v-toolbar-title", e.class],
+        style: e.style
+      }, {
+        default: () => [l && a("div", {
+          class: "v-toolbar-title__placeholder"
+        }, [t.text ? t.text() : e.text, t.default?.()])]
+      });
+    }), {};
+  }
+}), F = [null, "prominent", "default", "comfortable", "compact"], Z = b({
+  absolute: Boolean,
+  collapse: Boolean,
+  color: String,
+  density: {
+    type: String,
+    default: "default",
+    validator: (e) => F.includes(e)
+  },
+  extended: Boolean,
+  extensionHeight: {
+    type: [Number, String],
+    default: 48
+  },
+  flat: Boolean,
+  floating: Boolean,
+  height: {
+    type: [Number, String],
+    default: 64
+  },
+  image: String,
+  title: String,
+  ...D(),
+  ...f(),
+  ...Y(),
+  ...G(),
+  ...g({
+    tag: "header"
+  }),
+  ...P()
+}, "VToolbar"), J = v()({
+  name: "VToolbar",
+  props: Z(),
+  setup(e, o) {
+    let {
+      slots: t
+    } = o;
+    const {
+      backgroundColorClasses: l,
+      backgroundColorStyles: h
+    } = L(C(e, "color")), {
+      borderClasses: T
+    } = I(e), {
+      elevationClasses: y
+    } = U(e), {
+      roundedClasses: x
+    } = M(e), {
+      themeClasses: E
+    } = N(e), {
+      rtlClasses: V
+    } = 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"
+      }
+    }), m(() => {
+      const S = !!(e.title || t.title), _ = !!(t.image || e.image), u = t.extension?.();
+      return s.value = !!(e.extended || u), a(e.tag, {
+        class: ["v-toolbar", {
+          "v-toolbar--absolute": e.absolute,
+          "v-toolbar--collapse": e.collapse,
+          "v-toolbar--flat": e.flat,
+          "v-toolbar--floating": e.floating,
+          [`v-toolbar--density-${e.density}`]: !0
+        }, l.value, T.value, y.value, x.value, E.value, V.value, e.class],
+        style: [h.value, e.style]
+      }, {
+        default: () => [_ && a("div", {
+          key: "image",
+          class: "v-toolbar__image"
+        }, [t.image ? a(d, {
+          key: "image-defaults",
+          disabled: !e.image,
+          defaults: {
+            VImg: {
+              cover: !0,
+              src: e.image
+            }
+          }
+        }, t.image) : a(w, {
+          key: "image-img",
+          cover: !0,
+          src: e.image
+        }, null)]), a(d, {
+          defaults: {
+            VTabs: {
+              height: n(i.value)
+            }
+          }
+        }, {
+          default: () => [a("div", {
+            class: "v-toolbar__content",
+            style: {
+              height: n(i.value)
+            }
+          }, [t.prepend && a("div", {
+            class: "v-toolbar__prepend"
+          }, [t.prepend?.()]), S && a(j, {
+            key: "title",
+            text: e.title
+          }, {
+            text: t.title
+          }), t.default?.(), t.append && a("div", {
+            class: "v-toolbar__append"
+          }, [t.append?.()])])]
+        }), a(d, {
+          defaults: {
+            VTabs: {
+              height: n(r.value)
+            }
+          }
+        }, {
+          default: () => [a(H, null, {
+            default: () => [s.value && a("div", {
+              class: "v-toolbar__extension",
+              style: {
+                height: n(r.value)
+              }
+            }, [u])]
+          })]
+        })]
+      });
+    }), {
+      contentHeight: i,
+      extensionHeight: r
+    };
+  }
+});
+k("css/revolugo.vtoolbar.BZert82L.css");
+export {
+  J as V
+};
+//# sourceMappingURL=revolugo.vtoolbar.8GW_wkyp.min.js.map