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

package/dist/revolugo.vcheckboxbtn.BGpOwRWV.min.js

@@ -0,0 +1,478 @@
+import { c as X, t as Z, s as $, l as p, n as ee, v as le, o as te, p as ae, m as M, g as ne, a as U, R as oe } from "./revolugo.index.DZEISB0K.min.js";
+import { n as se, d as N, e as ue, o as ie, m as w, u as F, b as re } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { u as ce, b as de, a as ve, m as me } from "./revolugo.rounded.C-2ilaaW.min.js";
+import { a1 as T, a2 as P, a6 as x, H as s, aK as fe, af as d, ag as ye, a, aM as Y, a3 as _, D as L, bY as be, aL as j, aV as Ve, ap as Ce, aT as ke, a9 as D, k as Se, b5 as ge, J as he, aH as Ie, F as xe, an as Pe, a7 as O, W as Ee, bX as Be, aa as _e } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { V as z } from "./revolugo.vicon.mrg8OisO.min.js";
+import { a as Le } from "./revolugo.vbtn.B-LYC8rJ.min.js";
+import { V as Te } from "./revolugo.vlabel.BjtrjyZZ.min.js";
+function Q(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const n = import.meta.url, i = n.slice(0, n.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(i);
+      for (const l of REVOLUGO_ELEMENTS_STYLES.components)
+        l(i);
+      if (e.indexOf("fonts") >= 0) {
+        const l = document.createElement("link");
+        l.rel = "stylesheet", linK.href = i, document.head.appendChild(l);
+      }
+    }
+  } catch (n) {
+    console.error("[revolugo-elements] ", n);
+  }
+}
+const Ae = X("v-alert-title"), Oe = ["success", "info", "warning", "error"], we = P({
+  border: {
+    type: [Boolean, String],
+    validator: (e) => typeof e == "boolean" || ["top", "end", "bottom", "start"].includes(e)
+  },
+  borderColor: String,
+  closable: Boolean,
+  closeIcon: {
+    type: _,
+    default: "$close"
+  },
+  closeLabel: {
+    type: String,
+    default: "$vuetify.close"
+  },
+  icon: {
+    type: [Boolean, String, Function, Object],
+    default: null
+  },
+  modelValue: {
+    type: Boolean,
+    default: !0
+  },
+  prominent: Boolean,
+  title: String,
+  text: String,
+  type: {
+    type: String,
+    validator: (e) => Oe.includes(e)
+  },
+  ...w(),
+  ...M(),
+  ...ie(),
+  ...me(),
+  ...ae(),
+  ...te(),
+  ...ve(),
+  ...ue(),
+  ...Y(),
+  ...le({
+    variant: "flat"
+  })
+}, "VAlert"), ze = T()({
+  name: "VAlert",
+  props: we(),
+  emits: {
+    "click:close": (e) => !0,
+    "update:modelValue": (e) => !0
+  },
+  setup(e, n) {
+    let {
+      emit: i,
+      slots: l
+    } = n;
+    const o = x(e, "modelValue"), r = s(() => {
+      if (e.icon !== !1)
+        return e.type ? e.icon ?? `$${e.type}` : e.icon;
+    }), c = s(() => ({
+      color: e.color ?? e.type,
+      variant: e.variant
+    })), {
+      themeClasses: t
+    } = fe(e), {
+      colorClasses: u,
+      colorStyles: V,
+      variantClasses: C
+    } = Z(c), {
+      densityClasses: k
+    } = $(e), {
+      dimensionStyles: g
+    } = se(e), {
+      elevationClasses: y
+    } = ce(e), {
+      locationStyles: v
+    } = p(e), {
+      positionClasses: b
+    } = ee(e), {
+      roundedClasses: m
+    } = de(e), {
+      textColorClasses: S,
+      textColorStyles: E
+    } = N(d(e, "borderColor")), {
+      t: B
+    } = ye(), h = s(() => ({
+      "aria-label": B(e.closeLabel),
+      onClick(I) {
+        o.value = !1, i("click:close", I);
+      }
+    }));
+    return () => {
+      const I = !!(l.prepend || r.value), A = !!(l.title || e.title), f = !!(l.close || e.closable);
+      return o.value && a(e.tag, {
+        class: ["v-alert", e.border && {
+          "v-alert--border": !!e.border,
+          [`v-alert--border-${e.border === !0 ? "start" : e.border}`]: !0
+        }, {
+          "v-alert--prominent": e.prominent
+        }, t.value, u.value, k.value, y.value, b.value, m.value, C.value, e.class],
+        style: [V.value, g.value, v.value, e.style],
+        role: "alert"
+      }, {
+        default: () => [ne(!1, "v-alert"), e.border && a("div", {
+          key: "border",
+          class: ["v-alert__border", S.value],
+          style: E.value
+        }, null), I && a("div", {
+          key: "prepend",
+          class: "v-alert__prepend"
+        }, [l.prepend ? a(U, {
+          key: "prepend-defaults",
+          disabled: !r.value,
+          defaults: {
+            VIcon: {
+              density: e.density,
+              icon: r.value,
+              size: e.prominent ? 44 : 28
+            }
+          }
+        }, l.prepend) : a(z, {
+          key: "prepend-icon",
+          density: e.density,
+          icon: r.value,
+          size: e.prominent ? 44 : 28
+        }, null)]), a("div", {
+          class: "v-alert__content"
+        }, [A && a(Ae, {
+          key: "title"
+        }, {
+          default: () => [l.title?.() ?? e.title]
+        }), l.text?.() ?? e.text, l.default?.()]), l.append && a("div", {
+          key: "append",
+          class: "v-alert__append"
+        }, [l.append()]), f && a("div", {
+          key: "close",
+          class: "v-alert__close"
+        }, [l.close ? a(U, {
+          key: "close-defaults",
+          defaults: {
+            VBtn: {
+              icon: e.closeIcon,
+              size: "x-small",
+              variant: "text"
+            }
+          }
+        }, {
+          default: () => [l.close?.({
+            props: h.value
+          })]
+        }) : a(Le, L({
+          key: "close-btn",
+          icon: e.closeIcon,
+          size: "x-small",
+          variant: "text"
+        }, h.value), null)])]
+      });
+    };
+  }
+}), H = Symbol.for("vuetify:selection-control-group"), K = P({
+  color: String,
+  disabled: {
+    type: Boolean,
+    default: null
+  },
+  defaultsTarget: String,
+  error: Boolean,
+  id: String,
+  inline: Boolean,
+  falseIcon: _,
+  trueIcon: _,
+  ripple: {
+    type: [Boolean, Object],
+    default: !0
+  },
+  multiple: {
+    type: Boolean,
+    default: null
+  },
+  name: String,
+  readonly: {
+    type: Boolean,
+    default: null
+  },
+  modelValue: null,
+  type: String,
+  valueComparator: {
+    type: Function,
+    default: be
+  },
+  ...w(),
+  ...M(),
+  ...Y()
+}, "SelectionControlGroup"), Fe = P({
+  ...K({
+    defaultsTarget: "VSelectionControl"
+  })
+}, "VSelectionControlGroup");
+T()({
+  name: "VSelectionControlGroup",
+  props: Fe(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, n) {
+    let {
+      slots: i
+    } = n;
+    const l = x(e, "modelValue"), o = j(), r = s(() => e.id || `v-selection-control-group-${o}`), c = s(() => e.name || r.value), t = /* @__PURE__ */ new Set();
+    return Ce(H, {
+      modelValue: l,
+      forceUpdate: () => {
+        t.forEach((u) => u());
+      },
+      onForceUpdate: (u) => {
+        t.add(u), ke(() => {
+          t.delete(u);
+        });
+      }
+    }), Ve({
+      [e.defaultsTarget]: {
+        color: d(e, "color"),
+        disabled: d(e, "disabled"),
+        density: d(e, "density"),
+        error: d(e, "error"),
+        inline: d(e, "inline"),
+        modelValue: l,
+        multiple: s(() => !!e.multiple || e.multiple == null && Array.isArray(l.value)),
+        name: c,
+        falseIcon: d(e, "falseIcon"),
+        trueIcon: d(e, "trueIcon"),
+        readonly: d(e, "readonly"),
+        ripple: d(e, "ripple"),
+        type: d(e, "type"),
+        valueComparator: d(e, "valueComparator")
+      }
+    }), F(() => a("div", {
+      class: ["v-selection-control-group", {
+        "v-selection-control-group--inline": e.inline
+      }, e.class],
+      style: e.style,
+      role: e.type === "radio" ? "radiogroup" : void 0
+    }, [i.default?.()])), {};
+  }
+});
+const W = P({
+  label: String,
+  baseColor: String,
+  trueValue: null,
+  falseValue: null,
+  value: null,
+  ...w(),
+  ...K()
+}, "VSelectionControl");
+function Re(e) {
+  const n = Pe(H, void 0), {
+    densityClasses: i
+  } = $(e), l = x(e, "modelValue"), o = s(() => e.trueValue !== void 0 ? e.trueValue : e.value !== void 0 ? e.value : !0), r = s(() => e.falseValue !== void 0 ? e.falseValue : !1), c = s(() => !!e.multiple || e.multiple == null && Array.isArray(l.value)), t = s({
+    get() {
+      const y = n ? n.modelValue.value : l.value;
+      return c.value ? O(y).some((v) => e.valueComparator(v, o.value)) : e.valueComparator(y, o.value);
+    },
+    set(y) {
+      if (e.readonly) return;
+      const v = y ? o.value : r.value;
+      let b = v;
+      c.value && (b = y ? [...O(l.value), v] : O(l.value).filter((m) => !e.valueComparator(m, o.value))), n ? n.modelValue.value = b : l.value = b;
+    }
+  }), {
+    textColorClasses: u,
+    textColorStyles: V
+  } = N(s(() => {
+    if (!(e.error || e.disabled))
+      return t.value ? e.color : e.baseColor;
+  })), {
+    backgroundColorClasses: C,
+    backgroundColorStyles: k
+  } = re(s(() => t.value && !e.error && !e.disabled ? e.color : e.baseColor)), g = s(() => t.value ? e.trueIcon : e.falseIcon);
+  return {
+    group: n,
+    densityClasses: i,
+    trueValue: o,
+    falseValue: r,
+    model: t,
+    textColorClasses: u,
+    textColorStyles: V,
+    backgroundColorClasses: C,
+    backgroundColorStyles: k,
+    icon: g
+  };
+}
+const G = T()({
+  name: "VSelectionControl",
+  directives: {
+    Ripple: oe
+  },
+  inheritAttrs: !1,
+  props: W(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, n) {
+    let {
+      attrs: i,
+      slots: l
+    } = n;
+    const {
+      group: o,
+      densityClasses: r,
+      icon: c,
+      model: t,
+      textColorClasses: u,
+      textColorStyles: V,
+      backgroundColorClasses: C,
+      backgroundColorStyles: k,
+      trueValue: g
+    } = Re(e), y = j(), v = D(!1), b = D(!1), m = Se(), S = s(() => e.id || `input-${y}`), E = s(() => !e.disabled && !e.readonly);
+    o?.onForceUpdate(() => {
+      m.value && (m.value.checked = t.value);
+    });
+    function B(f) {
+      E.value && (v.value = !0, Be(f.target, ":focus-visible") !== !1 && (b.value = !0));
+    }
+    function h() {
+      v.value = !1, b.value = !1;
+    }
+    function I(f) {
+      f.stopPropagation();
+    }
+    function A(f) {
+      if (!E.value) {
+        m.value && (m.value.checked = t.value);
+        return;
+      }
+      e.readonly && o && Ee(() => o.forceUpdate()), t.value = f.target.checked;
+    }
+    return F(() => {
+      const f = l.label ? l.label({
+        label: e.label,
+        props: {
+          for: S.value
+        }
+      }) : e.label, [q, J] = ge(i), R = a("input", L({
+        ref: m,
+        checked: t.value,
+        disabled: !!e.disabled,
+        id: S.value,
+        onBlur: h,
+        onFocus: B,
+        onInput: A,
+        "aria-disabled": !!e.disabled,
+        "aria-label": e.label,
+        type: e.type,
+        value: g.value,
+        name: e.name,
+        "aria-checked": e.type === "checkbox" ? t.value : void 0
+      }, J), null);
+      return a("div", L({
+        class: ["v-selection-control", {
+          "v-selection-control--dirty": t.value,
+          "v-selection-control--disabled": e.disabled,
+          "v-selection-control--error": e.error,
+          "v-selection-control--focused": v.value,
+          "v-selection-control--focus-visible": b.value,
+          "v-selection-control--inline": e.inline
+        }, r.value, e.class]
+      }, q, {
+        style: e.style
+      }), [a("div", {
+        class: ["v-selection-control__wrapper", u.value],
+        style: V.value
+      }, [l.default?.({
+        backgroundColorClasses: C,
+        backgroundColorStyles: k
+      }), he(a("div", {
+        class: ["v-selection-control__input"]
+      }, [l.input?.({
+        model: t,
+        textColorClasses: u,
+        textColorStyles: V,
+        backgroundColorClasses: C,
+        backgroundColorStyles: k,
+        inputNode: R,
+        icon: c.value,
+        props: {
+          onFocus: B,
+          onBlur: h,
+          id: S.value
+        }
+      }) ?? a(xe, null, [c.value && a(z, {
+        key: "icon",
+        icon: c.value
+      }, null), R])]), [[Ie("ripple"), e.ripple && [!e.disabled && !e.readonly, null, ["center", "circle"]]]])]), f && a(Te, {
+        for: S.value,
+        onClick: I
+      }, {
+        default: () => [f]
+      })]);
+    }), {
+      isFocused: v,
+      input: m
+    };
+  }
+}), Ue = P({
+  indeterminate: Boolean,
+  indeterminateIcon: {
+    type: _,
+    default: "$checkboxIndeterminate"
+  },
+  ...W({
+    falseIcon: "$checkboxOff",
+    trueIcon: "$checkboxOn"
+  })
+}, "VCheckboxBtn"), He = T()({
+  name: "VCheckboxBtn",
+  props: Ue(),
+  emits: {
+    "update:modelValue": (e) => !0,
+    "update:indeterminate": (e) => !0
+  },
+  setup(e, n) {
+    let {
+      slots: i
+    } = n;
+    const l = x(e, "indeterminate"), o = x(e, "modelValue");
+    function r(u) {
+      l.value && (l.value = !1);
+    }
+    const c = s(() => l.value ? e.indeterminateIcon : e.falseIcon), t = s(() => l.value ? e.indeterminateIcon : e.trueIcon);
+    return F(() => {
+      const u = _e(G.filterProps(e), ["modelValue"]);
+      return a(G, L(u, {
+        modelValue: o.value,
+        "onUpdate:modelValue": [(V) => o.value = V, r],
+        class: ["v-checkbox-btn", e.class],
+        style: e.style,
+        type: "checkbox",
+        falseIcon: c.value,
+        trueIcon: t.value,
+        "aria-checked": l.value ? "mixed" : void 0
+      }), i);
+    }), {};
+  }
+});
+Q("css/revolugo.vcheckboxbtn.Bp_BNQWb.css");
+export {
+  ze as V,
+  He as a,
+  G as b,
+  W as c,
+  Ue as m
+};
+//# sourceMappingURL=revolugo.vcheckboxbtn.BGpOwRWV.min.js.map

