@revolugo/elements 6.8.2-beta.30 → 6.8.2-beta.32

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

@@ -0,0 +1,262 @@
+import { _ as x, $ as f, aj as T, a as l, L as h, M as D, J as u, aF as G, a0 as V, al as N, aI as j, aT as M, ac as s, aK as U, aY as Y } from "./revolugo.index.wc.WVpKRxMB.min.js";
+import { d as $, R as z, a as k, u as F, i as K, j as J, k as q } from "./revolugo.index.DmlGotxY.min.js";
+import { r as H, u as m, v as Q, m as y, b as I, n as W, o as X, e as C } from "./revolugo.webcomponentwrapper.Ggu2FW__.min.js";
+import { V as Z } from "./revolugo.vicon.DNDpBQSo.min.js";
+import { u as ee, b as ae, a as ne, m as le } from "./revolugo.rounded.9zOj37mK.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"), L = f({
+  ...y(),
+  ...Q()
+}, "VExpansionPanelText"), S = x()({
+  name: "VExpansionPanelText",
+  props: L(),
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    const a = T(v);
+    if (!a) throw new Error("[Vuetify] v-expansion-panel-text needs to be placed inside v-expansion-panel");
+    const {
+      hasContent: i,
+      onAfterLeave: d
+    } = H(e, a.isSelected);
+    return m(() => l($, {
+      onAfterLeave: d
+    }, {
+      default: () => [h(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]])]
+    })), {};
+  }
+}), _ = f({
+  color: String,
+  expandIcon: {
+    type: V,
+    default: "$expand"
+  },
+  collapseIcon: {
+    type: V,
+    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: z
+  },
+  props: _(),
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    const a = T(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(() => h(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(),
+  ...K(),
+  ...ne(),
+  ...C(),
+  ..._(),
+  ...L()
+}, "VExpansionPanel"), re = x()({
+  name: "VExpansionPanel",
+  props: w(),
+  emits: {
+    "group:selected": (e) => !0
+  },
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    const a = F(e, v), {
+      backgroundColorClasses: i,
+      backgroundColorStyles: d
+    } = I(e, "bgColor"), {
+      elevationClasses: r
+    } = ee(e), {
+      roundedClasses: p
+    } = ae(e), E = u(() => a?.disabled.value || e.disabled), b = 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 && b.value.some((o) => o - c === 1);
+    }), R = u(() => {
+      const c = a.group.items.value.findIndex((o) => o.id === a.id);
+      return !a.isSelected.value && b.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,
+  ...q(),
+  ...Y(w(), ["bgColor", "collapseIcon", "color", "eager", "elevation", "expandIcon", "focusable", "hideActions", "readonly", "ripple", "rounded", "tile", "static"]),
+  ...U(),
+  ...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
+    } = J(e, v), {
+      themeClasses: d
+    } = j(e), r = u(() => e.variant && `v-expansion-panels--variant-${e.variant}`);
+    return M({
+      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.rpkSdxyn.min.js.map

package/dist/revolugo.vform.D9o42qf6.min.js

@@ -0,0 +1,46 @@
+import { u as d, m as p } from "./revolugo.webcomponentwrapper.Ggu2FW__.min.js";
+import { c as v, d as b } from "./revolugo.vinput.Z7Yl1GBk.min.js";
+import { f as F } from "./revolugo.forwardrefs.VVhh1qV3.min.js";
+import { _ as V, $ as y, k as h, a as R } from "./revolugo.index.wc.WVpKRxMB.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 r = v(o), a = h();
+    function i(s) {
+      s.preventDefault(), r.reset();
+    }
+    function l(s) {
+      const t = s, e = r.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 && a.value?.submit();
+      }), t.preventDefault();
+    }
+    return d(() => R("form", {
+      ref: a,
+      class: ["v-form", o.class],
+      style: o.style,
+      novalidate: !0,
+      onReset: i,
+      onSubmit: l
+    }, [m.default?.(r)])), F(r, a);
+  }
+});
+export {
+  g as V
+};
+//# sourceMappingURL=revolugo.vform.D9o42qf6.min.js.map

package/dist/revolugo.vicon.DNDpBQSo.min.js

@@ -0,0 +1,105 @@
+import { d as S, u as g, e as v, m as z } from "./revolugo.webcomponentwrapper.Ggu2FW__.min.js";
+import { $ as u, cw as C, cD as T, cE as k, aa as a, _ as V, k as y, aI as L, cF as I, J as O, ac as x, cG as w, cH as _, a as b, aK as N, a0 as R } from "./revolugo.index.wc.WVpKRxMB.min.js";
+function E(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 U = ["x-small", "small", "default", "large", "x-large"], G = u({
+  size: {
+    type: [String, Number],
+    default: "default"
+  }
+}, "size");
+function P(e) {
+  let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : C();
+  return T(() => {
+    let t, n;
+    return k(U, e.size) ? t = `${s}--size-${e.size}` : e.size && (n = {
+      width: a(e.size),
+      height: a(e.size)
+    }), {
+      sizeClasses: t,
+      sizeStyles: n
+    };
+  });
+}
+const M = u({
+  color: String,
+  disabled: Boolean,
+  start: Boolean,
+  end: Boolean,
+  icon: R,
+  ...z(),
+  ...G(),
+  ...v({
+    tag: "i"
+  }),
+  ...N()
+}, "VIcon"), F = V()({
+  name: "VIcon",
+  props: M(),
+  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
+    } = P(e), {
+      textColorClasses: f,
+      textColorStyles: h
+    } = S(x(e, "color"));
+    return g(() => {
+      const l = n.default?.();
+      l && (c.value = w(l).filter((i) => i.type === _ && i.children && typeof i.children == "string")[0]?.children);
+      const o = !!(t.onClick || t.onClickOnce);
+      return b(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]
+      });
+    }), {};
+  }
+});
+E("css/revolugo.vicon.eIkh7vVK.css");
+export {
+  F as V,
+  G as m,
+  P as u
+};
+//# sourceMappingURL=revolugo.vicon.DNDpBQSo.min.js.map