hisonvue 1.1.1 → 1.1.3

package/dist/HLabel-BlczHNCh.mjs

@@ -1,369 +0,0 @@
-import { defineComponent as ie, ref as a, useSlots as ue, computed as o, Text as re, onMounted as j, onBeforeUnmount as de, watch as n, nextTick as E, unref as fe, createElementBlock as F, openBlock as L, normalizeClass as ve, createBlock as ce, resolveDynamicComponent as be, mergeProps as ge, withKeys as q, withModifiers as V, withCtx as me, renderSlot as he, Fragment as ye, createTextVNode as Te, toDisplayString as z } from "vue";
-import { B as Ae, f as M, T as Ce, g as pe, u as Be, w as b, e as Se, t as ke, b as P, h as w, r as Ie, c as we, d as Ne } from "./index-CrciHSGg.mjs";
-import { r as G, a as Ue } from "./setButtonCssEvent-BOWM7Rfs.mjs";
-import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Me = {
-  /**
-   * Unique identifier for the label.
-   * - Access methods via `hison.component.getLabel(id)`
-   * - Duplicate `id` will throw at mount time
-   */
-  id: { type: String, required: !1 },
-  /**
-   * Custom class applied to the label (string / array / object all supported).
-   * - Works with responsive classes like `hison-col-*`, `hison-size-*`, etc.
-   */
-  class: {
-    type: [String, Array, Object],
-    required: !1
-  },
-  /**
-   * Inline style for the label (string, object, or an array of objects).
-   */
-  style: {
-    type: [String, Object, Array],
-    required: !1
-  },
-  /**
-   * Controls visibility of the label.
-   * - Boolean only. Use `:visible="false"` (with a colon).
-   */
-  visible: { type: Boolean, default: !0 },
-  /**
-   * Tooltip text shown on hover (maps to `title` attribute).
-   */
-  title: { type: String, required: !1 },
-  /**
-   * Text content of the label (alternative to default slot).
-   */
-  text: { type: String, required: !1 },
-  /**
-   * When provided (non-empty), label renders an <a> instead of <span>.
-   */
-  href: { type: String, default: null },
-  /**
-   * Extra attributes forwarded to the underlying `<a>` element when `href` is set.
-   * - Maps directly to native anchor/ARIA attributes (e.g., `target`, `rel`, `download`, `aria-label`, ...).
-   * - Use this to control accessibility and advanced link behavior.
-   *
-   * Example:
-   * { target: '_blank', rel: 'noopener noreferrer', download: true, 'aria-label': 'External link' }
-   */
-  anchorAttrs: {
-    type: Object,
-    default: () => ({})
-  },
-  /**
-   * Bold font style toggle.
-   * - Boolean only
-   * - Adds `hison-font-bold` class when enabled
-   */
-  fontBold: { type: Boolean, default: !1 },
-  /**
-   * Italic font style toggle.
-   * - Boolean only
-   * - Adds `hison-font-italic` class when enabled
-   */
-  fontItalic: { type: Boolean, default: !1 },
-  /**
-   * Strikethrough font style toggle.
-   * - Boolean only
-   * - Adds `hison-font-thruline` class when enabled
-   */
-  fontThruline: { type: Boolean, default: !1 },
-  /**
-   * Underline font style toggle.
-   * - Boolean only
-   * - Adds `hison-font-underline` class when enabled
-   */
-  fontUnderline: { type: Boolean, default: !1 },
-  /**
-   * Text alignment for the input’s display text.
-   * - 'left' | 'center' | 'right'
-   * - Accepts enum `TextAlign` or its literal strings
-   */
-  textAlign: {
-    type: String,
-    default: null,
-    validator: (t) => t == null || Ce.includes(t)
-  },
-  /**
-   * Whether to show border (rendered as subtle box-shadow).
-   * - Default: false (no border)
-   */
-  border: { type: Boolean, default: !1 },
-  /**
-   * Label background type.
-   * - 'filled' | 'empty' | 'transparent'
-   * - Default: 'empty'
-   */
-  backgroundType: {
-    type: String,
-    default: M.empty,
-    validator: (t) => Ae.includes(t)
-  },
-  /**
-   * Controls keyboard focus order of the element.
-   * - `0` enables natural tab navigation, positive numbers set custom order.
-   * - `null` or `''` removes tabindex (not focusable).
-   */
-  tabIndex: {
-    type: [Number, String],
-    default: null,
-    validator: (t) => t === null || t === "" || !isNaN(+t) && isFinite(+t)
-  }
-}, He = ie({
-  name: "HLabel",
-  props: Me,
-  inheritAttrs: !1,
-  emits: ["mounted", "responsive-change", "click", "mousedown", "mouseup", "mouseover", "mouseout"],
-  setup(t, { emit: s, slots: J }) {
-    const g = a(null), m = a(null), r = t.id ? t.id : pe(), i = `hlabel:${r}`, K = Be(), H = ue(), h = a(t.visible), f = a(t.title || ""), y = a(t.textAlign ?? b.left), X = o(() => ({ textAlign: y.value })), v = a(t.href ?? null), u = a({ ...t.anchorAttrs || {} }), c = o(() => !!(v.value && String(v.value).trim())), Y = o(() => {
-      const e = { ...u.value };
-      return f.value && e.title == null && (e.title = f.value), e.href = v.value || void 0, e.download === !0 && (e.download = ""), String(e.target || "") === "_blank" && (e.rel == null || String(e.rel).trim() === "") && (e.rel = "noopener noreferrer"), e;
-    }), N = o(() => H.default ? H.default() : []), $ = o(
-      () => N.value.length > 0 && N.value.every((e) => e.type === re)
-    ), T = o(
-      () => !!H.default && !$.value
-    ), Q = o(() => T.value ? "div" : c.value ? "a" : "span"), A = a(t.fontBold), W = o(() => {
-      if (A.value) return "hison-font-bold";
-    }), C = a(t.fontItalic), Z = o(() => {
-      if (C.value) return "hison-font-italic";
-    }), p = a(t.fontThruline), _ = o(() => {
-      if (p.value) return "hison-font-thruline-important";
-    }), B = a(t.fontUnderline), ee = o(() => {
-      if (B.value) return "hison-font-underline-important";
-    }), S = a(t.border ?? !1), k = a(t.backgroundType || M.empty), te = o(() => h.value ? "" : "hison-display-none"), le = o(() => S.value ? "hison-border" : ""), ne = o(() => {
-      switch (k.value) {
-        case M.empty:
-          return "hison-bg-empty";
-        case M.transparent:
-          return "hison-bg-transparent";
-        default:
-          return "hison-bg-filled";
-      }
-    }), d = a(t.text || "");
-    j(() => {
-      if ($.value) {
-        const e = N.value.map((l) => String(l.children ?? "")).join("");
-        d.value = e;
-      }
-    });
-    const I = a(
-      t.tabIndex !== null && t.tabIndex !== "" ? Number(t.tabIndex) : null
-    ), U = a([]), x = () => {
-      U.value = Se(ke(t.class) || "", K.value), P(U.value, "size", w.componentStyle.size), P(U.value, "color", "primary");
-    }, ae = (e) => {
-      c.value && s("click", e, m.value);
-    }, oe = (e) => {
-      if (!c.value) return;
-      const l = g.value;
-      l && l.tagName === "A" && l.click();
-    }, O = (e = !0) => {
-      const l = g.value;
-      l && (G(l), e && c.value && l.tagName === "A" && Ue(l));
-    }, R = () => {
-      w.component.labelList[r] && w.component.labelList[r].isHisonvueComponent && console.warn(`[Hisonvue] The label ID is at risk of being duplicated. ${r}`), Ie(i, () => {
-        D(), E(R);
-      }), x(), E(() => O(!0)), m.value = {
-        isHisonvueComponent: !0,
-        getId: () => r,
-        getType: () => "label",
-        isVisible: () => h.value,
-        setVisible: (e) => {
-          h.value = e;
-        },
-        getTitle: () => f.value,
-        setTitle: (e) => {
-          f.value = e;
-        },
-        getText: () => T.value ? "" : d.value,
-        setText: (e) => {
-          T.value || (d.value = e);
-        },
-        getHref: () => v.value ?? "",
-        setHref: (e) => {
-          v.value = e ?? null;
-        },
-        getAnchorAttrs: () => ({ ...u.value }),
-        replaceAnchorAttrs: (e) => {
-          u.value = { ...e };
-        },
-        mergeAnchorAttrs: (e) => {
-          u.value = { ...u.value, ...e };
-        },
-        setAnchorAttr: (e, l) => {
-          u.value = { ...u.value, [e]: l };
-        },
-        removeAnchorAttr: (e) => {
-          const l = { ...u.value };
-          delete l[e], u.value = l;
-        },
-        isFontBold: () => A.value,
-        setFontBold: (e) => {
-          A.value = e;
-        },
-        isFontItalic: () => C.value,
-        setFontItalic: (e) => {
-          C.value = e;
-        },
-        isFontThruline: () => p.value,
-        setFontThruline: (e) => {
-          p.value = e;
-        },
-        isFontUnderline: () => B.value,
-        setFontUnderline: (e) => {
-          B.value = e;
-        },
-        getTextAlign: () => y.value,
-        setTextAlign: (e) => {
-          (e === b.left || e === b.center || e === b.right) && (y.value = e);
-        },
-        isBorder: () => S.value,
-        setBorder: (e) => {
-          S.value = e;
-        },
-        getBackgroundType: () => k.value,
-        setBackgroundType: (e) => {
-          k.value = e;
-        },
-        reload: () => we(i),
-        getTabIndex: () => I.value,
-        setTabIndex: (e) => {
-          I.value = e != null ? Number(e) : null;
-        },
-        focus: () => {
-          const e = g.value;
-          e && c.value && e.tagName === "A" && e.focus();
-        }
-      }, w.component.labelList[r] = m.value, s("mounted", m.value);
-    }, D = () => {
-      Ne(i);
-      const e = g.value;
-      e && G(e), delete w.component.labelList[r];
-    };
-    return j(R), de(D), n(K, (e) => {
-      x(), s("responsive-change", e);
-    }), n(c, (e) => {
-      E(() => O(e));
-    }, { flush: "post" }), n(() => t.visible, (e) => {
-      const l = !!e;
-      l !== h.value && (h.value = l);
-    }), n(() => t.title, (e) => {
-      const l = e ?? "";
-      l !== f.value && (f.value = l);
-    }), n(() => t.text, (e) => {
-      if (!T.value) {
-        const l = e ?? "";
-        l !== d.value && (d.value = l);
-      }
-    }), n(N, (e) => {
-      if ($.value) {
-        const l = e.map((se) => String(se.children ?? "")).join("");
-        l !== d.value && (d.value = l);
-      }
-    }), n(() => t.href, (e) => {
-      const l = e ?? null;
-      l !== v.value && (v.value = l);
-    }), n(() => t.anchorAttrs, (e) => {
-      const l = { ...e || {} };
-      JSON.stringify(l) !== JSON.stringify(u.value) && (u.value = l);
-    }), n(() => t.fontBold, (e) => {
-      const l = !!e;
-      l !== A.value && (A.value = l);
-    }), n(() => t.fontItalic, (e) => {
-      const l = !!e;
-      l !== C.value && (C.value = l);
-    }), n(() => t.fontThruline, (e) => {
-      const l = !!e;
-      l !== p.value && (p.value = l);
-    }), n(() => t.fontUnderline, (e) => {
-      const l = !!e;
-      l !== B.value && (B.value = l);
-    }), n(() => t.textAlign, (e) => {
-      e && e !== y.value && (e === b.left || e === b.center || e === b.right) && (y.value = e);
-    }), n(() => t.border, (e) => {
-      const l = !!e;
-      l !== S.value && (S.value = l);
-    }), n(() => t.backgroundType, (e) => {
-      e && e !== k.value && (k.value = e);
-    }), n(() => t.tabIndex, (e) => {
-      const l = e === null || e === "" ? null : Number(e);
-      l !== I.value && (I.value = l);
-    }), n(() => t.class, () => {
-      x();
-    }), {
-      labelRef: g,
-      labelMethods: o(() => fe(m)),
-      props: t,
-      title: f,
-      hasHref: c,
-      hasElementSlot: T,
-      renderTag: Q,
-      internalText: d,
-      computedAnchorAttrs: Y,
-      visibleClass: te,
-      fontBoldClass: W,
-      fontItalicClass: Z,
-      fontThrulineClass: _,
-      fontUnderlineClass: ee,
-      textAlignStyle: X,
-      borderClass: le,
-      backgroundTypeClass: ne,
-      responsiveClassList: U,
-      tabIndex: I,
-      onClick: ae,
-      onKeyActivate: oe
-    };
-  }
-}), $e = {
-  key: 2,
-  class: "hison-label-text"
-};
-function xe(t, s, J, g, m, r) {
-  return L(), F("div", {
-    class: ve([
-      "hison-wrapper",
-      ...t.responsiveClassList,
-      t.visibleClass
-    ])
-  }, [
-    (L(), ce(be(t.renderTag), ge({
-      ref: "labelRef",
-      class: [
-        "hison-label",
-        t.hasHref ? "hison-label-link" : null,
-        t.fontBoldClass,
-        t.fontItalicClass,
-        t.fontThrulineClass,
-        t.fontUnderlineClass,
-        t.borderClass,
-        t.backgroundTypeClass
-      ],
-      style: [t.textAlignStyle, t.props.style],
-      title: t.title || void 0,
-      tabindex: t.tabIndex ?? void 0
-    }, t.renderTag === "a" ? t.computedAnchorAttrs : void 0, {
-      onClick: t.onClick,
-      onMousedown: s[0] || (s[0] = (i) => t.$emit("mousedown", i, t.labelMethods)),
-      onMouseup: s[1] || (s[1] = (i) => t.$emit("mouseup", i, t.labelMethods)),
-      onMouseover: s[2] || (s[2] = (i) => t.$emit("mouseover", i, t.labelMethods)),
-      onMouseout: s[3] || (s[3] = (i) => t.$emit("mouseout", i, t.labelMethods)),
-      onKeydown: [
-        q(V(t.onKeyActivate, ["prevent"]), ["enter"]),
-        q(V(t.onKeyActivate, ["prevent"]), ["space"])
-      ]
-    }), {
-      default: me(() => [
-        t.hasElementSlot ? he(t.$slots, "default", { key: 0 }) : t.hasHref ? (L(), F(ye, { key: 1 }, [
-          Te(z(t.internalText), 1)
-        ], 64)) : (L(), F("span", $e, z(t.internalText), 1))
-      ]),
-      _: 3
-    }, 16, ["class", "style", "title", "tabindex", "onClick", "onKeydown"]))
-  ], 2);
-}
-const Re = /* @__PURE__ */ Le(He, [["render", xe]]);
-export {
-  Re as default
-};

