@maltjoy/core-vue 1.0.0-alpha.2 → 1.0.0-alpha.3

package/dist/joy-vue.js

@@ -1,29 +1,26 @@
-import { defineComponent as _, openBlock as a, createElementBlock as r, normalizeClass as y, useAttrs as $, computed as v, createBlock as I, resolveDynamicComponent as L, unref as l, withCtx as J, createCommentVNode as d, createElementVNode as g, renderSlot as S, mergeProps as x, toDisplayString as N, ref as m, useSlots as E, onBeforeMount as q } from "vue";
-const T = ["teal", "white"], A = /* @__PURE__ */ _({
+import { defineComponent as m, openBlock as o, createElementBlock as n, normalizeClass as f, useAttrs as x, computed as w, createBlock as I, resolveDynamicComponent as L, unref as p, withCtx as B, createCommentVNode as u, createElementVNode as s, renderSlot as i, mergeProps as V, toDisplayString as C, ref as b, useSlots as q, onBeforeMount as T, onMounted as E, watch as R, createTextVNode as O, pushScopeId as A, popScopeId as M } from "vue";
+const F = ["teal", "white"], P = /* @__PURE__ */ m({
   __name: "JoySpinner",
   props: {
     color: {
       type: String,
       validator(e) {
-        return T.includes(e);
+        return F.includes(e);
       }
     }
   },
   setup(e) {
-    return (n, t) => (a(), r("div", {
-      class: y(["joy-spinner", `joy-spinner_${e.color}`])
+    return (a, t) => (o(), n("div", {
+      class: f(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
 });
-const b = (e, n) => {
+const g = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [p, s] of n)
-    t[p] = s;
+  for (const [l, r] of a)
+    t[l] = r;
   return t;
-}, z = /* @__PURE__ */ b(A, [["__scopeId", "data-v-e97b61a5"]]), O = ["primary", "secondary"], F = ["xlarge", "large", "medium", "small", "xsmall", "xxsmall"], R = ["main", "admin", "white", "ghost"], W = [
-  ...O,
-  ...R
-], P = [...F], Z = ["xxsmall", "xsmall", "small"], D = ["name", "size"], M = { class: "joy-button--slot" }, U = /* @__PURE__ */ _({
+}, N = /* @__PURE__ */ g(P, [["__scopeId", "data-v-b633f633"]]), W = ["primary", "secondary"], G = ["xlarge", "large", "medium", "small", "xsmall", "xxsmall"], Z = ["main", "admin", "white", "ghost"], D = [...W, ...Z], U = [...G], H = ["xxsmall", "xsmall", "small"], K = ["name", "size"], Q = { class: "joy-button--slot" }, X = /* @__PURE__ */ m({
   __name: "JoyButton",
   props: {
     /**
@@ -46,7 +43,7 @@ const b = (e, n) => {
       type: String,
       default: "primary",
       validator(e) {
-        return W.includes(e);
+        return D.includes(e);
       }
     },
     /** Button or Link size */
@@ -54,7 +51,7 @@ const b = (e, n) => {
       type: String,
       default: "medium",
       validator(e) {
-        return P.includes(e);
+        return U.includes(e);
       }
     },
     /** Override the icon size. Default to xsmall */
@@ -62,59 +59,63 @@ const b = (e, n) => {
       type: String,
       default: "xsmall",
       validator(e) {
-        return Z.includes(e);
+        return H.includes(e);
       }
     }
   },
   setup(e) {
-    const n = e, t = $(), p = v(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
-    return (s, f) => (a(), I(L(l(t).href ? "a" : "button"), {
-      disabled: e.loading || l(t).disabled,
-      class: y([
+    const a = e, t = x(), l = w(() => ["white", "ghost", "secondary"].includes(a.variant) ? "teal" : "white");
+    return (r, v) => (o(), I(L(p(t).href ? "a" : "button"), {
+      disabled: e.loading || p(t).disabled,
+      class: f([
         "joy-button",
         `joy-button_${e.variant}`,
         `joy-button_${e.size}`,
         {
-          "joy-button_circle": n.circle,
-          "joy-button_loading": n.loading
+          "joy-button_circle": e.circle,
+          "joy-button_loading": e.loading
         }
       ])
     }, {
-      default: J(() => [
-        e.icon ? (a(), r("joy-icon", {
+      default: B(() => [
+        e.icon ? (o(), n("joy-icon", {
           key: 0,
           name: e.icon,
           size: e.iconSize,
           lazy: !1
-        }, null, 8, D)) : d("", !0),
-        e.loading ? (a(), I(z, {
+        }, null, 8, K)) : u("", !0),
+        e.loading ? (o(), I(N, {
           key: 1,
-          color: l(p)
-        }, null, 8, ["color"])) : d("", !0),
-        g("span", M, [
-          S(s.$slots, "default", {}, void 0, !0)
+          color: p(l)
+        }, null, 8, ["color"])) : u("", !0),
+        s("span", Q, [
+          i(r.$slots, "default", {}, void 0, !0)
         ])
       ]),
       _: 3
     }, 8, ["disabled", "class"]));
   }
 });
-const G = /* @__PURE__ */ b(U, [["__scopeId", "data-v-107b2043"]]), H = ["small", "medium", "large"], K = {
+const Y = /* @__PURE__ */ g(X, [["__scopeId", "data-v-08c3c0a6"]]), ee = ["small", "medium", "large"], te = {
   key: 0,
   class: "joy-label-required"
-}, Q = {
+}, ae = {
   key: 1,
   class: "joy-label-optional"
-}, X = /* @__PURE__ */ _({
+}, oe = /* @__PURE__ */ m({
   __name: "JoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return H.includes(e);
+        return ee.includes(e);
       }
     },
+    tagName: {
+      type: String,
+      default: "label"
+    },
     required: {
       type: Boolean,
       default: !1
@@ -124,17 +125,19 @@ const G = /* @__PURE__ */ b(U, [["__scopeId", "data-v-107b2043"]]), H = ["small"
     }
   },
   setup(e) {
-    const n = e;
-    return (t, p) => (a(), r("label", x({
+    return (a, t) => (o(), I(L(e.tagName), V({
       class: ["joy-label", `joy-label--${e.size}`]
-    }, t.$attrs), [
-      S(t.$slots, "default", {}, void 0, !0),
-      n.required ? (a(), r("span", K, "*")) : d("", !0),
-      n.optionalLabel ? (a(), r("span", Q, " - " + N(n.optionalLabel), 1)) : d("", !0)
-    ], 16));
+    }, a.$attrs), {
+      default: B(() => [
+        i(a.$slots, "default", {}, void 0, !0),
+        e.required ? (o(), n("span", te, "*")) : u("", !0),
+        e.optionalLabel ? (o(), n("span", ae, "- " + C(e.optionalLabel), 1)) : u("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
   }
 });
-const h = /* @__PURE__ */ b(X, [["__scopeId", "data-v-21392cc3"]]), Y = ["id", "type", "value"], ee = ["data-unit"], te = /* @__PURE__ */ _({
+const z = /* @__PURE__ */ g(oe, [["__scopeId", "data-v-e3232407"]]), le = ["id", "type", "value"], ne = ["data-unit"], ie = /* @__PURE__ */ m({
   __name: "JoyInput",
   props: {
     clearable: {
@@ -155,8 +158,7 @@ const h = /* @__PURE__ */ b(X, [["__scopeId", "data-v-21392cc3"]]), Y = ["id", "
      * For accessibility purpose, the name is required. it will be mapped to the input ID, and the label "for" attribute as well.
      */
     name: {
-      type: String,
-      required: !0
+      type: String
     },
     optionalLabel: String,
     required: {
@@ -175,106 +177,364 @@ const h = /* @__PURE__ */ b(X, [["__scopeId", "data-v-21392cc3"]]), Y = ["id", "
     unit: String
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, p = m(), s = m(), f = $(), w = E(), j = m(!1), k = v(() => t.clearable && t.modelValue.length > 0 && !t.unit), V = v(() => w.default && w.default()), C = v(() => {
-      var u, o;
-      return !!((u = s.value) != null && u.closest("joy-wrapper")) || !!((o = s.value) != null && o.closest(".joy-wrapper"));
-    }), B = m(t.type);
-    q(() => {
-      B.value = t.unit ? "number" : t.unit || "text";
+  setup(e, { emit: a }) {
+    const t = e, l = b(), r = b(), v = x(), $ = q(), d = b(!1), y = w(() => t.clearable && t.modelValue.length > 0 && !t.unit), S = w(() => $.default && $.default()), k = w(() => {
+      var j, c;
+      return !!((j = r.value) != null && j.closest("joy-wrapper")) || !!((c = r.value) != null && c.closest(".joy-wrapper"));
+    }), J = b(t.type);
+    T(() => {
+      J.value = t.unit ? "number" : t.unit || "text";
     });
-    const i = {
+    const _ = {
       onFocus: () => {
-        j.value = !0;
+        d.value = !0;
       },
       onBlur: () => {
-        j.value = !1;
+        d.value = !1;
       },
-      onInput: (u) => {
-        let o = u.target.value;
-        n("update:modelValue", o);
+      onInput: (j) => {
+        let c = j.target.value;
+        a("update:modelValue", c);
       },
       clearValue: () => {
-        n("update:modelValue", "");
+        a("update:modelValue", "");
       }
     };
-    return (u, o) => (a(), r("div", {
+    return (j, c) => (o(), n("div", {
       ref_key: "root",
-      ref: s,
-      class: y([`joy-input--${t.size}`])
+      ref: r,
+      class: f([`joy-input--${t.size}`])
     }, [
-      g("div", {
-        class: y([
+      s("div", {
+        class: f([
           "joy-input",
           {
-            "joy-input--focusing": j.value,
-            "joy-input--disabled": l(f).disabled,
-            "joy-input--invalid": t.invalid,
-            "joy-input--valid": !t.invalid && !l(f).disabled
+            "joy-input--focusing": d.value,
+            "joy-input--disabled": p(v).disabled,
+            "joy-input--invalid": e.invalid,
+            "joy-input--valid": !e.invalid && !p(v).disabled
           }
         ])
       }, [
-        l(V) ? (a(), I(h, {
+        p(S) ? (o(), I(z, {
           key: 0,
-          for: t.name,
-          required: t.required && t.requiredMark,
+          for: e.name,
+          required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           size: e.labelSize
         }, {
-          default: J(() => [
-            S(u.$slots, "default", {}, void 0, !0)
+          default: B(() => [
+            i(j.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["for", "required", "optional-label", "size"])) : d("", !0),
-        g("div", {
-          class: y([
+        }, 8, ["for", "required", "optional-label", "size"])) : u("", !0),
+        s("div", {
+          class: f([
             "joy-input--wrapper",
             {
-              "joy-input--wrapper-has-icon": !!t.icon,
-              "joy-input--wrapper---clearable": t.clearable,
-              "joy-input--wrapper-unit": !!t.unit,
-              "joy-input--wrapper-margin": !l(C)
+              "joy-input--wrapper-has-icon": !!e.icon,
+              "joy-input--wrapper---clearable": e.clearable,
+              "joy-input--wrapper-unit": !!e.unit,
+              "joy-input--wrapper-margin": !p(k)
             }
           ])
         }, [
-          g("input", x(u.$attrs, {
+          s("input", V(j.$attrs, {
             id: t.name,
             ref_key: "input",
-            ref: p,
+            ref: l,
             class: [
               {
-                "joy-input--field-disabled": l(f).disabled,
-                "joy-input--field-invalid": t.invalid
+                "joy-input--field-disabled": p(v).disabled,
+                "joy-input--field-invalid": e.invalid
               }
             ],
-            type: B.value,
+            type: J.value,
             value: e.modelValue,
-            onFocus: o[0] || (o[0] = //@ts-ignore
-            (...c) => i.onFocus && i.onFocus(...c)),
-            onBlur: o[1] || (o[1] = //@ts-ignore
-            (...c) => i.onBlur && i.onBlur(...c)),
-            onInput: o[2] || (o[2] = //@ts-ignore
-            (...c) => i.onInput && i.onInput(...c))
-          }), null, 16, Y),
-          l(k) ? (a(), r("joy-icon", {
+            onFocus: c[0] || (c[0] = //@ts-ignore
+            (...h) => _.onFocus && _.onFocus(...h)),
+            onBlur: c[1] || (c[1] = //@ts-ignore
+            (...h) => _.onBlur && _.onBlur(...h)),
+            onInput: c[2] || (c[2] = //@ts-ignore
+            (...h) => _.onInput && _.onInput(...h))
+          }), null, 16, le),
+          p(y) ? (o(), n("joy-icon", {
             key: 0,
             size: "xxsmall",
             name: "cross",
             class: "joy-input--clear",
-            onClick: o[3] || (o[3] = //@ts-ignore
-            (...c) => i.clearValue && i.clearValue(...c))
-          })) : d("", !0),
-          t.unit ? (a(), r("div", {
+            onClick: c[3] || (c[3] = //@ts-ignore
+            (...h) => _.clearValue && _.clearValue(...h))
+          })) : u("", !0),
+          e.unit ? (o(), n("div", {
             key: 1,
-            "data-unit": t.unit,
+            "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, ee)) : d("", !0)
+          }, null, 8, ne)) : u("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const ne = /* @__PURE__ */ b(te, [["__scopeId", "data-v-2249f4f9"]]), oe = /* @__PURE__ */ _({
+const se = /* @__PURE__ */ g(ie, [["__scopeId", "data-v-da36bd3d"]]), re = ["teal", "white"], de = ["href"], ue = ["color", "name"], ce = /* @__PURE__ */ m({
+  __name: "JoyLink",
+  props: {
+    href: {
+      type: String,
+      required: !0
+    },
+    color: {
+      type: String,
+      default: "teal",
+      validator(e) {
+        return re.includes(e);
+      }
+    },
+    icon: String
+  },
+  setup(e) {
+    const a = e, t = w(() => a.color === "white" ? "white" : "teal");
+    return (l, r) => (o(), n("a", V({ href: e.href }, l.$attrs, {
+      class: ["joy-link", `joy-link_${e.color}`]
+    }), [
+      e.icon ? (o(), n("joy-icon", {
+        key: 0,
+        color: p(t),
+        name: e.icon
+      }, null, 8, ue)) : u("", !0),
+      i(l.$slots, "default", {}, void 0, !0)
+    ], 16, de));
+  }
+});
+const ye = /* @__PURE__ */ g(ce, [["__scopeId", "data-v-640ee9a6"]]), pe = ["id", "value", "checked", "disabled", "required", "name"], fe = { class: "joy-radio-label" }, me = { class: "joy-radio-content__wrapper" }, ve = { class: "joy-radio-content" }, _e = /* @__PURE__ */ m({
+  __name: "JoyRadio",
+  props: {
+    disabled: Boolean,
+    invalid: Boolean,
+    modelValue: {
+      type: String
+    },
+    name: {
+      type: String
+    },
+    required: Boolean,
+    theme: {
+      type: String,
+      default: "default"
+    },
+    value: {
+      type: String
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: a, emit: t }) {
+    const l = e, r = b(!1), v = b(null), $ = b(null), d = q(), y = w(() => !l.modelValue || !l.value ? !1 : l.modelValue === l.value);
+    function S() {
+      r.value = !!d["expandable-content"] && y.value;
+    }
+    function k() {
+      t("update:modelValue", l.value), S();
+    }
+    return E(() => {
+      l.theme === "outline" && S();
+    }), R(
+      () => l.modelValue,
+      () => {
+        S();
+      }
+    ), a({
+      checked: y,
+      isExpanded: r
+    }), (J, _) => (o(), n("label", {
+      ref_key: "root",
+      ref: v,
+      class: f([
+        "joy-radio",
+        `joy-radio--${e.theme}`,
+        {
+          "joy-radio--checked": p(y),
+          "joy-radio--disabled": e.disabled,
+          "joy-radio--invalid": e.invalid
+        }
+      ])
+    }, [
+      s("input", {
+        id: e.name,
+        type: "radio",
+        value: e.value,
+        checked: p(y),
+        disabled: e.disabled,
+        required: e.required,
+        name: e.name,
+        onChange: k
+      }, null, 40, pe),
+      s("span", fe, [
+        i(J.$slots, "default", {}, void 0, !0)
+      ]),
+      s("div", me, [
+        s("div", ve, [
+          i(J.$slots, "radio-content", {}, void 0, !0)
+        ]),
+        s("div", {
+          ref_key: "expandableElement",
+          ref: $,
+          class: f(["joy-radio-expandable", { "joy-radio-expandable--expanded": r.value }])
+        }, [
+          i(J.$slots, "expandable-content", {}, void 0, !0)
+        ], 2)
+      ])
+    ], 2));
+  }
+});
+const be = /* @__PURE__ */ g(_e, [["__scopeId", "data-v-27ec5b79"]]), ge = ["form", "name"], Se = /* @__PURE__ */ m({
+  __name: "JoyRadioGroup",
+  props: {
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    form: {
+      type: String
+    },
+    modelValue: {
+      type: String
+    },
+    name: {
+      type: String
+    },
+    invalid: Boolean,
+    invalidText: {
+      type: String
+    }
+  },
+  setup(e) {
+    return (a, t) => (o(), n("fieldset", {
+      ref: "root",
+      class: "joy-radio-group-fieldset",
+      role: "radiogroup",
+      form: e.form,
+      name: e.name
+    }, [
+      i(a.$slots, "radio-group-legend", {}, void 0, !0),
+      s("div", {
+        class: f(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
+      }, [
+        i(a.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ], 8, ge));
+  }
+});
+const je = /* @__PURE__ */ g(Se, [["__scopeId", "data-v-09adf076"]]), he = (e) => (A("data-v-1ef94fc2"), e = e(), M(), e), $e = ["id", "name", "aria-invalid", "required", "disabled", "value"], ke = /* @__PURE__ */ he(() => /* @__PURE__ */ s("joy-icon", {
+  class: "joy-select__chevron",
+  name: "chevron-down"
+}, null, -1)), Je = /* @__PURE__ */ m({
+  __name: "JoySelect",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    invalid: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String
+    },
+    label: {
+      type: String
+    },
+    labelSize: {
+      type: String,
+      default: "medium"
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: "select"
+    },
+    optionalLabel: {
+      type: String
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    requiredMark: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = b(), r = b(), v = q();
+    E(() => {
+      var S;
+      const d = v.label && v.label();
+      if (!d || !d.length)
+        return;
+      const y = d[0];
+      if (y.type === "JoyLabel") {
+        const k = (S = y.props) == null ? void 0 : S.for;
+        if (!k) {
+          console.warn("JoyLabel for attribute is missing");
+          return;
+        }
+        k !== t.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+      }
+    });
+    function $(d) {
+      const y = d.target.value;
+      a("update:modelValue", y);
+    }
+    return (d, y) => (o(), n("div", {
+      ref_key: "root",
+      ref: l
+    }, [
+      i(d.$slots, "label", {}, () => [
+        e.label ? (o(), I(z, {
+          key: 0,
+          required: e.required && e.requiredMark,
+          "optional-label": e.optionalLabel,
+          for: e.id || e.name,
+          size: e.labelSize
+        }, {
+          default: B(() => [
+            O(C(e.label), 1)
+          ]),
+          _: 1
+        }, 8, ["required", "optional-label", "for", "size"])) : u("", !0)
+      ], !0),
+      s("div", {
+        class: f({
+          "joy-select__wrapper": !0,
+          "joy-select--invalid": e.invalid,
+          "joy-select--disabled": e.disabled
+        })
+      }, [
+        s("select", {
+          id: e.id || e.name,
+          ref_key: "select",
+          ref: r,
+          class: "joy-select",
+          name: e.name,
+          "aria-invalid": e.invalid,
+          required: e.required,
+          disabled: e.disabled,
+          value: e.modelValue,
+          onInput: $
+        }, [
+          i(d.$slots, "default", {}, void 0, !0)
+        ], 40, $e),
+        ke
+      ], 2)
+    ], 512));
+  }
+});
+const we = /* @__PURE__ */ g(Je, [["__scopeId", "data-v-1ef94fc2"]]), Ie = /* @__PURE__ */ m({
   __name: "JoyWrapper",
   props: {
     justify: {
@@ -295,29 +555,99 @@ const ne = /* @__PURE__ */ b(te, [["__scopeId", "data-v-2249f4f9"]]), oe = /* @_
     }
   },
   setup(e) {
-    return (n, t) => (a(), r("div", {
-      class: y([
-        "joy-wrapper",
-        `joy-wrapper--justify-${e.justify}`,
-        `joy-wrapper--align-${e.align}`,
-        `joy-wrapper--direction-${e.direction}`,
-        `joy-wrapper--wrap-${e.wrap}`
-      ])
+    return (a, t) => (o(), n("div", {
+      class: f(["joy-wrapper", `joy-wrapper--justify-${e.justify}`, `joy-wrapper--align-${e.align}`, `joy-wrapper--direction-${e.direction}`, `joy-wrapper--wrap-${e.wrap}`])
     }, [
-      S(n.$slots, "default")
+      i(a.$slots, "default")
     ], 2));
   }
 });
-const le = {
+const Be = { class: "joy-template__heading" }, Ve = {
+  key: 0,
+  class: "joy-template-slot-back"
+}, qe = { class: "joy-template__heading___headings" }, ze = {
+  key: 0,
+  class: "joy-template-slot-title"
+}, xe = {
+  key: 1,
+  class: "joy-template-slot-subtitle"
+}, Le = {
+  key: 0,
+  class: "joy-template-slot-main"
+}, Ce = {
+  key: 1,
+  class: "joy-template-slot-sidebar"
+}, Ee = /* @__PURE__ */ m({
+  __name: "JoyTemplate",
+  props: {
+    full: { type: Boolean, default: !1 },
+    sidebar: { type: String, default: "right" }
+  },
+  setup(e) {
+    const a = e;
+    return (t, l) => (o(), n("main", {
+      class: f(["joy-template", { "joy-template--full": a.full }])
+    }, [
+      s("div", Be, [
+        t.$slots["template-back"] ? (o(), n("div", Ve, [
+          i(t.$slots, "template-back", {}, void 0, !0)
+        ])) : u("", !0),
+        s("div", qe, [
+          t.$slots["template-title"] ? (o(), n("div", ze, [
+            i(t.$slots, "template-title", {}, void 0, !0)
+          ])) : u("", !0),
+          t.$slots["template-subtitle"] ? (o(), n("div", xe, [
+            i(t.$slots, "template-subtitle", {}, void 0, !0)
+          ])) : u("", !0)
+        ])
+      ]),
+      s("div", {
+        class: f([
+          "joy-template__content",
+          {
+            "joy-template__content--reverse": a.sidebar === "left"
+          }
+        ])
+      }, [
+        t.$slots["template-main"] ? (o(), n("div", Le, [
+          i(t.$slots, "template-main", {}, void 0, !0)
+        ])) : u("", !0),
+        t.$slots["template-sidebar"] ? (o(), n("div", Ce, [
+          i(t.$slots, "template-sidebar", {}, void 0, !0)
+        ])) : u("", !0)
+      ], 2)
+    ], 2));
+  }
+});
+const Ne = /* @__PURE__ */ g(Ee, [["__scopeId", "data-v-f0293852"]]), Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  JoyButton: Y,
+  JoyInput: se,
+  JoyLabel: z,
+  JoyLink: ye,
+  JoyRadio: be,
+  JoyRadioGroup: je,
+  JoySelect: we,
+  JoySpinner: N,
+  JoyTemplate: Ne,
+  JoyWrapper: Ie
+}, Symbol.toStringTag, { value: "Module" })), Oe = {
   install: (e) => {
-    e.component("JoyButton", G), e.component("JoyInput", ne), e.component("JoyLabel", h), e.component("JoySpinner", z), e.component("JoyWrapper", oe);
+    Object.entries(Te).forEach(([a, t]) => {
+      e.component(a, t);
+    });
   }
 };
 export {
-  G as JoyButton,
-  ne as JoyInput,
-  h as JoyLabel,
-  z as JoySpinner,
-  le as JoyVuePlugin,
-  oe as JoyWrapper
+  Y as JoyButton,
+  se as JoyInput,
+  z as JoyLabel,
+  ye as JoyLink,
+  be as JoyRadio,
+  je as JoyRadioGroup,
+  we as JoySelect,
+  N as JoySpinner,
+  Ne as JoyTemplate,
+  Oe as JoyVuePlugin,
+  Ie as JoyWrapper
 };