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

package/dist/revolugo.vbtn.B-LYC8rJ.min.js

@@ -0,0 +1,398 @@
+import { c as K, u as j, b as F, a as Y, m as $, d as J } from "./revolugo.rounded.C-2ilaaW.min.js";
+import { u as S, e as R, m as N, d as z, w as ie, n as re, A as ue, D as ce, o as de } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { a1 as V, a2 as P, aK as D, aV as ve, af as g, a as t, aM as G, D as W, k as me, H as o, ad as fe, ac as ge, O as be, W as ye, a3 as A, J as ke, t as Ce } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { s as H, v as q, m as Q, j as he, k as Se, x as Ve, r as Pe, l as Be, n as Ee, u as we, t as Ie, o as _e, p as Le, y as Te, i as xe, R as Oe, g as Re, a as x } from "./revolugo.index.DZEISB0K.min.js";
+import { u as X, m as Z, V as O } from "./revolugo.vicon.mrg8OisO.min.js";
+function oe(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const n = import.meta.url, l = n.slice(0, n.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(l);
+      for (const a of REVOLUGO_ELEMENTS_STYLES.components)
+        a(l);
+      if (e.indexOf("fonts") >= 0) {
+        const a = document.createElement("link");
+        a.rel = "stylesheet", linK.href = l, document.head.appendChild(a);
+      }
+    }
+  } catch (n) {
+    console.error("[revolugo-elements] ", n);
+  }
+}
+const p = P({
+  baseColor: String,
+  divided: Boolean,
+  ...J(),
+  ...N(),
+  ...Q(),
+  ...$(),
+  ...Y(),
+  ...R(),
+  ...G(),
+  ...q()
+}, "VBtnGroup"), U = V()({
+  name: "VBtnGroup",
+  props: p(),
+  setup(e, n) {
+    let {
+      slots: l
+    } = n;
+    const {
+      themeClasses: a
+    } = D(e), {
+      densityClasses: i
+    } = H(e), {
+      borderClasses: r
+    } = K(e), {
+      elevationClasses: d
+    } = j(e), {
+      roundedClasses: v
+    } = F(e);
+    ve({
+      VBtn: {
+        height: "auto",
+        baseColor: g(e, "baseColor"),
+        color: g(e, "color"),
+        density: g(e, "density"),
+        flat: !0,
+        variant: g(e, "variant")
+      }
+    }), S(() => t(e.tag, {
+      class: ["v-btn-group", {
+        "v-btn-group--divided": e.divided
+      }, a.value, r.value, i.value, d.value, v.value, e.class],
+      style: e.style
+    }, l));
+  }
+}), ee = Symbol.for("vuetify:v-btn-toggle"), Ne = P({
+  ...p(),
+  ...Se()
+}, "VBtnToggle"), Ye = V()({
+  name: "VBtnToggle",
+  props: Ne(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, n) {
+    let {
+      slots: l
+    } = n;
+    const {
+      isSelected: a,
+      next: i,
+      prev: r,
+      select: d,
+      selected: v
+    } = he(e, ee);
+    return S(() => {
+      const m = U.filterProps(e);
+      return t(U, W({
+        class: ["v-btn-toggle", e.class]
+      }, m, {
+        style: e.style
+      }), {
+        default: () => [l.default?.({
+          isSelected: a,
+          next: i,
+          prev: r,
+          select: d,
+          selected: v
+        })]
+      });
+    }), {
+      next: i,
+      prev: r,
+      select: d
+    };
+  }
+}), De = P({
+  bgColor: String,
+  color: String,
+  indeterminate: [Boolean, String],
+  modelValue: {
+    type: [Number, String],
+    default: 0
+  },
+  rotate: {
+    type: [Number, String],
+    default: 0
+  },
+  width: {
+    type: [Number, String],
+    default: 4
+  },
+  ...N(),
+  ...Z(),
+  ...R({
+    tag: "div"
+  }),
+  ...G()
+}, "VProgressCircular"), Ge = V()({
+  name: "VProgressCircular",
+  props: De(),
+  setup(e, n) {
+    let {
+      slots: l
+    } = n;
+    const a = 20, i = 2 * Math.PI * a, r = me(), {
+      themeClasses: d
+    } = D(e), {
+      sizeClasses: v,
+      sizeStyles: m
+    } = X(e), {
+      textColorClasses: B,
+      textColorStyles: E
+    } = z(g(e, "color")), {
+      textColorClasses: w,
+      textColorStyles: I
+    } = z(g(e, "bgColor")), {
+      intersectionRef: _,
+      isIntersecting: L
+    } = Ve(), {
+      resizeRef: u,
+      contentRect: s
+    } = ie(), f = o(() => Math.max(0, Math.min(100, parseFloat(e.modelValue)))), b = o(() => Number(e.width)), k = o(() => m.value ? Number(e.size) : s.value ? s.value.width : Math.max(b.value, 32)), y = o(() => a / (1 - b.value / k.value) * 2), C = o(() => b.value / k.value * y.value), T = o(() => fe((100 - f.value) / 100 * i));
+    return ge(() => {
+      _.value = r.value, u.value = r.value;
+    }), S(() => t(e.tag, {
+      ref: r,
+      class: ["v-progress-circular", {
+        "v-progress-circular--indeterminate": !!e.indeterminate,
+        "v-progress-circular--visible": L.value,
+        "v-progress-circular--disable-shrink": e.indeterminate === "disable-shrink"
+      }, d.value, v.value, B.value, e.class],
+      style: [m.value, E.value, e.style],
+      role: "progressbar",
+      "aria-valuemin": "0",
+      "aria-valuemax": "100",
+      "aria-valuenow": e.indeterminate ? void 0 : f.value
+    }, {
+      default: () => [t("svg", {
+        style: {
+          transform: `rotate(calc(-90deg + ${Number(e.rotate)}deg))`
+        },
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: `0 0 ${y.value} ${y.value}`
+      }, [t("circle", {
+        class: ["v-progress-circular__underlay", w.value],
+        style: I.value,
+        fill: "transparent",
+        cx: "50%",
+        cy: "50%",
+        r: a,
+        "stroke-width": C.value,
+        "stroke-dasharray": i,
+        "stroke-dashoffset": 0
+      }, null), t("circle", {
+        class: "v-progress-circular__overlay",
+        fill: "transparent",
+        cx: "50%",
+        cy: "50%",
+        r: a,
+        "stroke-width": C.value,
+        "stroke-dasharray": i,
+        "stroke-dashoffset": T.value
+      }, null)]), l.default && t("div", {
+        class: "v-progress-circular__content"
+      }, [l.default({
+        value: f.value
+      })])]
+    })), {};
+  }
+});
+function Me(e, n) {
+  be(() => e.isActive?.value, (l) => {
+    e.isLink.value && l && n && ye(() => {
+      n(!0);
+    });
+  }, {
+    immediate: !0
+  });
+}
+const ze = P({
+  active: {
+    type: Boolean,
+    default: void 0
+  },
+  activeColor: String,
+  baseColor: String,
+  symbol: {
+    type: null,
+    default: ee
+  },
+  flat: Boolean,
+  icon: [Boolean, String, Function, Object],
+  prependIcon: A,
+  appendIcon: A,
+  block: Boolean,
+  readonly: Boolean,
+  slim: Boolean,
+  stacked: Boolean,
+  ripple: {
+    type: [Boolean, Object],
+    default: !0
+  },
+  text: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  ...J(),
+  ...N(),
+  ...Q(),
+  ...de(),
+  ...$(),
+  ...xe(),
+  ...Te(),
+  ...Le(),
+  ..._e(),
+  ...Y(),
+  ...ce(),
+  ...Z(),
+  ...R({
+    tag: "button"
+  }),
+  ...G(),
+  ...q({
+    variant: "elevated"
+  })
+}, "VBtn"), $e = V()({
+  name: "VBtn",
+  props: ze(),
+  emits: {
+    "group:selected": (e) => !0
+  },
+  setup(e, n) {
+    let {
+      attrs: l,
+      slots: a
+    } = n;
+    const {
+      themeClasses: i
+    } = D(e), {
+      borderClasses: r
+    } = K(e), {
+      densityClasses: d
+    } = H(e), {
+      dimensionStyles: v
+    } = re(e), {
+      elevationClasses: m
+    } = j(e), {
+      loaderClasses: B
+    } = Pe(e), {
+      locationStyles: E
+    } = Be(e), {
+      positionClasses: w
+    } = Ee(e), {
+      roundedClasses: I
+    } = F(e), {
+      sizeClasses: _,
+      sizeStyles: L
+    } = X(e), u = we(e, e.symbol, !1), s = ue(e, l), f = o(() => e.active !== void 0 ? e.active : s.isLink.value ? s.isActive?.value : u?.isSelected.value), b = o(() => f.value ? e.activeColor ?? e.color : e.color), k = o(() => ({
+      color: u?.isSelected.value && (!s.isLink.value || s.isActive?.value) || !u || s.isActive?.value ? b.value ?? e.baseColor : e.baseColor,
+      variant: e.variant
+    })), {
+      colorClasses: y,
+      colorStyles: C,
+      variantClasses: T
+    } = Ie(k), h = o(() => u?.disabled.value || e.disabled), ae = o(() => e.variant === "elevated" && !(e.disabled || e.flat || e.border)), te = o(() => {
+      if (!(e.value === void 0 || typeof e.value == "symbol"))
+        return Object(e.value) === e.value ? JSON.stringify(e.value, null, 0) : e.value;
+    });
+    function ne(c) {
+      h.value || s.isLink.value && (c.metaKey || c.ctrlKey || c.shiftKey || c.button !== 0 || l.target === "_blank") || (s.navigate?.(c), u?.toggle());
+    }
+    return Me(s, u?.select), S(() => {
+      const c = s.isLink.value ? "a" : e.tag, le = !!(e.prependIcon || a.prepend), se = !!(e.appendIcon || a.append), M = !!(e.icon && e.icon !== !0);
+      return ke(t(c, W({
+        type: c === "a" ? void 0 : "button",
+        class: ["v-btn", u?.selectedClass.value, {
+          "v-btn--active": f.value,
+          "v-btn--block": e.block,
+          "v-btn--disabled": h.value,
+          "v-btn--elevated": ae.value,
+          "v-btn--flat": e.flat,
+          "v-btn--icon": !!e.icon,
+          "v-btn--loading": e.loading,
+          "v-btn--readonly": e.readonly,
+          "v-btn--slim": e.slim,
+          "v-btn--stacked": e.stacked
+        }, i.value, r.value, y.value, d.value, m.value, B.value, w.value, I.value, _.value, T.value, e.class],
+        style: [C.value, v.value, E.value, L.value, e.style],
+        "aria-busy": e.loading ? !0 : void 0,
+        disabled: h.value || void 0,
+        tabindex: e.loading || e.readonly ? -1 : void 0,
+        onClick: ne,
+        value: te.value
+      }, s.linkProps), {
+        default: () => [Re(!0, "v-btn"), !e.icon && le && t("span", {
+          key: "prepend",
+          class: "v-btn__prepend"
+        }, [a.prepend ? t(x, {
+          key: "prepend-defaults",
+          disabled: !e.prependIcon,
+          defaults: {
+            VIcon: {
+              icon: e.prependIcon
+            }
+          }
+        }, a.prepend) : t(O, {
+          key: "prepend-icon",
+          icon: e.prependIcon
+        }, null)]), t("span", {
+          class: "v-btn__content",
+          "data-no-activator": ""
+        }, [!a.default && M ? t(O, {
+          key: "content-icon",
+          icon: e.icon
+        }, null) : t(x, {
+          key: "content-defaults",
+          disabled: !M,
+          defaults: {
+            VIcon: {
+              icon: e.icon
+            }
+          }
+        }, {
+          default: () => [a.default?.() ?? Ce(e.text)]
+        })]), !e.icon && se && t("span", {
+          key: "append",
+          class: "v-btn__append"
+        }, [a.append ? t(x, {
+          key: "append-defaults",
+          disabled: !e.appendIcon,
+          defaults: {
+            VIcon: {
+              icon: e.appendIcon
+            }
+          }
+        }, a.append) : t(O, {
+          key: "append-icon",
+          icon: e.appendIcon
+        }, null)]), !!e.loading && t("span", {
+          key: "loader",
+          class: "v-btn__loader"
+        }, [a.loader?.() ?? t(Ge, {
+          color: typeof e.loading == "boolean" ? void 0 : e.loading,
+          indeterminate: !0,
+          width: "2"
+        }, null)])]
+      }), [[Oe, !h.value && e.ripple, "", {
+        center: !!e.icon
+      }]]);
+    }), {
+      group: u
+    };
+  }
+});
+oe("css/revolugo.vbtn.DpMO1Ky2.css");
+export {
+  Ge as V,
+  $e as a,
+  Ye as b,
+  ze as m
+};
+//# sourceMappingURL=revolugo.vbtn.B-LYC8rJ.min.js.map

