hisonvue 1.1.0 → 1.1.2

package/dist/{HParagraph-DPFhem-s.mjs → HParagraph-BGOLdRFM.mjs}

@@ -1,7 +1,7 @@
-import { defineComponent as Ce, ref as o, computed as a, useSlots as be, Text as me, onMounted as O, onBeforeUnmount as Te, watch as l, unref as Be, nextTick as we, resolveComponent as Se, createElementBlock as F, openBlock as H, normalizeClass as K, createCommentVNode as W, createElementVNode as ke, renderSlot as D, createVNode as Ae, createSlots as Ee, withCtx as X, normalizeStyle as Ie, Fragment as Le, createTextVNode as Ue, toDisplayString as Ve } from "vue";
-import { a0 as Re, B as $e, f as x, a1 as De, a2 as Pe, T as Ne, g as Fe, u as He, w as Ke, j as xe, t as Y, e as qe, b as J, h as I, r as ze, c as Ge, d as Me } from "./index-C7E7pVNE.mjs";
-import { _ as je } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Oe = {
+import { defineComponent as be, ref as o, computed as a, useSlots as me, Text as Te, onMounted as W, onBeforeUnmount as we, watch as l, unref as Se, nextTick as Be, resolveComponent as ke, createElementBlock as F, openBlock as H, normalizeClass as K, createCommentVNode as X, createElementVNode as Ae, renderSlot as D, createVNode as Ee, createSlots as Ie, withCtx as Y, normalizeStyle as Le, Fragment as Ue, createTextVNode as Ve, toDisplayString as Re } from "vue";
+import { a0 as $e, B as De, f as x, a1 as Ne, a2 as Pe, T as Fe, g as He, u as Ke, w as xe, j as qe, t as J, e as ze, b as Q, h as I, r as Ge, c as Me, d as je } from "./index-lqOpF_Ng.mjs";
+import { _ as Oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const We = {
   /**
    * Unique identifier for the paragraph.
    * - Access methods via `hison.component.getParagraph(id)`
@@ -66,7 +66,7 @@ const Oe = {
   textAlign: {
     type: String,
     default: null,
-    validator: (t) => t == null || Ne.includes(t)
+    validator: (t) => t == null || Fe.includes(t)
   },
   /**
    * Vertical alignment (effective when the paragraph has vertical space).
@@ -76,7 +76,7 @@ const Oe = {
   verticalAlign: {
     type: String,
     default: Pe.top,
-    validator: (t) => De.includes(t)
+    validator: (t) => Ne.includes(t)
   },
   /**
    * Whether to show border (rendered as subtle box-shadow).
@@ -91,7 +91,7 @@ const Oe = {
   backgroundType: {
     type: String,
     default: x.empty,
-    validator: (t) => $e.includes(t)
+    validator: (t) => De.includes(t)
   },
   /**
    * Whitespace rendering policy.
@@ -101,7 +101,7 @@ const Oe = {
   whiteSpace: {
     type: String,
     default: null,
-    validator: (t) => t == null || Re.includes(t)
+    validator: (t) => t == null || $e.includes(t)
   },
   /**
    * Enables content copy.
@@ -117,9 +117,9 @@ const Oe = {
    * Copy button label (also used for accessibility).
    */
   copyButtonText: { type: String, default: "copy" }
-}, We = Ce({
+}, Xe = be({
   name: "HParagraph",
-  props: Oe,
+  props: We,
   inheritAttrs: !1,
   emits: [
     "mounted",
@@ -129,16 +129,16 @@ const Oe = {
     "copy-error"
   ],
   setup(t, { emit: s }) {
-    const L = o(null), v = o(null), u = t.id ? t.id : Fe(), q = a(() => `hison_paragraph_copy_button_${u}`), y = `hparagraph:${u}`, c = He(), U = be(), g = o(t.visible), h = o(t.title || ""), p = o(t.text || ""), C = o(t.fontBold), b = o(t.fontItalic), m = o(t.fontThruline), T = o(t.fontUnderline), B = o(t.textAlign ?? Ke.left), w = o(t.verticalAlign), S = o(t.border), f = o(t.backgroundType), k = o(t.whiteSpace), i = o(t.copyEnabled), A = o(t.showCopyButton), E = o(t.copyButtonText), V = a(() => U.default ? U.default() : []), z = a(
-      () => V.value.length > 0 && V.value.every((e) => e.type === me)
-    ), R = a(() => !!U.default && !z.value), Q = a(() => !!U.default && V.value.length > 0);
-    O(() => {
+    const L = o(null), p = o(null), u = t.id ? t.id : He(), q = a(() => `hison_paragraph_copy_button_${u}`), y = `hparagraph:${u}`, c = Ke(), U = me(), g = o(t.visible), h = o(t.title || ""), v = o(t.text || ""), C = o(t.fontBold), b = o(t.fontItalic), m = o(t.fontThruline), T = o(t.fontUnderline), w = o(t.textAlign ?? xe.left), S = o(t.verticalAlign), B = o(t.border), f = o(t.backgroundType), k = o(t.whiteSpace), i = o(t.copyEnabled), A = o(t.showCopyButton), E = o(t.copyButtonText), V = a(() => U.default ? U.default() : []), z = a(
+      () => V.value.length > 0 && V.value.every((e) => e.type === Te)
+    ), R = a(() => !!U.default && !z.value), Z = a(() => !!U.default && V.value.length > 0);
+    W(() => {
       if (z.value) {
         const e = V.value.map((n) => String(n.children ?? "")).join("");
-        p.value = e;
+        v.value = e;
       }
     });
-    const Z = a(() => g.value ? "" : "hison-display-none"), _ = a(() => S.value ? "hison-border" : ""), ee = a(() => {
+    const _ = a(() => g.value ? "" : "hison-display-none"), ee = a(() => B.value ? "hison-border" : ""), te = a(() => {
       switch (f.value) {
         case x.empty:
           return "hison-bg-empty";
@@ -147,13 +147,13 @@ const Oe = {
         default:
           return "hison-bg-filled";
       }
-    }), te = a(() => C.value ? "hison-font-bold" : ""), ne = a(() => b.value ? "hison-font-italic" : ""), ae = a(() => m.value ? "hison-font-thruline" : ""), oe = a(() => T.value ? "hison-font-underline" : ""), le = a(() => i.value ? "" : "hison-no-select"), $ = o([]), P = () => {
-      $.value = qe(Y(t.class) || "", c.value), J($.value, "size", I.componentStyle.size), J($.value, "color", "primary");
-    }, se = a(() => {
+    }), ne = a(() => C.value ? "hison-font-bold" : ""), ae = a(() => b.value ? "hison-font-italic" : ""), oe = a(() => m.value ? "hison-font-thruline" : ""), le = a(() => T.value ? "hison-font-underline" : ""), se = a(() => i.value ? "" : "hison-no-select"), $ = o([]), N = () => {
+      $.value = ze(J(t.class) || "", c.value), Q($.value, "size", I.componentStyle.size), Q($.value, "color", "primary");
+    }, ie = a(() => {
       const e = [];
-      return e.push(...xe(Y(t.class) || "", "color")), e;
-    }), ie = a(() => k.value ?? "pre-wrap"), re = a(() => {
-      switch (ie.value) {
+      return e.push(...qe(J(t.class) || "", "color")), e;
+    }), re = a(() => k.value ?? "pre-wrap"), ue = a(() => {
+      switch (re.value) {
         case "normal":
           return "hison-ws-normal";
         case "pre":
@@ -167,8 +167,8 @@ const Oe = {
         default:
           return "";
       }
-    }), ue = a(() => {
-      switch (B.value) {
+    }), ce = a(() => {
+      switch (w.value) {
         case "center":
           return "hison-ta-center";
         case "right":
@@ -176,8 +176,8 @@ const Oe = {
         default:
           return "hison-ta-left";
       }
-    }), ce = a(() => {
-      switch (w.value) {
+    }), de = a(() => {
+      switch (S.value) {
         case "middle":
           return "hison-valign-middle";
         case "bottom":
@@ -185,12 +185,17 @@ const Oe = {
         default:
           return "";
       }
-    }), de = () => {
+    }), pe = () => {
       const e = L.value;
       return e ? e.innerText ?? "" : "";
-    }, G = async () => {
+    };
+    function G() {
+      const e = typeof window < "u" ? window.getSelection() : null;
+      return !!e && !e.isCollapsed && e.toString().length > 0;
+    }
+    const M = async () => {
       if (!i.value) return !1;
-      const e = de();
+      const e = pe();
       try {
         if (navigator.clipboard && typeof navigator.clipboard.writeText == "function")
           return await navigator.clipboard.writeText(e), !0;
@@ -202,42 +207,45 @@ const Oe = {
         n.selectNodeContents(d);
         const r = window.getSelection();
         r == null || r.removeAllRanges(), r == null || r.addRange(n);
-        const he = document.execCommand("copy");
-        return r == null || r.removeAllRanges(), he;
+        const Ce = document.execCommand("copy");
+        return r == null || r.removeAllRanges(), Ce;
       } catch {
         return !1;
       }
-    }, N = async (e, n) => {
-      s("copy-click", { src: e, event: n, api: v.value });
+    }, P = async (e, n) => {
+      s("copy-click", { src: e, event: n, api: p.value });
       try {
-        const d = await G();
-        s("copied", d, v.value);
+        const d = await M();
+        s("copied", d, p.value);
       } catch (d) {
-        s("copy-error", d, v.value);
+        s("copy-error", d, p.value);
       }
     }, ve = async (e) => {
-      await N("button", e);
-    }, pe = async (e) => {
+      await P("button", e);
+    }, fe = async (e) => {
       const n = /Mac|iPod|iPhone|iPad/.test(navigator.platform), d = (n ? e.metaKey : e.ctrlKey) && (e.key === "c" || e.key === "C"), r = (n ? e.metaKey : e.ctrlKey) && (e.key === "x" || e.key === "X");
       if (!i.value && (d || r)) {
         e.preventDefault(), e.stopPropagation();
         return;
       }
-      i.value && d && (e.preventDefault(), e.stopPropagation(), await N("keyboard", e));
-    }, fe = async (e) => {
+      if (i.value && d) {
+        if (G()) return;
+        e.preventDefault(), e.stopPropagation(), await P("keyboard", e);
+      }
+    }, ye = async (e) => {
       if (!i.value) {
         e.preventDefault();
         return;
       }
-      e.preventDefault(), await N("native", e);
-    }, ye = (e) => {
-      i.value || e.preventDefault();
+      G() || (e.preventDefault(), await P("native", e));
     }, ge = (e) => {
       i.value || e.preventDefault();
-    }, M = () => {
-      I.component.paragraphList[u] && I.component.paragraphList[u].isHisonvueComponent && console.warn(`[Hisonvue] The paragraph ID is at risk of being duplicated. ${u}`), ze(y, () => {
-        j(), we(M);
-      }), P(), v.value = {
+    }, he = (e) => {
+      i.value || e.preventDefault();
+    }, j = () => {
+      I.component.paragraphList[u] && I.component.paragraphList[u].isHisonvueComponent && console.warn(`[Hisonvue] The paragraph ID is at risk of being duplicated. ${u}`), Ge(y, () => {
+        O(), Be(j);
+      }), N(), p.value = {
         isHisonvueComponent: !0,
         getId: () => u,
         getType: () => "paragraph",
@@ -249,17 +257,17 @@ const Oe = {
         setTitle: (e) => {
           h.value = e || "";
         },
-        getText: () => R.value ? "" : p.value,
+        getText: () => R.value ? "" : v.value,
         setText: (e) => {
-          R.value || (p.value = e ?? "");
+          R.value || (v.value = e ?? "");
         },
-        getTextAlign: () => B.value,
+        getTextAlign: () => w.value,
         setTextAlign: (e) => {
-          (e === "left" || e === "center" || e === "right") && (B.value = e);
+          (e === "left" || e === "center" || e === "right") && (w.value = e);
         },
-        getVerticalAlign: () => w.value,
+        getVerticalAlign: () => S.value,
         setVerticalAlign: (e) => {
-          w.value = e;
+          S.value = e;
         },
         isFontBold: () => C.value,
         setFontBold: (e) => {
@@ -277,9 +285,9 @@ const Oe = {
         setFontUnderline: (e) => {
           T.value = e;
         },
-        isBorder: () => S.value,
+        isBorder: () => B.value,
         setBorder: (e) => {
-          S.value = e;
+          B.value = e;
         },
         getBackgroundType: () => f.value,
         setBackgroundType: (e) => {
@@ -301,14 +309,14 @@ const Oe = {
         setShowCopyButton: (e) => {
           A.value = e;
         },
-        copy: async () => await G(),
-        reload: () => Ge(y)
-      }, I.component.paragraphList[u] = v.value, s("mounted", v.value);
-    }, j = () => {
-      Me(y), delete I.component.paragraphList[u];
+        copy: async () => await M(),
+        reload: () => Me(y)
+      }, I.component.paragraphList[u] = p.value, s("mounted", p.value);
+    }, O = () => {
+      je(y), delete I.component.paragraphList[u];
     };
-    return O(M), Te(j), l(c, (e) => {
-      P(), s("responsive-change", e);
+    return W(j), we(O), l(c, (e) => {
+      N(), s("responsive-change", e);
     }), l(() => t.visible, (e) => {
       const n = !!e;
       n !== g.value && (g.value = n);
@@ -317,7 +325,7 @@ const Oe = {
       n !== h.value && (h.value = n);
     }), l(() => t.text, (e) => {
       const n = e ?? "";
-      !R.value && n !== p.value && (p.value = n);
+      !R.value && n !== v.value && (v.value = n);
     }), l(() => t.fontBold, (e) => {
       const n = !!e;
       n !== C.value && (C.value = n);
@@ -331,15 +339,15 @@ const Oe = {
       const n = !!e;
       n !== T.value && (T.value = n);
     }), l(() => t.textAlign, (e) => {
-      e && e !== B.value && (e === "left" || e === "center" || e === "right") && (B.value = e);
+      e && e !== w.value && (e === "left" || e === "center" || e === "right") && (w.value = e);
     }), l(() => t.verticalAlign, (e) => {
-      e && e !== w.value && (e === "top" || e === "middle" || e === "bottom") && (w.value = e);
+      e && e !== S.value && (e === "top" || e === "middle" || e === "bottom") && (S.value = e);
     }), l(() => t.whiteSpace, (e) => {
       const n = e ?? null;
       n !== k.value && (k.value = n);
     }), l(() => t.border, (e) => {
       const n = !!e;
-      n !== S.value && (S.value = n);
+      n !== B.value && (B.value = n);
     }), l(() => t.backgroundType, (e) => {
       e && e !== f.value && (f.value = e);
     }), l(() => t.copyEnabled, (e) => {
@@ -352,47 +360,47 @@ const Oe = {
       const n = e ?? "copy";
       n !== E.value && (E.value = n);
     }), l(() => t.class, () => {
-      P();
+      N();
     }), {
       paraRef: L,
-      paragraphMethods: a(() => Be(v)),
+      paragraphMethods: a(() => Se(p)),
       props: t,
       id: u,
       copyButtonId: q,
       title: h,
-      visibleClass: Z,
-      borderClass: _,
+      visibleClass: _,
+      borderClass: ee,
       backgroundType: f,
-      backgroundTypeClass: ee,
-      fontBoldClass: te,
-      fontItalicClass: ne,
-      fontThrulineClass: ae,
-      fontUnderlineClass: oe,
+      backgroundTypeClass: te,
+      fontBoldClass: ne,
+      fontItalicClass: ae,
+      fontThrulineClass: oe,
+      fontUnderlineClass: le,
       responsiveClassList: $,
-      buttonClassList: se,
-      internalText: p,
+      buttonClassList: ie,
+      internalText: v,
       copyButtonText: E,
       copyEnabled: i,
       showCopyButton: A,
       hasElementSlot: R,
-      hasAnySlot: Q,
-      whiteSpaceClass: re,
-      textAlignClass: ue,
-      verticalAlignClass: ce,
-      copyGuardClass: le,
-      onKeydown: pe,
-      onCopyEvent: fe,
-      onCutEvent: ye,
-      onSelectStart: ge,
+      hasAnySlot: Z,
+      whiteSpaceClass: ue,
+      textAlignClass: ce,
+      verticalAlignClass: de,
+      copyGuardClass: se,
+      onKeydown: fe,
+      onCopyEvent: ye,
+      onCutEvent: ge,
+      onSelectStart: he,
       onCopyButtonClick: ve
     };
   }
-}), Xe = {
+}), Ye = {
   key: 0,
   class: "hison-paragraph-copybtn"
-}, Ye = ["title"];
-function Je(t, s, L, v, u, q) {
-  const y = Se("HButton");
+}, Je = ["title"];
+function Qe(t, s, L, p, u, q) {
+  const y = ke("HButton");
   return H(), F("div", {
     class: K([
       "hison-wrapper",
@@ -401,12 +409,12 @@ function Je(t, s, L, v, u, q) {
       t.visibleClass
     ])
   }, [
-    t.copyEnabled && t.showCopyButton ? (H(), F("div", Xe, [
+    t.copyEnabled && t.showCopyButton ? (H(), F("div", Ye, [
       D(t.$slots, "copy-button", {
         onClick: t.onCopyButtonClick,
         text: t.copyButtonText
       }, () => [
-        Ae(y, {
+        Ee(y, {
           id: t.copyButtonId,
           class: K([...t.buttonClassList, "hison-size-s"]),
           border: !0,
@@ -414,23 +422,23 @@ function Je(t, s, L, v, u, q) {
           "background-type": t.backgroundType,
           onClick: t.onCopyButtonClick,
           title: "Copy content"
-        }, Ee({
-          default: X(() => [
-            t.$slots["copy-label"] ? D(t.$slots, "copy-label", { key: 0 }) : W("", !0)
+        }, Ie({
+          default: Y(() => [
+            t.$slots["copy-label"] ? D(t.$slots, "copy-label", { key: 0 }) : X("", !0)
           ]),
           _: 2
         }, [
           t.$slots["copy-icon"] ? {
             name: "icon",
-            fn: X(() => [
+            fn: Y(() => [
               D(t.$slots, "copy-icon")
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["id", "class", "text", "background-type", "onClick"])
       ])
-    ])) : W("", !0),
-    ke("p", {
+    ])) : X("", !0),
+    Ae("p", {
       ref: "paraRef",
       class: K(["hison-paragraph", [
         t.borderClass,
@@ -444,7 +452,7 @@ function Je(t, s, L, v, u, q) {
         t.verticalAlignClass,
         t.copyGuardClass
       ]]),
-      style: Ie(t.props.style),
+      style: Le(t.props.style),
       title: t.title || void 0,
       tabindex: "0",
       onKeydown: s[0] || (s[0] = (...c) => t.onKeydown && t.onKeydown(...c)),
@@ -452,13 +460,13 @@ function Je(t, s, L, v, u, q) {
       onCut: s[2] || (s[2] = (...c) => t.onCutEvent && t.onCutEvent(...c)),
       onSelectstart: s[3] || (s[3] = (...c) => t.onSelectStart && t.onSelectStart(...c))
     }, [
-      t.hasElementSlot ? D(t.$slots, "default", { key: 0 }) : (H(), F(Le, { key: 1 }, [
-        Ue(Ve(t.internalText), 1)
+      t.hasElementSlot ? D(t.$slots, "default", { key: 0 }) : (H(), F(Ue, { key: 1 }, [
+        Ve(Re(t.internalText), 1)
       ], 64))
-    ], 46, Ye)
+    ], 46, Je)
   ], 2);
 }
-const et = /* @__PURE__ */ je(We, [["render", Je]]);
+const tt = /* @__PURE__ */ Oe(Xe, [["render", Qe]]);
 export {
-  et as default
+  tt as default
 };

package/dist/HParagraph-C_afHbvS.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-nNWQ7mcU.js"),re=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ie={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},title:{type:String,required:!1},text:{type:String,required:!1},fontBold:{type:Boolean,default:!1},fontItalic:{type:Boolean,default:!1},fontThruline:{type:Boolean,default:!1},fontUnderline:{type:Boolean,default:!1},textAlign:{type:String,default:null,validator:n=>n==null||a.TEXT_ALIGN_VALUES.includes(n)},verticalAlign:{type:String,default:a.VerticalAlign.top,validator:n=>a.VERTICAL_ALIGN_VALUES.includes(n)},border:{type:Boolean,default:!1},backgroundType:{type:String,default:a.BackgroundType.empty,validator:n=>a.BACKGROUND_TYPE_VALUES.includes(n)},whiteSpace:{type:String,default:null,validator:n=>n==null||a.WHITE_SPACE_VALUES.includes(n)},copyEnabled:{type:Boolean,default:!0},showCopyButton:{type:Boolean,default:!1},copyButtonText:{type:String,default:"copy"}},ue=t.defineComponent({name:"HParagraph",props:ie,inheritAttrs:!1,emits:["mounted","responsive-change","copy-click","copied","copy-error"],setup(n,{emit:l}){const E=t.ref(null),d=t.ref(null),i=n.id?n.id:a.getUUID(),$=t.computed(()=>`hison_paragraph_copy_button_${i}`),v=`hparagraph:${i}`,u=a.useDevice(),I=t.useSlots(),y=t.ref(n.visible),h=t.ref(n.title||""),p=t.ref(n.text||""),g=t.ref(n.fontBold),C=t.ref(n.fontItalic),m=t.ref(n.fontThruline),b=t.ref(n.fontUnderline),w=t.ref(n.textAlign??a.TextAlign.left),S=t.ref(n.verticalAlign),T=t.ref(n.border),f=t.ref(n.backgroundType),B=t.ref(n.whiteSpace),s=t.ref(n.copyEnabled),k=t.ref(n.showCopyButton),A=t.ref(n.copyButtonText),L=t.computed(()=>I.default?I.default():[]),P=t.computed(()=>L.value.length>0&&L.value.every(e=>e.type===t.Text)),U=t.computed(()=>!!I.default&&!P.value),K=t.computed(()=>!!I.default&&L.value.length>0);t.onMounted(()=>{if(P.value){const e=L.value.map(o=>String(o.children??"")).join("");p.value=e}});const q=t.computed(()=>y.value?"":"hison-display-none"),z=t.computed(()=>T.value?"hison-border":""),M=t.computed(()=>{switch(f.value){case a.BackgroundType.empty:return"hison-bg-empty";case a.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),G=t.computed(()=>g.value?"hison-font-bold":""),O=t.computed(()=>C.value?"hison-font-italic":""),j=t.computed(()=>m.value?"hison-font-thruline":""),W=t.computed(()=>b.value?"hison-font-underline":""),X=t.computed(()=>s.value?"":"hison-no-select"),V=t.ref([]),N=()=>{V.value=a.extractResponsiveClasses(a.toClassString(n.class)||"",u.value),a.addComponentNameToClass(V.value,"size",a.hisonCloser.componentStyle.size),a.addComponentNameToClass(V.value,"color","primary")},Y=t.computed(()=>{const e=[];return e.push(...a.extractPrefixedClasses(a.toClassString(n.class)||"","color")),e}),J=t.computed(()=>B.value??"pre-wrap"),Q=t.computed(()=>{switch(J.value){case"normal":return"hison-ws-normal";case"pre":return"hison-ws-pre";case"pre-wrap":return"hison-ws-pre-wrap";case"pre-line":return"hison-ws-pre-line";case"break-spaces":return"hison-ws-break-spaces";default:return""}}),Z=t.computed(()=>{switch(w.value){case"center":return"hison-ta-center";case"right":return"hison-ta-right";default:return"hison-ta-left"}}),_=t.computed(()=>{switch(S.value){case"middle":return"hison-valign-middle";case"bottom":return"hison-valign-bottom";default:return""}}),ee=()=>{const e=E.value;return e?e.innerText??"":""};function D(){const e=typeof window<"u"?window.getSelection():null;return!!e&&!e.isCollapsed&&e.toString().length>0}const x=async()=>{if(!s.value)return!1;const e=ee();try{if(navigator.clipboard&&typeof navigator.clipboard.writeText=="function")return await navigator.clipboard.writeText(e),!0}catch{}try{const o=document.createRange(),c=E.value;if(!c)throw new Error("no element");o.selectNodeContents(c);const r=window.getSelection();r==null||r.removeAllRanges(),r==null||r.addRange(o);const se=document.execCommand("copy");return r==null||r.removeAllRanges(),se}catch{return!1}},R=async(e,o)=>{l("copy-click",{src:e,event:o,api:d.value});try{const c=await x();l("copied",c,d.value)}catch(c){l("copy-error",c,d.value)}},te=async e=>{await R("button",e)},ne=async e=>{const o=/Mac|iPod|iPhone|iPad/.test(navigator.platform),c=(o?e.metaKey:e.ctrlKey)&&(e.key==="c"||e.key==="C"),r=(o?e.metaKey:e.ctrlKey)&&(e.key==="x"||e.key==="X");if(!s.value&&(c||r)){e.preventDefault(),e.stopPropagation();return}if(s.value&&c){if(D())return;e.preventDefault(),e.stopPropagation(),await R("keyboard",e)}},oe=async e=>{if(!s.value){e.preventDefault();return}D()||(e.preventDefault(),await R("native",e))},ae=e=>{s.value||e.preventDefault()},le=e=>{s.value||e.preventDefault()},H=()=>{a.hisonCloser.component.paragraphList[i]&&a.hisonCloser.component.paragraphList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The paragraph ID is at risk of being duplicated. ${i}`),a.registerReloadable(v,()=>{F(),t.nextTick(H)}),N(),d.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"paragraph",isVisible:()=>y.value,setVisible:e=>{y.value=e},getTitle:()=>h.value,setTitle:e=>{h.value=e||""},getText:()=>U.value?"":p.value,setText:e=>{U.value||(p.value=e??"")},getTextAlign:()=>w.value,setTextAlign:e=>{(e==="left"||e==="center"||e==="right")&&(w.value=e)},getVerticalAlign:()=>S.value,setVerticalAlign:e=>{S.value=e},isFontBold:()=>g.value,setFontBold:e=>{g.value=e},isFontItalic:()=>C.value,setFontItalic:e=>{C.value=e},isFontThruline:()=>m.value,setFontThruline:e=>{m.value=e},isFontUnderline:()=>b.value,setFontUnderline:e=>{b.value=e},isBorder:()=>T.value,setBorder:e=>{T.value=e},getBackgroundType:()=>f.value,setBackgroundType:e=>{f.value=e},getWhiteSpace:()=>B.value,setWhiteSpace:e=>{B.value=e},getCopyButtonText:()=>A.value,setCopyButtonText:e=>{A.value=e},isCopyEnabled:()=>s.value,setCopyEnabled:e=>{s.value=e},isShowCopyButton:()=>k.value,setShowCopyButton:e=>{k.value=e},copy:async()=>await x(),reload:()=>a.reloadHisonComponent(v)},a.hisonCloser.component.paragraphList[i]=d.value,l("mounted",d.value)},F=()=>{a.unregisterReloadable(v),delete a.hisonCloser.component.paragraphList[i]};return t.onMounted(H),t.onBeforeUnmount(F),t.watch(u,e=>{N(),l("responsive-change",e)}),t.watch(()=>n.visible,e=>{const o=!!e;o!==y.value&&(y.value=o)}),t.watch(()=>n.title,e=>{const o=e??"";o!==h.value&&(h.value=o)}),t.watch(()=>n.text,e=>{const o=e??"";!U.value&&o!==p.value&&(p.value=o)}),t.watch(()=>n.fontBold,e=>{const o=!!e;o!==g.value&&(g.value=o)}),t.watch(()=>n.fontItalic,e=>{const o=!!e;o!==C.value&&(C.value=o)}),t.watch(()=>n.fontThruline,e=>{const o=!!e;o!==m.value&&(m.value=o)}),t.watch(()=>n.fontUnderline,e=>{const o=!!e;o!==b.value&&(b.value=o)}),t.watch(()=>n.textAlign,e=>{e&&e!==w.value&&(e==="left"||e==="center"||e==="right")&&(w.value=e)}),t.watch(()=>n.verticalAlign,e=>{e&&e!==S.value&&(e==="top"||e==="middle"||e==="bottom")&&(S.value=e)}),t.watch(()=>n.whiteSpace,e=>{const o=e??null;o!==B.value&&(B.value=o)}),t.watch(()=>n.border,e=>{const o=!!e;o!==T.value&&(T.value=o)}),t.watch(()=>n.backgroundType,e=>{e&&e!==f.value&&(f.value=e)}),t.watch(()=>n.copyEnabled,e=>{const o=!!e;o!==s.value&&(s.value=o)}),t.watch(()=>n.showCopyButton,e=>{const o=!!e;o!==k.value&&(k.value=o)}),t.watch(()=>n.copyButtonText,e=>{const o=e??"copy";o!==A.value&&(A.value=o)}),t.watch(()=>n.class,()=>{N()}),{paraRef:E,paragraphMethods:t.computed(()=>t.unref(d)),props:n,id:i,copyButtonId:$,title:h,visibleClass:q,borderClass:z,backgroundType:f,backgroundTypeClass:M,fontBoldClass:G,fontItalicClass:O,fontThrulineClass:j,fontUnderlineClass:W,responsiveClassList:V,buttonClassList:Y,internalText:p,copyButtonText:A,copyEnabled:s,showCopyButton:k,hasElementSlot:U,hasAnySlot:K,whiteSpaceClass:Q,textAlignClass:Z,verticalAlignClass:_,copyGuardClass:X,onKeydown:ne,onCopyEvent:oe,onCutEvent:ae,onSelectStart:le,onCopyButtonClick:te}}}),ce={key:0,class:"hison-paragraph-copybtn"},de=["title"];function pe(n,l,E,d,i,$){const v=t.resolveComponent("HButton");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper","hison-paragraph-wrapper",...n.responsiveClassList,n.visibleClass])},[n.copyEnabled&&n.showCopyButton?(t.openBlock(),t.createElementBlock("div",ce,[t.renderSlot(n.$slots,"copy-button",{onClick:n.onCopyButtonClick,text:n.copyButtonText},()=>[t.createVNode(v,{id:n.copyButtonId,class:t.normalizeClass([...n.buttonClassList,"hison-size-s"]),border:!0,text:n.copyButtonText,"background-type":n.backgroundType,onClick:n.onCopyButtonClick,title:"Copy content"},t.createSlots({default:t.withCtx(()=>[n.$slots["copy-label"]?t.renderSlot(n.$slots,"copy-label",{key:0}):t.createCommentVNode("",!0)]),_:2},[n.$slots["copy-icon"]?{name:"icon",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"copy-icon")]),key:"0"}:void 0]),1032,["id","class","text","background-type","onClick"])])])):t.createCommentVNode("",!0),t.createElementVNode("p",{ref:"paraRef",class:t.normalizeClass(["hison-paragraph",[n.borderClass,n.backgroundTypeClass,n.fontBoldClass,n.fontItalicClass,n.fontThrulineClass,n.fontUnderlineClass,n.whiteSpaceClass,n.textAlignClass,n.verticalAlignClass,n.copyGuardClass]]),style:t.normalizeStyle(n.props.style),title:n.title||void 0,tabindex:"0",onKeydown:l[0]||(l[0]=(...u)=>n.onKeydown&&n.onKeydown(...u)),onCopy:l[1]||(l[1]=(...u)=>n.onCopyEvent&&n.onCopyEvent(...u)),onCut:l[2]||(l[2]=(...u)=>n.onCutEvent&&n.onCutEvent(...u)),onSelectstart:l[3]||(l[3]=(...u)=>n.onSelectStart&&n.onSelectStart(...u))},[n.hasElementSlot?t.renderSlot(n.$slots,"default",{key:0}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(n.internalText),1)],64))],46,de)],2)}const fe=re._export_sfc(ue,[["render",pe]]);exports.default=fe;

package/dist/{HPopup-BYisJa_1.mjs → HPopup-B7lscsTs.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as Ie, ref as o, computed as d, onMounted as Re, onBeforeUnmount as Me, watch as n, unref as F, nextTick as Z, resolveComponent as Ee, createElementBlock as ne, openBlock as se, normalizeClass as B, createCommentVNode as G, createElementVNode as V, normalizeStyle as J, renderSlot as W, createVNode as He, createSlots as Ve, withCtx as ae } from "vue";
-import { S as We, i as c, g as De, u as qe, j as Xe, t as ie, e as xe, b as re, h as z, r as Ue, c as Ye, d as je } from "./index-C7E7pVNE.mjs";
+import { S as We, i as c, g as De, u as qe, j as Xe, t as ie, e as xe, b as re, h as z, r as Ue, c as Ye, d as je } from "./index-lqOpF_Ng.mjs";
 import { a as Fe, r as Ze } from "./scrollManager-BGnq4wyt.mjs";
 import { _ as Ge } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const Je = {

package/dist/{HPopup-Cnt1__JS.js → HPopup-BBpZXoYa.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-CPFyQIpi.js"),Z=require("./scrollManager-CEEWQwoK.js"),ge=require("./_plugin-vue_export-helper-BHFhmbuH.js"),Ce={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},zIndex:{type:Number,default:1200},position:{type:String,default:n.ScreenPosition.middleCenter,validator:l=>n.SCREEN_POSITION_VALUES.includes(l)},left:{type:Number,default:null},top:{type:Number,default:null},width:{type:Number,default:null},height:{type:Number,default:null},draggable:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},closeClickOverlay:{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}},Se=t.defineComponent({name:"HPopup",props:Ce,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(l,{emit:c,slots:G}){const i=l.id||n.getUUID(),z=`hpopup:${i}`,E=n.useDevice(),w=t.ref(null),v=t.ref(null),s=t.ref(l.visible),J=t.ref(!0),f=t.ref(l.zIndex??1100),L=t.ref(l.position),r=t.ref(l.left??null),u=t.ref(l.top??null),m=t.ref(l.width??null),h=t.ref(l.height??null),B=t.ref(l.showOverlay),P=t.ref(l.closeClickOverlay),y=t.ref(l.scrollLock),d=t.ref(l.enterAnimationClass||"hison-popup-enter"),p=t.ref(l.leaveAnimationClass||"hison-popup-leave"),K=t.computed(()=>s.value?"":"hison-display-none"),N=t.ref([]),I=()=>{N.value=n.extractResponsiveClasses(n.toClassString(l.class)||"",E.value),n.addComponentNameToClass(N.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(N.value,"color","primary")},Q=t.computed(()=>[...n.extractPrefixedClasses(n.toClassString(l.class)||"","color")]),_=t.computed(()=>s.value&&B.value),ee=()=>{P.value&&g()},te=t.computed(()=>{const e={zIndex:f.value,position:"fixed"};if(r.value!=null||u.value!=null)return e.left=`${r.value??0}px`,e.top=`${u.value??0}px`,e;switch(e.left="",e.right="",e.top="",e.bottom="",e.transform="none",L.value){case n.ScreenPosition.topLeft:e.left="0",e.top="0";break;case n.ScreenPosition.topCenter:e.left="50%",e.top="0",e.transform="translateX(-50%)";break;case n.ScreenPosition.topRight:e.right="0",e.top="0";break;case n.ScreenPosition.middleLeft:e.left="0",e.top="50%",e.transform="translateY(-50%)";break;case n.ScreenPosition.middleCenter:e.left="50%",e.top="50%",e.transform="translate(-50%, -50%)";break;case n.ScreenPosition.middleRight:e.right="0",e.top="50%",e.transform="translateY(-50%)";break;case n.ScreenPosition.bottomLeft:e.left="0",e.bottom="0";break;case n.ScreenPosition.bottomCenter:e.left="50%",e.bottom="0",e.transform="translateX(-50%)";break;case n.ScreenPosition.bottomRight:e.right="0",e.bottom="0";break}return e}),le=t.computed(()=>{const o={zIndex:(f.value??1100)-1},a=l.overlayStyle;return a?Array.isArray(a)?[{...o},...a]:typeof a=="string"?[o,a]:{...o,...a}:o}),oe=t.computed(()=>{const e={};return m.value!=null&&(e.width=`${m.value}px`),h.value!=null&&(e.height=`${h.value}px`),e}),b=t.ref(l.border),ne=t.computed(()=>b.value?"hison-border":"hison-border-none"),se=t.computed(()=>b.value?"filled":"empty"),A=()=>{y.value&&Z.acquireScrollLock(i)},V=()=>{y.value&&Z.releaseScrollLock(i)},D=async()=>{const e=v.value;!e||!d.value||(e.classList.remove(p.value),e.offsetWidth,e.classList.add(d.value))},ae=async()=>{const e=v.value;!e||!p.value||(e.classList.remove(d.value),e.offsetWidth,e.classList.add(p.value),await new Promise(o=>setTimeout(o,200)))},$=async()=>{s.value||(s.value=!0,A(),await t.nextTick(),D(),c("open",t.unref(k)))},g=async()=>{if(s.value)try{await ae()}finally{s.value=!1,V(),c("close",t.unref(k))}},ie=async()=>s.value?g():$(),re=()=>{g()},C=t.ref(l.draggable),T=t.ref(!1);let x=0,X=0,U=0,Y=0,S=null,O=null;const ue=()=>{if(r.value==null&&u.value==null){const e=w.value;if(!e)return;const o=e.getBoundingClientRect();r.value=Math.round(o.left),u.value=Math.round(o.top)}},ce=(e,o)=>{const a=w.value;if(!a)return{l:e,t:o};const q=window.innerWidth,W=window.innerHeight,pe=a.offsetWidth,fe=a.offsetHeight,me=0,he=0,ye=Math.max(0,q-pe),be=Math.max(0,W-fe);return{l:Math.min(Math.max(e,me),ye),t:Math.min(Math.max(o,he),be)}},ve=(e,o)=>{O={l:e,t:o},S==null&&(S=requestAnimationFrame(()=>{O&&(r.value=O.l,u.value=O.t,O=null),S=null}))},M=e=>{if(!T.value)return;const o=e.clientX-x,a=e.clientY-X,{l:q,t:W}=ce(U+o,Y+a);ve(q,W)},R=()=>{T.value&&(T.value=!1,document.removeEventListener("pointermove",M,!0),document.removeEventListener("pointerup",R,!0),document.body.style.userSelect="")},de=e=>{!C.value||e.target.closest(".hison-popup-close-btn")||(ue(),T.value=!0,x=e.clientX,X=e.clientY,U=r.value??0,Y=u.value??0,document.body.style.userSelect="none",document.addEventListener("pointermove",M,!0),document.addEventListener("pointerup",R,!0))},H=()=>{S!=null&&(cancelAnimationFrame(S),S=null),document.removeEventListener("pointermove",M,!0),document.removeEventListener("pointerup",R,!0),document.body.style.userSelect="",T.value=!1},k=t.ref(null),j=()=>{n.hisonCloser.component.popupList[i]&&n.hisonCloser.component.popupList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The popup ID is at risk of being duplicated. ${i}`),n.registerReloadable(z,()=>{F(),t.nextTick(j)}),I(),s.value&&(A(),t.nextTick(D)),k.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"popup",isVisible:()=>s.value,open:$,close:g,toggle:ie,setVisible:e=>e?$():g(),getZIndex:()=>f.value,setZIndex:e=>{f.value=e},getPosition:()=>L.value,setPosition:e=>{L.value=e},getLeft:()=>r.value,setLeft:e=>{r.value=e},getTop:()=>u.value,setTop:e=>{u.value=e},getWidth:()=>m.value,setWidth:e=>{m.value=e},getHeight:()=>h.value,setHeight:e=>{h.value=e},isDraggable:()=>C.value,setDraggable:e=>{C.value=e,e||H()},isOverlayShown:()=>B.value,setOverlayShown:e=>{B.value=e},isCloseClickOverlay:()=>P.value,setCloseClickOverlay:e=>{P.value=e},isScrollLocked:()=>y.value,setScrollLock:e=>{y.value=e,s.value&&(e?A():V())},isBorder:()=>b.value,setBorder:e=>{b.value=e},getAnimationClasses:()=>({enter:d.value,leave:p.value}),setAnimationClasses:e=>{"enter"in e&&(d.value=e.enter||""),"leave"in e&&(p.value=e.leave||"")},reload:()=>n.reloadHisonComponent(z)},n.hisonCloser.component.popupList[i]=k.value,c("mounted",k.value)},F=()=>{H(),n.unregisterReloadable(z),delete n.hisonCloser.component.popupList[i],s.value&&V()};return t.onMounted(j),t.onBeforeUnmount(F),t.watch(E,e=>{I(),c("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o!==s.value&&(o?$():g())}),t.watch(()=>l.zIndex,e=>{const o=Number(e??1100);o!==f.value&&(f.value=o)}),t.watch(()=>l.position,e=>{e&&e!==L.value&&(L.value=e)}),t.watch(()=>l.left,e=>{const o=e==null?null:Number(e);o!==r.value&&(r.value=o)}),t.watch(()=>l.top,e=>{const o=e==null?null:Number(e);o!==u.value&&(u.value=o)}),t.watch(()=>l.width,e=>{const o=e==null?null:Number(e);o!==m.value&&(m.value=o)}),t.watch(()=>l.height,e=>{const o=e==null?null:Number(e);o!==h.value&&(h.value=o)}),t.watch(()=>l.draggable,e=>{const o=!!e;o!==C.value&&(C.value=o,o||H())}),t.watch(()=>l.showOverlay,e=>{const o=!!e;o!==B.value&&(B.value=o)}),t.watch(()=>l.closeClickOverlay,e=>{const o=!!e;o!==P.value&&(P.value=o)}),t.watch(()=>l.scrollLock,e=>{const o=!!e;o!==y.value&&(y.value=o,s.value&&(o?A():V()))}),t.watch(()=>l.border,e=>{const o=!!e;o!==b.value&&(b.value=o)}),t.watch(()=>l.enterAnimationClass,e=>{const o=e||"hison-popup-enter";o!==d.value&&(d.value=o)}),t.watch(()=>l.leaveAnimationClass,e=>{const o=e||"hison-popup-leave";o!==p.value&&(p.value=o)}),t.watch(()=>l.class,()=>{I()}),{id:i,props:l,popupRef:v,popupWrapperRef:w,visibleClass:K,responsiveClassList:N,childClassList:Q,borderClass:ne,wrapperStyle:te,overlayStyleWithZ:le,isOverlayVisible:_,sizeStyle:oe,closeButtonVisible:J,closeButtonBackgroundType:se,closeButtonText:"X",closeButtonTitle:"Close",draggable:C,onClickCloseButton:re,onOverlayClick:ee,onTopbarPointerDown:de,popupMethods:t.computed(()=>t.unref(k))}}}),ke={class:t.normalizeClass(["hison-popup-body"])};function we(l,c,G,i,z,E){const w=t.resolveComponent("HButton");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-layer-host",l.visibleClass])},[l.isOverlayVisible?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-popup-overlay",style:t.normalizeStyle(l.overlayStyleWithZ),onClick:c[0]||(c[0]=(...v)=>l.onOverlayClick&&l.onOverlayClick(...v))},null,4)):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"popupWrapperRef",class:t.normalizeClass(["hison-popup-wrapper",...l.responsiveClassList]),style:t.normalizeStyle(l.wrapperStyle)},[t.createElementVNode("div",{ref:"popupRef",class:t.normalizeClass(["hison-popup",l.borderClass]),style:t.normalizeStyle([l.sizeStyle,l.props.style]),role:"dialog"},[t.createElementVNode("div",{class:t.normalizeClass(["hison-popup-topbar",l.draggable?"hison-draggable":""]),onPointerdown:c[1]||(c[1]=(...v)=>l.onTopbarPointerDown&&l.onTopbarPointerDown(...v))},[l.closeButtonVisible?t.renderSlot(l.$slots,"close-button",{key:0,onClick:l.onClickCloseButton,text:l.closeButtonText,title:l.closeButtonTitle||"Close"},()=>[t.createVNode(w,{id:`hison_popup_close_${l.id}`,class:t.normalizeClass(["hison-popup-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s",...l.childClassList]),text:l.closeButtonText,title:l.closeButtonTitle||"Close",border:!1,"background-type":l.closeButtonBackgroundType,onClick:l.onClickCloseButton},t.createSlots({default:t.withCtx(()=>[l.$slots["close-label"]?t.renderSlot(l.$slots,"close-label",{key:0}):t.createCommentVNode("",!0)]),_:2},[l.$slots["close-icon"]?{name:"icon",fn:t.withCtx(()=>[t.renderSlot(l.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","class","text","title","background-type","onClick"])]):t.createCommentVNode("",!0)],34),t.createElementVNode("div",ke,[t.renderSlot(l.$slots,"default")])],6)],6)],2)}const Le=ge._export_sfc(Se,[["render",we]]);exports.default=Le;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-nNWQ7mcU.js"),Z=require("./scrollManager-CEEWQwoK.js"),ge=require("./_plugin-vue_export-helper-BHFhmbuH.js"),Ce={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},zIndex:{type:Number,default:1200},position:{type:String,default:n.ScreenPosition.middleCenter,validator:l=>n.SCREEN_POSITION_VALUES.includes(l)},left:{type:Number,default:null},top:{type:Number,default:null},width:{type:Number,default:null},height:{type:Number,default:null},draggable:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},closeClickOverlay:{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}},Se=t.defineComponent({name:"HPopup",props:Ce,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(l,{emit:c,slots:G}){const i=l.id||n.getUUID(),z=`hpopup:${i}`,E=n.useDevice(),w=t.ref(null),v=t.ref(null),s=t.ref(l.visible),J=t.ref(!0),f=t.ref(l.zIndex??1100),L=t.ref(l.position),r=t.ref(l.left??null),u=t.ref(l.top??null),m=t.ref(l.width??null),h=t.ref(l.height??null),B=t.ref(l.showOverlay),P=t.ref(l.closeClickOverlay),y=t.ref(l.scrollLock),d=t.ref(l.enterAnimationClass||"hison-popup-enter"),p=t.ref(l.leaveAnimationClass||"hison-popup-leave"),K=t.computed(()=>s.value?"":"hison-display-none"),N=t.ref([]),I=()=>{N.value=n.extractResponsiveClasses(n.toClassString(l.class)||"",E.value),n.addComponentNameToClass(N.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(N.value,"color","primary")},Q=t.computed(()=>[...n.extractPrefixedClasses(n.toClassString(l.class)||"","color")]),_=t.computed(()=>s.value&&B.value),ee=()=>{P.value&&g()},te=t.computed(()=>{const e={zIndex:f.value,position:"fixed"};if(r.value!=null||u.value!=null)return e.left=`${r.value??0}px`,e.top=`${u.value??0}px`,e;switch(e.left="",e.right="",e.top="",e.bottom="",e.transform="none",L.value){case n.ScreenPosition.topLeft:e.left="0",e.top="0";break;case n.ScreenPosition.topCenter:e.left="50%",e.top="0",e.transform="translateX(-50%)";break;case n.ScreenPosition.topRight:e.right="0",e.top="0";break;case n.ScreenPosition.middleLeft:e.left="0",e.top="50%",e.transform="translateY(-50%)";break;case n.ScreenPosition.middleCenter:e.left="50%",e.top="50%",e.transform="translate(-50%, -50%)";break;case n.ScreenPosition.middleRight:e.right="0",e.top="50%",e.transform="translateY(-50%)";break;case n.ScreenPosition.bottomLeft:e.left="0",e.bottom="0";break;case n.ScreenPosition.bottomCenter:e.left="50%",e.bottom="0",e.transform="translateX(-50%)";break;case n.ScreenPosition.bottomRight:e.right="0",e.bottom="0";break}return e}),le=t.computed(()=>{const o={zIndex:(f.value??1100)-1},a=l.overlayStyle;return a?Array.isArray(a)?[{...o},...a]:typeof a=="string"?[o,a]:{...o,...a}:o}),oe=t.computed(()=>{const e={};return m.value!=null&&(e.width=`${m.value}px`),h.value!=null&&(e.height=`${h.value}px`),e}),b=t.ref(l.border),ne=t.computed(()=>b.value?"hison-border":"hison-border-none"),se=t.computed(()=>b.value?"filled":"empty"),A=()=>{y.value&&Z.acquireScrollLock(i)},V=()=>{y.value&&Z.releaseScrollLock(i)},D=async()=>{const e=v.value;!e||!d.value||(e.classList.remove(p.value),e.offsetWidth,e.classList.add(d.value))},ae=async()=>{const e=v.value;!e||!p.value||(e.classList.remove(d.value),e.offsetWidth,e.classList.add(p.value),await new Promise(o=>setTimeout(o,200)))},$=async()=>{s.value||(s.value=!0,A(),await t.nextTick(),D(),c("open",t.unref(k)))},g=async()=>{if(s.value)try{await ae()}finally{s.value=!1,V(),c("close",t.unref(k))}},ie=async()=>s.value?g():$(),re=()=>{g()},C=t.ref(l.draggable),T=t.ref(!1);let x=0,X=0,U=0,Y=0,S=null,O=null;const ue=()=>{if(r.value==null&&u.value==null){const e=w.value;if(!e)return;const o=e.getBoundingClientRect();r.value=Math.round(o.left),u.value=Math.round(o.top)}},ce=(e,o)=>{const a=w.value;if(!a)return{l:e,t:o};const q=window.innerWidth,W=window.innerHeight,pe=a.offsetWidth,fe=a.offsetHeight,me=0,he=0,ye=Math.max(0,q-pe),be=Math.max(0,W-fe);return{l:Math.min(Math.max(e,me),ye),t:Math.min(Math.max(o,he),be)}},ve=(e,o)=>{O={l:e,t:o},S==null&&(S=requestAnimationFrame(()=>{O&&(r.value=O.l,u.value=O.t,O=null),S=null}))},M=e=>{if(!T.value)return;const o=e.clientX-x,a=e.clientY-X,{l:q,t:W}=ce(U+o,Y+a);ve(q,W)},R=()=>{T.value&&(T.value=!1,document.removeEventListener("pointermove",M,!0),document.removeEventListener("pointerup",R,!0),document.body.style.userSelect="")},de=e=>{!C.value||e.target.closest(".hison-popup-close-btn")||(ue(),T.value=!0,x=e.clientX,X=e.clientY,U=r.value??0,Y=u.value??0,document.body.style.userSelect="none",document.addEventListener("pointermove",M,!0),document.addEventListener("pointerup",R,!0))},H=()=>{S!=null&&(cancelAnimationFrame(S),S=null),document.removeEventListener("pointermove",M,!0),document.removeEventListener("pointerup",R,!0),document.body.style.userSelect="",T.value=!1},k=t.ref(null),j=()=>{n.hisonCloser.component.popupList[i]&&n.hisonCloser.component.popupList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The popup ID is at risk of being duplicated. ${i}`),n.registerReloadable(z,()=>{F(),t.nextTick(j)}),I(),s.value&&(A(),t.nextTick(D)),k.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"popup",isVisible:()=>s.value,open:$,close:g,toggle:ie,setVisible:e=>e?$():g(),getZIndex:()=>f.value,setZIndex:e=>{f.value=e},getPosition:()=>L.value,setPosition:e=>{L.value=e},getLeft:()=>r.value,setLeft:e=>{r.value=e},getTop:()=>u.value,setTop:e=>{u.value=e},getWidth:()=>m.value,setWidth:e=>{m.value=e},getHeight:()=>h.value,setHeight:e=>{h.value=e},isDraggable:()=>C.value,setDraggable:e=>{C.value=e,e||H()},isOverlayShown:()=>B.value,setOverlayShown:e=>{B.value=e},isCloseClickOverlay:()=>P.value,setCloseClickOverlay:e=>{P.value=e},isScrollLocked:()=>y.value,setScrollLock:e=>{y.value=e,s.value&&(e?A():V())},isBorder:()=>b.value,setBorder:e=>{b.value=e},getAnimationClasses:()=>({enter:d.value,leave:p.value}),setAnimationClasses:e=>{"enter"in e&&(d.value=e.enter||""),"leave"in e&&(p.value=e.leave||"")},reload:()=>n.reloadHisonComponent(z)},n.hisonCloser.component.popupList[i]=k.value,c("mounted",k.value)},F=()=>{H(),n.unregisterReloadable(z),delete n.hisonCloser.component.popupList[i],s.value&&V()};return t.onMounted(j),t.onBeforeUnmount(F),t.watch(E,e=>{I(),c("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o!==s.value&&(o?$():g())}),t.watch(()=>l.zIndex,e=>{const o=Number(e??1100);o!==f.value&&(f.value=o)}),t.watch(()=>l.position,e=>{e&&e!==L.value&&(L.value=e)}),t.watch(()=>l.left,e=>{const o=e==null?null:Number(e);o!==r.value&&(r.value=o)}),t.watch(()=>l.top,e=>{const o=e==null?null:Number(e);o!==u.value&&(u.value=o)}),t.watch(()=>l.width,e=>{const o=e==null?null:Number(e);o!==m.value&&(m.value=o)}),t.watch(()=>l.height,e=>{const o=e==null?null:Number(e);o!==h.value&&(h.value=o)}),t.watch(()=>l.draggable,e=>{const o=!!e;o!==C.value&&(C.value=o,o||H())}),t.watch(()=>l.showOverlay,e=>{const o=!!e;o!==B.value&&(B.value=o)}),t.watch(()=>l.closeClickOverlay,e=>{const o=!!e;o!==P.value&&(P.value=o)}),t.watch(()=>l.scrollLock,e=>{const o=!!e;o!==y.value&&(y.value=o,s.value&&(o?A():V()))}),t.watch(()=>l.border,e=>{const o=!!e;o!==b.value&&(b.value=o)}),t.watch(()=>l.enterAnimationClass,e=>{const o=e||"hison-popup-enter";o!==d.value&&(d.value=o)}),t.watch(()=>l.leaveAnimationClass,e=>{const o=e||"hison-popup-leave";o!==p.value&&(p.value=o)}),t.watch(()=>l.class,()=>{I()}),{id:i,props:l,popupRef:v,popupWrapperRef:w,visibleClass:K,responsiveClassList:N,childClassList:Q,borderClass:ne,wrapperStyle:te,overlayStyleWithZ:le,isOverlayVisible:_,sizeStyle:oe,closeButtonVisible:J,closeButtonBackgroundType:se,closeButtonText:"X",closeButtonTitle:"Close",draggable:C,onClickCloseButton:re,onOverlayClick:ee,onTopbarPointerDown:de,popupMethods:t.computed(()=>t.unref(k))}}}),ke={class:t.normalizeClass(["hison-popup-body"])};function we(l,c,G,i,z,E){const w=t.resolveComponent("HButton");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-layer-host",l.visibleClass])},[l.isOverlayVisible?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-popup-overlay",style:t.normalizeStyle(l.overlayStyleWithZ),onClick:c[0]||(c[0]=(...v)=>l.onOverlayClick&&l.onOverlayClick(...v))},null,4)):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"popupWrapperRef",class:t.normalizeClass(["hison-popup-wrapper",...l.responsiveClassList]),style:t.normalizeStyle(l.wrapperStyle)},[t.createElementVNode("div",{ref:"popupRef",class:t.normalizeClass(["hison-popup",l.borderClass]),style:t.normalizeStyle([l.sizeStyle,l.props.style]),role:"dialog"},[t.createElementVNode("div",{class:t.normalizeClass(["hison-popup-topbar",l.draggable?"hison-draggable":""]),onPointerdown:c[1]||(c[1]=(...v)=>l.onTopbarPointerDown&&l.onTopbarPointerDown(...v))},[l.closeButtonVisible?t.renderSlot(l.$slots,"close-button",{key:0,onClick:l.onClickCloseButton,text:l.closeButtonText,title:l.closeButtonTitle||"Close"},()=>[t.createVNode(w,{id:`hison_popup_close_${l.id}`,class:t.normalizeClass(["hison-popup-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s",...l.childClassList]),text:l.closeButtonText,title:l.closeButtonTitle||"Close",border:!1,"background-type":l.closeButtonBackgroundType,onClick:l.onClickCloseButton},t.createSlots({default:t.withCtx(()=>[l.$slots["close-label"]?t.renderSlot(l.$slots,"close-label",{key:0}):t.createCommentVNode("",!0)]),_:2},[l.$slots["close-icon"]?{name:"icon",fn:t.withCtx(()=>[t.renderSlot(l.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","class","text","title","background-type","onClick"])]):t.createCommentVNode("",!0)],34),t.createElementVNode("div",ke,[t.renderSlot(l.$slots,"default")])],6)],6)],2)}const Le=ge._export_sfc(Se,[["render",we]]);exports.default=Le;

package/dist/{HSpinner-CMZ2W-GY.js → HSpinner--MbdeUop.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-CPFyQIpi.js"),V=require("./scrollManager-CEEWQwoK.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),H={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1500},position:{type:String,default:t.ScreenPosition.middleCenter,validator:s=>t.SCREEN_POSITION_VALUES.includes(s)},overlayStyle:{type:[String,Object,Array],required:!1},timeoutMs:{type:Number,default:0},spinnerType:{type:String,default:"ring",validator:s=>["ring","dots","bars","pulse"].includes(s)}},O=e.defineComponent({name:"HSpinner",props:H,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle"],setup(s,{emit:o}){const l=s.id||t.getUUID(),y=`hspinner:${l}`,k=t.useDevice(),N=e.ref(null),I=e.ref(null),i=e.ref(s.visible),c=e.ref(s.zIndex??1400),m=e.ref(s.position),f=e.ref(s.overlayStyle),p=e.ref(s.timeoutMs??0),u=e.ref(s.spinnerType),B=e.computed(()=>i.value?"":"hison-display-none"),L=e.computed(()=>`hison-spinner-type-${u.value}`),h=e.ref([]),C=()=>{h.value=t.extractResponsiveClasses(t.toClassString(s.class)||"",k.value),t.addComponentNameToClass(h.value,"size",t.hisonCloser.componentStyle.size),t.addComponentNameToClass(h.value,"color","primary")},R=e.computed(()=>{const n={zIndex:c.value};switch(n.left="",n.right="",n.top="",n.bottom="",n.transform="none",m.value){case t.ScreenPosition.topLeft:n.left="5%",n.top="5%";break;case t.ScreenPosition.topCenter:n.left="50%",n.top="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.topRight:n.right="5%",n.top="5%";break;case t.ScreenPosition.middleLeft:n.left="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.middleCenter:n.left="50%",n.top="50%",n.transform="translate(-50%, -50%)";break;case t.ScreenPosition.middleRight:n.right="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.bottomLeft:n.left="5%",n.bottom="5%";break;case t.ScreenPosition.bottomCenter:n.left="50%",n.bottom="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.bottomRight:n.right="5%",n.bottom="5%";break}return n}),M=e.computed(()=>{const r={zIndex:(c.value??1400)-1},d=f.value;return d?Array.isArray(d)?[{...r},...d]:typeof d=="string"?[r,d]:{...r,...d}:r});let g=null;const T=()=>{g!=null&&(clearTimeout(g),g=null)},b=()=>{T(),p.value>0&&(g=window.setTimeout(()=>{v()},p.value))},w=()=>V.acquireScrollLock(l),E=()=>V.releaseScrollLock(l),S=async()=>{i.value||(i.value=!0,w(),await e.nextTick(),b(),o("open",e.unref(a)))},v=async()=>{if(i.value)try{T()}finally{i.value=!1,E(),o("close",e.unref(a))}},q=async()=>{i.value?await v():await S(),o("toggle",e.unref(a))},a=e.ref(null),z=()=>{t.hisonCloser.component.spinnerList[l]&&t.hisonCloser.component.spinnerList[l].isHisonvueComponent&&console.warn(`[Hisonvue] The spinner ID is at risk of being duplicated. ${l}`),t.registerReloadable(y,()=>{P(),e.nextTick(z)}),C(),i.value&&(w(),b()),a.value={isHisonvueComponent:!0,getId:()=>l,getType:()=>"spinner",isVisible:()=>i.value,open:S,close:v,toggle:q,setVisible:n=>n?S():v(),getZIndex:()=>c.value,setZIndex:n=>{c.value=n},getPosition:()=>m.value,setPosition:n=>{m.value=n},getTimeout:()=>p.value,setTimeout:n=>{p.value=Math.max(0,Number(n)||0),i.value&&b()},getSpinnerType:()=>u.value,setSpinnerType:n=>{u.value=n},getOverlayStyle:()=>f.value,setOverlayStyle:n=>{f.value=n},reload:()=>t.reloadHisonComponent(y)},t.hisonCloser.component.spinnerList[l]=a.value,o("mounted",a.value)},P=()=>{t.unregisterReloadable(y),delete t.hisonCloser.component.spinnerList[l],T(),i.value&&E()};return e.onMounted(z),e.onBeforeUnmount(P),e.watch(k,n=>{C(),o("responsive-change",n)}),e.watch(()=>s.visible,n=>{const r=!!n;r!==i.value&&(r?S():v())}),e.watch(()=>s.zIndex,n=>{const r=Number(n??1400);r!==c.value&&(c.value=r)}),e.watch(()=>s.position,n=>{n&&n!==m.value&&(m.value=n)}),e.watch(()=>s.overlayStyle,n=>{n!==f.value&&(f.value=n)}),e.watch(()=>s.timeoutMs,n=>{const r=Math.max(0,Number(n)||0);r!==p.value&&(p.value=r,i.value&&b())}),e.watch(()=>s.spinnerType,n=>{n&&n!==u.value&&(u.value=n)}),e.watch(()=>s.class,()=>{C()}),{id:l,props:s,wrapperRef:N,spinnerRef:I,visible:i,visibleClass:B,responsiveClassList:h,overlayStyleWithZ:M,wrapperStyle:R,spinnerType:u,spinnerTypeClass:L,spinnerMethods:e.computed(()=>e.unref(a))}}}),$={key:0,class:"hison-spinner-ring"},j={key:1,class:"hison-spinner-dots"},U={key:2,class:"hison-spinner-bars"},Z={key:3,class:"hison-spinner-pulse"};function x(s,o,l,y,k,N){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-layer-host",s.visibleClass])},[s.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hison-spinner-overlay",style:e.normalizeStyle(s.overlayStyleWithZ)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"wrapperRef",class:e.normalizeClass(["hison-spinner-wrapper",...s.responsiveClassList]),style:e.normalizeStyle(s.wrapperStyle)},[e.createElementVNode("div",{ref:"spinnerRef",class:e.normalizeClass(["hison-spinner",s.spinnerTypeClass]),style:e.normalizeStyle(s.props.style),role:"status","aria-live":"polite","aria-busy":"true"},[e.renderSlot(s.$slots,"spinner",{spinnerEl:s.spinnerRef,spinner:s.spinnerMethods,type:s.spinnerType},()=>[s.spinnerType==="ring"?(e.openBlock(),e.createElementBlock("div",$,o[0]||(o[0]=[e.createStaticVNode('<span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span>',7)]))):s.spinnerType==="dots"?(e.openBlock(),e.createElementBlock("div",j,o[1]||(o[1]=[e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1)]))):s.spinnerType==="bars"?(e.openBlock(),e.createElementBlock("div",U,o[2]||(o[2]=[e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Z,o[3]||(o[3]=[e.createElementVNode("span",{class:"hison-spinner-pulse-span"},null,-1)])))])],6)],6)],2)}const D=A._export_sfc(O,[["render",x]]);exports.default=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-nNWQ7mcU.js"),V=require("./scrollManager-CEEWQwoK.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),H={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1500},position:{type:String,default:t.ScreenPosition.middleCenter,validator:s=>t.SCREEN_POSITION_VALUES.includes(s)},overlayStyle:{type:[String,Object,Array],required:!1},timeoutMs:{type:Number,default:0},spinnerType:{type:String,default:"ring",validator:s=>["ring","dots","bars","pulse"].includes(s)}},O=e.defineComponent({name:"HSpinner",props:H,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle"],setup(s,{emit:o}){const l=s.id||t.getUUID(),y=`hspinner:${l}`,k=t.useDevice(),N=e.ref(null),I=e.ref(null),i=e.ref(s.visible),c=e.ref(s.zIndex??1400),m=e.ref(s.position),f=e.ref(s.overlayStyle),p=e.ref(s.timeoutMs??0),u=e.ref(s.spinnerType),B=e.computed(()=>i.value?"":"hison-display-none"),L=e.computed(()=>`hison-spinner-type-${u.value}`),h=e.ref([]),C=()=>{h.value=t.extractResponsiveClasses(t.toClassString(s.class)||"",k.value),t.addComponentNameToClass(h.value,"size",t.hisonCloser.componentStyle.size),t.addComponentNameToClass(h.value,"color","primary")},R=e.computed(()=>{const n={zIndex:c.value};switch(n.left="",n.right="",n.top="",n.bottom="",n.transform="none",m.value){case t.ScreenPosition.topLeft:n.left="5%",n.top="5%";break;case t.ScreenPosition.topCenter:n.left="50%",n.top="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.topRight:n.right="5%",n.top="5%";break;case t.ScreenPosition.middleLeft:n.left="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.middleCenter:n.left="50%",n.top="50%",n.transform="translate(-50%, -50%)";break;case t.ScreenPosition.middleRight:n.right="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.bottomLeft:n.left="5%",n.bottom="5%";break;case t.ScreenPosition.bottomCenter:n.left="50%",n.bottom="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.bottomRight:n.right="5%",n.bottom="5%";break}return n}),M=e.computed(()=>{const r={zIndex:(c.value??1400)-1},d=f.value;return d?Array.isArray(d)?[{...r},...d]:typeof d=="string"?[r,d]:{...r,...d}:r});let g=null;const T=()=>{g!=null&&(clearTimeout(g),g=null)},b=()=>{T(),p.value>0&&(g=window.setTimeout(()=>{v()},p.value))},w=()=>V.acquireScrollLock(l),E=()=>V.releaseScrollLock(l),S=async()=>{i.value||(i.value=!0,w(),await e.nextTick(),b(),o("open",e.unref(a)))},v=async()=>{if(i.value)try{T()}finally{i.value=!1,E(),o("close",e.unref(a))}},q=async()=>{i.value?await v():await S(),o("toggle",e.unref(a))},a=e.ref(null),z=()=>{t.hisonCloser.component.spinnerList[l]&&t.hisonCloser.component.spinnerList[l].isHisonvueComponent&&console.warn(`[Hisonvue] The spinner ID is at risk of being duplicated. ${l}`),t.registerReloadable(y,()=>{P(),e.nextTick(z)}),C(),i.value&&(w(),b()),a.value={isHisonvueComponent:!0,getId:()=>l,getType:()=>"spinner",isVisible:()=>i.value,open:S,close:v,toggle:q,setVisible:n=>n?S():v(),getZIndex:()=>c.value,setZIndex:n=>{c.value=n},getPosition:()=>m.value,setPosition:n=>{m.value=n},getTimeout:()=>p.value,setTimeout:n=>{p.value=Math.max(0,Number(n)||0),i.value&&b()},getSpinnerType:()=>u.value,setSpinnerType:n=>{u.value=n},getOverlayStyle:()=>f.value,setOverlayStyle:n=>{f.value=n},reload:()=>t.reloadHisonComponent(y)},t.hisonCloser.component.spinnerList[l]=a.value,o("mounted",a.value)},P=()=>{t.unregisterReloadable(y),delete t.hisonCloser.component.spinnerList[l],T(),i.value&&E()};return e.onMounted(z),e.onBeforeUnmount(P),e.watch(k,n=>{C(),o("responsive-change",n)}),e.watch(()=>s.visible,n=>{const r=!!n;r!==i.value&&(r?S():v())}),e.watch(()=>s.zIndex,n=>{const r=Number(n??1400);r!==c.value&&(c.value=r)}),e.watch(()=>s.position,n=>{n&&n!==m.value&&(m.value=n)}),e.watch(()=>s.overlayStyle,n=>{n!==f.value&&(f.value=n)}),e.watch(()=>s.timeoutMs,n=>{const r=Math.max(0,Number(n)||0);r!==p.value&&(p.value=r,i.value&&b())}),e.watch(()=>s.spinnerType,n=>{n&&n!==u.value&&(u.value=n)}),e.watch(()=>s.class,()=>{C()}),{id:l,props:s,wrapperRef:N,spinnerRef:I,visible:i,visibleClass:B,responsiveClassList:h,overlayStyleWithZ:M,wrapperStyle:R,spinnerType:u,spinnerTypeClass:L,spinnerMethods:e.computed(()=>e.unref(a))}}}),$={key:0,class:"hison-spinner-ring"},j={key:1,class:"hison-spinner-dots"},U={key:2,class:"hison-spinner-bars"},Z={key:3,class:"hison-spinner-pulse"};function x(s,o,l,y,k,N){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-layer-host",s.visibleClass])},[s.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hison-spinner-overlay",style:e.normalizeStyle(s.overlayStyleWithZ)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"wrapperRef",class:e.normalizeClass(["hison-spinner-wrapper",...s.responsiveClassList]),style:e.normalizeStyle(s.wrapperStyle)},[e.createElementVNode("div",{ref:"spinnerRef",class:e.normalizeClass(["hison-spinner",s.spinnerTypeClass]),style:e.normalizeStyle(s.props.style),role:"status","aria-live":"polite","aria-busy":"true"},[e.renderSlot(s.$slots,"spinner",{spinnerEl:s.spinnerRef,spinner:s.spinnerMethods,type:s.spinnerType},()=>[s.spinnerType==="ring"?(e.openBlock(),e.createElementBlock("div",$,o[0]||(o[0]=[e.createStaticVNode('<span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span>',7)]))):s.spinnerType==="dots"?(e.openBlock(),e.createElementBlock("div",j,o[1]||(o[1]=[e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1)]))):s.spinnerType==="bars"?(e.openBlock(),e.createElementBlock("div",U,o[2]||(o[2]=[e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Z,o[3]||(o[3]=[e.createElementVNode("span",{class:"hison-spinner-pulse-span"},null,-1)])))])],6)],6)],2)}const D=A._export_sfc(O,[["render",x]]);exports.default=D;

package/dist/{HSpinner-DSmODrHI.mjs → HSpinner-CYbVuwRT.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as Y, ref as o, computed as S, onMounted as x, onBeforeUnmount as F, watch as p, unref as R, nextTick as q, createElementBlock as y, openBlock as m, normalizeClass as A, createCommentVNode as G, createElementVNode as r, normalizeStyle as $, renderSlot as J, createStaticVNode as K } from "vue";
-import { S as Q, i as l, g as _, u as ee, e as se, t as ne, b as B, h as C, r as te, c as ie, d as ae } from "./index-C7E7pVNE.mjs";
+import { S as Q, i as l, g as _, u as ee, e as se, t as ne, b as B, h as C, r as te, c as ie, d as ae } from "./index-lqOpF_Ng.mjs";
 import { a as oe, r as re } from "./scrollManager-BGnq4wyt.mjs";
 import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const pe = {

package/dist/{HTable-y6RSCTsB.mjs → HTable-CJFft6Z1.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as Xe, ref as a, computed as s, onMounted as Ye, onBeforeUnmount as Ze, watch as r, nextTick as f, createElementBlock as P, openBlock as G, normalizeClass as O, createElementVNode as he, normalizeStyle as Je, createCommentVNode as le, renderSlot as j, createTextVNode as Qe, toDisplayString as We } from "vue";
-import { B as xe, f as I, a1 as ae, a2 as se, T as ne, w as de, g as _e, u as et, e as tt, t as ot, b as Ce, h as N, r as rt, c as lt, d as at } from "./index-C7E7pVNE.mjs";
+import { B as xe, f as I, a1 as ae, a2 as se, T as ne, w as de, g as _e, u as et, e as tt, t as ot, b as Ce, h as N, r as rt, c as lt, d as at } from "./index-lqOpF_Ng.mjs";
 import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const nt = {
   /**