jmash-core 0.0.3 → 0.0.5

package/dist/el-dialog-CSWvTJrq.mjs

@@ -0,0 +1,378 @@
+import { defineComponent as N, inject as q, computed as E, openBlock as B, createElementBlock as K, unref as e, normalizeClass as m, normalizeStyle as J, createElementVNode as O, renderSlot as k, toDisplayString as te, createVNode as M, withCtx as w, createBlock as _, resolveDynamicComponent as ae, createCommentVNode as j, getCurrentInstance as se, ref as D, watch as Q, nextTick as ne, onMounted as re, useSlots as ie, provide as de, Teleport as ue, Transition as ce, withDirectives as fe, mergeProps as ve, createSlots as ye, vShow as pe } from "vue";
+import { m as H, Y as me, w as ge, bM as be, bO as Ce, z as he, _ as W, bP as we, n as Y, aK as X, aL as ke, y as De, aR as Z, bQ as Ee, bs as Ie, bR as Te, bS as Be, a6 as G, j as Se, aQ as Ae, x as Fe, bT as $e, b7 as Le, bU as Pe, L as Re } from "./index-B6wY38lY.mjs";
+import { c as Oe } from "./refs-COP_DuTD.mjs";
+import { i as Me } from "./isUndefined-CUQZk6oB.mjs";
+const x = Symbol("dialogInjectionKey"), ee = H({
+  center: Boolean,
+  alignCenter: Boolean,
+  closeIcon: {
+    type: me
+  },
+  draggable: Boolean,
+  overflow: Boolean,
+  fullscreen: Boolean,
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  ariaLevel: {
+    type: String,
+    default: "2"
+  }
+}), Ne = {
+  close: () => !0
+}, ze = ["aria-level"], Ve = ["aria-label"], Ue = ["id"], Ke = N({ name: "ElDialogContent" }), _e = /* @__PURE__ */ N({
+  ...Ke,
+  props: ee,
+  emits: Ne,
+  setup(o) {
+    const s = o, { t: u } = ge(), { Close: F } = we, { dialogRef: n, headerRef: c, bodyId: I, ns: a, style: g } = q(x), { focusTrapRef: r } = q(be), f = E(() => [
+      a.b(),
+      a.is("fullscreen", s.fullscreen),
+      a.is("draggable", s.draggable),
+      a.is("align-center", s.alignCenter),
+      { [a.m("center")]: s.center }
+    ]), v = Oe(r, n), b = E(() => s.draggable), d = E(() => s.overflow);
+    return Ce(n, c, b, d), (t, T) => (B(), K("div", {
+      ref: e(v),
+      class: m(e(f)),
+      style: J(e(g)),
+      tabindex: "-1"
+    }, [
+      O("header", {
+        ref_key: "headerRef",
+        ref: c,
+        class: m([e(a).e("header"), { "show-close": t.showClose }])
+      }, [
+        k(t.$slots, "header", {}, () => [
+          O("span", {
+            role: "heading",
+            "aria-level": t.ariaLevel,
+            class: m(e(a).e("title"))
+          }, te(t.title), 11, ze)
+        ]),
+        t.showClose ? (B(), K("button", {
+          key: 0,
+          "aria-label": e(u)("el.dialog.close"),
+          class: m(e(a).e("headerbtn")),
+          type: "button",
+          onClick: T[0] || (T[0] = ($) => t.$emit("close"))
+        }, [
+          M(e(he), {
+            class: m(e(a).e("close"))
+          }, {
+            default: w(() => [
+              (B(), _(ae(t.closeIcon || e(F))))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 10, Ve)) : j("v-if", !0)
+      ], 2),
+      O("div", {
+        id: e(I),
+        class: m(e(a).e("body"))
+      }, [
+        k(t.$slots, "default")
+      ], 10, Ue),
+      t.$slots.footer ? (B(), K("footer", {
+        key: 0,
+        class: m(e(a).e("footer"))
+      }, [
+        k(t.$slots, "footer")
+      ], 2)) : j("v-if", !0)
+    ], 6));
+  }
+});
+var je = /* @__PURE__ */ W(_e, [["__file", "dialog-content.vue"]]);
+const qe = H({
+  ...ee,
+  appendToBody: Boolean,
+  appendTo: {
+    type: Y(String),
+    default: "body"
+  },
+  beforeClose: {
+    type: Y(Function)
+  },
+  destroyOnClose: Boolean,
+  closeOnClickModal: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  lockScroll: {
+    type: Boolean,
+    default: !0
+  },
+  modal: {
+    type: Boolean,
+    default: !0
+  },
+  openDelay: {
+    type: Number,
+    default: 0
+  },
+  closeDelay: {
+    type: Number,
+    default: 0
+  },
+  top: {
+    type: String
+  },
+  modelValue: Boolean,
+  modalClass: String,
+  width: {
+    type: [String, Number]
+  },
+  zIndex: {
+    type: Number
+  },
+  trapFocus: {
+    type: Boolean,
+    default: !1
+  },
+  headerAriaLevel: {
+    type: String,
+    default: "2"
+  }
+}), Qe = {
+  open: () => !0,
+  opened: () => !0,
+  close: () => !0,
+  closed: () => !0,
+  [X]: (o) => ke(o),
+  openAutoFocus: () => !0,
+  closeAutoFocus: () => !0
+}, Ye = (o, s) => {
+  var u;
+  const n = se().emit, { nextZIndex: c } = De();
+  let I = "";
+  const a = Z(), g = Z(), r = D(!1), f = D(!1), v = D(!1), b = D((u = o.zIndex) != null ? u : c());
+  let d, t;
+  const T = Ee("namespace", Be), $ = E(() => {
+    const i = {}, h = `--${T.value}-dialog`;
+    return o.fullscreen || (o.top && (i[`${h}-margin-top`] = o.top), o.width && (i[`${h}-width`] = Ie(o.width))), i;
+  }), z = E(() => o.alignCenter ? { display: "flex" } : {});
+  function L() {
+    n("opened");
+  }
+  function V() {
+    n("closed"), n(X, !1), o.destroyOnClose && (v.value = !1);
+  }
+  function U() {
+    n("close");
+  }
+  function P() {
+    t == null || t(), d == null || d(), o.openDelay && o.openDelay > 0 ? { stop: d } = G(() => R(), o.openDelay) : R();
+  }
+  function S() {
+    d == null || d(), t == null || t(), o.closeDelay && o.closeDelay > 0 ? { stop: t } = G(() => l(), o.closeDelay) : l();
+  }
+  function A() {
+    function i(h) {
+      h || (f.value = !0, r.value = !1);
+    }
+    o.beforeClose ? o.beforeClose(i) : S();
+  }
+  function y() {
+    o.closeOnClickModal && A();
+  }
+  function R() {
+    Se && (r.value = !0);
+  }
+  function l() {
+    r.value = !1;
+  }
+  function p() {
+    n("openAutoFocus");
+  }
+  function C() {
+    n("closeAutoFocus");
+  }
+  function oe(i) {
+    var h;
+    ((h = i.detail) == null ? void 0 : h.focusReason) === "pointer" && i.preventDefault();
+  }
+  o.lockScroll && Te(r);
+  function le() {
+    o.closeOnPressEscape && A();
+  }
+  return Q(() => o.modelValue, (i) => {
+    i ? (f.value = !1, P(), v.value = !0, b.value = Me(o.zIndex) ? c() : b.value++, ne(() => {
+      n("open"), s.value && (s.value.scrollTop = 0);
+    })) : r.value && S();
+  }), Q(() => o.fullscreen, (i) => {
+    s.value && (i ? (I = s.value.style.transform, s.value.style.transform = "") : s.value.style.transform = I);
+  }), re(() => {
+    o.modelValue && (r.value = !0, v.value = !0, P());
+  }), {
+    afterEnter: L,
+    afterLeave: V,
+    beforeLeave: U,
+    handleClose: A,
+    onModalClick: y,
+    close: S,
+    doClose: l,
+    onOpenAutoFocus: p,
+    onCloseAutoFocus: C,
+    onCloseRequested: le,
+    onFocusoutPrevented: oe,
+    titleId: a,
+    bodyId: g,
+    closed: f,
+    style: $,
+    overlayDialogStyle: z,
+    rendered: v,
+    visible: r,
+    zIndex: b
+  };
+}, Ze = ["aria-label", "aria-labelledby", "aria-describedby"], Ge = N({
+  name: "ElDialog",
+  inheritAttrs: !1
+}), Je = /* @__PURE__ */ N({
+  ...Ge,
+  props: qe,
+  emits: Qe,
+  setup(o, { expose: s }) {
+    const u = o, F = ie();
+    Ae({
+      scope: "el-dialog",
+      from: "the title slot",
+      replacement: "the header slot",
+      version: "3.0.0",
+      ref: "https://element-plus.org/en-US/component/dialog.html#slots"
+    }, E(() => !!F.title));
+    const n = Fe("dialog"), c = D(), I = D(), a = D(), {
+      visible: g,
+      titleId: r,
+      bodyId: f,
+      style: v,
+      overlayDialogStyle: b,
+      rendered: d,
+      zIndex: t,
+      afterEnter: T,
+      afterLeave: $,
+      beforeLeave: z,
+      handleClose: L,
+      onModalClick: V,
+      onOpenAutoFocus: U,
+      onCloseAutoFocus: P,
+      onCloseRequested: S,
+      onFocusoutPrevented: A
+    } = Ye(u, c);
+    de(x, {
+      dialogRef: c,
+      headerRef: I,
+      bodyId: f,
+      ns: n,
+      rendered: d,
+      style: v
+    });
+    const y = Pe(V), R = E(() => u.draggable && !u.fullscreen);
+    return s({
+      visible: g,
+      dialogContentRef: a
+    }), (l, p) => (B(), _(ue, {
+      to: l.appendTo,
+      disabled: l.appendTo !== "body" ? !1 : !l.appendToBody
+    }, [
+      M(ce, {
+        name: "dialog-fade",
+        onAfterEnter: e(T),
+        onAfterLeave: e($),
+        onBeforeLeave: e(z),
+        persisted: ""
+      }, {
+        default: w(() => [
+          fe(M(e($e), {
+            "custom-mask-event": "",
+            mask: l.modal,
+            "overlay-class": l.modalClass,
+            "z-index": e(t)
+          }, {
+            default: w(() => [
+              O("div", {
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": l.title || void 0,
+                "aria-labelledby": l.title ? void 0 : e(r),
+                "aria-describedby": e(f),
+                class: m(`${e(n).namespace.value}-overlay-dialog`),
+                style: J(e(b)),
+                onClick: p[0] || (p[0] = (...C) => e(y).onClick && e(y).onClick(...C)),
+                onMousedown: p[1] || (p[1] = (...C) => e(y).onMousedown && e(y).onMousedown(...C)),
+                onMouseup: p[2] || (p[2] = (...C) => e(y).onMouseup && e(y).onMouseup(...C))
+              }, [
+                M(e(Le), {
+                  loop: "",
+                  trapped: e(g),
+                  "focus-start-el": "container",
+                  onFocusAfterTrapped: e(U),
+                  onFocusAfterReleased: e(P),
+                  onFocusoutPrevented: e(A),
+                  onReleaseRequested: e(S)
+                }, {
+                  default: w(() => [
+                    e(d) ? (B(), _(je, ve({
+                      key: 0,
+                      ref_key: "dialogContentRef",
+                      ref: a
+                    }, l.$attrs, {
+                      center: l.center,
+                      "align-center": l.alignCenter,
+                      "close-icon": l.closeIcon,
+                      draggable: e(R),
+                      overflow: l.overflow,
+                      fullscreen: l.fullscreen,
+                      "show-close": l.showClose,
+                      title: l.title,
+                      "aria-level": l.headerAriaLevel,
+                      onClose: e(L)
+                    }), ye({
+                      header: w(() => [
+                        l.$slots.title ? k(l.$slots, "title", { key: 1 }) : k(l.$slots, "header", {
+                          key: 0,
+                          close: e(L),
+                          titleId: e(r),
+                          titleClass: e(n).e("title")
+                        })
+                      ]),
+                      default: w(() => [
+                        k(l.$slots, "default")
+                      ]),
+                      _: 2
+                    }, [
+                      l.$slots.footer ? {
+                        name: "footer",
+                        fn: w(() => [
+                          k(l.$slots, "footer")
+                        ])
+                      } : void 0
+                    ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : j("v-if", !0)
+                  ]),
+                  _: 3
+                }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+              ], 46, Ze)
+            ]),
+            _: 3
+          }, 8, ["mask", "overlay-class", "z-index"]), [
+            [pe, e(g)]
+          ])
+        ]),
+        _: 3
+      }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+    ], 8, ["to", "disabled"]));
+  }
+});
+var He = /* @__PURE__ */ W(Je, [["__file", "dialog.vue"]]);
+const oo = Re(He);
+export {
+  oo as E
+};