package/dist/revolugo.vcard.ZlYB5HOk.min.js

@@ -0,0 +1,313 @@
+import { m as l, u as d, e as b, n as H, A as j, D as K, o as z } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { a1 as i, aV as J, a as t, a2 as m, F as p, t as V, a3 as u, aK as q, H as S, aM as Q, J as W, aH as X, D as Z } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { c as $, h as C, a as k, m as h, R as ee, t as ae, s as te, r as ne, l as se, n as le, v as de, o as ie, p as ce, y as re, g as oe, f as ue, L as me } from "./revolugo.index.DZEISB0K.min.js";
+import { V as I } from "./revolugo.vicon.mrg8OisO.min.js";
+import { c as ve, u as ye, b as fe, a as ge, m as ke, d as be } from "./revolugo.rounded.C-2ilaaW.min.js";
+function Y(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const s = import.meta.url, n = s.slice(0, s.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(n);
+      for (const a of REVOLUGO_ELEMENTS_STYLES.components)
+        a(n);
+      if (e.indexOf("fonts") >= 0) {
+        const a = document.createElement("link");
+        a.rel = "stylesheet", linK.href = n, document.head.appendChild(a);
+      }
+    }
+  } catch (s) {
+    console.error("[revolugo-elements] ", s);
+  }
+}
+const pe = i()({
+  name: "VCardActions",
+  props: l(),
+  setup(e, s) {
+    let {
+      slots: n
+    } = s;
+    return J({
+      VBtn: {
+        slim: !0,
+        variant: "text"
+      }
+    }), d(() => t("div", {
+      class: ["v-card-actions", e.class],
+      style: e.style
+    }, [n.default?.()])), {};
+  }
+}), Ve = m({
+  opacity: [Number, String],
+  ...l(),
+  ...b()
+}, "VCardSubtitle"), Se = i()({
+  name: "VCardSubtitle",
+  props: Ve(),
+  setup(e, s) {
+    let {
+      slots: n
+    } = s;
+    return d(() => t(e.tag, {
+      class: ["v-card-subtitle", e.class],
+      style: [{
+        "--v-card-subtitle-opacity": e.opacity
+      }, e.style]
+    }, n)), {};
+  }
+}), Ce = $("v-card-title"), Ie = m({
+  appendAvatar: String,
+  appendIcon: u,
+  prependAvatar: String,
+  prependIcon: u,
+  subtitle: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  title: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  ...l(),
+  ...h()
+}, "VCardItem"), he = i()({
+  name: "VCardItem",
+  props: Ie(),
+  setup(e, s) {
+    let {
+      slots: n
+    } = s;
+    return d(() => {
+      const a = !!(e.prependAvatar || e.prependIcon), v = !!(a || n.prepend), c = !!(e.appendAvatar || e.appendIcon), y = !!(c || n.append), f = !!(e.title != null || n.title), g = !!(e.subtitle != null || n.subtitle);
+      return t("div", {
+        class: ["v-card-item", e.class],
+        style: e.style
+      }, [v && t("div", {
+        key: "prepend",
+        class: "v-card-item__prepend"
+      }, [n.prepend ? t(k, {
+        key: "prepend-defaults",
+        disabled: !a,
+        defaults: {
+          VAvatar: {
+            density: e.density,
+            image: e.prependAvatar
+          },
+          VIcon: {
+            density: e.density,
+            icon: e.prependIcon
+          }
+        }
+      }, n.prepend) : t(p, null, [e.prependAvatar && t(C, {
+        key: "prepend-avatar",
+        density: e.density,
+        image: e.prependAvatar
+      }, null), e.prependIcon && t(I, {
+        key: "prepend-icon",
+        density: e.density,
+        icon: e.prependIcon
+      }, null)])]), t("div", {
+        class: "v-card-item__content"
+      }, [f && t(Ce, {
+        key: "title"
+      }, {
+        default: () => [n.title?.() ?? V(e.title)]
+      }), g && t(Se, {
+        key: "subtitle"
+      }, {
+        default: () => [n.subtitle?.() ?? V(e.subtitle)]
+      }), n.default?.()]), y && t("div", {
+        key: "append",
+        class: "v-card-item__append"
+      }, [n.append ? t(k, {
+        key: "append-defaults",
+        disabled: !c,
+        defaults: {
+          VAvatar: {
+            density: e.density,
+            image: e.appendAvatar
+          },
+          VIcon: {
+            density: e.density,
+            icon: e.appendIcon
+          }
+        }
+      }, n.append) : t(p, null, [e.appendIcon && t(I, {
+        key: "append-icon",
+        density: e.density,
+        icon: e.appendIcon
+      }, null), e.appendAvatar && t(C, {
+        key: "append-avatar",
+        density: e.density,
+        image: e.appendAvatar
+      }, null)])])]);
+    }), {};
+  }
+}), Ae = m({
+  opacity: [Number, String],
+  ...l(),
+  ...b()
+}, "VCardText"), Pe = i()({
+  name: "VCardText",
+  props: Ae(),
+  setup(e, s) {
+    let {
+      slots: n
+    } = s;
+    return d(() => t(e.tag, {
+      class: ["v-card-text", e.class],
+      style: [{
+        "--v-card-text-opacity": e.opacity
+      }, e.style]
+    }, n)), {};
+  }
+}), Ee = m({
+  appendAvatar: String,
+  appendIcon: u,
+  disabled: Boolean,
+  flat: Boolean,
+  hover: Boolean,
+  image: String,
+  link: {
+    type: Boolean,
+    default: void 0
+  },
+  prependAvatar: String,
+  prependIcon: u,
+  ripple: {
+    type: [Boolean, Object],
+    default: !0
+  },
+  subtitle: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  text: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  title: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  ...be(),
+  ...l(),
+  ...h(),
+  ...z(),
+  ...ke(),
+  ...re(),
+  ...ce(),
+  ...ie(),
+  ...ge(),
+  ...K(),
+  ...b(),
+  ...Q(),
+  ...de({
+    variant: "elevated"
+  })
+}, "VCard"), Ne = i()({
+  name: "VCard",
+  directives: {
+    Ripple: ee
+  },
+  props: Ee(),
+  setup(e, s) {
+    let {
+      attrs: n,
+      slots: a
+    } = s;
+    const {
+      themeClasses: v
+    } = q(e), {
+      borderClasses: c
+    } = ve(e), {
+      colorClasses: y,
+      colorStyles: f,
+      variantClasses: g
+    } = ae(e), {
+      densityClasses: A
+    } = te(e), {
+      dimensionStyles: P
+    } = H(e), {
+      elevationClasses: E
+    } = ye(e), {
+      loaderClasses: L
+    } = ne(e), {
+      locationStyles: T
+    } = se(e), {
+      positionClasses: x
+    } = le(e), {
+      roundedClasses: _
+    } = fe(e), r = j(e, n), B = S(() => e.link !== !1 && r.isLink.value), o = S(() => !e.disabled && e.link !== !1 && (e.link || r.isClickable.value));
+    return d(() => {
+      const N = B.value ? "a" : e.tag, O = !!(a.title || e.title != null), D = !!(a.subtitle || e.subtitle != null), R = O || D, w = !!(a.append || e.appendAvatar || e.appendIcon), M = !!(a.prepend || e.prependAvatar || e.prependIcon), U = !!(a.image || e.image), F = R || M || w, G = !!(a.text || e.text != null);
+      return W(t(N, Z({
+        class: ["v-card", {
+          "v-card--disabled": e.disabled,
+          "v-card--flat": e.flat,
+          "v-card--hover": e.hover && !(e.disabled || e.flat),
+          "v-card--link": o.value
+        }, v.value, c.value, y.value, A.value, E.value, L.value, x.value, _.value, g.value, e.class],
+        style: [f.value, P.value, T.value, e.style],
+        onClick: o.value && r.navigate,
+        tabindex: e.disabled ? -1 : void 0
+      }, r.linkProps), {
+        default: () => [U && t("div", {
+          key: "image",
+          class: "v-card__image"
+        }, [a.image ? t(k, {
+          key: "image-defaults",
+          disabled: !e.image,
+          defaults: {
+            VImg: {
+              cover: !0,
+              src: e.image
+            }
+          }
+        }, a.image) : t(ue, {
+          key: "image-img",
+          cover: !0,
+          src: e.image
+        }, null)]), t(me, {
+          name: "v-card",
+          active: !!e.loading,
+          color: typeof e.loading == "boolean" ? void 0 : e.loading
+        }, {
+          default: a.loader
+        }), F && t(he, {
+          key: "item",
+          prependAvatar: e.prependAvatar,
+          prependIcon: e.prependIcon,
+          title: e.title,
+          subtitle: e.subtitle,
+          appendAvatar: e.appendAvatar,
+          appendIcon: e.appendIcon
+        }, {
+          default: a.item,
+          prepend: a.prepend,
+          title: a.title,
+          subtitle: a.subtitle,
+          append: a.append
+        }), G && t(Pe, {
+          key: "text"
+        }, {
+          default: () => [a.text?.() ?? e.text]
+        }), a.default?.(), a.actions && t(pe, null, {
+          default: a.actions
+        }), oe(o.value, "v-card")]
+      }), [[X("ripple"), o.value && e.ripple]]);
+    }), {};
+  }
+});
+Y("css/revolugo.vcard.TERzfknI.css");
+export {
+  Ne as V,
+  Pe as a,
+  pe as b,
+  Ce as c,
+  Se as d
+};
+//# sourceMappingURL=revolugo.vcard.ZlYB5HOk.min.js.map