hisonvue 1.1.17 → 1.1.19

package/dist/HList-C6jDIEoq.mjs

@@ -0,0 +1,483 @@
+import { defineComponent as ge, ref as a, computed as d, onMounted as he, onBeforeUnmount as Ie, watch as i, Comment as ke, Text as Ce, Fragment as U, nextTick as J, createElementBlock as m, openBlock as r, normalizeClass as D, createBlock as Q, resolveDynamicComponent as X, withKeys as Z, normalizeStyle as N, withModifiers as x, withCtx as Te, renderList as _, createElementVNode as V, createCommentVNode as ee, toDisplayString as R, renderSlot as Be } from "vue";
+import { B as te, f as p, g as Se, u as Le, e as we, t as Me, b as se, h as A, r as Ee, c as Ne, d as Re } from "./index-DRwgcIYp.mjs";
+import { r as ne, a as Ae } from "./setButtonCssEvent-2VJ4CS7g.mjs";
+import { _ as $e } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const ze = {
+  /**
+   * Unique identifier for the list.
+   * - Access methods via `hison.component.getList(id)`
+   * - Duplicate `id` will throw at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class applied to the wrapper (string / array / object).
+   * - Works with responsive classes like `hison-col-*`, `hison-size-*`, `hison-color-*`, etc.
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style for the root list container.
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Inline style for the root list container.
+   */
+  listItemStyle: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Inline style for the root list container.
+   */
+  listItemInnerStyle: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Controls visibility of the list.
+   */
+  visible: { type: Boolean, default: !0 },
+  /**
+   * Overall border (box-shadow) for the list container.
+   */
+  border: { type: Boolean, default: !1 },
+  /**
+   * Whether each list item (`li`) shows border (box-shadow).
+   */
+  listBorder: { type: Boolean, default: !1 },
+  /**
+   * Background type of the list container.
+   * - 'filled' | 'empty' | 'transparent'
+   * - Default: 'empty'
+   */
+  backgroundType: {
+    type: String,
+    default: p.empty,
+    validator: (t) => te.includes(t)
+  },
+  /**
+   * Background type of each list item (`li`).
+   * - 'filled' | 'empty' | 'transparent'
+   * - Default: 'empty'
+   */
+  listBackgroundType: {
+    type: String,
+    default: p.empty,
+    validator: (t) => te.includes(t)
+  },
+  /**
+   * Choose underlying list tag: 'ul' or 'ol'.
+   */
+  listType: {
+    type: String,
+    default: "ul",
+    validator: (t) => t === "ul" || t === "ol"
+  },
+  /**
+   * When listType='ul', the bullet character shown inside each item (instead of native marker).
+   * - Ignored if `showMarker=false`
+   */
+  bulletChar: { type: String, default: "•" },
+  /**
+   * Show marker on each item
+   * - 'ol' → index+1
+   * - 'ul' → bulletChar
+   */
+  showMarker: { type: Boolean, default: !0 },
+  /**
+   * Text list data. Used when:
+   * - default slot is absent, OR
+   * - default slot is present but composed of text-only nodes (no element vnode).
+   *
+   * If `#item` scoped slot is provided, it will be used to render each item with props `{ item, index }`.
+   */
+  textList: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * NEW: Attach textbox-like CSS events (+ emit) to each item.
+   * - true : bind addButtonCssEvent to `.hison-list-item-inner` and emit interaction events
+   * - false: unbind and do not emit
+   */
+  addEvent: { type: Boolean, default: !1 },
+  /**
+   * Number of columns to layout items into.
+   * - 1: single column (default)
+   * - >=2: items are arranged row-wise across this many columns.
+   *
+   * Example:
+   * - 1 → item1
+   *        item2
+   *        item3
+   * - 2 → item1  item2
+   *        item3  item4
+   */
+  columns: {
+    type: Number,
+    default: 1,
+    validator: (t) => Number.isInteger(t) && t > 0
+  },
+  /**
+   * Horizontal gap between columns.
+   * - When `columns > 1`, applied as CSS `column-gap` on the list container.
+   * - Number → pixels (e.g. 8 => '8px')
+   * - String → raw CSS length (e.g. '1rem', '12px')
+   */
+  columnGap: {
+    type: [Number, String],
+    default: 0
+  },
+  /**
+   * Controls keyboard focus order of the element.
+   * - `0` enables natural tab navigation, positive numbers set custom order.
+   * - `null` or `''` removes tabindex (not focusable).
+   * The same tabIndex is inserted into the list items.
+   */
+  tabIndex: {
+    type: [Number, String],
+    default: null,
+    validator: (t) => t === null || t === "" || !isNaN(+t) && isFinite(+t)
+  }
+}, Ge = ge({
+  name: "HList",
+  props: ze,
+  inheritAttrs: !1,
+  emits: ["mounted", "responsive-change", "click", "mousedown", "mouseup", "mouseover", "mouseout"],
+  setup(t, { emit: n, slots: $ }) {
+    const j = a(null), f = a([]), z = a([]), u = t.id ? t.id : Se(), v = `hlist:${u}`, o = Le(), k = a(null), C = a(t.visible), le = d(() => C.value ? "" : "hison-display-none"), h = a(t.listType || "ul"), T = a(t.bulletChar || "•"), B = a(t.showMarker !== !1), S = a(t.border ?? !1), L = a(t.listBorder ?? !1), w = a(t.backgroundType || p.empty), M = a(t.listBackgroundType || p.empty), y = a(!!t.addEvent), b = a(t.columns ?? 1), g = a(t.columnGap ?? 0), oe = d(() => S.value ? "hison-border" : ""), ae = d(() => L.value ? "hison-border" : ""), ie = d(() => {
+      switch (w.value) {
+        case p.empty:
+          return "hison-bg-empty";
+        case p.transparent:
+          return "hison-bg-transparent";
+        default:
+          return "hison-bg-filled";
+      }
+    }), re = d(() => {
+      switch (M.value) {
+        case p.empty:
+          return "hison-bg-empty";
+        case p.transparent:
+          return "hison-bg-transparent";
+        default:
+          return "hison-bg-filled";
+      }
+    }), ue = d(() => {
+      var e;
+      return ((e = $.default) == null ? void 0 : e.call($)) ?? [];
+    }), I = a(
+      t.tabIndex !== null && t.tabIndex !== "" ? Number(t.tabIndex) : null
+    ), de = d(() => {
+      const e = {};
+      if (b.value > 1) {
+        e.display = "flex", e.flexWrap = "wrap";
+        const s = g.value;
+        if (s != null) {
+          const l = typeof s == "number" ? `${s}px` : s;
+          e.columnGap = l;
+        }
+        e.listStyleType = "none", e.paddingLeft = 0;
+      }
+      return e;
+    }), me = d(() => {
+      const e = {};
+      if (b.value > 1) {
+        const s = Math.max(1, Math.floor(b.value)), l = g.value, c = l == null ? "0px" : typeof l == "number" ? `${l}px` : String(l);
+        c === "0" || c === "0px" ? e.flex = `0 0 ${100 / s}%` : e.flex = `0 0 calc((100% - (${s - 1} * ${c})) / ${s})`;
+      }
+      return e;
+    }), F = (e, s = []) => {
+      if (!e || e.length === 0) return s;
+      for (const l of e)
+        if (l.type !== ke && l.type !== Ce)
+          if (l.type === U) {
+            const c = l.children;
+            F(c, s);
+          } else
+            s.push(l);
+      return s;
+    }, q = d(() => F(ue.value)), fe = d(() => q.value.length > 0), G = a(
+      Array.isArray(t.textList) ? t.textList : []
+    ), K = d(() => G.value ?? []), ve = d(() => h.value), H = a([]), O = () => {
+      H.value = we(Me(t.class) || "", o.value), se(H.value, "size", A.componentStyle.size), se(H.value, "color", "primary");
+    }, E = (e = !0) => {
+      J(() => {
+        f.value.forEach((s) => {
+          s && (ne(s), e && y.value && Ae(s));
+        });
+      });
+    }, ye = (e) => {
+      y.value && n("click", e, k.value);
+    }, ce = (e, s) => {
+      y.value && n(e, s, k.value);
+    }, P = () => {
+      A.component.listList[u] && A.component.listList[u].isHisonvueComponent && console.warn(`[Hisonvue] The list ID is at risk of being duplicated. ${u}`), Ee(v, () => {
+        W(), J(P);
+      }), O(), E(!0), k.value = {
+        isHisonvueComponent: !0,
+        getId: () => u,
+        getType: () => "list",
+        isVisible: () => C.value,
+        setVisible: (e) => {
+          C.value = e;
+        },
+        getListType: () => h.value,
+        setListType: (e) => {
+          h.value = e;
+        },
+        isShowMarker: () => B.value,
+        setShowMarker: (e) => {
+          B.value = e;
+        },
+        getBulletChar: () => T.value,
+        setBulletChar: (e) => {
+          T.value = e;
+        },
+        isBorder: () => S.value,
+        setBorder: (e) => {
+          S.value = e;
+        },
+        isListBorder: () => L.value,
+        setListBorder: (e) => {
+          L.value = e;
+        },
+        getBackgroundType: () => w.value,
+        setBackgroundType: (e) => {
+          w.value = e;
+        },
+        getListBackgroundType: () => M.value,
+        setListBackgroundType: (e) => {
+          M.value = e;
+        },
+        getTextList: () => [...K.value],
+        setTextList: (e) => {
+          G.value = Array.isArray(e) ? e : [];
+        },
+        isAddEvent: () => y.value,
+        setAddEvent: (e) => {
+          y.value = !!e, E(!0);
+        },
+        getTabIndex: () => I.value,
+        setTabIndex: (e) => {
+          I.value = e != null ? Number(e) : null;
+        },
+        getListRowCount: () => f.value.length,
+        getListItem: (e) => !Number.isInteger(e) || e < 0 || e >= f.value.length ? null : f.value[e] ?? null,
+        getColumns: () => b.value,
+        setColumns: (e) => {
+          const s = Number(e), l = !Number.isFinite(s) || s <= 1 ? 1 : Math.floor(s);
+          b.value = l;
+        },
+        getColumnGap: () => g.value,
+        setColumnGap: (e) => {
+          e == null ? g.value = 0 : g.value = e;
+        },
+        focus: (e = 0) => {
+          var c;
+          if (!y.value) return;
+          const s = I.value;
+          if (s == null || s === -1 || !Number.isInteger(e) || e < 0 || e >= f.value.length) return;
+          const l = f.value[e];
+          (c = l == null ? void 0 : l.focus) == null || c.call(l);
+        },
+        reload: () => Ne(v)
+      }, A.component.listList[u] = k.value, n("mounted", k.value);
+    }, W = () => {
+      Re(v), f.value.forEach((e) => e && ne(e)), delete A.component.listList[u];
+    };
+    he(P), Ie(W);
+    const Y = (e) => {
+      if (!e) return null;
+      if (e instanceof Element) return e;
+      const s = e.$el;
+      return s instanceof Element ? s : null;
+    }, pe = (e) => {
+      const s = Y(e);
+      s && (f.value.includes(s) || f.value.push(s));
+    }, be = (e) => {
+      const s = Y(e);
+      s && (z.value.includes(s) || z.value.push(s));
+    };
+    return i(o, (e) => {
+      O(), n("responsive-change", e);
+    }), i(() => t.visible, (e) => {
+      const s = !!e;
+      s !== C.value && (C.value = s);
+    }), i(() => t.border, (e) => {
+      const s = !!e;
+      s !== S.value && (S.value = s);
+    }), i(() => t.listBorder, (e) => {
+      const s = !!e;
+      s !== L.value && (L.value = s);
+    }), i(() => t.backgroundType, (e) => {
+      e && e !== w.value && (w.value = e);
+    }), i(() => t.listBackgroundType, (e) => {
+      e && e !== M.value && (M.value = e);
+    }), i(() => t.listType, (e) => {
+      const s = e === "ol" ? "ol" : "ul";
+      s !== h.value && (h.value = s);
+    }), i(() => t.bulletChar, (e) => {
+      const s = e ?? "•";
+      s !== T.value && (T.value = s);
+    }), i(() => t.showMarker, (e) => {
+      const s = e !== !1;
+      s !== B.value && (B.value = s);
+    }), i(() => t.textList, (e) => {
+      G.value = Array.isArray(e) ? e : [];
+    }), i(() => t.addEvent, (e) => {
+      const s = !!e;
+      s !== y.value && (y.value = s, E(!0));
+    }), i(() => t.columns, (e) => {
+      const s = typeof e == "number" ? e : Number(e), l = !Number.isFinite(s) || s <= 1 ? 1 : Math.floor(s);
+      l !== b.value && (b.value = l);
+    }), i(() => t.columnGap, (e) => {
+      const s = e ?? 0;
+      s !== g.value && (g.value = s);
+    }), i(() => t.tabIndex, (e) => {
+      const s = e === null || e === "" ? null : Number(e);
+      s !== I.value && (I.value = s);
+    }), i(() => t.class, () => {
+      O();
+    }), i(q, () => {
+      E(!0);
+    }), i(G, () => {
+      E(!0);
+    }, { deep: !0 }), {
+      props: t,
+      listRef: j,
+      itemRefs: f,
+      itemInnerRefs: z,
+      renderTag: ve,
+      listType: h,
+      bulletChar: T,
+      showMarker: B,
+      visibleClass: le,
+      borderClass: oe,
+      listBorderClass: ae,
+      backgroundTypeClass: ie,
+      listBackgroundTypeClass: re,
+      responsiveClassList: H,
+      hasElementSlot: fe,
+      elementNodes: q,
+      normalizedItems: K,
+      listLayoutStyle: de,
+      listItemLayoutStyle: me,
+      tabIndex: I,
+      setItemRef: pe,
+      setItemInnerRef: be,
+      onItemClick: ye,
+      emitItem: ce
+    };
+  }
+}), He = ["tabindex"], De = {
+  key: 0,
+  class: "hison-list-marker"
+}, Ve = { key: 0 }, qe = { key: 1 }, Oe = { class: "hison-list-content" }, Ue = ["tabindex"], je = {
+  key: 0,
+  class: "hison-list-marker"
+}, Fe = { key: 0 }, Ke = { key: 1 }, Pe = { class: "hison-list-content" }, We = {
+  key: 1,
+  class: "hison-list-item-text"
+};
+function Ye(t, n, $, j, f, z) {
+  return r(), m("div", {
+    class: D([
+      "hison-wrapper",
+      ...t.responsiveClassList,
+      t.visibleClass
+    ])
+  }, [
+    (r(), Q(X(t.renderTag), {
+      ref: "listRef",
+      class: D([
+        "hison-list",
+        t.borderClass,
+        t.backgroundTypeClass
+      ]),
+      style: N([t.props.style, t.listLayoutStyle]),
+      onKeydown: [
+        Z(x(t.onItemClick, ["prevent"]), ["enter"]),
+        Z(x(t.onItemClick, ["prevent"]), ["space"])
+      ]
+    }, {
+      default: Te(() => [
+        t.hasElementSlot ? (r(!0), m(U, { key: 0 }, _(t.elementNodes, (u, v) => (r(), m("li", {
+          key: v,
+          class: D([
+            "hison-list-item",
+            t.listBorderClass,
+            t.listBackgroundTypeClass
+          ]),
+          style: N([t.listItemLayoutStyle, t.props.listItemStyle]),
+          ref_for: !0,
+          ref: t.setItemRef,
+          tabindex: t.tabIndex ?? void 0,
+          onClick: n[0] || (n[0] = (...o) => t.onItemClick && t.onItemClick(...o)),
+          onMousedown: n[1] || (n[1] = (o) => t.emitItem("mousedown", o)),
+          onMouseup: n[2] || (n[2] = (o) => t.emitItem("mouseup", o)),
+          onMouseover: n[3] || (n[3] = (o) => t.emitItem("mouseover", o)),
+          onMouseout: n[4] || (n[4] = (o) => t.emitItem("mouseout", o))
+        }, [
+          V("div", {
+            class: "hison-list-item-inner",
+            style: N(t.props.listItemInnerStyle),
+            ref_for: !0,
+            ref: t.setItemInnerRef
+          }, [
+            t.showMarker ? (r(), m("div", De, [
+              t.listType === "ol" ? (r(), m("span", Ve, R(v + 1) + ".", 1)) : (r(), m("span", qe, R(t.bulletChar), 1))
+            ])) : ee("", !0),
+            V("div", Oe, [
+              (r(), Q(X(u)))
+            ])
+          ], 4)
+        ], 46, He))), 128)) : (r(!0), m(U, { key: 1 }, _(t.normalizedItems, (u, v) => (r(), m("li", {
+          key: v,
+          class: D([
+            "hison-list-item",
+            t.listBorderClass,
+            t.listBackgroundTypeClass
+          ]),
+          style: N([t.listItemLayoutStyle, t.props.listItemStyle]),
+          ref_for: !0,
+          ref: t.setItemRef,
+          tabindex: t.tabIndex ?? void 0,
+          onClick: n[5] || (n[5] = (...o) => t.onItemClick && t.onItemClick(...o)),
+          onMousedown: n[6] || (n[6] = (o) => t.emitItem("mousedown", o)),
+          onMouseup: n[7] || (n[7] = (o) => t.emitItem("mouseup", o)),
+          onMouseover: n[8] || (n[8] = (o) => t.emitItem("mouseover", o)),
+          onMouseout: n[9] || (n[9] = (o) => t.emitItem("mouseout", o))
+        }, [
+          V("div", {
+            class: "hison-list-item-inner",
+            style: N(t.props.listItemInnerStyle),
+            ref_for: !0,
+            ref: t.setItemInnerRef
+          }, [
+            t.showMarker ? (r(), m("div", je, [
+              t.listType === "ol" ? (r(), m("span", Fe, R(v + 1) + ".", 1)) : (r(), m("span", Ke, R(t.bulletChar), 1))
+            ])) : ee("", !0),
+            V("div", Pe, [
+              t.$slots.item ? Be(t.$slots, "item", {
+                key: 0,
+                item: u,
+                index: v
+              }) : (r(), m("span", We, R(String(u ?? "")), 1))
+            ])
+          ], 4)
+        ], 46, Ue))), 128))
+      ]),
+      _: 3
+    }, 40, ["class", "style", "onKeydown"]))
+  ], 2);
+}
+const xe = /* @__PURE__ */ $e(Ge, [["render", Ye]]);
+export {
+  xe as default
+};

