hisonvue 1.0.0

package/dist/HLabel-B2FOqSiS.mjs

@@ -0,0 +1,369 @@
+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 Be, u as Se, w as b, e as ke, t as pe, b as P, h as w, r as Ie, c as we, d as Ne } from "./index-DUh7pai4.mjs";
+import { r as G, a as Ue } from "./setButtonCssEvent-dBs1GcAh.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 : Be(), i = `hlabel:${r}`, K = Se(), 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";
+    }), B = a(t.fontThruline), _ = o(() => {
+      if (B.value) return "hison-font-thruline";
+    }), S = a(t.fontUnderline), ee = o(() => {
+      if (S.value) return "hison-font-underline";
+    }), k = a(t.border ?? !1), p = a(t.backgroundType || M.empty), te = o(() => h.value ? "" : "hison-display-none"), le = o(() => k.value ? "hison-border" : ""), ne = o(() => {
+      switch (p.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 = ke(pe(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: () => B.value,
+        setFontThruline: (e) => {
+          B.value = e;
+        },
+        isFontUnderline: () => S.value,
+        setFontUnderline: (e) => {
+          S.value = e;
+        },
+        getTextAlign: () => y.value,
+        setTextAlign: (e) => {
+          (e === b.left || e === b.center || e === b.right) && (y.value = e);
+        },
+        isBorder: () => k.value,
+        setBorder: (e) => {
+          k.value = e;
+        },
+        getBackgroundType: () => p.value,
+        setBackgroundType: (e) => {
+          p.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 !== B.value && (B.value = l);
+    }), n(() => t.fontUnderline, (e) => {
+      const l = !!e;
+      l !== S.value && (S.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 !== k.value && (k.value = l);
+    }), n(() => t.backgroundType, (e) => {
+      e && e !== p.value && (p.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-Dm48mSwn.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index-BmKMHsSZ.js"),M=require("./setButtonCssEvent-B9WTs2X7.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"}),A=t.ref(n.fontThruline),R=t.computed(()=>{if(A.value)return"hison-font-thruline"}),p=t.ref(n.fontUnderline),j=t.computed(()=>{if(p.value)return"hison-font-underline"}),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:()=>A.value,setFontThruline:e=>{A.value=e},isFontUnderline:()=>p.value,setFontUnderline:e=>{p.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!==A.value&&(A.value=l)}),t.watch(()=>n.fontUnderline,e=>{const l=!!e;l!==p.value&&(p.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/HLayout-BbCEm_aO.mjs

@@ -0,0 +1,196 @@
+import { defineComponent as A, ref as d, computed as m, onMounted as B, onBeforeUnmount as $, watch as b, unref as L, nextTick as M, createElementBlock as R, openBlock as V, normalizeStyle as p, normalizeClass as q, createElementVNode as E, renderSlot as H, createTextVNode as T } from "vue";
+import { X as N, Y as U, Z as w, g as G, u as W, F as I, e as z, t as P, a as j, b as D, h as k, r as F, c as K, d as Y } from "./index-DUh7pai4.mjs";
+import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const X = {
+  /**
+   * Unique identifier for the layout.
+   * - You can later retrieve its methods via `hison.component.getLayout(id)`
+   * - ⚠️ Duplicate `id` values will throw an error at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class string applied to the layout container.
+   * - You can use `hison-col-*`, `hison-pos-*`, `hison-size-*` and other responsive classes
+   * - These classes will be processed internally for device-specific application
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style string applied to the layout container.
+   * - Accepts valid CSS style text (e.g., 'padding: 10px; margin-top: 20px')
+   * - Merged with dynamic computed styles like background and border settings
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Controls visibility of the layout.
+   * - Boolean only. Use `:visible="false"` (with a colon)
+   * - Defaults to visible if not provided
+   */
+  visible: { type: Boolean, default: !0 },
+  /** Background image URL */
+  backImageSrc: { type: String, required: !1 },
+  /**
+   * Background repeat/cover/contain settings
+   * - Quick tokens: 'repeat' | 'no-repeat' | 'cover' | 'contain'
+   * - Also accepts any valid CSS background-repeat/size shorthand string (e.g. 'repeat-x', 'repeat-y', 'no-repeat center/cover')
+   */
+  backImageRepeat: {
+    type: String,
+    required: !1,
+    validator: (e) => e == null || w.includes(e) ? !0 : /^(repeat-x|repeat-y|repeat|no-repeat)(\s+\S+\/\S+)?$/.test(e) || /^(cover|contain)$/.test(e) || /[\/\s]/.test(e)
+  },
+  /** Background width (e.g. '100%', '300px') */
+  backImageWidth: { type: String, required: !1 },
+  /** Horizontal alignment: left, center, right */
+  backImageAlign: {
+    type: String,
+    required: !1,
+    validator: (e) => e == null || U.includes(e)
+  },
+  /** Vertical alignment: top, center, bottom */
+  backImageVerticalAlign: {
+    type: String,
+    required: !1,
+    validator: (e) => e == null || N.includes(e)
+  },
+  /**
+   * Background color of layout.
+   * Acceptable values:
+   * - Hex: '#ffffff', '#fff'
+   * - RGB/RGBA: 'rgb(255,255,255)', 'rgba(0,0,0,0.5)'
+   * - Keyword: 'primary', 'muted', 'info', 'success', 'danger', 'warning'
+   *   (these will be resolved via getHexCodeFromColorText)
+   */
+  backColor: { type: String, required: !1 },
+  /**
+   * Whether to show border (rendered as subtle box-shadow).
+   * - Default: false (no border)
+   */
+  border: { type: Boolean, default: !1 },
+  /**
+   * Height of the layout container.
+   * Use valid CSS height values:
+   * - e.g., '100px', '50%', 'auto', '100vh'
+   */
+  height: { type: String, required: !1 }
+}, Z = A({
+  name: "HLayout",
+  props: X,
+  inheritAttrs: !1,
+  emits: ["mounted", "responsive-change", "click", "mousedown", "mouseup", "mouseover", "mouseout"],
+  setup(e, { emit: t }) {
+    const o = d(null), i = d(null), n = e.id ? e.id : G(), g = `hlayout:${n}`, l = W(), r = d(e.visible), C = m(() => r.value ? "" : "hison-display-none"), u = d(e.border ?? !1), S = m(() => u.value ? "hison-border" : ""), h = m(() => {
+      const a = {};
+      if (e.backImageSrc && (a.backgroundImage = `url(${e.backImageSrc})`, a.backgroundRepeat = e.backImageRepeat || "no-repeat", a.backgroundSize = e.backImageWidth || "auto", a.backgroundPosition = `${e.backImageAlign || "center"} ${e.backImageVerticalAlign || "center"}`), e.backColor) {
+        const s = I(e.backColor) || e.backColor;
+        a.backgroundColor = s;
+      }
+      return e.height && (a.height = e.height), a;
+    }), c = d([]), y = () => {
+      c.value = z(P(e.class) || "", l.value), j(c.value, "col") === -1 && c.value.push("hison-col-12"), D(c.value, "color", "primary");
+    }, v = () => {
+      k.component.layoutList[n] && k.component.layoutList[n].isHisonvueComponent && console.warn(`[Hisonvue] The layout ID is at risk of being duplicated. ${n}`), F(g, () => {
+        f(), M(v);
+      }), o.value && (y(), i.value = {
+        isHisonvueComponent: !0,
+        getId: () => n,
+        getType: () => "layout",
+        isVisible: () => r.value,
+        setVisible: (a) => {
+          r.value = a;
+        },
+        getBackImageSrc: () => e.backImageSrc || "",
+        setBackImageSrc: (a) => {
+          o.value && (o.value.style.backgroundImage = `url(${a})`);
+        },
+        getBackImageRepeat: () => e.backImageRepeat || "",
+        setBackImageRepeat: (a) => {
+          o.value && (o.value.style.backgroundRepeat = a);
+        },
+        getBackImageWidth: () => e.backImageWidth || "",
+        setBackImageWidth: (a) => {
+          o.value && (o.value.style.backgroundSize = a);
+        },
+        getBackImageAlign: () => e.backImageAlign || "",
+        setBackImageAlign: (a) => {
+          if (o.value) {
+            const s = e.backImageVerticalAlign || "center";
+            o.value.style.backgroundPosition = `${a} ${s}`;
+          }
+        },
+        getBackImageVerticalAlign: () => e.backImageVerticalAlign || "",
+        setBackImageVerticalAlign: (a) => {
+          if (o.value) {
+            const s = e.backImageAlign || "center";
+            o.value.style.backgroundPosition = `${s} ${a}`;
+          }
+        },
+        getBackColor: () => e.backColor || "",
+        setBackColor: (a) => {
+          o.value && (o.value.style.backgroundColor = I(a) || a);
+        },
+        isBorder: () => u.value,
+        setBorder: (a) => {
+          u.value = a;
+        },
+        getHeight: () => e.height || "",
+        setHeight: (a) => {
+          o.value && (o.value.style.height = a);
+        },
+        reload: () => K(g)
+      }, k.component.layoutList[n] = i.value, t("mounted", i.value));
+    }, f = () => {
+      Y(g), delete k.component.layoutList[n];
+    };
+    return B(v), $(f), b(l, (a) => {
+      y(), t("responsive-change", a);
+    }), b(() => e.visible, (a) => {
+      const s = !!a;
+      s !== r.value && (r.value = s);
+    }), b(() => e.border, (a) => {
+      const s = !!a;
+      s !== u.value && (u.value = s);
+    }), b(() => e.class, () => {
+      y();
+    }), {
+      layoutRef: o,
+      layoutMethods: m(() => L(i)),
+      props: e,
+      responsiveClassList: c,
+      visibleClass: C,
+      borderClass: S,
+      computedBackStyle: h
+    };
+  }
+});
+function J(e, t, o, i, n, g) {
+  return V(), R("div", {
+    ref: "layoutRef",
+    class: q([
+      "hison-layout",
+      ...e.responsiveClassList,
+      e.visibleClass,
+      e.borderClass
+    ]),
+    style: p([e.props.style, e.computedBackStyle]),
+    onClick: t[0] || (t[0] = (l) => e.$emit("click", l, e.layoutMethods)),
+    onMousedown: t[1] || (t[1] = (l) => e.$emit("mousedown", l, e.layoutMethods)),
+    onMouseup: t[2] || (t[2] = (l) => e.$emit("mouseup", l, e.layoutMethods)),
+    onMouseover: t[3] || (t[3] = (l) => e.$emit("mouseover", l, e.layoutMethods)),
+    onMouseout: t[4] || (t[4] = (l) => e.$emit("mouseout", l, e.layoutMethods))
+  }, [
+    t[6] || (t[6] = E("div", { class: "hison-layout-frame-adjust" }, null, -1)),
+    H(e.$slots, "default", {}, () => [
+      t[5] || (t[5] = T("Hison Layout"))
+    ])
+  ], 38);
+}
+const ee = /* @__PURE__ */ O(Z, [["render", J]]);
+export {
+  ee as default
+};

package/dist/HLayout-C1e4BZ_K.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),l=require("./index-BmKMHsSZ.js"),C=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:!0},backImageSrc:{type:String,required:!1},backImageRepeat:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_STYLE_VALUES.includes(e)?!0:/^(repeat-x|repeat-y|repeat|no-repeat)(\s+\S+\/\S+)?$/.test(e)||/^(cover|contain)$/.test(e)||/[\/\s]/.test(e)},backImageWidth:{type:String,required:!1},backImageAlign:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_ALIGN_VALUES.includes(e)},backImageVerticalAlign:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_VERTICAL_ALIGN_VALUES.includes(e)},backColor:{type:String,required:!1},border:{type:Boolean,default:!1},height:{type:String,required:!1}},S=a.defineComponent({name:"HLayout",props:h,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(e,{emit:o}){const n=a.ref(null),u=a.ref(null),r=e.id?e.id:l.getUUID(),m=`hlayout:${r}`,s=l.useDevice(),c=a.ref(e.visible),v=a.computed(()=>c.value?"":"hison-display-none"),d=a.ref(e.border??!1),f=a.computed(()=>d.value?"hison-border":""),I=a.computed(()=>{const t={};if(e.backImageSrc&&(t.backgroundImage=`url(${e.backImageSrc})`,t.backgroundRepeat=e.backImageRepeat||"no-repeat",t.backgroundSize=e.backImageWidth||"auto",t.backgroundPosition=`${e.backImageAlign||"center"} ${e.backImageVerticalAlign||"center"}`),e.backColor){const i=l.getHexCodeFromColorText(e.backColor)||e.backColor;t.backgroundColor=i}return e.height&&(t.height=e.height),t}),g=a.ref([]),b=()=>{g.value=l.extractResponsiveClasses(l.toClassString(e.class)||"",s.value),l.getIndexSpecificClassNameFromClassList(g.value,"col")===-1&&g.value.push("hison-col-12"),l.addComponentNameToClass(g.value,"color","primary")},y=()=>{l.hisonCloser.component.layoutList[r]&&l.hisonCloser.component.layoutList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The layout ID is at risk of being duplicated. ${r}`),l.registerReloadable(m,()=>{k(),a.nextTick(y)}),n.value&&(b(),u.value={isHisonvueComponent:!0,getId:()=>r,getType:()=>"layout",isVisible:()=>c.value,setVisible:t=>{c.value=t},getBackImageSrc:()=>e.backImageSrc||"",setBackImageSrc:t=>{n.value&&(n.value.style.backgroundImage=`url(${t})`)},getBackImageRepeat:()=>e.backImageRepeat||"",setBackImageRepeat:t=>{n.value&&(n.value.style.backgroundRepeat=t)},getBackImageWidth:()=>e.backImageWidth||"",setBackImageWidth:t=>{n.value&&(n.value.style.backgroundSize=t)},getBackImageAlign:()=>e.backImageAlign||"",setBackImageAlign:t=>{if(n.value){const i=e.backImageVerticalAlign||"center";n.value.style.backgroundPosition=`${t} ${i}`}},getBackImageVerticalAlign:()=>e.backImageVerticalAlign||"",setBackImageVerticalAlign:t=>{if(n.value){const i=e.backImageAlign||"center";n.value.style.backgroundPosition=`${i} ${t}`}},getBackColor:()=>e.backColor||"",setBackColor:t=>{n.value&&(n.value.style.backgroundColor=l.getHexCodeFromColorText(t)||t)},isBorder:()=>d.value,setBorder:t=>{d.value=t},getHeight:()=>e.height||"",setHeight:t=>{n.value&&(n.value.style.height=t)},reload:()=>l.reloadHisonComponent(m)},l.hisonCloser.component.layoutList[r]=u.value,o("mounted",u.value))},k=()=>{l.unregisterReloadable(m),delete l.hisonCloser.component.layoutList[r]};return a.onMounted(y),a.onBeforeUnmount(k),a.watch(s,t=>{b(),o("responsive-change",t)}),a.watch(()=>e.visible,t=>{const i=!!t;i!==c.value&&(c.value=i)}),a.watch(()=>e.border,t=>{const i=!!t;i!==d.value&&(d.value=i)}),a.watch(()=>e.class,()=>{b()}),{layoutRef:n,layoutMethods:a.computed(()=>a.unref(u)),props:e,responsiveClassList:g,visibleClass:v,borderClass:f,computedBackStyle:I}}});function A(e,o,n,u,r,m){return a.openBlock(),a.createElementBlock("div",{ref:"layoutRef",class:a.normalizeClass(["hison-layout",...e.responsiveClassList,e.visibleClass,e.borderClass]),style:a.normalizeStyle([e.props.style,e.computedBackStyle]),onClick:o[0]||(o[0]=s=>e.$emit("click",s,e.layoutMethods)),onMousedown:o[1]||(o[1]=s=>e.$emit("mousedown",s,e.layoutMethods)),onMouseup:o[2]||(o[2]=s=>e.$emit("mouseup",s,e.layoutMethods)),onMouseover:o[3]||(o[3]=s=>e.$emit("mouseover",s,e.layoutMethods)),onMouseout:o[4]||(o[4]=s=>e.$emit("mouseout",s,e.layoutMethods))},[o[6]||(o[6]=a.createElementVNode("div",{class:"hison-layout-frame-adjust"},null,-1)),a.renderSlot(e.$slots,"default",{},()=>[o[5]||(o[5]=a.createTextVNode("Hison Layout"))])],38)}const B=C._export_sfc(S,[["render",A]]);exports.default=B;