evui 3.5.0-rc.1 → 3.5.0

package/dist/components/contextMenu/ContextMenu.vue.js

@@ -0,0 +1,70 @@
+import { resolveComponent as f, resolveDirective as p, openBlock as m, createBlock as u, Teleport as h, withDirectives as y, normalizeStyle as S, normalizeClass as w, createSlots as C, renderList as _, withCtx as k, renderSlot as v, normalizeProps as M, guardReactiveProps as x, createCommentVNode as b, onBeforeMount as A } from "vue";
+import { clickoutside as B } from "../../directives/clickoutside.js";
+import E from "./MenuList.vue.js";
+import { useModel as L, usePosition as g } from "./uses.js";
+import z from "../../_virtual/_plugin-vue_export-helper.js";
+const D = {
+  name: "EvContextMenu",
+  directives: {
+    clickoutside: B
+  },
+  components: {
+    MenuList: E
+  },
+  props: {
+    items: {
+      type: Array,
+      default: () => [],
+      validator: (o) => o.some((e) => e.children !== void 0 && !Array.isArray(e.children)) ? (console.warn("[EVUI][ContextMenu] children attribute must be 'Array' type."), !1) : o.some((e) => e.click !== void 0 && typeof e.click != "function") ? (console.warn("[EVUI][ContextMenu] click attribute must be 'Function' type."), !1) : !0
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    isShowMenuOnClick: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    const { comp: o, initWrapperDiv: e } = L(), { isShow: n, rootMenuList: t, menuStyle: i, show: s, hide: r } = g();
+    return A(() => e()), {
+      isShow: n,
+      rootMenuList: t,
+      menuStyle: i,
+      comp: o,
+      show: s,
+      hide: r
+    };
+  }
+};
+function P(o, e, n, t, i, s) {
+  const r = f("menu-list"), a = p("clickoutside");
+  return t.isShow && n.items.length ? (m(), u(h, {
+    key: 0,
+    to: "#ev-context-menu-modal"
+  }, [
+    y((m(), u(r, {
+      ref: "rootMenuList",
+      isShow: t.isShow,
+      "onUpdate:isShow": e[0] || (e[0] = (c) => t.isShow = c),
+      class: w(n.customClass),
+      items: n.items,
+      style: S(t.menuStyle),
+      comp: t.comp
+    }, C({ _: 2 }, [
+      _(o.$slots, (c, l) => ({
+        name: l,
+        fn: k((d) => [
+          v(o.$slots, l, M(x(d)))
+        ])
+      }))
+    ]), 1032, ["isShow", "class", "items", "style", "comp"])), [
+      [a, t.hide]
+    ])
+  ])) : b("", !0);
+}
+const R = /* @__PURE__ */ z(D, [["render", P]]);
+export {
+  R as default
+};

package/dist/components/contextMenu/MenuList.vue.js

@@ -0,0 +1,105 @@
+import { useMenuList as _ } from "./uses.js";
+import { openBlock as s, createElementBlock as r, createElementVNode as h, Fragment as m, renderList as f, withDirectives as y, normalizeClass as p, createCommentVNode as a, renderSlot as C, createTextVNode as S, toDisplayString as w, vShow as k, createBlock as v, resolveDynamicComponent as M, normalizeStyle as x, createSlots as I, withCtx as E, normalizeProps as b, guardReactiveProps as g } from "vue";
+/* empty css              */
+import A from "../../_virtual/_plugin-vue_export-helper.js";
+const B = {
+  name: "EvMenuList",
+  props: {
+    isShow: {
+      type: Boolean,
+      default: !1
+    },
+    items: {
+      type: Array,
+      default: () => [],
+      validator: (o) => o.some((n) => n.children !== void 0 && !Array.isArray(n.children)) ? (console.warn("[EVUI][ContextMenu] children attribute must be 'Array' type."), !1) : o.some((n) => n.click !== void 0 && typeof n.click != "function") ? (console.warn("[EVUI][ContextMenu] click attribute must be 'Function' type."), !1) : !0
+    },
+    comp: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: {
+    "update:isShow": [Boolean]
+  },
+  setup() {
+    const {
+      isExistChild: o,
+      computedIsShow: n,
+      isShowChild: c,
+      childMenu: t,
+      menuStyle: d,
+      childrenItems: u,
+      handleItemClick: e,
+      handleMouseEnter: l,
+      hideAll: i
+    } = _();
+    return {
+      isExistChild: o,
+      computedIsShow: n,
+      isShowChild: c,
+      childMenu: t,
+      menuStyle: d,
+      childrenItems: u,
+      handleItemClick: e,
+      handleMouseEnter: l,
+      hideAll: i
+    };
+  }
+}, V = { class: "ev-menu-list" }, L = { class: "ev-menu-ul" }, z = ["onClick", "onMouseenter"], D = { class: "ev-menu-li-text" }, U = {
+  key: 1,
+  class: "ev-menu-li-suffix ev-icon-arrow-right2"
+};
+function F(o, n, c, t, d, u) {
+  return s(), r("div", V, [
+    h("ul", L, [
+      (s(!0), r(m, null, f(c.items, (e, l) => y((s(), r("li", {
+        key: `${e.value}_${l}`,
+        class: p(["ev-menu-li", { disabled: e.disabled, [e.itemClass]: e.itemClass }]),
+        onClick: (i) => t.handleItemClick(e),
+        onMouseenter: (i) => t.handleMouseEnter(i, e)
+      }, [
+        e.iconClass ? (s(), r("i", {
+          key: 0,
+          class: p(["ev-menu-li-prefix", e.iconClass])
+        }, null, 2)) : a("", !0),
+        h("span", D, [
+          e.slotKey ? C(o.$slots, e.slotKey, {
+            key: 0,
+            item: e
+          }, () => [
+            S(w(e.text), 1)
+          ]) : (s(), r(m, { key: 1 }, [
+            S(w(e.text), 1)
+          ], 64))
+        ]),
+        e.children || e.isShowMenu ? (s(), r("i", U)) : a("", !0)
+      ], 42, z)), [
+        [k, !e.hidden]
+      ])), 128))
+    ]),
+    t.isExistChild ? y((s(), v(M(c.comp), {
+      key: 0,
+      ref: "childMenu",
+      isShow: t.computedIsShow,
+      "onUpdate:isShow": n[0] || (n[0] = (e) => t.computedIsShow = e),
+      comp: c.comp,
+      items: t.childrenItems,
+      style: x(t.menuStyle)
+    }, I({ _: 2 }, [
+      f(o.$slots, (e, l) => ({
+        name: l,
+        fn: E((i) => [
+          C(o.$slots, l, b(g(i)))
+        ])
+      }))
+    ]), 1064, ["isShow", "comp", "items", "style"])), [
+      [k, t.childrenItems.length && t.isShowChild]
+    ]) : a("", !0)
+  ]);
+}
+const O = /* @__PURE__ */ A(B, [["render", F]]);
+export {
+  O as default
+};

package/dist/components/contextMenu/index.js

@@ -0,0 +1,7 @@
+import t from "./ContextMenu.vue.js";
+t.install = (e) => {
+  e.component(t.name, t);
+};
+export {
+  t as default
+};

package/dist/components/contextMenu/uses.js

@@ -0,0 +1,79 @@
+import { defineComponent as L, ref as u, getCurrentInstance as H, computed as w, reactive as S, nextTick as M } from "vue";
+import O from "./MenuList.vue.js";
+const F = () => {
+  const s = L(O), r = u([]);
+  return {
+    comp: s,
+    childrenItems: r,
+    initWrapperDiv: () => {
+      const o = document.createElement("div");
+      o.id = "ev-context-menu-modal", o.setAttribute("style", "position: absolute; top: 0; left: 0;"), document.getElementById("ev-context-menu-modal") || document.body.appendChild(o);
+    }
+  };
+}, P = () => {
+  const { props: s } = H(), r = w(() => s.isShowMenuOnClick), l = u(!1), o = u(null), n = S({
+    top: null,
+    left: null,
+    right: null,
+    pageY: null,
+    pageX: null,
+    clientX: null
+  });
+  return {
+    isShow: l,
+    rootMenuList: o,
+    menuStyle: n,
+    show: async (t) => {
+      var h, p;
+      l.value = !0, await M();
+      const c = (p = (h = o.value) == null ? void 0 : h.$el) == null ? void 0 : p.children[0].getBoundingClientRect();
+      if (c) {
+        const m = c.height, e = c.width, i = document.documentElement.clientHeight, g = document.documentElement.clientWidth, f = 20;
+        n.pageX = t.pageX, n.pageY = t.pageY, n.clientX = t.clientX, i < t.clientY + m ? n.top = `${t.pageY - m}px` : n.top = `${t.pageY}px`, g < t.clientX + e + f ? n.left = `${t.pageX - e}px` : n.left = `${t.pageX}px`;
+      }
+    },
+    hide: async () => {
+      await M(), !r.value && (l.value = !1);
+    }
+  };
+}, _ = () => {
+  const { props: s, emit: r } = H(), l = w({
+    get: () => s.isShow,
+    set: (e) => r("update:isShow", e)
+  }), o = w(() => !!s.items.some((e) => e.children)), n = u([]), d = u(!1), a = u(null), t = S({
+    top: null,
+    left: null,
+    right: null
+  }), c = (e) => {
+    e || (l.value = !1);
+  }, h = (e) => {
+    var R, X, y;
+    const i = document.documentElement.clientWidth, g = document.documentElement.clientHeight, f = 20, W = (R = e.target.parentElement) == null ? void 0 : R.getBoundingClientRect(), {
+      x: $,
+      y: b,
+      width: v,
+      height: I
+    } = W, k = (y = (X = a.value) == null ? void 0 : X.$el) == null ? void 0 : y.children[0].getBoundingClientRect(), { width: x, height: C } = k, E = e.target.offsetTop, Y = g < b + E + C, B = i < $ + v + x + f;
+    Y ? t.top = `${I - C}px` : t.top = `${E}px`, B ? t.left = `${0 - x}px` : t.left = `${v}px`;
+  };
+  return {
+    computedIsShow: l,
+    isExistChild: o,
+    isShowChild: d,
+    childMenu: a,
+    menuStyle: t,
+    childrenItems: n,
+    handleItemClick: (e) => {
+      e.click && !e.disabled && e.click(e), e.isShowMenu || c(e.children);
+    },
+    handleMouseEnter: async (e, i) => {
+      !i.children || !Array.isArray(i.children) || i.disabled ? d.value = !1 : (d.value = !0, n.value = i.children, await M(), h(e));
+    },
+    hideAll: c
+  };
+};
+export {
+  _ as useMenuList,
+  F as useModel,
+  P as usePosition
+};

package/dist/components/datePicker/DatePicker.vue.js

@@ -0,0 +1,310 @@
+import { datePickerClickoutside as E } from "../../directives/clickoutside.js";
+import { useModel as B, useDropdown as U, useShortcuts as K } from "./uses.js";
+import { resolveComponent as S, resolveDirective as W, withDirectives as v, openBlock as a, createElementBlock as i, normalizeClass as m, createElementVNode as n, Fragment as c, withKeys as x, withModifiers as y, vModelText as h, renderList as T, toDisplayString as k, createCommentVNode as d, vShow as j, normalizeStyle as z, createBlock as w, withCtx as C, createTextVNode as I, createVNode as H } from "vue";
+/* empty css                */
+import q from "../../_virtual/_plugin-vue_export-helper.js";
+const G = {
+  name: "EvDatePicker",
+  directives: {
+    clickoutside: E
+  },
+  props: {
+    modelValue: {
+      type: [String, Array],
+      default: "",
+      validator: (r) => {
+        const t = new RegExp(/[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])/), l = new RegExp(
+          /[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1]) (2[0-3]|[01][0-9]):[0-5][0-9]:[0-5][0-9]/
+        );
+        return Array.isArray(r) ? r.every(
+          (e) => !!(!e || e.length === 10 && t.exec(e)) || e.length === 19 && l.exec(e)
+        ) : !!(!r || r.length === 10 && t.exec(r) || r.length === 19 && l.exec(r));
+      }
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    clearable: {
+      type: Boolean,
+      default: !1
+    },
+    enableTextInput: {
+      type: Boolean,
+      default: !1
+    },
+    mode: {
+      type: String,
+      default: "date",
+      validator: (r) => ["date", "dateTime", "dateMulti", "dateRange", "dateTimeRange"].indexOf(r) !== -1
+    },
+    monthNotation: {
+      type: String,
+      default: "fullName",
+      validator: (r) => ["fullName", "abbrName", "numberName", "korName"].indexOf(r) !== -1
+    },
+    dayOfTheWeekNotation: {
+      type: String,
+      default: "abbrUpperName",
+      validator: (r) => ["abbrUpperName", "abbrLowerName", "abbrPascalName", "abbrKorName"].indexOf(r) !== -1
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        type: "date",
+        limit: 1,
+        tagShorten: !1
+      }),
+      validator: ({ multiType: r, multiDayLimit: t, disabledDate: l, tagShorten: e, timeFormat: s }) => {
+        const u = new RegExp(/(HH|2[0-3]|[01][0-9]):(mm|[0-5][0-9]):(ss|[0-5][0-9])/);
+        return (!r || ["weekday", "week", "date"].indexOf(r) !== -1) && (!t || typeof t == "number" && t > 0) && (!l || typeof l == "function" || Array.isArray(l)) && (e === void 0 || typeof e == "boolean") && Array.isArray(s) ? s.every((p) => !!(!p || u.exec(p))) : !!(!s || u.exec(s));
+      }
+    },
+    shortcuts: {
+      type: Array,
+      default: () => [],
+      validator: (r) => r.length ? r.every(({ shortcutDate: t }) => {
+        if (typeof t != "function")
+          return !1;
+        const l = t();
+        return Array.isArray(l) && l.every((e) => e instanceof Date) && l[0] <= l[1] || typeof l == "object" && l instanceof Date;
+      }) : !0
+    }
+  },
+  emits: {
+    "update:modelValue": [Array, String]
+  },
+  setup() {
+    const { mv: r, currentValue: t, isClearableIcon: l, validateValue: e, removeAllMv: s, changeMv: u, removeMv: p } = B(), {
+      isDropbox: g,
+      datePicker: b,
+      datePickerWrapper: V,
+      dropbox: o,
+      itemWrapper: f,
+      dropboxPosition: N,
+      clickSelectInput: P,
+      clickOutsideDropbox: A,
+      changeDropboxPosition: M
+    } = U(), { usedShortcuts: D, clickShortcut: O, setActiveShortcut: R } = K({
+      mv: r,
+      currentValue: t,
+      clickOutsideDropbox: A
+    });
+    return R(), {
+      mv: r,
+      currentValue: t,
+      isClearableIcon: l,
+      validateValue: e,
+      removeAllMv: s,
+      changeMv: u,
+      removeMv: p,
+      isDropbox: g,
+      datePicker: b,
+      datePickerWrapper: V,
+      dropbox: o,
+      itemWrapper: f,
+      dropboxPosition: N,
+      clickSelectInput: P,
+      clickOutsideDropbox: A,
+      changeDropboxPosition: M,
+      usedShortcuts: D,
+      clickShortcut: O
+    };
+  }
+}, J = {
+  ref: "datePickerWrapper",
+  class: "ev-date-picker__wrapper"
+}, L = ["placeholder", "readonly", "disabled"], Q = ["placeholder", "disabled"], X = { class: "ev-tag-name" }, Y = ["onClick"], Z = {
+  key: 0,
+  class: "ev-select-tag num"
+}, F = { class: "ev-tag-name" }, _ = { class: "ev-select-tag num" }, $ = { class: "ev-tag-name" }, ee = { class: "ev-date-picker-dropbox-wrapper" }, te = {
+  key: 0,
+  class: "ev-date-picker-dropbox__button-layout"
+}, re = {
+  key: 1,
+  class: "ev-date-picker-dropbox__divider"
+};
+function oe(r, t, l, e, s, u) {
+  const p = S("ev-button"), g = S("ev-button-group"), b = S("ev-calendar"), V = W("clickoutside");
+  return v((a(), i("div", {
+    ref: "datePicker",
+    class: m(["ev-date-picker", {
+      disabled: r.$props.disabled
+    }])
+  }, [
+    n("div", J, [
+      r.$props.mode === "date" || r.$props.mode === "dateTime" ? (a(), i(c, { key: 0 }, [
+        t[15] || (t[15] = n("span", { class: "ev-date-picker-prefix-icon" }, [
+          n("i", { class: "ev-icon-calendar" })
+        ], -1)),
+        v(n("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (o) => e.currentValue = o),
+          type: "text",
+          class: m(["ev-input", { readonly: !r.$props.enableTextInput }]),
+          placeholder: r.$props.placeholder,
+          readonly: !r.$props.enableTextInput,
+          disabled: r.$props.disabled,
+          onClick: t[1] || (t[1] = (...o) => e.clickSelectInput && e.clickSelectInput(...o)),
+          onKeydown: t[2] || (t[2] = x(y((o) => e.validateValue(e.currentValue), ["prevent"]), ["enter"])),
+          onChange: t[3] || (t[3] = (o) => e.validateValue(e.currentValue))
+        }, null, 42, L), [
+          [
+            h,
+            e.currentValue,
+            void 0,
+            { trim: !0 }
+          ]
+        ])
+      ], 64)) : r.$props.mode === "dateMulti" || !r.$props.enableTextInput ? (a(), i("div", {
+        key: 1,
+        class: "ev-date-picker-tag-wrapper",
+        onClick: t[4] || (t[4] = (...o) => e.clickSelectInput && e.clickSelectInput(...o))
+      }, [
+        t[18] || (t[18] = n("span", { class: "ev-date-picker-prefix-icon" }, [
+          n("i", { class: "ev-icon-calendar" })
+        ], -1)),
+        n("input", {
+          type: "text",
+          class: "ev-input readonly",
+          readonly: "",
+          placeholder: r.$props.placeholder,
+          disabled: r.$props.disabled
+        }, null, 8, Q),
+        r.$props.mode === "dateMulti" && (r.$props.options.multiType === "date" || !r.$props.options.tagShorten) ? (a(!0), i(c, { key: 0 }, T(e.mv, (o, f) => (a(), i("div", {
+          key: `${o}_${f}`,
+          class: m(["ev-select-tag", { num: r.$props.options.multiType !== "date" }])
+        }, [
+          n("span", X, k(o), 1),
+          r.$props.options.multiType === "date" ? (a(), i("span", {
+            key: 0,
+            class: "ev-tag-suffix",
+            onClick: y((N) => [e.removeMv(o), e.changeDropboxPosition()], ["stop"])
+          }, [...t[16] || (t[16] = [
+            n("i", { class: "ev-tag-suffix-close ev-icon-error" }, null, -1)
+          ])], 8, Y)) : d("", !0)
+        ], 2))), 128)) : (a(), i(c, { key: 1 }, [
+          e.mv[0] ? (a(), i("div", Z, [
+            n("span", F, k(e.mv[0]), 1)
+          ])) : d("", !0),
+          e.mv[e.mv.length - 1] ? (a(), i(c, { key: 1 }, [
+            t[17] || (t[17] = n("div", { class: "ev-select-tag num" }, [
+              n("span", { class: "ev-tag-name" }, " ~ ")
+            ], -1)),
+            n("div", _, [
+              n("span", $, k(e.mv[e.mv.length - 1]), 1)
+            ])
+          ], 64)) : d("", !0)
+        ], 64))
+      ])) : (a(), i("div", {
+        key: 2,
+        class: "ev-date-picker-input-wrapper",
+        onClick: t[11] || (t[11] = (...o) => e.clickSelectInput && e.clickSelectInput(...o))
+      }, [
+        t[20] || (t[20] = n("span", { class: "ev-date-picker-prefix-icon" }, [
+          n("i", { class: "ev-icon-calendar" })
+        ], -1)),
+        v(n("input", {
+          "onUpdate:modelValue": t[5] || (t[5] = (o) => e.currentValue[0] = o),
+          type: "text",
+          class: "ev-date-picker-range-input",
+          onKeydown: t[6] || (t[6] = x(y((o) => e.validateValue(e.currentValue), ["prevent"]), ["enter"])),
+          onChange: t[7] || (t[7] = (o) => e.validateValue(e.currentValue))
+        }, null, 544), [
+          [
+            h,
+            e.currentValue[0],
+            void 0,
+            { trim: !0 }
+          ]
+        ]),
+        e.currentValue[e.currentValue.length - 1] ? (a(), i(c, { key: 0 }, [
+          t[19] || (t[19] = n("div", { class: "ev-date-picker-range-separator" }, [
+            n("span", { class: "ev-tag-name" }, " ~ ")
+          ], -1)),
+          v(n("input", {
+            "onUpdate:modelValue": t[8] || (t[8] = (o) => e.currentValue[e.currentValue.length - 1] = o),
+            type: "text",
+            class: "ev-date-picker-range-input",
+            onKeydown: t[9] || (t[9] = x(y((o) => e.validateValue(e.currentValue), ["prevent"]), ["enter"])),
+            onChange: t[10] || (t[10] = (o) => e.validateValue(e.currentValue))
+          }, null, 544), [
+            [
+              h,
+              e.currentValue[e.currentValue.length - 1],
+              void 0,
+              { trim: !0 }
+            ]
+          ])
+        ], 64)) : d("", !0)
+      ])),
+      r.$props.clearable ? v((a(), i("span", {
+        key: 3,
+        class: "ev-input-suffix",
+        onClick: t[12] || (t[12] = y((o) => [e.removeAllMv(), e.clickOutsideDropbox()], ["stop"]))
+      }, [...t[21] || (t[21] = [
+        n("i", { class: "ev-icon-error" }, null, -1)
+      ])], 512)), [
+        [j, e.isClearableIcon]
+      ]) : d("", !0),
+      n("div", ee, [
+        e.isDropbox ? (a(), i("div", {
+          key: 0,
+          ref: "dropbox",
+          class: m(["ev-date-picker-dropdown", r.$props.mode]),
+          style: z(e.dropboxPosition)
+        }, [
+          e.usedShortcuts.length ? (a(), i("div", te, [
+            e.usedShortcuts.length === 1 ? (a(), w(p, {
+              key: 0,
+              type: e.usedShortcuts[0].isActive ? "primary" : "default",
+              onClick: t[13] || (t[13] = (o) => e.clickShortcut(e.usedShortcuts[0].key))
+            }, {
+              default: C(() => [
+                I(k(e.usedShortcuts[0].label), 1)
+              ]),
+              _: 1
+            }, 8, ["type"])) : (a(), w(g, { key: 1 }, {
+              default: C(() => [
+                (a(!0), i(c, null, T(e.usedShortcuts, (o) => (a(), w(p, {
+                  key: o.key,
+                  type: o.isActive ? "primary" : "default",
+                  onClick: (f) => e.clickShortcut(o.key)
+                }, {
+                  default: C(() => [
+                    I(k(o.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type", "onClick"]))), 128))
+              ]),
+              _: 1
+            }))
+          ])) : d("", !0),
+          e.usedShortcuts.length ? (a(), i("div", re)) : d("", !0),
+          n("div", {
+            class: m({ "ev-date-picker-dropbox__calendar": e.usedShortcuts.length })
+          }, [
+            H(b, {
+              key: "fromCalendar",
+              modelValue: e.mv,
+              "onUpdate:modelValue": t[14] || (t[14] = (o) => e.mv = o),
+              mode: r.$props.mode,
+              "month-notation": r.$props.monthNotation,
+              "day-of-the-week-notation": r.$props.dayOfTheWeekNotation,
+              options: r.$props.options
+            }, null, 8, ["modelValue", "mode", "month-notation", "day-of-the-week-notation", "options"])
+          ], 2)
+        ], 6)) : d("", !0)
+      ])
+    ], 512)
+  ], 2)), [
+    [V, e.clickOutsideDropbox]
+  ]);
+}
+const se = /* @__PURE__ */ q(G, [["render", oe]]);
+export {
+  se as default
+};

package/dist/components/datePicker/index.js

@@ -0,0 +1,7 @@
+import e from "./DatePicker.vue.js";
+e.install = (t) => {
+  t.component(e.name, e);
+};
+export {
+  e as default
+};