@revolugo/elements 6.8.3 → 6.9.0-rc.0

package/dist/revolugo.vexpansionpanels.BlsPrY5r.min.js

@@ -0,0 +1,262 @@
+import { a1 as x, a2 as f, an as h, a as l, J as T, K as D, H as u, aH as G, a3 as b, ap as N, aK as M, aV as U, af as s, aM as j, a_ as Y } from "./revolugo.index.wc.B-VISNof.min.js";
+import { d as K, R as $, a as k, u as z, i as H, j as F, k as J } from "./revolugo.index.EVacDza9.min.js";
+import { r as q, u as m, v as Q, m as y, b as I, n as W, o as X, e as C } from "./revolugo.webcomponentwrapper.BZSwKZDU.min.js";
+import { V as Z } from "./revolugo.vicon.0oYbTzMR.min.js";
+import { u as ee, b as ae, a as ne, m as le } from "./revolugo.rounded.CuDW7ReX.min.js";
+function B(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, n = t.slice(0, t.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 (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const v = Symbol.for("vuetify:v-expansion-panel"), _ = f({
+  ...y(),
+  ...Q()
+}, "VExpansionPanelText"), S = x()({
+  name: "VExpansionPanelText",
+  props: _(),
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    const a = h(v);
+    if (!a) throw new Error("[Vuetify] v-expansion-panel-text needs to be placed inside v-expansion-panel");
+    const {
+      hasContent: i,
+      onAfterLeave: d
+    } = q(e, a.isSelected);
+    return m(() => l(K, {
+      onAfterLeave: d
+    }, {
+      default: () => [T(l("div", {
+        class: ["v-expansion-panel-text", e.class],
+        style: e.style
+      }, [n.default && i.value && l("div", {
+        class: "v-expansion-panel-text__wrapper"
+      }, [n.default?.()])]), [[D, a.isSelected.value]])]
+    })), {};
+  }
+}), L = f({
+  color: String,
+  expandIcon: {
+    type: b,
+    default: "$expand"
+  },
+  collapseIcon: {
+    type: b,
+    default: "$collapse"
+  },
+  hideActions: Boolean,
+  focusable: Boolean,
+  static: Boolean,
+  ripple: {
+    type: [Boolean, Object],
+    default: !1
+  },
+  readonly: Boolean,
+  ...y(),
+  ...X()
+}, "VExpansionPanelTitle"), g = x()({
+  name: "VExpansionPanelTitle",
+  directives: {
+    Ripple: $
+  },
+  props: L(),
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    const a = h(v);
+    if (!a) throw new Error("[Vuetify] v-expansion-panel-title needs to be placed inside v-expansion-panel");
+    const {
+      backgroundColorClasses: i,
+      backgroundColorStyles: d
+    } = I(e, "color"), {
+      dimensionStyles: r
+    } = W(e), p = u(() => ({
+      collapseIcon: e.collapseIcon,
+      disabled: a.disabled.value,
+      expanded: a.isSelected.value,
+      expandIcon: e.expandIcon,
+      readonly: e.readonly
+    })), E = u(() => a.isSelected.value ? e.collapseIcon : e.expandIcon);
+    return m(() => T(l("button", {
+      class: ["v-expansion-panel-title", {
+        "v-expansion-panel-title--active": a.isSelected.value,
+        "v-expansion-panel-title--focusable": e.focusable,
+        "v-expansion-panel-title--static": e.static
+      }, i.value, e.class],
+      style: [d.value, r.value, e.style],
+      type: "button",
+      tabindex: a.disabled.value ? -1 : void 0,
+      disabled: a.disabled.value,
+      "aria-expanded": a.isSelected.value,
+      onClick: e.readonly ? void 0 : a.toggle
+    }, [l("span", {
+      class: "v-expansion-panel-title__overlay"
+    }, null), n.default?.(p.value), !e.hideActions && l(k, {
+      defaults: {
+        VIcon: {
+          icon: E.value
+        }
+      }
+    }, {
+      default: () => [l("span", {
+        class: "v-expansion-panel-title__icon"
+      }, [n.actions?.(p.value) ?? l(Z, null, null)])]
+    })]), [[G("ripple"), e.ripple]])), {};
+  }
+}), w = f({
+  title: String,
+  text: String,
+  bgColor: String,
+  ...le(),
+  ...H(),
+  ...ne(),
+  ...C(),
+  ...L(),
+  ..._()
+}, "VExpansionPanel"), re = x()({
+  name: "VExpansionPanel",
+  props: w(),
+  emits: {
+    "group:selected": (e) => !0
+  },
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    const a = z(e, v), {
+      backgroundColorClasses: i,
+      backgroundColorStyles: d
+    } = I(e, "bgColor"), {
+      elevationClasses: r
+    } = ee(e), {
+      roundedClasses: p
+    } = ae(e), E = u(() => a?.disabled.value || e.disabled), V = u(() => a.group.items.value.reduce((c, o, P) => (a.group.selected.value.includes(o.id) && c.push(P), c), [])), O = u(() => {
+      const c = a.group.items.value.findIndex((o) => o.id === a.id);
+      return !a.isSelected.value && V.value.some((o) => o - c === 1);
+    }), R = u(() => {
+      const c = a.group.items.value.findIndex((o) => o.id === a.id);
+      return !a.isSelected.value && V.value.some((o) => o - c === -1);
+    });
+    return N(v, a), m(() => {
+      const c = !!(n.text || e.text), o = !!(n.title || e.title), P = g.filterProps(e), A = S.filterProps(e);
+      return l(e.tag, {
+        class: ["v-expansion-panel", {
+          "v-expansion-panel--active": a.isSelected.value,
+          "v-expansion-panel--before-active": O.value,
+          "v-expansion-panel--after-active": R.value,
+          "v-expansion-panel--disabled": E.value
+        }, p.value, i.value, e.class],
+        style: [d.value, e.style]
+      }, {
+        default: () => [l("div", {
+          class: ["v-expansion-panel__shadow", ...r.value]
+        }, null), l(k, {
+          defaults: {
+            VExpansionPanelTitle: {
+              ...P
+            },
+            VExpansionPanelText: {
+              ...A
+            }
+          }
+        }, {
+          default: () => [o && l(g, {
+            key: "title"
+          }, {
+            default: () => [n.title ? n.title() : e.title]
+          }), c && l(S, {
+            key: "text"
+          }, {
+            default: () => [n.text ? n.text() : e.text]
+          }), n.default?.()]
+        })]
+      });
+    }), {
+      groupItem: a
+    };
+  }
+}), te = ["default", "accordion", "inset", "popout"], se = f({
+  flat: Boolean,
+  ...J(),
+  ...Y(w(), ["bgColor", "collapseIcon", "color", "eager", "elevation", "expandIcon", "focusable", "hideActions", "readonly", "ripple", "rounded", "tile", "static"]),
+  ...j(),
+  ...y(),
+  ...C(),
+  variant: {
+    type: String,
+    default: "default",
+    validator: (e) => te.includes(e)
+  }
+}, "VExpansionPanels"), ve = x()({
+  name: "VExpansionPanels",
+  props: se(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    const {
+      next: a,
+      prev: i
+    } = F(e, v), {
+      themeClasses: d
+    } = M(e), r = u(() => e.variant && `v-expansion-panels--variant-${e.variant}`);
+    return U({
+      VExpansionPanel: {
+        bgColor: s(e, "bgColor"),
+        collapseIcon: s(e, "collapseIcon"),
+        color: s(e, "color"),
+        eager: s(e, "eager"),
+        elevation: s(e, "elevation"),
+        expandIcon: s(e, "expandIcon"),
+        focusable: s(e, "focusable"),
+        hideActions: s(e, "hideActions"),
+        readonly: s(e, "readonly"),
+        ripple: s(e, "ripple"),
+        rounded: s(e, "rounded"),
+        static: s(e, "static")
+      }
+    }), m(() => l(e.tag, {
+      class: ["v-expansion-panels", {
+        "v-expansion-panels--flat": e.flat,
+        "v-expansion-panels--tile": e.tile
+      }, d.value, r.value, e.class],
+      style: e.style
+    }, {
+      default: () => [n.default?.({
+        prev: i,
+        next: a
+      })]
+    })), {
+      next: a,
+      prev: i
+    };
+  }
+});
+B("css/revolugo.vexpansionpanels.RsCANmDP.css");
+export {
+  ve as V,
+  re as a,
+  g as b,
+  S as c
+};
+//# sourceMappingURL=revolugo.vexpansionpanels.BlsPrY5r.min.js.map

