jmash-core 0.0.2 → 0.0.4

package/dist/el-switch-C2AFgHGW.mjs

@@ -0,0 +1,254 @@
+import { defineComponent as G, computed as d, ref as S, watch as O, onMounted as Y, openBlock as i, createElementBlock as v, normalizeClass as u, unref as a, withModifiers as Z, createElementVNode as E, withKeys as x, createBlock as c, withCtx as p, resolveDynamicComponent as y, createCommentVNode as r, toDisplayString as T, normalizeStyle as ee, createVNode as ae, renderSlot as U, nextTick as ie } from "vue";
+import { k as te, bG as ne, X as g, m as oe, aI as P, aJ as V, N, o as C, aK as B, bH as A, aQ as le, aM as se, w as ce, aR as re, aN as ue, bq as de, aS as _, y as h, bI as ve, _ as fe, bJ as $, a3 as pe, K as he } from "./index-CrNYgyNm.mjs";
+const me = te({
+  modelValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  size: {
+    type: String,
+    validator: ne
+  },
+  width: {
+    type: [String, Number],
+    default: ""
+  },
+  inlinePrompt: {
+    type: Boolean,
+    default: !1
+  },
+  inactiveActionIcon: {
+    type: g
+  },
+  activeActionIcon: {
+    type: g
+  },
+  activeIcon: {
+    type: g
+  },
+  inactiveIcon: {
+    type: g
+  },
+  activeText: {
+    type: String,
+    default: ""
+  },
+  inactiveText: {
+    type: String,
+    default: ""
+  },
+  activeValue: {
+    type: [Boolean, String, Number],
+    default: !0
+  },
+  inactiveValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  name: {
+    type: String,
+    default: ""
+  },
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  beforeChange: {
+    type: oe(Function)
+  },
+  id: String,
+  tabindex: {
+    type: [String, Number]
+  },
+  label: {
+    type: String,
+    default: void 0
+  }
+}), ye = {
+  [P]: (l) => V(l) || N(l) || C(l),
+  [B]: (l) => V(l) || N(l) || C(l),
+  [A]: (l) => V(l) || N(l) || C(l)
+}, be = ["onClick"], Ie = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"], ke = ["aria-hidden"], ge = ["aria-hidden"], Ve = ["aria-hidden"], K = "ElSwitch", we = G({
+  name: K
+}), Se = /* @__PURE__ */ G({
+  ...we,
+  props: me,
+  emits: ye,
+  setup(l, { expose: H, emit: f }) {
+    const n = l, { formItem: b } = le(), J = se(), t = ce("switch"), { inputId: L } = re(n, {
+      formItemContext: b
+    }), I = ue(d(() => n.loading)), z = S(n.modelValue !== !1), m = S(), R = S(), q = d(() => [
+      t.b(),
+      t.m(J.value),
+      t.is("disabled", I.value),
+      t.is("checked", o.value)
+    ]), Q = d(() => [
+      t.e("label"),
+      t.em("label", "left"),
+      t.is("active", !o.value)
+    ]), W = d(() => [
+      t.e("label"),
+      t.em("label", "right"),
+      t.is("active", o.value)
+    ]), X = d(() => ({
+      width: de(n.width)
+    }));
+    O(() => n.modelValue, () => {
+      z.value = !0;
+    });
+    const D = d(() => z.value ? n.modelValue : !1), o = d(() => D.value === n.activeValue);
+    [n.activeValue, n.inactiveValue].includes(D.value) || (f(P, n.inactiveValue), f(B, n.inactiveValue), f(A, n.inactiveValue)), O(o, (e) => {
+      var s;
+      m.value.checked = e, n.validateEvent && ((s = b == null ? void 0 : b.validate) == null || s.call(b, "change").catch((F) => _(F)));
+    });
+    const k = () => {
+      const e = o.value ? n.inactiveValue : n.activeValue;
+      f(P, e), f(B, e), f(A, e), ie(() => {
+        m.value.checked = o.value;
+      });
+    }, M = () => {
+      if (I.value)
+        return;
+      const { beforeChange: e } = n;
+      if (!e) {
+        k();
+        return;
+      }
+      const s = e();
+      [
+        $(s),
+        V(s)
+      ].includes(!0) || pe(K, "beforeChange must return type `Promise<boolean>` or `boolean`"), $(s) ? s.then((w) => {
+        w && k();
+      }).catch((w) => {
+        _(K, `some error occurred: ${w}`);
+      }) : s && k();
+    }, j = () => {
+      var e, s;
+      (s = (e = m.value) == null ? void 0 : e.focus) == null || s.call(e);
+    };
+    return Y(() => {
+      m.value.checked = o.value;
+    }), H({
+      focus: j,
+      checked: o
+    }), (e, s) => (i(), v("div", {
+      class: u(a(q)),
+      onClick: Z(M, ["prevent"])
+    }, [
+      E("input", {
+        id: a(L),
+        ref_key: "input",
+        ref: m,
+        class: u(a(t).e("input")),
+        type: "checkbox",
+        role: "switch",
+        "aria-checked": a(o),
+        "aria-disabled": a(I),
+        "aria-label": e.label,
+        name: e.name,
+        "true-value": e.activeValue,
+        "false-value": e.inactiveValue,
+        disabled: a(I),
+        tabindex: e.tabindex,
+        onChange: k,
+        onKeydown: x(M, ["enter"])
+      }, null, 42, Ie),
+      !e.inlinePrompt && (e.inactiveIcon || e.inactiveText) ? (i(), v("span", {
+        key: 0,
+        class: u(a(Q))
+      }, [
+        e.inactiveIcon ? (i(), c(a(h), { key: 0 }, {
+          default: p(() => [
+            (i(), c(y(e.inactiveIcon)))
+          ]),
+          _: 1
+        })) : r("v-if", !0),
+        !e.inactiveIcon && e.inactiveText ? (i(), v("span", {
+          key: 1,
+          "aria-hidden": a(o)
+        }, T(e.inactiveText), 9, ke)) : r("v-if", !0)
+      ], 2)) : r("v-if", !0),
+      E("span", {
+        ref_key: "core",
+        ref: R,
+        class: u(a(t).e("core")),
+        style: ee(a(X))
+      }, [
+        e.inlinePrompt ? (i(), v("div", {
+          key: 0,
+          class: u(a(t).e("inner"))
+        }, [
+          e.activeIcon || e.inactiveIcon ? (i(), c(a(h), {
+            key: 0,
+            class: u(a(t).is("icon"))
+          }, {
+            default: p(() => [
+              (i(), c(y(a(o) ? e.activeIcon : e.inactiveIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : e.activeText || e.inactiveText ? (i(), v("span", {
+            key: 1,
+            class: u(a(t).is("text")),
+            "aria-hidden": !a(o)
+          }, T(a(o) ? e.activeText : e.inactiveText), 11, ge)) : r("v-if", !0)
+        ], 2)) : r("v-if", !0),
+        E("div", {
+          class: u(a(t).e("action"))
+        }, [
+          e.loading ? (i(), c(a(h), {
+            key: 0,
+            class: u(a(t).is("loading"))
+          }, {
+            default: p(() => [
+              ae(a(ve))
+            ]),
+            _: 1
+          }, 8, ["class"])) : a(o) ? U(e.$slots, "active-action", { key: 1 }, () => [
+            e.activeActionIcon ? (i(), c(a(h), { key: 0 }, {
+              default: p(() => [
+                (i(), c(y(e.activeActionIcon)))
+              ]),
+              _: 1
+            })) : r("v-if", !0)
+          ]) : a(o) ? r("v-if", !0) : U(e.$slots, "inactive-action", { key: 2 }, () => [
+            e.inactiveActionIcon ? (i(), c(a(h), { key: 0 }, {
+              default: p(() => [
+                (i(), c(y(e.inactiveActionIcon)))
+              ]),
+              _: 1
+            })) : r("v-if", !0)
+          ])
+        ], 2)
+      ], 6),
+      !e.inlinePrompt && (e.activeIcon || e.activeText) ? (i(), v("span", {
+        key: 1,
+        class: u(a(W))
+      }, [
+        e.activeIcon ? (i(), c(a(h), { key: 0 }, {
+          default: p(() => [
+            (i(), c(y(e.activeIcon)))
+          ]),
+          _: 1
+        })) : r("v-if", !0),
+        !e.activeIcon && e.activeText ? (i(), v("span", {
+          key: 1,
+          "aria-hidden": !a(o)
+        }, T(e.activeText), 9, Ve)) : r("v-if", !0)
+      ], 2)) : r("v-if", !0)
+    ], 10, be));
+  }
+});
+var Ee = /* @__PURE__ */ fe(Se, [["__file", "switch.vue"]]);
+const Ce = he(Ee);
+export {
+  Ce as E
+};