package/dist/revolugo.vdialog.DlAgRbIv.min.js

@@ -0,0 +1,133 @@
+import { g as O, u as w, y, l as v } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { f as P } from "./revolugo.forwardrefs.VVhh1qV3.min.js";
+import { a1 as T, a2 as p, a6 as x, k as b, Y as D, bz as R, O as E, cj as A, D as m, a as g, W as U } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { V as N } from "./revolugo.dialog-transition.Dly9KKqO.min.js";
+import { a as B } from "./revolugo.index.DZEISB0K.min.js";
+function S(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const l = import.meta.url, r = l.slice(0, l.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(r);
+      for (const a of REVOLUGO_ELEMENTS_STYLES.components)
+        a(r);
+      if (e.indexOf("fonts") >= 0) {
+        const a = document.createElement("link");
+        a.rel = "stylesheet", linK.href = r, document.head.appendChild(a);
+      }
+    }
+  } catch (l) {
+    console.error("[revolugo-elements] ", l);
+  }
+}
+const I = p({
+  fullscreen: Boolean,
+  retainFocus: {
+    type: Boolean,
+    default: !0
+  },
+  scrollable: Boolean,
+  ...y({
+    origin: "center center",
+    scrollStrategy: "block",
+    transition: {
+      component: N
+    },
+    zIndex: 2400
+  })
+}, "VDialog"), G = T()({
+  name: "VDialog",
+  props: I(),
+  emits: {
+    "update:modelValue": (e) => !0,
+    afterEnter: () => !0,
+    afterLeave: () => !0
+  },
+  setup(e, l) {
+    let {
+      emit: r,
+      slots: a
+    } = l;
+    const u = x(e, "modelValue"), {
+      scopeId: h
+    } = O(), t = b();
+    function d(o) {
+      const f = o.relatedTarget, c = o.target;
+      if (f !== c && t.value?.contentEl && // We're the topmost dialog
+      t.value?.globalTop && // It isn't the document or the dialog body
+      ![document, t.value.contentEl].includes(c) && // It isn't inside the dialog body
+      !t.value.contentEl.contains(c)) {
+        const n = A(t.value.contentEl);
+        if (!n.length) return;
+        const i = n[0], s = n[n.length - 1];
+        f === i ? s.focus() : i.focus();
+      }
+    }
+    D(() => {
+      document.removeEventListener("focusin", d);
+    }), R && E(() => u.value && e.retainFocus, (o) => {
+      o ? document.addEventListener("focusin", d) : document.removeEventListener("focusin", d);
+    }, {
+      immediate: !0
+    });
+    function V() {
+      r("afterEnter"), t.value?.contentEl && !t.value.contentEl.contains(document.activeElement) && t.value.contentEl.focus({
+        preventScroll: !0
+      });
+    }
+    function L() {
+      r("afterLeave");
+    }
+    return E(u, async (o) => {
+      o || (await U(), t.value.activatorEl?.focus({
+        preventScroll: !0
+      }));
+    }), w(() => {
+      const o = v.filterProps(e), f = m({
+        "aria-haspopup": "dialog"
+      }, e.activatorProps), c = m({
+        tabindex: -1
+      }, e.contentProps);
+      return g(v, m({
+        ref: t,
+        class: ["v-dialog", {
+          "v-dialog--fullscreen": e.fullscreen,
+          "v-dialog--scrollable": e.scrollable
+        }, e.class],
+        style: e.style
+      }, o, {
+        modelValue: u.value,
+        "onUpdate:modelValue": (n) => u.value = n,
+        "aria-modal": "true",
+        activatorProps: f,
+        contentProps: c,
+        height: e.fullscreen ? void 0 : e.height,
+        width: e.fullscreen ? void 0 : e.width,
+        maxHeight: e.fullscreen ? void 0 : e.maxHeight,
+        maxWidth: e.fullscreen ? void 0 : e.maxWidth,
+        role: "dialog",
+        onAfterEnter: V,
+        onAfterLeave: L
+      }, h), {
+        activator: a.activator,
+        default: function() {
+          for (var n = arguments.length, i = new Array(n), s = 0; s < n; s++)
+            i[s] = arguments[s];
+          return g(B, {
+            root: "VDialog"
+          }, {
+            default: () => [a.default?.(...i)]
+          });
+        }
+      });
+    }), P({}, t);
+  }
+});
+S("css/revolugo.vdialog.DwTSAOeg.css");
+export {
+  G as V
+};
+//# sourceMappingURL=revolugo.vdialog.DlAgRbIv.min.js.map