package/dist/revolugo.vform.BuY4c-jG.min.js

@@ -0,0 +1,46 @@
+import { u as d, m as p } from "./revolugo.webcomponentwrapper.BZSwKZDU.min.js";
+import { c as v, d as b } from "./revolugo.vinput.BhulYzYM.min.js";
+import { f as F } from "./revolugo.forwardrefs.VVhh1qV3.min.js";
+import { a1 as V, a2 as y, k as h, a as R } from "./revolugo.index.wc.B-VISNof.min.js";
+const k = y({
+  ...p(),
+  ...b()
+}, "VForm"), g = V()({
+  name: "VForm",
+  props: k(),
+  emits: {
+    "update:modelValue": (o) => !0,
+    submit: (o) => !0
+  },
+  setup(o, n) {
+    let {
+      slots: m,
+      emit: f
+    } = n;
+    const a = v(o), r = h();
+    function i(s) {
+      s.preventDefault(), a.reset();
+    }
+    function l(s) {
+      const t = s, e = a.validate();
+      t.then = e.then.bind(e), t.catch = e.catch.bind(e), t.finally = e.finally.bind(e), f("submit", t), t.defaultPrevented || e.then((u) => {
+        let {
+          valid: c
+        } = u;
+        c && r.value?.submit();
+      }), t.preventDefault();
+    }
+    return d(() => R("form", {
+      ref: r,
+      class: ["v-form", o.class],
+      style: o.style,
+      novalidate: !0,
+      onReset: i,
+      onSubmit: l
+    }, [m.default?.(a)])), F(a, r);
+  }
+});
+export {
+  g as V
+};
+//# sourceMappingURL=revolugo.vform.BuY4c-jG.min.js.map