package/dist/HList-FIDRAdq3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-tJRAaMZL.js"),R=require("./setButtonCssEvent-C6FCWqzv.js"),_=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ee={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},listItemStyle:{type:[String,Object,Array],required:!1},listItemInnerStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},listBorder:{type:Boolean,default:!1},backgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listBackgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listType:{type:String,default:"ul",validator:n=>n==="ul"||n==="ol"},bulletChar:{type:String,default:"•"},showMarker:{type:Boolean,default:!0},textList:{type:Array,default:()=>[]},addEvent:{type:Boolean,default:!1},columns:{type:Number,default:1,validator:n=>Number.isInteger(n)&&n>0},columnGap:{type:[Number,String],default:0},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)}},te=e.defineComponent({name:"HList",props:ee,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(n,{emit:s,slots:w}){const z=e.ref(null),u=e.ref([]),E=e.ref([]),i=n.id?n.id:o.getUUID(),d=`hlist:${i}`,a=o.useDevice(),g=e.ref(null),k=e.ref(n.visible),H=e.computed(()=>k.value?"":"hison-display-none"),v=e.ref(n.listType||"ul"),h=e.ref(n.bulletChar||"•"),b=e.ref(n.showMarker!==!1),B=e.ref(n.border??!1),C=e.ref(n.listBorder??!1),I=e.ref(n.backgroundType||o.BackgroundType.empty),T=e.ref(n.listBackgroundType||o.BackgroundType.empty),c=e.ref(!!n.addEvent),f=e.ref(n.columns??1),y=e.ref(n.columnGap??0),O=e.computed(()=>B.value?"hison-border":""),U=e.computed(()=>C.value?"hison-border":""),F=e.computed(()=>{switch(I.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),K=e.computed(()=>{switch(T.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),j=e.computed(()=>{var t;return((t=w.default)==null?void 0:t.call(w))??[]}),p=e.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),P=e.computed(()=>{const t={};if(f.value>1){t.display="flex",t.flexWrap="wrap";const l=y.value;if(l!=null){const r=typeof l=="number"?`${l}px`:l;t.columnGap=r}t.listStyleType="none",t.paddingLeft=0}return t}),Y=e.computed(()=>{const t={};if(f.value>1){const l=Math.max(1,Math.floor(f.value)),r=y.value,m=r==null?"0px":typeof r=="number"?`${r}px`:String(r);m==="0"||m==="0px"?t.flex=`0 0 ${100/l}%`:t.flex=`0 0 calc((100% - (${l-1} * ${m})) / ${l})`}return t}),$=(t,l=[])=>{if(!t||t.length===0)return l;for(const r of t)if(r.type!==e.Comment&&r.type!==e.Text)if(r.type===e.Fragment){const m=r.children;$(m,l)}else l.push(r);return l},M=e.computed(()=>$(j.value)),W=e.computed(()=>M.value.length>0),L=e.ref(Array.isArray(n.textList)?n.textList:[]),D=e.computed(()=>L.value??[]),J=e.computed(()=>v.value),N=e.ref([]),A=()=>{N.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",a.value),o.addComponentNameToClass(N.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(N.value,"color","primary")},S=(t=!0)=>{e.nextTick(()=>{u.value.forEach(l=>{l&&(R.removeButtonCssEvent(l),t&&c.value&&R.addButtonCssEvent(l))})})},Q=t=>{c.value&&s("click",t,g.value)},X=(t,l)=>{c.value&&s(t,l,g.value)},V=()=>{o.hisonCloser.component.listList[i]&&o.hisonCloser.component.listList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The list ID is at risk of being duplicated. ${i}`),o.registerReloadable(d,()=>{q(),e.nextTick(V)}),A(),S(!0),g.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"list",isVisible:()=>k.value,setVisible:t=>{k.value=t},getListType:()=>v.value,setListType:t=>{v.value=t},isShowMarker:()=>b.value,setShowMarker:t=>{b.value=t},getBulletChar:()=>h.value,setBulletChar:t=>{h.value=t},isBorder:()=>B.value,setBorder:t=>{B.value=t},isListBorder:()=>C.value,setListBorder:t=>{C.value=t},getBackgroundType:()=>I.value,setBackgroundType:t=>{I.value=t},getListBackgroundType:()=>T.value,setListBackgroundType:t=>{T.value=t},getTextList:()=>[...D.value],setTextList:t=>{L.value=Array.isArray(t)?t:[]},isAddEvent:()=>c.value,setAddEvent:t=>{c.value=!!t,S(!0)},getTabIndex:()=>p.value,setTabIndex:t=>{p.value=t!=null?Number(t):null},getListRowCount:()=>u.value.length,getListItem:t=>!Number.isInteger(t)||t<0||t>=u.value.length?null:u.value[t]??null,getColumns:()=>f.value,setColumns:t=>{const l=Number(t),r=!Number.isFinite(l)||l<=1?1:Math.floor(l);f.value=r},getColumnGap:()=>y.value,setColumnGap:t=>{t==null?y.value=0:y.value=t},focus:(t=0)=>{var m;if(!c.value)return;const l=p.value;if(l==null||l===-1||!Number.isInteger(t)||t<0||t>=u.value.length)return;const r=u.value[t];(m=r==null?void 0:r.focus)==null||m.call(r)},reload:()=>o.reloadHisonComponent(d)},o.hisonCloser.component.listList[i]=g.value,s("mounted",g.value)},q=()=>{o.unregisterReloadable(d),u.value.forEach(t=>t&&R.removeButtonCssEvent(t)),delete o.hisonCloser.component.listList[i]};e.onMounted(V),e.onBeforeUnmount(q);const G=t=>{if(!t)return null;if(t instanceof Element)return t;const l=t.$el;return l instanceof Element?l:null},Z=t=>{const l=G(t);l&&(u.value.includes(l)||u.value.push(l))},x=t=>{const l=G(t);l&&(E.value.includes(l)||E.value.push(l))};return e.watch(a,t=>{A(),s("responsive-change",t)}),e.watch(()=>n.visible,t=>{const l=!!t;l!==k.value&&(k.value=l)}),e.watch(()=>n.border,t=>{const l=!!t;l!==B.value&&(B.value=l)}),e.watch(()=>n.listBorder,t=>{const l=!!t;l!==C.value&&(C.value=l)}),e.watch(()=>n.backgroundType,t=>{t&&t!==I.value&&(I.value=t)}),e.watch(()=>n.listBackgroundType,t=>{t&&t!==T.value&&(T.value=t)}),e.watch(()=>n.listType,t=>{const l=t==="ol"?"ol":"ul";l!==v.value&&(v.value=l)}),e.watch(()=>n.bulletChar,t=>{const l=t??"•";l!==h.value&&(h.value=l)}),e.watch(()=>n.showMarker,t=>{const l=t!==!1;l!==b.value&&(b.value=l)}),e.watch(()=>n.textList,t=>{L.value=Array.isArray(t)?t:[]}),e.watch(()=>n.addEvent,t=>{const l=!!t;l!==c.value&&(c.value=l,S(!0))}),e.watch(()=>n.columns,t=>{const l=typeof t=="number"?t:Number(t),r=!Number.isFinite(l)||l<=1?1:Math.floor(l);r!==f.value&&(f.value=r)}),e.watch(()=>n.columnGap,t=>{const l=t??0;l!==y.value&&(y.value=l)}),e.watch(()=>n.tabIndex,t=>{const l=t===null||t===""?null:Number(t);l!==p.value&&(p.value=l)}),e.watch(()=>n.class,()=>{A()}),e.watch(M,()=>{S(!0)}),e.watch(L,()=>{S(!0)},{deep:!0}),{props:n,listRef:z,itemRefs:u,itemInnerRefs:E,renderTag:J,listType:v,bulletChar:h,showMarker:b,visibleClass:H,borderClass:O,listBorderClass:U,backgroundTypeClass:F,listBackgroundTypeClass:K,responsiveClassList:N,hasElementSlot:W,elementNodes:M,normalizedItems:D,listLayoutStyle:P,listItemLayoutStyle:Y,tabIndex:p,setItemRef:Z,setItemInnerRef:x,onItemClick:Q,emitItem:X}}}),ne=["tabindex"],le={key:0,class:"hison-list-marker"},se={key:0},oe={key:1},re={class:"hison-list-content"},ae=["tabindex"],ie={key:0,class:"hison-list-marker"},ue={key:0},de={key:1},ce={class:"hison-list-content"},me={key:1,class:"hison-list-item-text"};function fe(n,s,w,z,u,E){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-wrapper",...n.responsiveClassList,n.visibleClass])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderTag),{ref:"listRef",class:e.normalizeClass(["hison-list",n.borderClass,n.backgroundTypeClass]),style:e.normalizeStyle([n.props.style,n.listLayoutStyle]),onKeydown:[e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["enter"]),e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["space"])]},{default:e.withCtx(()=>[n.hasElementSlot?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.elementNodes,(i,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),style:e.normalizeStyle([n.listItemLayoutStyle,n.props.listItemStyle]),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:s[0]||(s[0]=(...a)=>n.onItemClick&&n.onItemClick(...a)),onMousedown:s[1]||(s[1]=a=>n.emitItem("mousedown",a)),onMouseup:s[2]||(s[2]=a=>n.emitItem("mouseup",a)),onMouseover:s[3]||(s[3]=a=>n.emitItem("mouseover",a)),onMouseout:s[4]||(s[4]=a=>n.emitItem("mouseout",a))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",le,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",re,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i)))])],4)],46,ne))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.normalizedItems,(i,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),style:e.normalizeStyle([n.listItemLayoutStyle,n.props.listItemStyle]),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:s[5]||(s[5]=(...a)=>n.onItemClick&&n.onItemClick(...a)),onMousedown:s[6]||(s[6]=a=>n.emitItem("mousedown",a)),onMouseup:s[7]||(s[7]=a=>n.emitItem("mouseup",a)),onMouseover:s[8]||(s[8]=a=>n.emitItem("mouseover",a)),onMouseout:s[9]||(s[9]=a=>n.emitItem("mouseout",a))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",ie,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",ue,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",ce,[n.$slots.item?e.renderSlot(n.$slots,"item",{key:0,item:i,index:d}):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(String(i??"")),1))])],4)],46,ae))),128))]),_:3},40,["class","style","onKeydown"]))],2)}const ye=_._export_sfc(te,[["render",fe]]);exports.default=ye;

package/dist/{HModal-BOjP9M6n.js → HModal-Bz1CKJ-3.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-CENW-ZSo.js"),Ce=require("./scrollManager-CEEWQwoK.js"),Ne=require("./_plugin-vue_export-helper-BHFhmbuH.js"),He={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},border:{type:Boolean,default:!0},backgroundType:{type:String,default:n.BackgroundType.empty,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},zIndex:{type:Number,default:1300},position:{type:String,default:n.ScreenPosition.middleCenter,validator:o=>n.SCREEN_POSITION_VALUES.includes(o)},headerVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},caption:{type:String,default:null},captionBorder:{type:Boolean,default:!1},captionBackgroundType:{type:String,default:n.BackgroundType.filled,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},captionPlacement:{type:String,default:"header-center"},closeButtonVisible:{type:Boolean,default:!0},closeButtonText:{type:String,default:"X"},closeButtonTitle:{type:String,default:"close"},closeButtonBorder:{type:Boolean,default:!0},closeButtonBackgroundType:{type:String,default:n.BackgroundType.empty,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},closeButtonPlacement:{type:String,default:"footer-right"},closeClickOverlay:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},overlayStyle:{type:[String,Object,Array],required:!1},scrollLock:{type:Boolean,default:!0},enterAnimationClass:{type:String,required:!1},leaveAnimationClass:{type:String,required:!1}},ze=e.defineComponent({name:"HModal",props:He,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(o,{emit:m,slots:E}){const c=o.id||n.getUUID(),P=`hmodal:${c}`,I=n.useDevice(),d=e.ref(null),a=e.ref(o.visible),u=e.ref(o.headerVisible),C=e.ref(o.footerVisible),v=e.ref(o.closeButtonVisible),h=e.ref(o.caption??null),S=e.ref(o.captionBorder),w=e.ref(o.captionBackgroundType),T=e.ref(o.closeButtonBorder),V=e.ref(o.closeButtonBackgroundType),$=e.ref(o.closeClickOverlay),L=e.ref(o.showOverlay),k=e.ref(o.scrollLock),N=e.ref(o.border),H=e.ref(o.backgroundType||n.BackgroundType.empty),s=e.ref(o.closeButtonPlacement),r=e.ref(o.captionPlacement),y=e.ref(o.zIndex??1e3),z=e.ref(o.position),ve=e.computed(()=>{const t={zIndex:y.value};switch(t.left="",t.right="",t.top="",t.bottom="",t.transform="none",z.value){case n.ScreenPosition.topLeft:t.left="0",t.top="0";break;case n.ScreenPosition.topCenter:t.left="50%",t.top="0",t.transform="translateX(-50%)";break;case n.ScreenPosition.topRight:t.right="0",t.top="0";break;case n.ScreenPosition.middleLeft:t.left="0",t.top="50%",t.transform="translateY(-50%)";break;case n.ScreenPosition.middleCenter:t.left="50%",t.top="50%",t.transform="translate(-50%, -50%)";break;case n.ScreenPosition.middleRight:t.right="0",t.top="50%",t.transform="translateY(-50%)";break;case n.ScreenPosition.bottomLeft:t.left="0",t.bottom="0";break;case n.ScreenPosition.bottomCenter:t.left="50%",t.bottom="0",t.transform="translateX(-50%)";break;case n.ScreenPosition.bottomRight:t.right="0",t.bottom="0";break}return t}),he=e.computed(()=>{const l={zIndex:(y.value??1e3)-1},g=o.overlayStyle;return g?Array.isArray(g)?[{...l},...g]:typeof g=="string"?[l,g]:{...l,...g}:l}),pe=e.computed(()=>a.value?"":"hison-display-none"),fe=e.computed(()=>{switch(H.value){case"transparent":return"hison-bg-transparent";case"filled":return"hison-bg-filled";default:return"hison-bg-empty"}}),ke=e.computed(()=>N.value?"hison-border":""),O=e.ref([]),q=()=>{O.value=n.extractResponsiveClasses(n.toClassString(o.class)||"",I.value),n.addComponentNameToClass(O.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(O.value,"color","primary")},ye=e.computed(()=>[...n.extractPrefixedClasses(n.toClassString(o.class)||"","size"),...n.extractPrefixedClasses(n.toClassString(o.class)||"","color")]),Be=e.computed(()=>a.value&&L.value),be=e.computed(()=>!!E.header),ge=e.computed(()=>!!E.footer),i=t=>t.split("-")[1]||"left",j=e.computed(()=>!!(h.value&&h.value.trim().length)),U=e.computed(()=>j.value&&r.value.startsWith("header")),W=e.computed(()=>v.value&&s.value.startsWith("header")),Z=e.computed(()=>U.value&&i(r.value)==="left"),G=e.computed(()=>U.value&&i(r.value)==="center"),K=e.computed(()=>U.value&&i(r.value)==="right"),X=e.computed(()=>W.value&&i(s.value)==="left"),J=e.computed(()=>W.value&&i(s.value)==="center"),Q=e.computed(()=>W.value&&i(s.value)==="right"),_=e.computed(()=>Z.value||X.value),x=e.computed(()=>G.value||J.value),ee=e.computed(()=>K.value||Q.value),M=e.computed(()=>j.value&&r.value.startsWith("footer")),D=e.computed(()=>v.value&&s.value.startsWith("footer")),oe=e.computed(()=>M.value&&i(r.value)==="left"),te=e.computed(()=>M.value&&i(r.value)==="center"),le=e.computed(()=>M.value&&i(r.value)==="right"),ne=e.computed(()=>D.value&&i(s.value)==="left"),ae=e.computed(()=>D.value&&i(s.value)==="center"),se=e.computed(()=>D.value&&i(s.value)==="right"),re=e.computed(()=>oe.value||ne.value),ie=e.computed(()=>te.value||ae.value),ce=e.computed(()=>le.value||se.value),Se=e.computed(()=>u.value&&(be.value||_.value||x.value||ee.value)),we=e.computed(()=>C.value&&(ge.value||re.value||ie.value||ce.value)),R=()=>{k.value&&Ce.acquireScrollLock(c)},F=()=>{k.value&&Ce.releaseScrollLock(c)},B=e.ref(null),Te=t=>{$.value&&b()},Ve=t=>{b()},p=e.ref(o.enterAnimationClass||"hison-modal-enter"),f=e.ref(o.leaveAnimationClass||"hison-modal-leave"),Y=e.ref(null),ue=async()=>{const t=Y.value;!t||!p.value||(t.classList.remove(f.value),t.offsetWidth,t.classList.add(p.value))},$e=async()=>{const t=Y.value;!t||!f.value||(t.classList.remove(p.value),t.offsetWidth,t.classList.add(f.value),await new Promise(l=>setTimeout(l,200)))},A=async()=>{a.value||(a.value=!0,R(),await e.nextTick(),ue(),m("open",e.unref(B)))},b=async()=>{if(a.value)try{await $e()}finally{a.value=!1,F(),m("close",e.unref(B))}},Le=async()=>a.value?b():A(),de=()=>{n.hisonCloser.component.modalList[c]&&n.hisonCloser.component.modalList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The modal ID is at risk of being duplicated. ${c}`),n.registerReloadable(P,()=>{me(),e.nextTick(de)}),q(),a.value&&(R(),e.nextTick(ue)),B.value={isHisonvueComponent:!0,getId:()=>c,getType:()=>"modal",isVisible:()=>a.value,open:A,close:b,toggle:Le,setVisible:t=>t?A():b(),getZIndex:()=>y.value,setZIndex:t=>{y.value=t},getPosition:()=>z.value,setPosition:t=>{z.value=t},isHeaderVisible:()=>u.value,setHeaderVisible:t=>{u.value=t},isFooterVisible:()=>C.value,setFooterVisible:t=>{C.value=t},getCaption:()=>h.value||"",setCaption:t=>{h.value=t},isCaptionBorder:()=>S.value,setCaptionBorder:t=>{S.value=t},getCaptionBackgroundType:()=>w.value,setCaptionBackgroundType:t=>{w.value=t},isCloseButtonVisible:()=>v.value,setCloseButtonVisible:t=>{v.value=t},isCloseButtonBorder:()=>T.value,setCloseButtonBorder:t=>{T.value=t},getCloseButtonBackgroundType:()=>V.value,setCloseButtonBackgroundType:t=>{V.value=t},getButtonPlacement:()=>s.value,setButtonPlacement:t=>{s.value=t},getCaptionPlacement:()=>r.value,setCaptionPlacement:t=>{r.value=t},isCloseClickOverlay:()=>$.value,setCloseClickOverlay:t=>{$.value=t},isOverlayShown:()=>L.value,setOverlayShown:t=>{L.value=t},isBorder:()=>N.value,setBorder:t=>{N.value=t},getBackgroundType:()=>H.value,setBackgroundType:t=>{H.value=t},isScrollLocked:()=>k.value,setScrollLock:t=>{k.value=t,a.value&&(t?R():F())},getAnimationClasses:()=>({enter:p.value,leave:f.value}),setAnimationClasses:t=>{"enter"in t&&(p.value=t.enter||""),"leave"in t&&(f.value=t.leave||"")},reload:()=>n.reloadHisonComponent(P)},n.hisonCloser.component.modalList[c]=B.value,m("mounted",B.value)},me=()=>{n.unregisterReloadable(P),delete n.hisonCloser.component.modalList[c],a.value&&F()};return e.onMounted(de),e.onBeforeUnmount(me),e.watch(I,t=>{q(),m("responsive-change",t)}),e.watch(()=>o.visible,t=>{const l=!!t;l&&!a.value?A():!l&&a.value&&b()}),e.watch(()=>o.headerVisible,t=>{const l=!!t;l!==u.value&&(u.value=l)}),e.watch(()=>o.footerVisible,t=>{const l=!!t;l!==C.value&&(C.value=l)}),e.watch(()=>o.closeButtonVisible,t=>{const l=!!t;l!==v.value&&(v.value=l)}),e.watch(()=>o.caption,t=>{const l=t??null;l!==h.value&&(h.value=l)}),e.watch(()=>o.captionBorder,t=>{const l=!!t;l!==S.value&&(S.value=l)}),e.watch(()=>o.captionBackgroundType,t=>{t&&t!==w.value&&(w.value=t)}),e.watch(()=>o.closeButtonBorder,t=>{const l=!!t;l!==T.value&&(T.value=l)}),e.watch(()=>o.closeButtonBackgroundType,t=>{t&&t!==V.value&&(V.value=t)}),e.watch(()=>o.closeButtonPlacement,t=>{t&&t!==s.value&&(s.value=t)}),e.watch(()=>o.captionPlacement,t=>{t&&t!==r.value&&(r.value=t)}),e.watch(()=>o.closeClickOverlay,t=>{const l=!!t;l!==$.value&&($.value=l)}),e.watch(()=>o.showOverlay,t=>{const l=!!t;l!==L.value&&(L.value=l)}),e.watch(()=>o.scrollLock,t=>{const l=!!t;l!==k.value&&(k.value=l,a.value&&(l?R():F()))}),e.watch(()=>o.border,t=>{const l=!!t;l!==N.value&&(N.value=l)}),e.watch(()=>o.backgroundType,t=>{t&&t!==H.value&&(H.value=t)}),e.watch(()=>o.zIndex,t=>{const l=Number(t??1300);l!==y.value&&(y.value=l)}),e.watch(()=>o.position,t=>{t&&t!==z.value&&(z.value=t)}),e.watch(()=>o.enterAnimationClass,t=>{const l=t||"hison-modal-enter";l!==p.value&&(p.value=l)}),e.watch(()=>o.leaveAnimationClass,t=>{const l=t||"hison-modal-leave";l!==f.value&&(f.value=l)}),e.watch(()=>o.class,()=>{q()}),{id:c,props:o,modalRef:Y,modalWrapperRef:d,caption:h,responsiveClassList:O,visibleClass:pe,borderClass:ke,backgroundTypeClass:fe,isOverlayVisible:Be,headerVisibleComputed:Se,footerVisibleComputed:we,headerHasLeft:_,headerHasCenter:x,headerHasRight:ee,showHeaderCaptionLeft:Z,showHeaderCaptionCenter:G,showHeaderCaptionRight:K,showHeaderCloseLeft:X,showHeaderCloseCenter:J,showHeaderCloseRight:Q,footerHasLeft:re,footerHasCenter:ie,footerHasRight:ce,showFooterCaptionLeft:oe,showFooterCaptionCenter:te,showFooterCaptionRight:le,showFooterCloseLeft:ne,showFooterCloseCenter:ae,showFooterCloseRight:se,childClassList:ye,overlayStyleWithZ:he,wrapperStyle:ve,onOverlayClick:Te,onClickCloseButton:Ve,modalMethods:e.computed(()=>e.unref(B)),closeButtonVisible:v,buttonPlacement:s,captionPlacement:r,closeButtonText:o.closeButtonText,closeButtonTitle:o.closeButtonTitle,closeButtonBorder:T,closeButtonBackgroundType:V,captionBorder:S,captionBackgroundType:w}}});function Pe(o,m,E,c,P,I){const d=e.resolveComponent("HLabel"),a=e.resolveComponent("HButton"),u=e.resolveComponent("HLayout");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-layer-host",o.visibleClass])},[o.isOverlayVisible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hison-modal-overlay",style:e.normalizeStyle(o.overlayStyleWithZ),onClick:m[0]||(m[0]=(...C)=>o.onOverlayClick&&o.onOverlayClick(...C))},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"modalWrapperRef",class:e.normalizeClass(["hison-modal-wrapper",...o.responsiveClassList]),style:e.normalizeStyle(o.wrapperStyle)},[e.createElementVNode("div",{ref:"modalRef",class:e.normalizeClass(["hison-modal",o.borderClass,o.backgroundTypeClass]),style:e.normalizeStyle(o.props.style),role:"dialog"},[o.headerVisibleComputed?(e.openBlock(),e.createBlock(u,{key:0,id:`hison_modal_header_layout_${o.id}`,class:e.normalizeClass(["hison-modal-header",...o.childClassList])},{default:e.withCtx(()=>[o.$slots.header?e.renderSlot(o.$slots,"header",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.headerHasLeft?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.showHeaderCaptionLeft?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-left","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseLeft?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-left"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-left","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.headerHasCenter?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.showHeaderCaptionCenter?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-center","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseCenter?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-center"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-center","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.headerHasRight?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.showHeaderCaptionRight?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-right","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseRight?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-right"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))]),_:3},8,["id","class"])):e.createCommentVNode("",!0),e.createVNode(u,{id:`hison_modal_body_layout_${o.id}`,class:e.normalizeClass(["hison-modal-body",...o.childClassList])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["id","class"]),o.footerVisibleComputed?(e.openBlock(),e.createBlock(u,{key:1,id:`hison_modal_footer_layout_${o.id}`,class:e.normalizeClass(["hison-modal-footer",...o.childClassList])},{default:e.withCtx(()=>[o.$slots.footer?e.renderSlot(o.$slots,"footer",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.footerHasLeft?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.showFooterCaptionLeft?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-left","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseLeft?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-left"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-left","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.footerHasCenter?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.showFooterCaptionCenter?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-center","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseCenter?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-center"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-center","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.footerHasRight?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.showFooterCaptionRight?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-right","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseRight?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-right"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))]),_:3},8,["id","class"])):e.createCommentVNode("",!0)],6)],6)],2)}const Oe=Ne._export_sfc(ze,[["render",Pe]]);exports.default=Oe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-tJRAaMZL.js"),Ce=require("./scrollManager-CEEWQwoK.js"),Ne=require("./_plugin-vue_export-helper-BHFhmbuH.js"),He={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},border:{type:Boolean,default:!0},backgroundType:{type:String,default:n.BackgroundType.empty,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},zIndex:{type:Number,default:1300},position:{type:String,default:n.ScreenPosition.middleCenter,validator:o=>n.SCREEN_POSITION_VALUES.includes(o)},headerVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},caption:{type:String,default:null},captionBorder:{type:Boolean,default:!1},captionBackgroundType:{type:String,default:n.BackgroundType.filled,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},captionPlacement:{type:String,default:"header-center"},closeButtonVisible:{type:Boolean,default:!0},closeButtonText:{type:String,default:"X"},closeButtonTitle:{type:String,default:"close"},closeButtonBorder:{type:Boolean,default:!0},closeButtonBackgroundType:{type:String,default:n.BackgroundType.empty,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},closeButtonPlacement:{type:String,default:"footer-right"},closeClickOverlay:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},overlayStyle:{type:[String,Object,Array],required:!1},scrollLock:{type:Boolean,default:!0},enterAnimationClass:{type:String,required:!1},leaveAnimationClass:{type:String,required:!1}},ze=e.defineComponent({name:"HModal",props:He,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(o,{emit:m,slots:E}){const c=o.id||n.getUUID(),P=`hmodal:${c}`,I=n.useDevice(),d=e.ref(null),a=e.ref(o.visible),u=e.ref(o.headerVisible),C=e.ref(o.footerVisible),v=e.ref(o.closeButtonVisible),h=e.ref(o.caption??null),S=e.ref(o.captionBorder),w=e.ref(o.captionBackgroundType),T=e.ref(o.closeButtonBorder),V=e.ref(o.closeButtonBackgroundType),$=e.ref(o.closeClickOverlay),L=e.ref(o.showOverlay),k=e.ref(o.scrollLock),N=e.ref(o.border),H=e.ref(o.backgroundType||n.BackgroundType.empty),s=e.ref(o.closeButtonPlacement),r=e.ref(o.captionPlacement),y=e.ref(o.zIndex??1e3),z=e.ref(o.position),ve=e.computed(()=>{const t={zIndex:y.value};switch(t.left="",t.right="",t.top="",t.bottom="",t.transform="none",z.value){case n.ScreenPosition.topLeft:t.left="0",t.top="0";break;case n.ScreenPosition.topCenter:t.left="50%",t.top="0",t.transform="translateX(-50%)";break;case n.ScreenPosition.topRight:t.right="0",t.top="0";break;case n.ScreenPosition.middleLeft:t.left="0",t.top="50%",t.transform="translateY(-50%)";break;case n.ScreenPosition.middleCenter:t.left="50%",t.top="50%",t.transform="translate(-50%, -50%)";break;case n.ScreenPosition.middleRight:t.right="0",t.top="50%",t.transform="translateY(-50%)";break;case n.ScreenPosition.bottomLeft:t.left="0",t.bottom="0";break;case n.ScreenPosition.bottomCenter:t.left="50%",t.bottom="0",t.transform="translateX(-50%)";break;case n.ScreenPosition.bottomRight:t.right="0",t.bottom="0";break}return t}),he=e.computed(()=>{const l={zIndex:(y.value??1e3)-1},g=o.overlayStyle;return g?Array.isArray(g)?[{...l},...g]:typeof g=="string"?[l,g]:{...l,...g}:l}),pe=e.computed(()=>a.value?"":"hison-display-none"),fe=e.computed(()=>{switch(H.value){case"transparent":return"hison-bg-transparent";case"filled":return"hison-bg-filled";default:return"hison-bg-empty"}}),ke=e.computed(()=>N.value?"hison-border":""),O=e.ref([]),q=()=>{O.value=n.extractResponsiveClasses(n.toClassString(o.class)||"",I.value),n.addComponentNameToClass(O.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(O.value,"color","primary")},ye=e.computed(()=>[...n.extractPrefixedClasses(n.toClassString(o.class)||"","size"),...n.extractPrefixedClasses(n.toClassString(o.class)||"","color")]),Be=e.computed(()=>a.value&&L.value),be=e.computed(()=>!!E.header),ge=e.computed(()=>!!E.footer),i=t=>t.split("-")[1]||"left",j=e.computed(()=>!!(h.value&&h.value.trim().length)),U=e.computed(()=>j.value&&r.value.startsWith("header")),W=e.computed(()=>v.value&&s.value.startsWith("header")),Z=e.computed(()=>U.value&&i(r.value)==="left"),G=e.computed(()=>U.value&&i(r.value)==="center"),K=e.computed(()=>U.value&&i(r.value)==="right"),X=e.computed(()=>W.value&&i(s.value)==="left"),J=e.computed(()=>W.value&&i(s.value)==="center"),Q=e.computed(()=>W.value&&i(s.value)==="right"),_=e.computed(()=>Z.value||X.value),x=e.computed(()=>G.value||J.value),ee=e.computed(()=>K.value||Q.value),M=e.computed(()=>j.value&&r.value.startsWith("footer")),D=e.computed(()=>v.value&&s.value.startsWith("footer")),oe=e.computed(()=>M.value&&i(r.value)==="left"),te=e.computed(()=>M.value&&i(r.value)==="center"),le=e.computed(()=>M.value&&i(r.value)==="right"),ne=e.computed(()=>D.value&&i(s.value)==="left"),ae=e.computed(()=>D.value&&i(s.value)==="center"),se=e.computed(()=>D.value&&i(s.value)==="right"),re=e.computed(()=>oe.value||ne.value),ie=e.computed(()=>te.value||ae.value),ce=e.computed(()=>le.value||se.value),Se=e.computed(()=>u.value&&(be.value||_.value||x.value||ee.value)),we=e.computed(()=>C.value&&(ge.value||re.value||ie.value||ce.value)),R=()=>{k.value&&Ce.acquireScrollLock(c)},F=()=>{k.value&&Ce.releaseScrollLock(c)},B=e.ref(null),Te=t=>{$.value&&b()},Ve=t=>{b()},p=e.ref(o.enterAnimationClass||"hison-modal-enter"),f=e.ref(o.leaveAnimationClass||"hison-modal-leave"),Y=e.ref(null),ue=async()=>{const t=Y.value;!t||!p.value||(t.classList.remove(f.value),t.offsetWidth,t.classList.add(p.value))},$e=async()=>{const t=Y.value;!t||!f.value||(t.classList.remove(p.value),t.offsetWidth,t.classList.add(f.value),await new Promise(l=>setTimeout(l,200)))},A=async()=>{a.value||(a.value=!0,R(),await e.nextTick(),ue(),m("open",e.unref(B)))},b=async()=>{if(a.value)try{await $e()}finally{a.value=!1,F(),m("close",e.unref(B))}},Le=async()=>a.value?b():A(),de=()=>{n.hisonCloser.component.modalList[c]&&n.hisonCloser.component.modalList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The modal ID is at risk of being duplicated. ${c}`),n.registerReloadable(P,()=>{me(),e.nextTick(de)}),q(),a.value&&(R(),e.nextTick(ue)),B.value={isHisonvueComponent:!0,getId:()=>c,getType:()=>"modal",isVisible:()=>a.value,open:A,close:b,toggle:Le,setVisible:t=>t?A():b(),getZIndex:()=>y.value,setZIndex:t=>{y.value=t},getPosition:()=>z.value,setPosition:t=>{z.value=t},isHeaderVisible:()=>u.value,setHeaderVisible:t=>{u.value=t},isFooterVisible:()=>C.value,setFooterVisible:t=>{C.value=t},getCaption:()=>h.value||"",setCaption:t=>{h.value=t},isCaptionBorder:()=>S.value,setCaptionBorder:t=>{S.value=t},getCaptionBackgroundType:()=>w.value,setCaptionBackgroundType:t=>{w.value=t},isCloseButtonVisible:()=>v.value,setCloseButtonVisible:t=>{v.value=t},isCloseButtonBorder:()=>T.value,setCloseButtonBorder:t=>{T.value=t},getCloseButtonBackgroundType:()=>V.value,setCloseButtonBackgroundType:t=>{V.value=t},getButtonPlacement:()=>s.value,setButtonPlacement:t=>{s.value=t},getCaptionPlacement:()=>r.value,setCaptionPlacement:t=>{r.value=t},isCloseClickOverlay:()=>$.value,setCloseClickOverlay:t=>{$.value=t},isOverlayShown:()=>L.value,setOverlayShown:t=>{L.value=t},isBorder:()=>N.value,setBorder:t=>{N.value=t},getBackgroundType:()=>H.value,setBackgroundType:t=>{H.value=t},isScrollLocked:()=>k.value,setScrollLock:t=>{k.value=t,a.value&&(t?R():F())},getAnimationClasses:()=>({enter:p.value,leave:f.value}),setAnimationClasses:t=>{"enter"in t&&(p.value=t.enter||""),"leave"in t&&(f.value=t.leave||"")},reload:()=>n.reloadHisonComponent(P)},n.hisonCloser.component.modalList[c]=B.value,m("mounted",B.value)},me=()=>{n.unregisterReloadable(P),delete n.hisonCloser.component.modalList[c],a.value&&F()};return e.onMounted(de),e.onBeforeUnmount(me),e.watch(I,t=>{q(),m("responsive-change",t)}),e.watch(()=>o.visible,t=>{const l=!!t;l&&!a.value?A():!l&&a.value&&b()}),e.watch(()=>o.headerVisible,t=>{const l=!!t;l!==u.value&&(u.value=l)}),e.watch(()=>o.footerVisible,t=>{const l=!!t;l!==C.value&&(C.value=l)}),e.watch(()=>o.closeButtonVisible,t=>{const l=!!t;l!==v.value&&(v.value=l)}),e.watch(()=>o.caption,t=>{const l=t??null;l!==h.value&&(h.value=l)}),e.watch(()=>o.captionBorder,t=>{const l=!!t;l!==S.value&&(S.value=l)}),e.watch(()=>o.captionBackgroundType,t=>{t&&t!==w.value&&(w.value=t)}),e.watch(()=>o.closeButtonBorder,t=>{const l=!!t;l!==T.value&&(T.value=l)}),e.watch(()=>o.closeButtonBackgroundType,t=>{t&&t!==V.value&&(V.value=t)}),e.watch(()=>o.closeButtonPlacement,t=>{t&&t!==s.value&&(s.value=t)}),e.watch(()=>o.captionPlacement,t=>{t&&t!==r.value&&(r.value=t)}),e.watch(()=>o.closeClickOverlay,t=>{const l=!!t;l!==$.value&&($.value=l)}),e.watch(()=>o.showOverlay,t=>{const l=!!t;l!==L.value&&(L.value=l)}),e.watch(()=>o.scrollLock,t=>{const l=!!t;l!==k.value&&(k.value=l,a.value&&(l?R():F()))}),e.watch(()=>o.border,t=>{const l=!!t;l!==N.value&&(N.value=l)}),e.watch(()=>o.backgroundType,t=>{t&&t!==H.value&&(H.value=t)}),e.watch(()=>o.zIndex,t=>{const l=Number(t??1300);l!==y.value&&(y.value=l)}),e.watch(()=>o.position,t=>{t&&t!==z.value&&(z.value=t)}),e.watch(()=>o.enterAnimationClass,t=>{const l=t||"hison-modal-enter";l!==p.value&&(p.value=l)}),e.watch(()=>o.leaveAnimationClass,t=>{const l=t||"hison-modal-leave";l!==f.value&&(f.value=l)}),e.watch(()=>o.class,()=>{q()}),{id:c,props:o,modalRef:Y,modalWrapperRef:d,caption:h,responsiveClassList:O,visibleClass:pe,borderClass:ke,backgroundTypeClass:fe,isOverlayVisible:Be,headerVisibleComputed:Se,footerVisibleComputed:we,headerHasLeft:_,headerHasCenter:x,headerHasRight:ee,showHeaderCaptionLeft:Z,showHeaderCaptionCenter:G,showHeaderCaptionRight:K,showHeaderCloseLeft:X,showHeaderCloseCenter:J,showHeaderCloseRight:Q,footerHasLeft:re,footerHasCenter:ie,footerHasRight:ce,showFooterCaptionLeft:oe,showFooterCaptionCenter:te,showFooterCaptionRight:le,showFooterCloseLeft:ne,showFooterCloseCenter:ae,showFooterCloseRight:se,childClassList:ye,overlayStyleWithZ:he,wrapperStyle:ve,onOverlayClick:Te,onClickCloseButton:Ve,modalMethods:e.computed(()=>e.unref(B)),closeButtonVisible:v,buttonPlacement:s,captionPlacement:r,closeButtonText:o.closeButtonText,closeButtonTitle:o.closeButtonTitle,closeButtonBorder:T,closeButtonBackgroundType:V,captionBorder:S,captionBackgroundType:w}}});function Pe(o,m,E,c,P,I){const d=e.resolveComponent("HLabel"),a=e.resolveComponent("HButton"),u=e.resolveComponent("HLayout");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-layer-host",o.visibleClass])},[o.isOverlayVisible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hison-modal-overlay",style:e.normalizeStyle(o.overlayStyleWithZ),onClick:m[0]||(m[0]=(...C)=>o.onOverlayClick&&o.onOverlayClick(...C))},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"modalWrapperRef",class:e.normalizeClass(["hison-modal-wrapper",...o.responsiveClassList]),style:e.normalizeStyle(o.wrapperStyle)},[e.createElementVNode("div",{ref:"modalRef",class:e.normalizeClass(["hison-modal",o.borderClass,o.backgroundTypeClass]),style:e.normalizeStyle(o.props.style),role:"dialog"},[o.headerVisibleComputed?(e.openBlock(),e.createBlock(u,{key:0,id:`hison_modal_header_layout_${o.id}`,class:e.normalizeClass(["hison-modal-header",...o.childClassList])},{default:e.withCtx(()=>[o.$slots.header?e.renderSlot(o.$slots,"header",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.headerHasLeft?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.showHeaderCaptionLeft?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-left","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseLeft?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-left"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-left","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.headerHasCenter?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.showHeaderCaptionCenter?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-center","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseCenter?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-center"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-center","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.headerHasRight?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.showHeaderCaptionRight?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-right","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseRight?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-right"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))]),_:3},8,["id","class"])):e.createCommentVNode("",!0),e.createVNode(u,{id:`hison_modal_body_layout_${o.id}`,class:e.normalizeClass(["hison-modal-body",...o.childClassList])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["id","class"]),o.footerVisibleComputed?(e.openBlock(),e.createBlock(u,{key:1,id:`hison_modal_footer_layout_${o.id}`,class:e.normalizeClass(["hison-modal-footer",...o.childClassList])},{default:e.withCtx(()=>[o.$slots.footer?e.renderSlot(o.$slots,"footer",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.footerHasLeft?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.showFooterCaptionLeft?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-left","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseLeft?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-left"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-left","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.footerHasCenter?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.showFooterCaptionCenter?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-center","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseCenter?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-center"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-center","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.footerHasRight?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.showFooterCaptionRight?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-right","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseRight?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-right"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))]),_:3},8,["id","class"])):e.createCommentVNode("",!0)],6)],6)],2)}const Oe=Ne._export_sfc(ze,[["render",Pe]]);exports.default=Oe;

package/dist/{HModal-D0g8AKUz.mjs → HModal-C0Ad-CcR.mjs}

@@ -1,5 +1,5 @@
 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-DwaoBJx8.mjs";
+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-DRwgcIYp.mjs";
 import { a as io, r as ro } from "./scrollManager-BGnq4wyt.mjs";
 import { _ as uo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const co = {