hisonvue 1.0.0

package/dist/HParagraph-BRuSeOMU.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-BmKMHsSZ.js"),se=require("./_plugin-vue_export-helper-BHFhmbuH.js"),re={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:!1},showCopyButton:{type:Boolean,default:!1},copyButtonText:{type:String,default:"copy"}},ie=t.defineComponent({name:"HParagraph",props:re,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(),N=t.computed(()=>`hison_paragraph_copy_button_${i}`),f=`hparagraph:${i}`,u=a.useDevice(),I=t.useSlots(),v=t.ref(n.visible),y=t.ref(n.title||""),p=t.ref(n.text||""),h=t.ref(n.fontBold),g=t.ref(n.fontItalic),C=t.ref(n.fontThruline),m=t.ref(n.fontUnderline),b=t.ref(n.textAlign??a.TextAlign.left),w=t.ref(n.verticalAlign),T=t.ref(n.border),B=t.ref(n.backgroundType),S=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),F=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 K=t.computed(()=>v.value?"":"hison-display-none"),q=t.computed(()=>T.value?"hison-border":""),z=t.computed(()=>{switch(B.value){case a.BackgroundType.empty:return"hison-bg-empty";case a.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),M=t.computed(()=>h.value?"hison-font-bold":""),G=t.computed(()=>g.value?"hison-font-italic":""),O=t.computed(()=>C.value?"hison-font-thruline":""),j=t.computed(()=>m.value?"hison-font-underline":""),W=t.computed(()=>s.value?"":"hison-no-select"),V=t.ref([]),R=()=>{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")},X=t.computed(()=>{const e=[];return e.push(...a.extractPrefixedClasses(a.toClassString(n.class)||"","color")),e}),Y=t.computed(()=>S.value??"pre-wrap"),J=t.computed(()=>{switch(Y.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""}}),Q=t.computed(()=>{switch(b.value){case"center":return"hison-ta-center";case"right":return"hison-ta-right";default:return"hison-ta-left"}}),Z=t.computed(()=>{switch(w.value){case"middle":return"hison-valign-middle";case"bottom":return"hison-valign-bottom";default:return""}}),_=()=>{const e=E.value;return e?e.innerText??"":""},x=async()=>{if(!s.value)return!1;const e=_();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 le=document.execCommand("copy");return r==null||r.removeAllRanges(),le}catch{return!1}},$=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)}},ee=async e=>{await $("button",e)},te=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}s.value&&c&&(e.preventDefault(),e.stopPropagation(),await $("keyboard",e))},ne=async e=>{if(!s.value){e.preventDefault();return}e.preventDefault(),await $("native",e)},oe=e=>{s.value||e.preventDefault()},ae=e=>{s.value||e.preventDefault()},D=()=>{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(f,()=>{H(),t.nextTick(D)}),R(),d.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"paragraph",isVisible:()=>v.value,setVisible:e=>{v.value=e},getTitle:()=>y.value,setTitle:e=>{y.value=e||""},getText:()=>U.value?"":p.value,setText:e=>{U.value||(p.value=e??"")},getTextAlign:()=>b.value,setTextAlign:e=>{(e==="left"||e==="center"||e==="right")&&(b.value=e)},getVerticalAlign:()=>w.value,setVerticalAlign:e=>{w.value=e},isFontBold:()=>h.value,setFontBold:e=>{h.value=e},isFontItalic:()=>g.value,setFontItalic:e=>{g.value=e},isFontThruline:()=>C.value,setFontThruline:e=>{C.value=e},isFontUnderline:()=>m.value,setFontUnderline:e=>{m.value=e},isBorder:()=>T.value,setBorder:e=>{T.value=e},getBackgroundType:()=>B.value,setBackgroundType:e=>{B.value=e},getWhiteSpace:()=>S.value,setWhiteSpace:e=>{S.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(f)},a.hisonCloser.component.paragraphList[i]=d.value,l("mounted",d.value)},H=()=>{a.unregisterReloadable(f),delete a.hisonCloser.component.paragraphList[i]};return t.onMounted(D),t.onBeforeUnmount(H),t.watch(u,e=>{R(),l("responsive-change",e)}),t.watch(()=>n.visible,e=>{const o=!!e;o!==v.value&&(v.value=o)}),t.watch(()=>n.title,e=>{const o=e??"";o!==y.value&&(y.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!==h.value&&(h.value=o)}),t.watch(()=>n.fontItalic,e=>{const o=!!e;o!==g.value&&(g.value=o)}),t.watch(()=>n.fontThruline,e=>{const o=!!e;o!==C.value&&(C.value=o)}),t.watch(()=>n.fontUnderline,e=>{const o=!!e;o!==m.value&&(m.value=o)}),t.watch(()=>n.textAlign,e=>{e&&e!==b.value&&(e==="left"||e==="center"||e==="right")&&(b.value=e)}),t.watch(()=>n.verticalAlign,e=>{e&&e!==w.value&&(e==="top"||e==="middle"||e==="bottom")&&(w.value=e)}),t.watch(()=>n.whiteSpace,e=>{const o=e??null;o!==S.value&&(S.value=o)}),t.watch(()=>n.border,e=>{const o=!!e;o!==T.value&&(T.value=o)}),t.watch(()=>n.backgroundType,e=>{e&&e!==B.value&&(B.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,()=>{R()}),{paraRef:E,paragraphMethods:t.computed(()=>t.unref(d)),props:n,id:i,copyButtonId:N,title:y,visibleClass:K,borderClass:q,backgroundTypeClass:z,fontBoldClass:M,fontItalicClass:G,fontThrulineClass:O,fontUnderlineClass:j,responsiveClassList:V,buttonClassList:X,internalText:p,copyButtonText:A,copyEnabled:s,showCopyButton:k,hasElementSlot:U,hasAnySlot:F,whiteSpaceClass:J,textAlignClass:Q,verticalAlignClass:Z,copyGuardClass:W,onKeydown:te,onCopyEvent:ne,onCutEvent:oe,onSelectStart:ae,onCopyButtonClick:ee}}}),ue={key:0,class:"hison-paragraph-copybtn"},ce=["title"];function de(n,l,E,d,i,N){const f=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",ue,[t.renderSlot(n.$slots,"copy-button",{onClick:n.onCopyButtonClick,text:n.copyButtonText},()=>[t.createVNode(f,{id:n.copyButtonId,class:t.normalizeClass([...n.buttonClassList,"hison-size-s"]),border:!0,text:n.copyButtonText,"background-type":"transparent",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","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,ce)],2)}const pe=se._export_sfc(ie,[["render",de]]);exports.default=pe;

package/dist/HParagraph-DYuB-qjY.mjs

@@ -0,0 +1,463 @@
+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 x, openBlock as F, normalizeClass as H, 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 K, a1 as De, a2 as Pe, T as Ne, g as xe, u as Fe, w as He, j as Ke, t as Y, e as qe, b as J, h as I, r as ze, c as Ge, d as Me } from "./index-DUh7pai4.mjs";
+import { _ as je } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Oe = {
+  /**
+   * Unique identifier for the paragraph.
+   * - Access methods via `hison.component.getParagraph(id)`
+   * - Duplicate `id` will throw at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class applied to the wrapper/paragraph (string / array / object supported).
+   * - Works with responsive classes like `hison-col-*`, `hison-size-*`, `hison-color-*`, etc.
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style for the content element (string, object, or an array of objects).
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Controls visibility of the paragraph.
+   * - Boolean only. Use `:visible="false"` (with a colon).
+   */
+  visible: { type: Boolean, default: !0 },
+  /**
+   * Tooltip text shown on hover (maps to the `title` attribute).
+   */
+  title: { type: String, required: !1 },
+  /**
+   * Text content (used when there is NO element slot).
+   * - Rendered as plain text (no HTML injection)
+   * - Newlines/whitespace are preserved according to `whiteSpace` (default: `'pre-wrap'`)
+   */
+  text: { type: String, required: !1 },
+  /**
+   * Bold font style toggle.
+   * - Adds `hison-font-bold` when enabled
+   */
+  fontBold: { type: Boolean, default: !1 },
+  /**
+   * Italic font style toggle.
+   * - Adds `hison-font-italic` when enabled
+   */
+  fontItalic: { type: Boolean, default: !1 },
+  /**
+   * Strikethrough font style toggle.
+   * - Adds `hison-font-thruline` when enabled
+   */
+  fontThruline: { type: Boolean, default: !1 },
+  /**
+   * Underline font style toggle.
+   * - Adds `hison-font-underline` when enabled
+   */
+  fontUnderline: { type: Boolean, default: !1 },
+  /**
+   * Horizontal text alignment.
+   * - 'left' | 'center' | 'right'
+   * - Accepts enum `TextAlign` or its literal strings
+   */
+  textAlign: {
+    type: String,
+    default: null,
+    validator: (t) => t == null || Ne.includes(t)
+  },
+  /**
+   * Vertical alignment (effective when the paragraph has vertical space).
+   * - 'top' | 'middle' | 'bottom'
+   * - Implemented by flex utility classes internally
+   */
+  verticalAlign: {
+    type: String,
+    default: Pe.top,
+    validator: (t) => De.includes(t)
+  },
+  /**
+   * Whether to show border (rendered as subtle box-shadow).
+   * - Default: false (no border)
+   */
+  border: { type: Boolean, default: !1 },
+  /**
+   * Background type for the paragraph.
+   * - 'filled' | 'empty' | 'transparent'
+   * - Default: 'empty'
+   */
+  backgroundType: {
+    type: String,
+    default: K.empty,
+    validator: (t) => $e.includes(t)
+  },
+  /**
+   * Whitespace rendering policy.
+   * - 'normal' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces' | null
+   * - When null, the component defaults to `'pre-wrap'`
+   */
+  whiteSpace: {
+    type: String,
+    default: null,
+    validator: (t) => t == null || Re.includes(t)
+  },
+  /**
+   * Enables content copy.
+   * - When true: Ctrl/Cmd+C works on focus; `copy()` API is available
+   */
+  copyEnabled: { type: Boolean, default: !1 },
+  /**
+   * Shows the copy button on the top-right corner.
+   * - Only visible when `copyEnabled` is true
+   */
+  showCopyButton: { type: Boolean, default: !1 },
+  /**
+   * Copy button label (also used for accessibility).
+   */
+  copyButtonText: { type: String, default: "copy" }
+}, We = Ce({
+  name: "HParagraph",
+  props: Oe,
+  inheritAttrs: !1,
+  emits: [
+    "mounted",
+    "responsive-change",
+    "copy-click",
+    "copied",
+    "copy-error"
+  ],
+  setup(t, { emit: s }) {
+    const L = o(null), v = o(null), u = t.id ? t.id : xe(), q = a(() => `hison_paragraph_copy_button_${u}`), f = `hparagraph:${u}`, c = Fe(), U = be(), y = o(t.visible), g = o(t.title || ""), p = o(t.text || ""), h = o(t.fontBold), C = o(t.fontItalic), b = o(t.fontThruline), m = o(t.fontUnderline), T = o(t.textAlign ?? He.left), B = o(t.verticalAlign), w = o(t.border), S = 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(() => {
+      if (z.value) {
+        const e = V.value.map((n) => String(n.children ?? "")).join("");
+        p.value = e;
+      }
+    });
+    const Z = a(() => y.value ? "" : "hison-display-none"), _ = a(() => w.value ? "hison-border" : ""), ee = a(() => {
+      switch (S.value) {
+        case K.empty:
+          return "hison-bg-empty";
+        case K.transparent:
+          return "hison-bg-transparent";
+        default:
+          return "hison-bg-filled";
+      }
+    }), te = a(() => h.value ? "hison-font-bold" : ""), ne = a(() => C.value ? "hison-font-italic" : ""), ae = a(() => b.value ? "hison-font-thruline" : ""), oe = a(() => m.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(() => {
+      const e = [];
+      return e.push(...Ke(Y(t.class) || "", "color")), e;
+    }), ie = a(() => k.value ?? "pre-wrap"), re = a(() => {
+      switch (ie.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 "";
+      }
+    }), ue = a(() => {
+      switch (T.value) {
+        case "center":
+          return "hison-ta-center";
+        case "right":
+          return "hison-ta-right";
+        default:
+          return "hison-ta-left";
+      }
+    }), ce = a(() => {
+      switch (B.value) {
+        case "middle":
+          return "hison-valign-middle";
+        case "bottom":
+          return "hison-valign-bottom";
+        default:
+          return "";
+      }
+    }), de = () => {
+      const e = L.value;
+      return e ? e.innerText ?? "" : "";
+    }, G = async () => {
+      if (!i.value) return !1;
+      const e = de();
+      try {
+        if (navigator.clipboard && typeof navigator.clipboard.writeText == "function")
+          return await navigator.clipboard.writeText(e), !0;
+      } catch {
+      }
+      try {
+        const n = document.createRange(), d = L.value;
+        if (!d) throw new Error("no element");
+        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;
+      } catch {
+        return !1;
+      }
+    }, N = async (e, n) => {
+      s("copy-click", { src: e, event: n, api: v.value });
+      try {
+        const d = await G();
+        s("copied", d, v.value);
+      } catch (d) {
+        s("copy-error", d, v.value);
+      }
+    }, ve = async (e) => {
+      await N("button", e);
+    }, pe = 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) {
+        e.preventDefault();
+        return;
+      }
+      e.preventDefault(), await N("native", e);
+    }, ye = (e) => {
+      i.value || e.preventDefault();
+    }, 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(f, () => {
+        j(), we(M);
+      }), P(), v.value = {
+        isHisonvueComponent: !0,
+        getId: () => u,
+        getType: () => "paragraph",
+        isVisible: () => y.value,
+        setVisible: (e) => {
+          y.value = e;
+        },
+        getTitle: () => g.value,
+        setTitle: (e) => {
+          g.value = e || "";
+        },
+        getText: () => R.value ? "" : p.value,
+        setText: (e) => {
+          R.value || (p.value = e ?? "");
+        },
+        getTextAlign: () => T.value,
+        setTextAlign: (e) => {
+          (e === "left" || e === "center" || e === "right") && (T.value = e);
+        },
+        getVerticalAlign: () => B.value,
+        setVerticalAlign: (e) => {
+          B.value = e;
+        },
+        isFontBold: () => h.value,
+        setFontBold: (e) => {
+          h.value = e;
+        },
+        isFontItalic: () => C.value,
+        setFontItalic: (e) => {
+          C.value = e;
+        },
+        isFontThruline: () => b.value,
+        setFontThruline: (e) => {
+          b.value = e;
+        },
+        isFontUnderline: () => m.value,
+        setFontUnderline: (e) => {
+          m.value = e;
+        },
+        isBorder: () => w.value,
+        setBorder: (e) => {
+          w.value = e;
+        },
+        getBackgroundType: () => S.value,
+        setBackgroundType: (e) => {
+          S.value = e;
+        },
+        getWhiteSpace: () => k.value,
+        setWhiteSpace: (e) => {
+          k.value = e;
+        },
+        getCopyButtonText: () => E.value,
+        setCopyButtonText: (e) => {
+          E.value = e;
+        },
+        isCopyEnabled: () => i.value,
+        setCopyEnabled: (e) => {
+          i.value = e;
+        },
+        isShowCopyButton: () => A.value,
+        setShowCopyButton: (e) => {
+          A.value = e;
+        },
+        copy: async () => await G(),
+        reload: () => Ge(f)
+      }, I.component.paragraphList[u] = v.value, s("mounted", v.value);
+    }, j = () => {
+      Me(f), delete I.component.paragraphList[u];
+    };
+    return O(M), Te(j), l(c, (e) => {
+      P(), s("responsive-change", e);
+    }), l(() => t.visible, (e) => {
+      const n = !!e;
+      n !== y.value && (y.value = n);
+    }), l(() => t.title, (e) => {
+      const n = e ?? "";
+      n !== g.value && (g.value = n);
+    }), l(() => t.text, (e) => {
+      const n = e ?? "";
+      !R.value && n !== p.value && (p.value = n);
+    }), l(() => t.fontBold, (e) => {
+      const n = !!e;
+      n !== h.value && (h.value = n);
+    }), l(() => t.fontItalic, (e) => {
+      const n = !!e;
+      n !== C.value && (C.value = n);
+    }), l(() => t.fontThruline, (e) => {
+      const n = !!e;
+      n !== b.value && (b.value = n);
+    }), l(() => t.fontUnderline, (e) => {
+      const n = !!e;
+      n !== m.value && (m.value = n);
+    }), l(() => t.textAlign, (e) => {
+      e && e !== T.value && (e === "left" || e === "center" || e === "right") && (T.value = e);
+    }), l(() => t.verticalAlign, (e) => {
+      e && e !== B.value && (e === "top" || e === "middle" || e === "bottom") && (B.value = e);
+    }), l(() => t.whiteSpace, (e) => {
+      const n = e ?? null;
+      n !== k.value && (k.value = n);
+    }), l(() => t.border, (e) => {
+      const n = !!e;
+      n !== w.value && (w.value = n);
+    }), l(() => t.backgroundType, (e) => {
+      e && e !== S.value && (S.value = e);
+    }), l(() => t.copyEnabled, (e) => {
+      const n = !!e;
+      n !== i.value && (i.value = n);
+    }), l(() => t.showCopyButton, (e) => {
+      const n = !!e;
+      n !== A.value && (A.value = n);
+    }), l(() => t.copyButtonText, (e) => {
+      const n = e ?? "copy";
+      n !== E.value && (E.value = n);
+    }), l(() => t.class, () => {
+      P();
+    }), {
+      paraRef: L,
+      paragraphMethods: a(() => Be(v)),
+      props: t,
+      id: u,
+      copyButtonId: q,
+      title: g,
+      visibleClass: Z,
+      borderClass: _,
+      backgroundTypeClass: ee,
+      fontBoldClass: te,
+      fontItalicClass: ne,
+      fontThrulineClass: ae,
+      fontUnderlineClass: oe,
+      responsiveClassList: $,
+      buttonClassList: se,
+      internalText: p,
+      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,
+      onCopyButtonClick: ve
+    };
+  }
+}), Xe = {
+  key: 0,
+  class: "hison-paragraph-copybtn"
+}, Ye = ["title"];
+function Je(t, s, L, v, u, q) {
+  const f = Se("HButton");
+  return F(), x("div", {
+    class: H([
+      "hison-wrapper",
+      "hison-paragraph-wrapper",
+      ...t.responsiveClassList,
+      t.visibleClass
+    ])
+  }, [
+    t.copyEnabled && t.showCopyButton ? (F(), x("div", Xe, [
+      D(t.$slots, "copy-button", {
+        onClick: t.onCopyButtonClick,
+        text: t.copyButtonText
+      }, () => [
+        Ae(f, {
+          id: t.copyButtonId,
+          class: H([...t.buttonClassList, "hison-size-s"]),
+          border: !0,
+          text: t.copyButtonText,
+          "background-type": "transparent",
+          onClick: t.onCopyButtonClick,
+          title: "Copy content"
+        }, Ee({
+          default: X(() => [
+            t.$slots["copy-label"] ? D(t.$slots, "copy-label", { key: 0 }) : W("", !0)
+          ]),
+          _: 2
+        }, [
+          t.$slots["copy-icon"] ? {
+            name: "icon",
+            fn: X(() => [
+              D(t.$slots, "copy-icon")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["id", "class", "text", "onClick"])
+      ])
+    ])) : W("", !0),
+    ke("p", {
+      ref: "paraRef",
+      class: H(["hison-paragraph", [
+        t.borderClass,
+        t.backgroundTypeClass,
+        t.fontBoldClass,
+        t.fontItalicClass,
+        t.fontThrulineClass,
+        t.fontUnderlineClass,
+        t.whiteSpaceClass,
+        t.textAlignClass,
+        t.verticalAlignClass,
+        t.copyGuardClass
+      ]]),
+      style: Ie(t.props.style),
+      title: t.title || void 0,
+      tabindex: "0",
+      onKeydown: s[0] || (s[0] = (...c) => t.onKeydown && t.onKeydown(...c)),
+      onCopy: s[1] || (s[1] = (...c) => t.onCopyEvent && t.onCopyEvent(...c)),
+      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 }) : (F(), x(Le, { key: 1 }, [
+        Ue(Ve(t.internalText), 1)
+      ], 64))
+    ], 46, Ye)
+  ], 2);
+}
+const et = /* @__PURE__ */ je(We, [["render", Je]]);
+export {
+  et as default
+};