package/dist/HLabel-vkRYvApC.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index-CPFyQIpi.js"),M=require("./setButtonCssEvent-Dv_zDL0C.js"),Y=require("./_plugin-vue_export-helper-BHFhmbuH.js"),Q={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},href:{type:String,default:null},anchorAttrs:{type:Object,default:()=>({})},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||o.TEXT_ALIGN_VALUES.includes(n)},border:{type:Boolean,default:!1},backgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)}},W=t.defineComponent({name:"HLabel",props:Q,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(n,{emit:a,slots:$}){const v=t.ref(null),h=t.ref(null),u=n.id?n.id:o.getUUID(),s=`hlabel:${u}`,E=o.useDevice(),I=t.useSlots(),g=t.ref(n.visible),c=t.ref(n.title||""),m=t.ref(n.textAlign??o.TextAlign.left),F=t.computed(()=>({textAlign:m.value})),d=t.ref(n.href??null),i=t.ref({...n.anchorAttrs||{}}),f=t.computed(()=>!!(d.value&&String(d.value).trim())),q=t.computed(()=>{const e={...i.value};return c.value&&e.title==null&&(e.title=c.value),e.href=d.value||void 0,e.download===!0&&(e.download=""),String(e.target||"")==="_blank"&&(e.rel==null||String(e.rel).trim()==="")&&(e.rel="noopener noreferrer"),e}),w=t.computed(()=>I.default?I.default():[]),x=t.computed(()=>w.value.length>0&&w.value.every(e=>e.type===t.Text)),b=t.computed(()=>!!I.default&&!x.value),K=t.computed(()=>b.value?"div":f.value?"a":"span"),y=t.ref(n.fontBold),O=t.computed(()=>{if(y.value)return"hison-font-bold"}),T=t.ref(n.fontItalic),D=t.computed(()=>{if(T.value)return"hison-font-italic"}),p=t.ref(n.fontThruline),R=t.computed(()=>{if(p.value)return"hison-font-thruline-important"}),A=t.ref(n.fontUnderline),j=t.computed(()=>{if(A.value)return"hison-font-underline-important"}),C=t.ref(n.border??!1),B=t.ref(n.backgroundType||o.BackgroundType.empty),V=t.computed(()=>g.value?"":"hison-display-none"),P=t.computed(()=>C.value?"hison-border":""),z=t.computed(()=>{switch(B.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),r=t.ref(n.text||"");t.onMounted(()=>{if(x.value){const e=w.value.map(l=>String(l.children??"")).join("");r.value=e}});const k=t.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),S=t.ref([]),N=()=>{S.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",E.value),o.addComponentNameToClass(S.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(S.value,"color","primary")},G=e=>{f.value&&a("click",e,h.value)},J=e=>{if(!f.value)return;const l=v.value;l&&l.tagName==="A"&&l.click()},U=(e=!0)=>{const l=v.value;l&&(M.removeButtonCssEvent(l),e&&f.value&&l.tagName==="A"&&M.addButtonCssEvent(l))},H=()=>{o.hisonCloser.component.labelList[u]&&o.hisonCloser.component.labelList[u].isHisonvueComponent&&console.warn(`[Hisonvue] The label ID is at risk of being duplicated. ${u}`),o.registerReloadable(s,()=>{L(),t.nextTick(H)}),N(),t.nextTick(()=>U(!0)),h.value={isHisonvueComponent:!0,getId:()=>u,getType:()=>"label",isVisible:()=>g.value,setVisible:e=>{g.value=e},getTitle:()=>c.value,setTitle:e=>{c.value=e},getText:()=>b.value?"":r.value,setText:e=>{b.value||(r.value=e)},getHref:()=>d.value??"",setHref:e=>{d.value=e??null},getAnchorAttrs:()=>({...i.value}),replaceAnchorAttrs:e=>{i.value={...e}},mergeAnchorAttrs:e=>{i.value={...i.value,...e}},setAnchorAttr:(e,l)=>{i.value={...i.value,[e]:l}},removeAnchorAttr:e=>{const l={...i.value};delete l[e],i.value=l},isFontBold:()=>y.value,setFontBold:e=>{y.value=e},isFontItalic:()=>T.value,setFontItalic:e=>{T.value=e},isFontThruline:()=>p.value,setFontThruline:e=>{p.value=e},isFontUnderline:()=>A.value,setFontUnderline:e=>{A.value=e},getTextAlign:()=>m.value,setTextAlign:e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&(m.value=e)},isBorder:()=>C.value,setBorder:e=>{C.value=e},getBackgroundType:()=>B.value,setBackgroundType:e=>{B.value=e},reload:()=>o.reloadHisonComponent(s),getTabIndex:()=>k.value,setTabIndex:e=>{k.value=e!=null?Number(e):null},focus:()=>{const e=v.value;e&&f.value&&e.tagName==="A"&&e.focus()}},o.hisonCloser.component.labelList[u]=h.value,a("mounted",h.value)},L=()=>{o.unregisterReloadable(s);const e=v.value;e&&M.removeButtonCssEvent(e),delete o.hisonCloser.component.labelList[u]};return t.onMounted(H),t.onBeforeUnmount(L),t.watch(E,e=>{N(),a("responsive-change",e)}),t.watch(f,e=>{t.nextTick(()=>U(e))},{flush:"post"}),t.watch(()=>n.visible,e=>{const l=!!e;l!==g.value&&(g.value=l)}),t.watch(()=>n.title,e=>{const l=e??"";l!==c.value&&(c.value=l)}),t.watch(()=>n.text,e=>{if(!b.value){const l=e??"";l!==r.value&&(r.value=l)}}),t.watch(w,e=>{if(x.value){const l=e.map(X=>String(X.children??"")).join("");l!==r.value&&(r.value=l)}}),t.watch(()=>n.href,e=>{const l=e??null;l!==d.value&&(d.value=l)}),t.watch(()=>n.anchorAttrs,e=>{const l={...e||{}};JSON.stringify(l)!==JSON.stringify(i.value)&&(i.value=l)}),t.watch(()=>n.fontBold,e=>{const l=!!e;l!==y.value&&(y.value=l)}),t.watch(()=>n.fontItalic,e=>{const l=!!e;l!==T.value&&(T.value=l)}),t.watch(()=>n.fontThruline,e=>{const l=!!e;l!==p.value&&(p.value=l)}),t.watch(()=>n.fontUnderline,e=>{const l=!!e;l!==A.value&&(A.value=l)}),t.watch(()=>n.textAlign,e=>{e&&e!==m.value&&(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&(m.value=e)}),t.watch(()=>n.border,e=>{const l=!!e;l!==C.value&&(C.value=l)}),t.watch(()=>n.backgroundType,e=>{e&&e!==B.value&&(B.value=e)}),t.watch(()=>n.tabIndex,e=>{const l=e===null||e===""?null:Number(e);l!==k.value&&(k.value=l)}),t.watch(()=>n.class,()=>{N()}),{labelRef:v,labelMethods:t.computed(()=>t.unref(h)),props:n,title:c,hasHref:f,hasElementSlot:b,renderTag:K,internalText:r,computedAnchorAttrs:q,visibleClass:V,fontBoldClass:O,fontItalicClass:D,fontThrulineClass:R,fontUnderlineClass:j,textAlignStyle:F,borderClass:P,backgroundTypeClass:z,responsiveClassList:S,tabIndex:k,onClick:G,onKeyActivate:J}}}),Z={key:2,class:"hison-label-text"};function _(n,a,$,v,h,u){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...n.responsiveClassList,n.visibleClass])},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.renderTag),t.mergeProps({ref:"labelRef",class:["hison-label",n.hasHref?"hison-label-link":null,n.fontBoldClass,n.fontItalicClass,n.fontThrulineClass,n.fontUnderlineClass,n.borderClass,n.backgroundTypeClass],style:[n.textAlignStyle,n.props.style],title:n.title||void 0,tabindex:n.tabIndex??void 0},n.renderTag==="a"?n.computedAnchorAttrs:void 0,{onClick:n.onClick,onMousedown:a[0]||(a[0]=s=>n.$emit("mousedown",s,n.labelMethods)),onMouseup:a[1]||(a[1]=s=>n.$emit("mouseup",s,n.labelMethods)),onMouseover:a[2]||(a[2]=s=>n.$emit("mouseover",s,n.labelMethods)),onMouseout:a[3]||(a[3]=s=>n.$emit("mouseout",s,n.labelMethods)),onKeydown:[t.withKeys(t.withModifiers(n.onKeyActivate,["prevent"]),["enter"]),t.withKeys(t.withModifiers(n.onKeyActivate,["prevent"]),["space"])]}),{default:t.withCtx(()=>[n.hasElementSlot?t.renderSlot(n.$slots,"default",{key:0}):n.hasHref?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(n.internalText),1)],64)):(t.openBlock(),t.createElementBlock("span",Z,t.toDisplayString(n.internalText),1))]),_:3},16,["class","style","title","tabindex","onClick","onKeydown"]))],2)}const ee=Y._export_sfc(W,[["render",_]]);exports.default=ee;

