hisonvue 1.0.0

package/dist/HModal-BDBEEpKm.mjs

@@ -0,0 +1,778 @@
+import { defineComponent as Qe, ref as a, computed as l, onMounted as _e, onBeforeUnmount as xe, watch as n, unref as ae, nextTick as ne, resolveComponent as ie, createElementBlock as C, openBlock as u, normalizeClass as c, createCommentVNode as s, createElementVNode as ze, normalizeStyle as re, createBlock as m, createVNode as H, withCtx as d, renderSlot as r, Fragment as B, createSlots as A } from "vue";
+import { B as ue, f as J, S as eo, i as b, g as oo, u as to, j as Ae, t as ce, e as lo, b as Fe, h as D, r as so, c as ao, d as no } from "./index-DUh7pai4.mjs";
+import { a as io, r as ro } from "./scrollManager-BGnq4wyt.mjs";
+import { _ as uo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const co = {
+  /**
+   * Unique identifier for the modal instance.
+   * - You can later retrieve its methods via `hison.component.getModal(id)`
+   * - Duplicate `id` values will throw an error at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class applied to the modal wrapper scope.
+   * - Accepts string/array/object (Vue class binding formats)
+   * - You can use responsive tokens such as `hison-col-*`, `hison-size-*`, `hison-color-*`
+   * - Processed internally to apply device-specific classes
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style(s) for the modal **dialog element** (not the overlay nor the fixed wrapper).
+   * - Accepts string, object, or array of objects (Vue style binding formats)
+   * - Use this for width/height/padding of the dialog itself
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Initial visibility of the modal.
+   * - Runtime visibility is controlled **only** via methods (`open/close/toggle/setVisible`)
+   * - Default: `false`
+   */
+  visible: { type: Boolean, default: !1 },
+  /**
+   * Whether the dialog has a border (rendered via component theme shadow).
+   * - Default: `true`
+   */
+  border: { type: Boolean, default: !0 },
+  /**
+   * Background fill mode of the dialog body/header/footer.
+   * - One of: `'empty' | 'transparent' | 'filled'` (see `BackgroundType`)
+   * - Default: `BackgroundType.empty`
+   */
+  backgroundType: {
+    type: String,
+    default: J.empty,
+    validator: (e) => ue.includes(e)
+  },
+  /**
+   * Stacking order for this modal **wrapper** (fixed container).
+   * - Applied to `.hison-modal-wrapper`; the overlay uses `zIndex - 1`
+   * - Default: `1300`
+   * - When stacking multiple modals, set different `zIndex` values to ensure the desired front/back order.
+   */
+  zIndex: { type: Number, default: 1300 },
+  /**
+   * On-screen position of the **fixed wrapper** (where the dialog is anchored).
+   * - Tokens: 'top-left' | 'top-center' | 'top-right' |
+   *           'middle-left' | 'middle-center' | 'middle-right' |
+   *           'bottom-left' | 'bottom-center' | 'bottom-right'
+   * - Default: `middle-center`
+   * - This controls only the fixed anchor (wrapper); dialog sizes/layout are still governed by `style`
+   */
+  position: {
+    type: String,
+    default: b.middleCenter,
+    validator: (e) => eo.includes(e)
+  },
+  /**
+   * Initial header visibility flag.
+   * - Final rendering also depends on **content existence**:
+   *   header will hide if no slot and no caption/close-button are placed in header
+   * - Default: `true`
+   */
+  headerVisible: { type: Boolean, default: !0 },
+  /**
+   * Initial footer visibility flag.
+   * - Final rendering also depends on **content existence**:
+   *   footer will hide if no slot and no caption/close-button are placed in footer
+   * - Default: `true`
+   */
+  footerVisible: { type: Boolean, default: !0 },
+  /**
+   * Caption text.
+   * - If `null`/empty string, caption is considered **not present** (affects header/footer auto visibility)
+   * - Default: `null`
+   */
+  caption: { type: String, default: null },
+  /**
+   * Whether caption renders with border styling.
+   * - Default: `false`
+   */
+  captionBorder: { type: Boolean, default: !1 },
+  /**
+   * Background type for the caption element.
+   * - One of `BackgroundType` tokens
+   * - Default: `filled`
+   */
+  captionBackgroundType: {
+    type: String,
+    default: J.filled,
+    validator: (e) => ue.includes(e)
+  },
+  /**
+   * Placement of the caption: which section and side it appears in.
+   * - Tokens: 'header-left' | 'header-center' | 'header-right' |
+   *           'footer-left' | 'footer-center' | 'footer-right'
+   * - Default: `'header-center'`
+   * - Note: Caption renders only if `caption` text is present.
+   */
+  captionPlacement: {
+    type: String,
+    default: "header-center"
+  },
+  /**
+   * Whether the close button is shown initially.
+   * - Default: `true`
+   */
+  closeButtonVisible: { type: Boolean, default: !0 },
+  /** Label text for the close button (e.g., 'X'). Default: 'X' */
+  closeButtonText: { type: String, default: "X" },
+  /** Title (tooltip) for the close button. Default: 'close' */
+  closeButtonTitle: { type: String, default: "close" },
+  /** Whether the close button renders with border styling. Default: `true` */
+  closeButtonBorder: { type: Boolean, default: !0 },
+  /**
+   * Background type for the close button.
+   * - One of `BackgroundType` tokens
+   * - Default: `empty`
+   */
+  closeButtonBackgroundType: {
+    type: String,
+    default: J.empty,
+    validator: (e) => ue.includes(e)
+  },
+  /**
+   * Placement of the close button: which section and side it appears in.
+   * - Tokens: 'header-left' | 'header-center' | 'header-right' |
+   *           'footer-left' | 'footer-center' | 'footer-right'
+   * - Default: `'footer-right'`
+   */
+  closeButtonPlacement: {
+    type: String,
+    default: "footer-right"
+  },
+  /**
+   * Whether clicking the overlay closes the modal.
+   * - Default: `true`
+   */
+  closeClickOverlay: { type: Boolean, default: !0 },
+  /**
+   * Whether the overlay (backdrop) is rendered at all.
+   * - Default: `true`
+   */
+  showOverlay: { type: Boolean, default: !0 },
+  /**
+   * Styles applied to the overlay element.
+   * - Accepts string/object/array; merged with an internal `{ zIndex: (zIndex - 1) }`
+   * - Example: `overlay-style="{ backgroundColor: 'rgba(0,0,0,.4)' }"`
+   */
+  overlayStyle: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Locks page scroll while the modal is open (reference-counted across nested modals).
+   * - Default: `true`
+   */
+  scrollLock: { type: Boolean, default: !0 },
+  /**
+   * Optional enter animation class for the dialog.
+   * - Default: internal `'hison-modal-enter'` if not provided
+   */
+  enterAnimationClass: { type: String, required: !1 },
+  /**
+   * Optional leave animation class for the dialog.
+   * - Default: internal `'hison-modal-leave'` if not provided
+   */
+  leaveAnimationClass: { type: String, required: !1 }
+}, vo = Qe({
+  name: "HModal",
+  props: co,
+  inheritAttrs: !1,
+  emits: [
+    "mounted",
+    "responsive-change",
+    "open",
+    "close"
+  ],
+  setup(e, { emit: g, slots: Q }) {
+    const f = e.id || oo(), Z = `hmodal:${f}`, _ = to(), k = a(null), i = a(e.visible), p = a(e.headerVisible), T = a(e.footerVisible), $ = a(e.closeButtonVisible), L = a(e.caption ?? null), F = a(e.captionBorder), I = a(e.captionBackgroundType), W = a(e.closeButtonBorder), N = a(e.closeButtonBackgroundType), E = a(e.closeClickOverlay), q = a(e.showOverlay), V = a(e.scrollLock), U = a(e.border), M = a(e.backgroundType || J.empty), v = a(e.closeButtonPlacement), h = a(e.captionPlacement), R = a(e.zIndex ?? 1e3), j = a(e.position), Ie = l(() => {
+      const o = {
+        zIndex: R.value
+      };
+      switch (o.left = "", o.right = "", o.top = "", o.bottom = "", o.transform = "none", j.value) {
+        case b.topLeft:
+          o.left = "0", o.top = "0";
+          break;
+        case b.topCenter:
+          o.left = "50%", o.top = "0", o.transform = "translateX(-50%)";
+          break;
+        case b.topRight:
+          o.right = "0", o.top = "0";
+          break;
+        case b.middleLeft:
+          o.left = "0", o.top = "50%", o.transform = "translateY(-50%)";
+          break;
+        case b.middleCenter:
+          o.left = "50%", o.top = "50%", o.transform = "translate(-50%, -50%)";
+          break;
+        case b.middleRight:
+          o.right = "0", o.top = "50%", o.transform = "translateY(-50%)";
+          break;
+        case b.bottomLeft:
+          o.left = "0", o.bottom = "0";
+          break;
+        case b.bottomCenter:
+          o.left = "50%", o.bottom = "0", o.transform = "translateX(-50%)";
+          break;
+        case b.bottomRight:
+          o.right = "0", o.bottom = "0";
+          break;
+      }
+      return o;
+    }), We = l(() => {
+      const t = { zIndex: (R.value ?? 1e3) - 1 }, z = e.overlayStyle;
+      return z ? Array.isArray(z) ? [{ ...t }, ...z] : typeof z == "string" ? [t, z] : { ...t, ...z } : t;
+    }), Ne = l(() => i.value ? "" : "hison-display-none"), Ee = l(() => {
+      switch (M.value) {
+        case "transparent":
+          return "hison-bg-transparent";
+        case "filled":
+          return "hison-bg-filled";
+        default:
+          return "hison-bg-empty";
+      }
+    }), qe = l(() => U.value ? "hison-border" : ""), X = a([]), x = () => {
+      X.value = lo(ce(e.class) || "", _.value), Fe(X.value, "size", D.componentStyle.size), Fe(X.value, "color", "primary");
+    }, Ue = l(() => [
+      ...Ae(ce(e.class) || "", "size"),
+      ...Ae(ce(e.class) || "", "color")
+    ]), Me = l(() => i.value && q.value), je = l(() => !!Q.header), De = l(() => !!Q.footer), y = (o) => o.split("-")[1] || "left", de = l(() => !!(L.value && L.value.trim().length)), ee = l(() => de.value && h.value.startsWith("header")), oe = l(() => $.value && v.value.startsWith("header")), ve = l(() => ee.value && y(h.value) === "left"), he = l(() => ee.value && y(h.value) === "center"), ye = l(() => ee.value && y(h.value) === "right"), fe = l(() => oe.value && y(v.value) === "left"), Ce = l(() => oe.value && y(v.value) === "center"), be = l(() => oe.value && y(v.value) === "right"), pe = l(() => ve.value || fe.value), ke = l(() => he.value || Ce.value), me = l(() => ye.value || be.value), te = l(() => de.value && h.value.startsWith("footer")), le = l(() => $.value && v.value.startsWith("footer")), Be = l(() => te.value && y(h.value) === "left"), ge = l(() => te.value && y(h.value) === "center"), Te = l(() => te.value && y(h.value) === "right"), $e = l(() => le.value && y(v.value) === "left"), Le = l(() => le.value && y(v.value) === "center"), we = l(() => le.value && y(v.value) === "right"), Se = l(() => Be.value || $e.value), He = l(() => ge.value || Le.value), Ve = l(() => Te.value || we.value), Ze = l(
+      () => p.value && (je.value || pe.value || ke.value || me.value)
+    ), Xe = l(
+      () => T.value && (De.value || Se.value || He.value || Ve.value)
+    ), Y = () => {
+      V.value && io(f);
+    }, G = () => {
+      V.value && ro(f);
+    }, O = a(null), Ye = (o) => {
+      E.value && P();
+    }, Ge = (o) => {
+      P();
+    }, w = a(e.enterAnimationClass || "hison-modal-enter"), S = a(e.leaveAnimationClass || "hison-modal-leave"), se = a(null), Re = async () => {
+      const o = se.value;
+      !o || !w.value || (o.classList.remove(S.value), o.offsetWidth, o.classList.add(w.value));
+    }, Ke = async () => {
+      const o = se.value;
+      !o || !S.value || (o.classList.remove(w.value), o.offsetWidth, o.classList.add(S.value), await new Promise((t) => setTimeout(t, 200)));
+    }, K = async () => {
+      i.value || (i.value = !0, Y(), await ne(), Re(), g("open", ae(O)));
+    }, P = async () => {
+      if (i.value)
+        try {
+          await Ke();
+        } finally {
+          i.value = !1, G(), g("close", ae(O));
+        }
+    }, Je = async () => i.value ? P() : K(), Oe = () => {
+      D.component.modalList[f] && D.component.modalList[f].isHisonvueComponent && console.warn(`[Hisonvue] The modal ID is at risk of being duplicated. ${f}`), so(Z, () => {
+        Pe(), ne(Oe);
+      }), x(), i.value && (Y(), ne(Re)), O.value = {
+        isHisonvueComponent: !0,
+        getId: () => f,
+        getType: () => "modal",
+        isVisible: () => i.value,
+        open: K,
+        close: P,
+        toggle: Je,
+        setVisible: (o) => o ? K() : P(),
+        getZIndex: () => R.value,
+        setZIndex: (o) => {
+          R.value = o;
+        },
+        getPosition: () => j.value,
+        setPosition: (o) => {
+          j.value = o;
+        },
+        isHeaderVisible: () => p.value,
+        setHeaderVisible: (o) => {
+          p.value = o;
+        },
+        isFooterVisible: () => T.value,
+        setFooterVisible: (o) => {
+          T.value = o;
+        },
+        getCaption: () => L.value || "",
+        setCaption: (o) => {
+          L.value = o;
+        },
+        isCaptionBorder: () => F.value,
+        setCaptionBorder: (o) => {
+          F.value = o;
+        },
+        getCaptionBackgroundType: () => I.value,
+        setCaptionBackgroundType: (o) => {
+          I.value = o;
+        },
+        isCloseButtonVisible: () => $.value,
+        setCloseButtonVisible: (o) => {
+          $.value = o;
+        },
+        isCloseButtonBorder: () => W.value,
+        setCloseButtonBorder: (o) => {
+          W.value = o;
+        },
+        getCloseButtonBackgroundType: () => N.value,
+        setCloseButtonBackgroundType: (o) => {
+          N.value = o;
+        },
+        getButtonPlacement: () => v.value,
+        setButtonPlacement: (o) => {
+          v.value = o;
+        },
+        getCaptionPlacement: () => h.value,
+        setCaptionPlacement: (o) => {
+          h.value = o;
+        },
+        isCloseClickOverlay: () => E.value,
+        setCloseClickOverlay: (o) => {
+          E.value = o;
+        },
+        isOverlayShown: () => q.value,
+        setOverlayShown: (o) => {
+          q.value = o;
+        },
+        isBorder: () => U.value,
+        setBorder: (o) => {
+          U.value = o;
+        },
+        getBackgroundType: () => M.value,
+        setBackgroundType: (o) => {
+          M.value = o;
+        },
+        isScrollLocked: () => V.value,
+        setScrollLock: (o) => {
+          V.value = o, i.value && (o ? Y() : G());
+        },
+        getAnimationClasses: () => ({ enter: w.value, leave: S.value }),
+        setAnimationClasses: (o) => {
+          "enter" in o && (w.value = o.enter || ""), "leave" in o && (S.value = o.leave || "");
+        },
+        reload: () => ao(Z)
+      }, D.component.modalList[f] = O.value, g("mounted", O.value);
+    }, Pe = () => {
+      no(Z), delete D.component.modalList[f], i.value && G();
+    };
+    return _e(Oe), xe(Pe), n(_, (o) => {
+      x(), g("responsive-change", o);
+    }), n(() => e.visible, (o) => {
+      const t = !!o;
+      t && !i.value ? K() : !t && i.value && P();
+    }), n(() => e.headerVisible, (o) => {
+      const t = !!o;
+      t !== p.value && (p.value = t);
+    }), n(() => e.footerVisible, (o) => {
+      const t = !!o;
+      t !== T.value && (T.value = t);
+    }), n(() => e.closeButtonVisible, (o) => {
+      const t = !!o;
+      t !== $.value && ($.value = t);
+    }), n(() => e.caption, (o) => {
+      const t = o ?? null;
+      t !== L.value && (L.value = t);
+    }), n(() => e.captionBorder, (o) => {
+      const t = !!o;
+      t !== F.value && (F.value = t);
+    }), n(() => e.captionBackgroundType, (o) => {
+      o && o !== I.value && (I.value = o);
+    }), n(() => e.closeButtonBorder, (o) => {
+      const t = !!o;
+      t !== W.value && (W.value = t);
+    }), n(() => e.closeButtonBackgroundType, (o) => {
+      o && o !== N.value && (N.value = o);
+    }), n(() => e.closeButtonPlacement, (o) => {
+      o && o !== v.value && (v.value = o);
+    }), n(() => e.captionPlacement, (o) => {
+      o && o !== h.value && (h.value = o);
+    }), n(() => e.closeClickOverlay, (o) => {
+      const t = !!o;
+      t !== E.value && (E.value = t);
+    }), n(() => e.showOverlay, (o) => {
+      const t = !!o;
+      t !== q.value && (q.value = t);
+    }), n(() => e.scrollLock, (o) => {
+      const t = !!o;
+      t !== V.value && (V.value = t, i.value && (t ? Y() : G()));
+    }), n(() => e.border, (o) => {
+      const t = !!o;
+      t !== U.value && (U.value = t);
+    }), n(() => e.backgroundType, (o) => {
+      o && o !== M.value && (M.value = o);
+    }), n(() => e.zIndex, (o) => {
+      const t = Number(o ?? 1300);
+      t !== R.value && (R.value = t);
+    }), n(() => e.position, (o) => {
+      o && o !== j.value && (j.value = o);
+    }), n(() => e.enterAnimationClass, (o) => {
+      const t = o || "hison-modal-enter";
+      t !== w.value && (w.value = t);
+    }), n(() => e.leaveAnimationClass, (o) => {
+      const t = o || "hison-modal-leave";
+      t !== S.value && (S.value = t);
+    }), n(() => e.class, () => {
+      x();
+    }), {
+      id: f,
+      props: e,
+      modalRef: se,
+      modalWrapperRef: k,
+      caption: L,
+      responsiveClassList: X,
+      visibleClass: Ne,
+      borderClass: qe,
+      backgroundTypeClass: Ee,
+      isOverlayVisible: Me,
+      headerVisibleComputed: Ze,
+      footerVisibleComputed: Xe,
+      headerHasLeft: pe,
+      headerHasCenter: ke,
+      headerHasRight: me,
+      showHeaderCaptionLeft: ve,
+      showHeaderCaptionCenter: he,
+      showHeaderCaptionRight: ye,
+      showHeaderCloseLeft: fe,
+      showHeaderCloseCenter: Ce,
+      showHeaderCloseRight: be,
+      footerHasLeft: Se,
+      footerHasCenter: He,
+      footerHasRight: Ve,
+      showFooterCaptionLeft: Be,
+      showFooterCaptionCenter: ge,
+      showFooterCaptionRight: Te,
+      showFooterCloseLeft: $e,
+      showFooterCloseCenter: Le,
+      showFooterCloseRight: we,
+      childClassList: Ue,
+      overlayStyleWithZ: We,
+      wrapperStyle: Ie,
+      onOverlayClick: Ye,
+      onClickCloseButton: Ge,
+      modalMethods: l(() => ae(O)),
+      closeButtonVisible: $,
+      buttonPlacement: v,
+      captionPlacement: h,
+      closeButtonText: e.closeButtonText,
+      closeButtonTitle: e.closeButtonTitle,
+      closeButtonBorder: W,
+      closeButtonBackgroundType: N,
+      captionBorder: F,
+      captionBackgroundType: I
+    };
+  }
+});
+function ho(e, g, Q, f, Z, _) {
+  const k = ie("HLabel"), i = ie("HButton"), p = ie("HLayout");
+  return u(), C("div", {
+    class: c([
+      "hison-layer-host",
+      e.visibleClass
+    ])
+  }, [
+    e.isOverlayVisible ? (u(), C("div", {
+      key: 0,
+      class: "hison-modal-overlay",
+      style: re(e.overlayStyleWithZ),
+      onClick: g[0] || (g[0] = (...T) => e.onOverlayClick && e.onOverlayClick(...T))
+    }, null, 4)) : s("", !0),
+    ze("div", {
+      ref: "modalWrapperRef",
+      class: c([
+        "hison-modal-wrapper",
+        ...e.responsiveClassList
+      ]),
+      style: re(e.wrapperStyle)
+    }, [
+      ze("div", {
+        ref: "modalRef",
+        class: c([
+          "hison-modal",
+          e.borderClass,
+          e.backgroundTypeClass
+        ]),
+        style: re(e.props.style),
+        role: "dialog"
+      }, [
+        e.headerVisibleComputed ? (u(), m(p, {
+          key: 0,
+          id: `hison_modal_header_layout_${e.id}`,
+          class: c(["hison-modal-header", ...e.childClassList])
+        }, {
+          default: d(() => [
+            e.$slots.header ? r(e.$slots, "header", { key: 0 }) : (u(), C(B, { key: 1 }, [
+              e.headerHasLeft ? (u(), C(B, { key: 0 }, [
+                e.showHeaderCaptionLeft ? (u(), m(k, {
+                  key: 0,
+                  id: `hison_modal_caption_label_${e.id}`,
+                  class: c(["hison-modal-caption", "hison-pos-left", "hison-pos-vertical-center", ...e.childClassList]),
+                  text: e.caption ?? "",
+                  border: e.captionBorder,
+                  "background-type": e.captionBackgroundType
+                }, null, 8, ["id", "class", "text", "border", "background-type"])) : s("", !0),
+                e.showHeaderCloseLeft ? r(e.$slots, "close-button", {
+                  key: 1,
+                  onClick: e.onClickCloseButton,
+                  text: e.closeButtonText,
+                  title: e.closeButtonTitle || "Close",
+                  placement: "header-left"
+                }, () => [
+                  H(i, {
+                    id: `hison_modal_close_button_${e.id}`,
+                    class: c(["hison-modal-close-btn", "hison-pos-left", "hison-pos-vertical-center", "hison-size-s", "hison-color-danger"]),
+                    text: e.closeButtonText,
+                    title: e.closeButtonTitle || "Close",
+                    border: e.closeButtonBorder,
+                    "background-type": e.closeButtonBackgroundType,
+                    onClick: e.onClickCloseButton
+                  }, A({
+                    default: d(() => [
+                      e.$slots["close-label"] ? r(e.$slots, "close-label", { key: 0 }) : s("", !0)
+                    ]),
+                    _: 2
+                  }, [
+                    e.$slots["close-icon"] ? {
+                      name: "icon",
+                      fn: d(() => [
+                        r(e.$slots, "close-icon")
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["id", "text", "title", "border", "background-type", "onClick"])
+                ]) : s("", !0)
+              ], 64)) : s("", !0),
+              e.headerHasCenter ? (u(), C(B, { key: 1 }, [
+                e.showHeaderCaptionCenter ? (u(), m(k, {
+                  key: 0,
+                  id: `hison_modal_caption_label_${e.id}`,
+                  class: c(["hison-modal-caption", "hison-pos-center", "hison-pos-vertical-center", ...e.childClassList]),
+                  text: e.caption ?? "",
+                  border: e.captionBorder,
+                  "background-type": e.captionBackgroundType
+                }, null, 8, ["id", "class", "text", "border", "background-type"])) : s("", !0),
+                e.showHeaderCloseCenter ? r(e.$slots, "close-button", {
+                  key: 1,
+                  onClick: e.onClickCloseButton,
+                  text: e.closeButtonText,
+                  title: e.closeButtonTitle || "Close",
+                  placement: "header-center"
+                }, () => [
+                  H(i, {
+                    id: `hison_modal_close_button_${e.id}`,
+                    class: c(["hison-modal-close-btn", "hison-pos-center", "hison-pos-vertical-center", "hison-size-s", "hison-color-danger"]),
+                    text: e.closeButtonText,
+                    title: e.closeButtonTitle || "Close",
+                    border: e.closeButtonBorder,
+                    "background-type": e.closeButtonBackgroundType,
+                    onClick: e.onClickCloseButton
+                  }, A({
+                    default: d(() => [
+                      e.$slots["close-label"] ? r(e.$slots, "close-label", { key: 0 }) : s("", !0)
+                    ]),
+                    _: 2
+                  }, [
+                    e.$slots["close-icon"] ? {
+                      name: "icon",
+                      fn: d(() => [
+                        r(e.$slots, "close-icon")
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["id", "text", "title", "border", "background-type", "onClick"])
+                ]) : s("", !0)
+              ], 64)) : s("", !0),
+              e.headerHasRight ? (u(), C(B, { key: 2 }, [
+                e.showHeaderCaptionRight ? (u(), m(k, {
+                  key: 0,
+                  id: `hison_modal_caption_label_${e.id}`,
+                  class: c(["hison-modal-caption", "hison-pos-right", "hison-pos-vertical-center", ...e.childClassList]),
+                  text: e.caption ?? "",
+                  border: e.captionBorder,
+                  "background-type": e.captionBackgroundType
+                }, null, 8, ["id", "class", "text", "border", "background-type"])) : s("", !0),
+                e.showHeaderCloseRight ? r(e.$slots, "close-button", {
+                  key: 1,
+                  onClick: e.onClickCloseButton,
+                  text: e.closeButtonText,
+                  title: e.closeButtonTitle || "Close",
+                  placement: "header-right"
+                }, () => [
+                  H(i, {
+                    id: `hison_modal_close_button_${e.id}`,
+                    class: c(["hison-modal-close-btn", "hison-pos-right", "hison-pos-vertical-center", "hison-size-s", "hison-color-danger"]),
+                    text: e.closeButtonText,
+                    title: e.closeButtonTitle || "Close",
+                    border: e.closeButtonBorder,
+                    "background-type": e.closeButtonBackgroundType,
+                    onClick: e.onClickCloseButton
+                  }, A({
+                    default: d(() => [
+                      e.$slots["close-label"] ? r(e.$slots, "close-label", { key: 0 }) : s("", !0)
+                    ]),
+                    _: 2
+                  }, [
+                    e.$slots["close-icon"] ? {
+                      name: "icon",
+                      fn: d(() => [
+                        r(e.$slots, "close-icon")
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["id", "text", "title", "border", "background-type", "onClick"])
+                ]) : s("", !0)
+              ], 64)) : s("", !0)
+            ], 64))
+          ]),
+          _: 3
+        }, 8, ["id", "class"])) : s("", !0),
+        H(p, {
+          id: `hison_modal_body_layout_${e.id}`,
+          class: c(["hison-modal-body", ...e.childClassList])
+        }, {
+          default: d(() => [
+            r(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["id", "class"]),
+        e.footerVisibleComputed ? (u(), m(p, {
+          key: 1,
+          id: `hison_modal_footer_layout_${e.id}`,
+          class: c(["hison-modal-footer", ...e.childClassList])
+        }, {
+          default: d(() => [
+            e.$slots.footer ? r(e.$slots, "footer", { key: 0 }) : (u(), C(B, { key: 1 }, [
+              e.footerHasLeft ? (u(), C(B, { key: 0 }, [
+                e.showFooterCaptionLeft ? (u(), m(k, {
+                  key: 0,
+                  id: `hison_modal_caption_label_${e.id}`,
+                  class: c(["hison-modal-caption", "hison-pos-left", "hison-pos-vertical-center", ...e.childClassList]),
+                  text: e.caption ?? "",
+                  border: e.captionBorder,
+                  "background-type": e.captionBackgroundType
+                }, null, 8, ["id", "class", "text", "border", "background-type"])) : s("", !0),
+                e.showFooterCloseLeft ? r(e.$slots, "close-button", {
+                  key: 1,
+                  onClick: e.onClickCloseButton,
+                  text: e.closeButtonText,
+                  title: e.closeButtonTitle || "Close",
+                  placement: "footer-left"
+                }, () => [
+                  H(i, {
+                    id: `hison_modal_close_button_${e.id}`,
+                    class: c(["hison-modal-close-btn", "hison-pos-left", "hison-pos-vertical-center", "hison-size-s", "hison-color-danger"]),
+                    text: e.closeButtonText,
+                    title: e.closeButtonTitle || "Close",
+                    border: e.closeButtonBorder,
+                    "background-type": e.closeButtonBackgroundType,
+                    onClick: e.onClickCloseButton
+                  }, A({
+                    default: d(() => [
+                      e.$slots["close-label"] ? r(e.$slots, "close-label", { key: 0 }) : s("", !0)
+                    ]),
+                    _: 2
+                  }, [
+                    e.$slots["close-icon"] ? {
+                      name: "icon",
+                      fn: d(() => [
+                        r(e.$slots, "close-icon")
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["id", "text", "title", "border", "background-type", "onClick"])
+                ]) : s("", !0)
+              ], 64)) : s("", !0),
+              e.footerHasCenter ? (u(), C(B, { key: 1 }, [
+                e.showFooterCaptionCenter ? (u(), m(k, {
+                  key: 0,
+                  id: `hison_modal_caption_label_${e.id}`,
+                  class: c(["hison-modal-caption", "hison-pos-center", "hison-pos-vertical-center", ...e.childClassList]),
+                  text: e.caption ?? "",
+                  border: e.captionBorder,
+                  "background-type": e.captionBackgroundType
+                }, null, 8, ["id", "class", "text", "border", "background-type"])) : s("", !0),
+                e.showFooterCloseCenter ? r(e.$slots, "close-button", {
+                  key: 1,
+                  onClick: e.onClickCloseButton,
+                  text: e.closeButtonText,
+                  title: e.closeButtonTitle || "Close",
+                  placement: "footer-center"
+                }, () => [
+                  H(i, {
+                    id: `hison_modal_close_button_${e.id}`,
+                    class: c(["hison-modal-close-btn", "hison-pos-center", "hison-pos-vertical-center", "hison-size-s", "hison-color-danger"]),
+                    text: e.closeButtonText,
+                    title: e.closeButtonTitle || "Close",
+                    border: e.closeButtonBorder,
+                    "background-type": e.closeButtonBackgroundType,
+                    onClick: e.onClickCloseButton
+                  }, A({
+                    default: d(() => [
+                      e.$slots["close-label"] ? r(e.$slots, "close-label", { key: 0 }) : s("", !0)
+                    ]),
+                    _: 2
+                  }, [
+                    e.$slots["close-icon"] ? {
+                      name: "icon",
+                      fn: d(() => [
+                        r(e.$slots, "close-icon")
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["id", "text", "title", "border", "background-type", "onClick"])
+                ]) : s("", !0)
+              ], 64)) : s("", !0),
+              e.footerHasRight ? (u(), C(B, { key: 2 }, [
+                e.showFooterCaptionRight ? (u(), m(k, {
+                  key: 0,
+                  id: `hison_modal_caption_label_${e.id}`,
+                  class: c(["hison-modal-caption", "hison-pos-right", "hison-pos-vertical-center", ...e.childClassList]),
+                  text: e.caption ?? "",
+                  border: e.captionBorder,
+                  "background-type": e.captionBackgroundType
+                }, null, 8, ["id", "class", "text", "border", "background-type"])) : s("", !0),
+                e.showFooterCloseRight ? r(e.$slots, "close-button", {
+                  key: 1,
+                  onClick: e.onClickCloseButton,
+                  text: e.closeButtonText,
+                  title: e.closeButtonTitle || "Close",
+                  placement: "footer-right"
+                }, () => [
+                  H(i, {
+                    id: `hison_modal_close_button_${e.id}`,
+                    class: c(["hison-modal-close-btn", "hison-pos-right", "hison-pos-vertical-center", "hison-size-s", "hison-color-danger"]),
+                    text: e.closeButtonText,
+                    title: e.closeButtonTitle || "Close",
+                    border: e.closeButtonBorder,
+                    "background-type": e.closeButtonBackgroundType,
+                    onClick: e.onClickCloseButton
+                  }, A({
+                    default: d(() => [
+                      e.$slots["close-label"] ? r(e.$slots, "close-label", { key: 0 }) : s("", !0)
+                    ]),
+                    _: 2
+                  }, [
+                    e.$slots["close-icon"] ? {
+                      name: "icon",
+                      fn: d(() => [
+                        r(e.$slots, "close-icon")
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["id", "text", "title", "border", "background-type", "onClick"])
+                ]) : s("", !0)
+              ], 64)) : s("", !0)
+            ], 64))
+          ]),
+          _: 3
+        }, 8, ["id", "class"])) : s("", !0)
+      ], 6)
+    ], 6)
+  ], 2);
+}
+const po = /* @__PURE__ */ uo(vo, [["render", ho]]);
+export {
+  po as default
+};