package/dist/revolugo.vdivider.D1ITKKuu.min.js

@@ -0,0 +1,77 @@
+import { d as u, u as m, m as h } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { a1 as f, a2 as E, aK as S, af as _, H as T, ad as a, a as o, aM as y } from "./revolugo.index.wc.DLkeXtka.min.js";
+function v(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const n = import.meta.url, t = n.slice(0, n.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
+      for (const i of REVOLUGO_ELEMENTS_STYLES.components)
+        i(t);
+      if (e.indexOf("fonts") >= 0) {
+        const i = document.createElement("link");
+        i.rel = "stylesheet", linK.href = t, document.head.appendChild(i);
+      }
+    }
+  } catch (n) {
+    console.error("[revolugo-elements] ", n);
+  }
+}
+const g = E({
+  color: String,
+  inset: Boolean,
+  length: [Number, String],
+  opacity: [Number, String],
+  thickness: [Number, String],
+  vertical: Boolean,
+  ...h(),
+  ...y()
+}, "VDivider"), O = f()({
+  name: "VDivider",
+  props: g(),
+  setup(e, n) {
+    let {
+      attrs: t,
+      slots: i
+    } = n;
+    const {
+      themeClasses: s
+    } = S(e), {
+      textColorClasses: l,
+      textColorStyles: d
+    } = u(_(e, "color")), c = T(() => {
+      const r = {};
+      return e.length && (r[e.vertical ? "height" : "width"] = a(e.length)), e.thickness && (r[e.vertical ? "borderRightWidth" : "borderTopWidth"] = a(e.thickness)), r;
+    });
+    return m(() => {
+      const r = o("hr", {
+        class: [{
+          "v-divider": !0,
+          "v-divider--inset": e.inset,
+          "v-divider--vertical": e.vertical
+        }, s.value, l.value, e.class],
+        style: [c.value, d.value, {
+          "--v-border-opacity": e.opacity
+        }, e.style],
+        "aria-orientation": !t.role || t.role === "separator" ? e.vertical ? "vertical" : "horizontal" : void 0,
+        role: `${t.role || "separator"}`
+      }, null);
+      return i.default ? o("div", {
+        class: ["v-divider__wrapper", {
+          "v-divider__wrapper--vertical": e.vertical,
+          "v-divider__wrapper--inset": e.inset
+        }]
+      }, [r, o("div", {
+        class: "v-divider__content"
+      }, [i.default()]), r]) : r;
+    }), {};
+  }
+});
+v("css/revolugo.vdivider.CTbbZwnv.css");
+export {
+  O as V
+};
+//# sourceMappingURL=revolugo.vdivider.D1ITKKuu.min.js.map