package/dist/HParagraph-B3VkXyh7.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-CPFyQIpi.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:!0},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}`),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),T=t.ref(n.verticalAlign),B=t.ref(n.border),f=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(()=>y.value?"":"hison-display-none"),q=t.computed(()=>B.value?"hison-border":""),z=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"}}),M=t.computed(()=>g.value?"hison-font-bold":""),G=t.computed(()=>C.value?"hison-font-italic":""),O=t.computed(()=>m.value?"hison-font-thruline":""),j=t.computed(()=>b.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(w.value){case"center":return"hison-ta-center";case"right":return"hison-ta-right";default:return"hison-ta-left"}}),Z=t.computed(()=>{switch(T.value){case"middle":return"hison-valign-middle";case"bottom":return"hison-valign-bottom";default:return""}}),_=()=>{const e=E.value;return e?e.innerText??"":""},D=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 D();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()},x=()=>{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,()=>{H(),t.nextTick(x)}),R(),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:()=>T.value,setVerticalAlign:e=>{T.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:()=>B.value,setBorder:e=>{B.value=e},getBackgroundType:()=>f.value,setBackgroundType:e=>{f.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 D(),reload:()=>a.reloadHisonComponent(v)},a.hisonCloser.component.paragraphList[i]=d.value,l("mounted",d.value)},H=()=>{a.unregisterReloadable(v),delete a.hisonCloser.component.paragraphList[i]};return t.onMounted(x),t.onBeforeUnmount(H),t.watch(u,e=>{R(),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!==T.value&&(e==="top"||e==="middle"||e==="bottom")&&(T.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!==B.value&&(B.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,()=>{R()}),{paraRef:E,paragraphMethods:t.computed(()=>t.unref(d)),props:n,id:i,copyButtonId:N,title:h,visibleClass:K,borderClass:q,backgroundType:f,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 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",ue,[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,ce)],2)}const pe=se._export_sfc(ie,[["render",de]]);exports.default=pe;