package/dist/revolugo.vicon.0oYbTzMR.min.js

@@ -0,0 +1,105 @@
+import { d as E, u as g, e as v, m as z } from "./revolugo.webcomponentwrapper.BZSwKZDU.min.js";
+import { a2 as u, cI as C, cP as T, cQ as k, ad as a, a1 as V, k as y, aK as L, cR as I, H as O, af as x, aM as b, a3 as w, cS as _, cT as N, a as R } from "./revolugo.index.wc.B-VISNof.min.js";
+function S(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const s = import.meta.url, t = s.slice(0, s.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
+      for (const n of REVOLUGO_ELEMENTS_STYLES.components)
+        n(t);
+      if (e.indexOf("fonts") >= 0) {
+        const n = document.createElement("link");
+        n.rel = "stylesheet", linK.href = t, document.head.appendChild(n);
+      }
+    }
+  } catch (s) {
+    console.error("[revolugo-elements] ", s);
+  }
+}
+const P = ["x-small", "small", "default", "large", "x-large"], U = u({
+  size: {
+    type: [String, Number],
+    default: "default"
+  }
+}, "size");
+function M(e) {
+  let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : C();
+  return T(() => {
+    let t, n;
+    return k(P, e.size) ? t = `${s}--size-${e.size}` : e.size && (n = {
+      width: a(e.size),
+      height: a(e.size)
+    }), {
+      sizeClasses: t,
+      sizeStyles: n
+    };
+  });
+}
+const G = u({
+  color: String,
+  disabled: Boolean,
+  start: Boolean,
+  end: Boolean,
+  icon: w,
+  ...z(),
+  ...U(),
+  ...v({
+    tag: "i"
+  }),
+  ...b()
+}, "VIcon"), K = V()({
+  name: "VIcon",
+  props: G(),
+  setup(e, s) {
+    let {
+      attrs: t,
+      slots: n
+    } = s;
+    const c = y(), {
+      themeClasses: m
+    } = L(e), {
+      iconData: r
+    } = I(O(() => c.value || e.icon)), {
+      sizeClasses: d
+    } = M(e), {
+      textColorClasses: f,
+      textColorStyles: h
+    } = E(x(e, "color"));
+    return g(() => {
+      const l = n.default?.();
+      l && (c.value = _(l).filter((i) => i.type === N && i.children && typeof i.children == "string")[0]?.children);
+      const o = !!(t.onClick || t.onClickOnce);
+      return R(r.value.component, {
+        tag: e.tag,
+        icon: r.value.icon,
+        class: ["v-icon", "notranslate", m.value, d.value, f.value, {
+          "v-icon--clickable": o,
+          "v-icon--disabled": e.disabled,
+          "v-icon--start": e.start,
+          "v-icon--end": e.end
+        }, e.class],
+        style: [d.value ? void 0 : {
+          fontSize: a(e.size),
+          height: a(e.size),
+          width: a(e.size)
+        }, h.value, e.style],
+        role: o ? "button" : void 0,
+        "aria-hidden": !o,
+        tabindex: o ? e.disabled ? -1 : 0 : void 0
+      }, {
+        default: () => [l]
+      });
+    }), {};
+  }
+});
+S("css/revolugo.vicon.eIkh7vVK.css");
+export {
+  K as V,
+  U as m,
+  M as u
+};
+//# sourceMappingURL=revolugo.vicon.0oYbTzMR.min.js.map