hisonvue 1.1.17 → 1.1.19

package/dist/hisonvue.d.ts

@@ -8302,6 +8302,10 @@ placeholder: {
 type: StringConstructor;
 required: boolean;
 };
+placeholderColor: {
+type: PropType<string>;
+default: string;
+};
 editMode: {
 type: PropType<EditMode | EditModeValue>;
 default: EditMode;
@@ -8400,6 +8404,8 @@ getRequired: () => boolean;
 setRequired: (required: boolean) => void;
 getPlaceholder: () => string;
 setPlaceholder: (placeholder: string) => void;
+getPlaceholderColor: () => string;
+setPlaceholderColor: (color: string) => void;
 isFontBold: () => boolean;
 setFontBold: (bold: boolean) => void;
 isFontItalic: () => boolean;
@@ -8493,6 +8499,10 @@ placeholder: {
 type: StringConstructor;
 required: boolean;
 };
+placeholderColor: {
+type: PropType<string>;
+default: string;
+};
 editMode: {
 type: PropType<EditMode | EditModeValue>;
 default: EditMode;
@@ -8611,6 +8621,7 @@ fontUnderlineClass: ComputedRef<"hison-font-underline" | undefined>;
 textAlignStyle: ComputedRef<    {
 textAlign: "left" | "center" | "right";
 }>;
+placeholderColorStyle: ComputedRef<CSSProperties>;
 borderClass: ComputedRef<"" | "hison-border">;
 disable: ComputedRef<boolean>;
 readonly: ComputedRef<boolean>;
@@ -8700,6 +8711,10 @@ placeholder: {
 type: StringConstructor;
 required: boolean;
 };
+placeholderColor: {
+type: PropType<string>;
+default: string;
+};
 editMode: {
 type: PropType<EditMode | EditModeValue>;
 default: EditMode;
@@ -8822,6 +8837,7 @@ value: any;
 toggleStyle: "default" | "switch";
 editMode: "editable" | "disable" | "readonly" | EditMode;
 nullText: string;
+placeholderColor: string;
 checkedText: string;
 uncheckedText: string;
 inputTextdHandler: (value: any) => string;
@@ -9241,6 +9257,17 @@ export declare interface HInputMethods extends ComponentMethods {
      * - Maps to the native `placeholder` attribute.
      */
     setPlaceholder(placeholder: string): void;
+    /**
+     * Gets the current placeholder text color.
+     * - Returns semantic token (e.g. 'primary') or raw CSS color string.
+     */
+    getPlaceholderColor(): string;
+    /**
+     * Sets the placeholder text color.
+     * - Accepts semantic tokens: 'primary' | 'muted' | 'info' | 'success' | 'danger' | 'warning'
+     *   or any valid CSS color string (e.g. '#fff', '#ffffff', 'rgb(...)', 'rgba(...)').
+     */
+    setPlaceholderColor(color: string): void;
     /**
      * Returns whether bold font is applied to the span text.
      */
@@ -10833,6 +10860,15 @@ addEvent: {
 type: BooleanConstructor;
 default: boolean;
 };
+columns: {
+type: NumberConstructor;
+default: number;
+validator: (v: any) => boolean;
+};
+columnGap: {
+type: PropType<number | string>;
+default: number;
+};
 tabIndex: {
 type: PropType<number | string | null>;
 default: null;
@@ -10903,6 +10939,15 @@ addEvent: {
 type: BooleanConstructor;
 default: boolean;
 };
+columns: {
+type: NumberConstructor;
+default: number;
+validator: (v: any) => boolean;
+};
+columnGap: {
+type: PropType<number | string>;
+default: number;
+};
 tabIndex: {
 type: PropType<number | string | null>;
 default: null;
@@ -10935,6 +10980,8 @@ elementNodes: ComputedRef<VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>[]>;
 normalizedItems: ComputedRef<(string | number)[]>;
+listLayoutStyle: ComputedRef<CSSProperties>;
+listItemLayoutStyle: ComputedRef<CSSProperties>;
 tabIndex: Ref<number | null, number | null>;
 setItemRef: (el: Element | ComponentPublicInstance | null) => void;
 setItemInnerRef: (el: Element | ComponentPublicInstance | null) => void;
@@ -11004,6 +11051,15 @@ addEvent: {
 type: BooleanConstructor;
 default: boolean;
 };
+columns: {
+type: NumberConstructor;
+default: number;
+validator: (v: any) => boolean;
+};
+columnGap: {
+type: PropType<number | string>;
+default: number;
+};
 tabIndex: {
 type: PropType<number | string | null>;
 default: null;
@@ -11019,6 +11075,8 @@ onMounted?: ((...args: any[]) => any) | undefined;
 "onResponsive-change"?: ((...args: any[]) => any) | undefined;
 }>, {
 border: boolean;
+columnGap: string | number;
+columns: number;
 visible: boolean;
 tabIndex: string | number | null;
 backgroundType: BackgroundTypeValue | BackgroundType;
@@ -11185,6 +11243,28 @@ export declare interface HListMethods extends ComponentMethods {
      * - Returns `null` if index is out of bounds.
      */
     getListItem(index: number): HTMLElement | null;
+    /**
+     * Gets the current number of columns used for item layout.
+     * - 1: single column
+     * - >=2: multi-column grid-like layout.
+     */
+    getColumns(): number;
+    /**
+     * Sets the number of columns used for item layout.
+     * - Values <= 1 are clamped to 1.
+     */
+    setColumns(columns: number): void;
+    /**
+     * Gets the current horizontal gap between columns.
+     * - Number → interpreted as pixels.
+     * - String → raw CSS length (e.g. '0.5rem', '8px').
+     */
+    getColumnGap(): number | string;
+    /**
+     * Sets the horizontal gap between columns.
+     * @param gap - number (px) or CSS length string.
+     */
+    setColumnGap(gap: number | string): void;
     /**
      * Focuses the list item at `index` (0-based).
      * - Works only when `addEvent` is enabled AND `tabIndex` is neither `null/undefined` nor `-1`.

package/dist/hisonvue.es.js

@@ -1,5 +1,5 @@
-import { Q as a, au as e, av as t } from "./index-DwaoBJx8.mjs";
-import { B as aa, Y as ta, Z as ea, X as oa, ax as na, az as sa, ay as la, f as ia, G as ra, aJ as Aa, aw as ca, V as _a, D as Ea, W as ma, aK as Ca, x as Sa, E as Da, y as Oa, aH as pa, L as La, K as ya, J as Ta, a4 as Va, a5 as Ha, a6 as Fa, a7 as ga, a8 as ua, aL as Ia, m as Ua, a9 as Ma, aa as Na, ab as da, ac as Ga, aI as Pa, ad as Ra, ae as ha, aF as fa, aG as Ba, af as ka, ag as Wa, ah as Ya, ai as Ka, aj as wa, ak as xa, al as ba, am as va, an as za, ao as Xa, ap as $a, aq as ja, ar as Ja, as as qa, k as Qa, H as Za, z as at, A as tt, N as et, O as ot, aA as nt, aB as st, $ as lt, S as it, M as rt, aC as At, i as ct, v as _t, aD as Et, T as mt, _ as Ct, w as St, a1 as Dt, a2 as Ot, a0 as pt, aE as Lt, at as yt, l as Tt, a3 as Vt, I as Ht } from "./index-DwaoBJx8.mjs";
+import { Q as a, au as e, av as t } from "./index-DRwgcIYp.mjs";
+import { B as aa, Y as ta, Z as ea, X as oa, ax as na, az as sa, ay as la, f as ia, G as ra, aJ as Aa, aw as ca, V as _a, D as Ea, W as ma, aK as Ca, x as Sa, E as Da, y as Oa, aH as pa, L as La, K as ya, J as Ta, a4 as Va, a5 as Ha, a6 as Fa, a7 as ga, a8 as ua, aL as Ia, m as Ua, a9 as Ma, aa as Na, ab as da, ac as Ga, aI as Pa, ad as Ra, ae as ha, aF as fa, aG as Ba, af as ka, ag as Wa, ah as Ya, ai as Ka, aj as wa, ak as xa, al as ba, am as va, an as za, ao as Xa, ap as $a, aq as ja, ar as Ja, as as qa, k as Qa, H as Za, z as at, A as tt, N as et, O as ot, aA as nt, aB as st, $ as lt, S as it, M as rt, aC as At, i as ct, v as _t, aD as Et, T as mt, _ as Ct, w as St, a1 as Dt, a2 as Ot, a0 as pt, aE as Lt, at as yt, l as Tt, a3 as Vt, I as Ht } from "./index-DRwgcIYp.mjs";
 const n = a.AllDateTimeFormat, s = a.ApiDelete, l = a.ApiDeleteUrl, i = a.ApiGet, r = a.ApiGetUrl, A = a.ApiPatch, c = a.ApiPatchUrl, _ = a.ApiPost, E = a.ApiPostUrl, m = a.ApiPut, C = a.ApiPutUrl, S = a.CachingModule, D = t.ColorSet, O = a.CountDateType, p = a.DataModel, L = a.DataWrapper, y = a.DateFormat, T = a.DateTimeFormat, V = a.DayFormat, H = a.DayOfWeekFormat, F = a.DayOfWeekFullName, g = a.DayOfWeekFullNameKR, u = a.DayOfWeekShortName, I = a.DayOfWeekShortNameKR, U = t.Align, M = t.BasicDataType, N = t.DateFormat, d = t.MonthFormat, G = t.RowStatus, P = t.VerticalAlign, R = a.HourFormat, h = a.HourMinuteFormat, f = a.MinuteFormat, B = a.MonthFormat, k = a.MonthFullName, W = a.MonthShortName, Y = e.NoteModeByDevice, K = e.ToolPosition, w = a.SecondFormat, x = t.SelectionPolicy, b = a.TimeFormat, v = a.YearFormat, z = a.YearMonthFormat, X = a.createHison, $ = t.getVanillagrid, j = t.getVanillagridConfig, J = e.getVanillanote, q = e.getVanillanoteConfig;
 export {
   n as AllDateTimeFormat,

package/dist/{index-DwaoBJx8.mjs → index-DRwgcIYp.mjs}

@@ -20133,7 +20133,7 @@ const Ta = zs("pc"), ry = () => rd(Ta), zg = () => {
       return te.componentStyle.invertColor;
     }
   }, t.component = {}, t.component.getAccordion = (o) => te.component.accordionList[o], t.component.getBaggie = (o) => te.component.baggieList[o], t.component.getBanner = (o) => te.component.bannerList[o], t.component.getButton = (o) => te.component.buttonList[o], t.component.getCalendar = (o) => te.component.calendarList[o], t.component.getCaption = (o) => te.component.captionList[o], t.component.getChart = (o) => te.component.chartList[o], t.component.getDrawer = (o) => te.component.drawerList[o], t.component.getDropdown = (o) => te.component.dropdownList[o], t.component.getGap = (o) => te.component.gapList[o], t.component.getFileset = (o) => te.component.filesetList[o], t.component.getGrid = (o) => te.grid.getGrid(o), t.component.getImagebox = (o) => te.component.imageboxList[o], t.component.getInput = (o) => te.component.inputList[o], t.component.getInputGroup = (o) => te.component.inputGroupList[o], t.component.getLabel = (o) => te.component.labelList[o], t.component.getLayout = (o) => te.component.layoutList[o], t.component.getList = (o) => te.component.listList[o], t.component.getModal = (o) => te.component.modalList[o], t.component.getNote = (o) => te.note.getNote(o), t.component.getPagination = (o) => te.component.paginationList[o], t.component.getParagraph = (o) => te.component.paragraphList[o], t.component.getPopup = (o) => te.component.popupList[o], t.component.getSpinner = (o) => te.component.spinnerList[o], t.component.getTable = (o) => te.component.tableList[o];
-}, Gg = Bt(() => import("./HAccordion-Facyb2oK.mjs"), "HAccordion"), jg = Bt(() => import("./HBaggie-C63LxB8F.mjs"), "HBaggie"), Wg = Bt(() => import("./HBanner-B-eKypKH.mjs"), "HBanner"), qg = Bt(() => import("./HButton-Dt_4avK5.mjs"), "HButton"), $g = Bt(() => import("./HCalendar-RpEdoOVn.mjs"), "HCalendar"), Yg = Bt(() => import("./HCaption-Dmd-1rB5.mjs"), "HCaption"), Kg = Bt(() => import("./HChart-DwPO0NZs.mjs"), "HChart"), Xg = Bt(() => import("./HDrawer-vG2DsllK.mjs"), "HDrawer"), Jg = Bt(() => import("./HDropdown-9qZd2L70.mjs"), "HDropdown"), Zg = Bt(() => import("./HFileset-DLPxCzW2.mjs"), "HFileset"), Qg = Bt(() => import("./HGap-ojwtd0rA.mjs"), "HGap"), ep = Bt(() => import("./HGrid-CJZ4pKTk.mjs"), "HGrid"), tp = Bt(() => import("./HImagebox-PPCjYNDE.mjs"), "HImagebox"), np = Bt(() => import("./HInput-CkOqFbEm.mjs"), "HInput"), op = Bt(() => import("./HInputGroup-DKH30EpY.mjs"), "HInputGroup"), rp = Bt(() => import("./HLabel-C11JqznW.mjs"), "HLabel"), ip = Bt(() => import("./HLayout-DHQuvFUb.mjs"), "HLayout"), ap = Bt(() => import("./HList-ncFODy4k.mjs"), "HList"), lp = Bt(() => import("./HModal-D0g8AKUz.mjs"), "HModal"), sp = Bt(() => import("./HNote-B0XKxKk5.mjs"), "HNote"), cp = Bt(() => import("./HPagination-DOy7Szcg.mjs"), "HPagination"), dp = Bt(() => import("./HParagraph-Ivrq863R.mjs"), "HParagraph"), up = Bt(() => import("./HPopup-Cdk3wDE8.mjs"), "HPopup"), fp = Bt(() => import("./HSpinner-C7bxLINH.mjs"), "HSpinner"), hp = Bt(() => import("./HTable-DO3urGrt.mjs"), "HTable"), gn = sn.createHison(), iy = {
+}, Gg = Bt(() => import("./HAccordion-CH7vE-z_.mjs"), "HAccordion"), jg = Bt(() => import("./HBaggie-DCjEQiNj.mjs"), "HBaggie"), Wg = Bt(() => import("./HBanner-BuBNPbIQ.mjs"), "HBanner"), qg = Bt(() => import("./HButton-_0giuQf0.mjs"), "HButton"), $g = Bt(() => import("./HCalendar-C0Y9_x3j.mjs"), "HCalendar"), Yg = Bt(() => import("./HCaption-qRWwbdlL.mjs"), "HCaption"), Kg = Bt(() => import("./HChart-Dvs-fJf9.mjs"), "HChart"), Xg = Bt(() => import("./HDrawer-CjoJhlVY.mjs"), "HDrawer"), Jg = Bt(() => import("./HDropdown-OCNe74iC.mjs"), "HDropdown"), Zg = Bt(() => import("./HFileset-3As-X4Eg.mjs"), "HFileset"), Qg = Bt(() => import("./HGap-D4YG7kT2.mjs"), "HGap"), ep = Bt(() => import("./HGrid-DkW_24Xx.mjs"), "HGrid"), tp = Bt(() => import("./HImagebox-D8WXJJ-2.mjs"), "HImagebox"), np = Bt(() => import("./HInput-DSMnh-C4.mjs"), "HInput"), op = Bt(() => import("./HInputGroup-CvfYlPWM.mjs"), "HInputGroup"), rp = Bt(() => import("./HLabel-EaSvhEn-.mjs"), "HLabel"), ip = Bt(() => import("./HLayout-DSxlUR99.mjs"), "HLayout"), ap = Bt(() => import("./HList-C6jDIEoq.mjs"), "HList"), lp = Bt(() => import("./HModal-C0Ad-CcR.mjs"), "HModal"), sp = Bt(() => import("./HNote-CZcNc5Ma.mjs"), "HNote"), cp = Bt(() => import("./HPagination-BHAfd6bD.mjs"), "HPagination"), dp = Bt(() => import("./HParagraph-Dyna0AeG.mjs"), "HParagraph"), up = Bt(() => import("./HPopup-5fe3tMeA.mjs"), "HPopup"), fp = Bt(() => import("./HSpinner-BmQcpSkp.mjs"), "HSpinner"), hp = Bt(() => import("./HTable-CrIURrWU.mjs"), "HTable"), gn = sn.createHison(), iy = {
   install(t, e) {
     const n = Ps();
     e ? Object.keys(n).forEach((o) => {

package/dist/{index-CENW-ZSo.js → index-tJRAaMZL.js}

@@ -200,4 +200,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   --hison-l-font-size: ${t.fontSizeL};
   --hison-xl-font-size: ${t.fontSizeXL};
 }
-`.trim(),o="hisonvue-css-variables";let r=document.getElementById(o);r&&r.remove(),r=document.createElement("style"),r.id=o,r.textContent=n,document.head.appendChild(r)},Xp=(t,e)=>{Jd(t,e),t.setMaxFilesetSize=o=>{te.componentConfig.filesetSize=o},t.setMaxFilesetTotalSize=o=>{te.componentConfig.filesetTotalSize=o},t.getMaxFilesetSize=()=>te.componentConfig.filesetSize,t.getMaxFilesetTotalSize=()=>te.componentConfig.filesetTotalSize,t.cssEvent={setButtonOnBefoerFocus(o){te.event.cssEvent.button_onBeforeFocus=o},setButtonOnAfterFocus(o){te.event.cssEvent.button_onAfterFocus=o},setButtonOnBefoerBlur(o){te.event.cssEvent.button_onBeforeBlur=o},setButtonOnAfterBlur(o){te.event.cssEvent.button_onAfterBlur=o},setButtonOnBefoerClick(o){te.event.cssEvent.button_onBeforeClick=o},setButtonOnAfterClick(o){te.event.cssEvent.button_onAfterClick=o},setButtonOnBeforeMouseover(o){te.event.cssEvent.button_onBeforeMouseover=o},setButtonOnAfterMouseover(o){te.event.cssEvent.button_onAfterMouseover=o},setButtonOnBeforeMouseout(o){te.event.cssEvent.button_onBeforeMouseout=o},setButtonOnAfterMouseout(o){te.event.cssEvent.button_onAfterMouseout=o},setButtonOnBeforeTouchstart(o){te.event.cssEvent.button_onBeforeTouchstart=o},setButtonOnAfterTouchstart(o){te.event.cssEvent.button_onAfterTouchstart=o},setButtonOnBeforeTouchend(o){te.event.cssEvent.button_onBeforeTouchend=o},setButtonOnAfterTouchend(o){te.event.cssEvent.button_onAfterTouchend=o},setInputOnBefoerFocus(o){te.event.cssEvent.input_onBeforeFocus=o},setInputOnAfterFocus(o){te.event.cssEvent.input_onAfterFocus=o},setInputOnBefoerBlur(o){te.event.cssEvent.input_onBeforeBlur=o},setInputOnAfterBlur(o){te.event.cssEvent.input_onAfterBlur=o},setInputOnBeforeMouseover(o){te.event.cssEvent.input_onBeforeMouseover=o},setInputOnAfterMouseover(o){te.event.cssEvent.input_onAfterMouseover=o},setInputOnBeforeMouseout(o){te.event.cssEvent.input_onBeforeMouseout=o},setInputOnAfterMouseout(o){te.event.cssEvent.input_onAfterMouseout=o},setInputOnBeforeTouchstart(o){te.event.cssEvent.input_onBeforeTouchstart=o},setInputOnAfterTouchstart(o){te.event.cssEvent.input_onAfterTouchstart=o},setInputOnBeforeTouchend(o){te.event.cssEvent.input_onBeforeTouchend=o},setInputOnAfterTouchend(o){te.event.cssEvent.input_onAfterTouchend=o}};const n=()=>{typeof window<"u"&&(bd(),bu())};t.style={setSize(o){te.componentStyle.size=o,n()},setFilledColor(o){te.componentStyle.filledColor=o,n()},setEmptyColor(o){te.componentStyle.emptyColor=o,n()},setFilledTextColor(o){te.componentStyle.filledTextColor=o,n()},setEmptyTextColor(o){te.componentStyle.emptyTextColor=o,n()},setPrimaryColor(o){te.componentStyle.primaryColor=o,n()},setMutedColor(o){te.componentStyle.mutedColor=o,n()},setInfoColor(o){te.componentStyle.infoColor=o,n()},setSuccessColor(o){te.componentStyle.successColor=o,n()},setDangerColor(o){te.componentStyle.dangerColor=o,n()},setWarningColor(o){te.componentStyle.warningColor=o,n()},setCustom1Color(o){te.componentStyle.custom1Color=o,n()},setCustom2Color(o){te.componentStyle.custom2Color=o,n()},setCustom3Color(o){te.componentStyle.custom3Color=o,n()},setCustom4Color(o){te.componentStyle.custom4Color=o,n()},setCustom5Color(o){te.componentStyle.custom5Color=o,n()},setInvertColor(o){te.componentStyle.invertColor=o,n()},getDeviceType(){if(typeof window>"u")return"pc";const o=window.innerWidth;return o<768?"mb":o<1200?"tb":o<1980?"pc":"wd"},getFilledColor(){return te.componentStyle.filledColor},getEmptyColor(){return te.componentStyle.emptyColor},getFilledTextColor(){return te.componentStyle.filledTextColor},getEmptyTextColor(){return te.componentStyle.emptyTextColor},getPrimaryColor(){return te.componentStyle.primaryColor},getPrimaryButtonColor(){return te.componentStyle.componentColor.primary.buttonColor},getPrimaryBorderColor(){return te.componentStyle.componentColor.primary.borderColor},getPrimaryShadowColor(){return te.componentStyle.componentColor.primary.shadowColor},getPrimaryHoverColor(){return te.componentStyle.componentColor.primary.hoverColor},getPrimaryActiveColor(){return te.componentStyle.componentColor.primary.activeColor},getPrimaryRowHoverColor(){return te.componentStyle.componentColor.primary.rowHoverColor},getPrimaryStripeColor(){return te.componentStyle.componentColor.primary.stripeColor},getMutedColor(){return te.componentStyle.mutedColor},getMutedButtonColor(){return te.componentStyle.componentColor.muted.buttonColor},getMutedBorderColor(){return te.componentStyle.componentColor.muted.borderColor},getMutedShadowColor(){return te.componentStyle.componentColor.muted.shadowColor},getMutedHoverColor(){return te.componentStyle.componentColor.muted.hoverColor},getMutedActiveColor(){return te.componentStyle.componentColor.muted.activeColor},getMutedRowHoverColor(){return te.componentStyle.componentColor.muted.rowHoverColor},getMutedStripeColor(){return te.componentStyle.componentColor.muted.stripeColor},getInfoColor(){return te.componentStyle.infoColor},getInfoButtonColor(){return te.componentStyle.componentColor.info.buttonColor},getInfoBorderColor(){return te.componentStyle.componentColor.info.borderColor},getInfoShadowColor(){return te.componentStyle.componentColor.info.shadowColor},getInfoHoverColor(){return te.componentStyle.componentColor.info.hoverColor},getInfoActiveColor(){return te.componentStyle.componentColor.info.activeColor},getInfoRowHoverColor(){return te.componentStyle.componentColor.info.rowHoverColor},getInfoStripeColor(){return te.componentStyle.componentColor.info.stripeColor},getSuccessColor(){return te.componentStyle.successColor},getSuccessButtonColor(){return te.componentStyle.componentColor.success.buttonColor},getSuccessBorderColor(){return te.componentStyle.componentColor.success.borderColor},getSuccessShadowColor(){return te.componentStyle.componentColor.success.shadowColor},getSuccessHoverColor(){return te.componentStyle.componentColor.success.hoverColor},getSuccessActiveColor(){return te.componentStyle.componentColor.success.activeColor},getSuccessRowHoverColor(){return te.componentStyle.componentColor.success.rowHoverColor},getSuccessStripeColor(){return te.componentStyle.componentColor.success.stripeColor},getDangerColor(){return te.componentStyle.dangerColor},getDangerButtonColor(){return te.componentStyle.componentColor.danger.buttonColor},getDangerBorderColor(){return te.componentStyle.componentColor.danger.borderColor},getDangerShadowColor(){return te.componentStyle.componentColor.danger.shadowColor},getDangerHoverColor(){return te.componentStyle.componentColor.danger.hoverColor},getDangerActiveColor(){return te.componentStyle.componentColor.danger.activeColor},getDangerRowHoverColor(){return te.componentStyle.componentColor.danger.rowHoverColor},getDangerStripeColor(){return te.componentStyle.componentColor.danger.stripeColor},getWarningColor(){return te.componentStyle.warningColor},getWarningButtonColor(){return te.componentStyle.componentColor.warning.buttonColor},getWarningBorderColor(){return te.componentStyle.componentColor.warning.borderColor},getWarningShadowColor(){return te.componentStyle.componentColor.warning.shadowColor},getWarningHoverColor(){return te.componentStyle.componentColor.warning.hoverColor},getWarningActiveColor(){return te.componentStyle.componentColor.warning.activeColor},getWarningRowHoverColor(){return te.componentStyle.componentColor.warning.rowHoverColor},getWarningStripeColor(){return te.componentStyle.componentColor.warning.stripeColor},getCustom1Color(){return te.componentStyle.custom1Color},getCustom1ButtonColor(){return te.componentStyle.componentColor.custom1.buttonColor},getCustom1BorderColor(){return te.componentStyle.componentColor.custom1.borderColor},getCustom1ShadowColor(){return te.componentStyle.componentColor.custom1.shadowColor},getCustom1HoverColor(){return te.componentStyle.componentColor.custom1.hoverColor},getCustom1ActiveColor(){return te.componentStyle.componentColor.custom1.activeColor},getCustom1RowHoverColor(){return te.componentStyle.componentColor.custom1.rowHoverColor},getCustom1StripeColor(){return te.componentStyle.componentColor.custom1.stripeColor},getCustom2Color(){return te.componentStyle.custom2Color},getCustom2ButtonColor(){return te.componentStyle.componentColor.custom2.buttonColor},getCustom2BorderColor(){return te.componentStyle.componentColor.custom2.borderColor},getCustom2ShadowColor(){return te.componentStyle.componentColor.custom2.shadowColor},getCustom2HoverColor(){return te.componentStyle.componentColor.custom2.hoverColor},getCustom2ActiveColor(){return te.componentStyle.componentColor.custom2.activeColor},getCustom2RowHoverColor(){return te.componentStyle.componentColor.custom2.rowHoverColor},getCustom2StripeColor(){return te.componentStyle.componentColor.custom2.stripeColor},getCustom3Color(){return te.componentStyle.custom3Color},getCustom3ButtonColor(){return te.componentStyle.componentColor.custom3.buttonColor},getCustom3BorderColor(){return te.componentStyle.componentColor.custom3.borderColor},getCustom3ShadowColor(){return te.componentStyle.componentColor.custom3.shadowColor},getCustom3HoverColor(){return te.componentStyle.componentColor.custom3.hoverColor},getCustom3ActiveColor(){return te.componentStyle.componentColor.custom3.activeColor},getCustom3RowHoverColor(){return te.componentStyle.componentColor.custom3.rowHoverColor},getCustom3StripeColor(){return te.componentStyle.componentColor.custom3.stripeColor},getCustom4Color(){return te.componentStyle.custom4Color},getCustom4ButtonColor(){return te.componentStyle.componentColor.custom4.buttonColor},getCustom4BorderColor(){return te.componentStyle.componentColor.custom4.borderColor},getCustom4ShadowColor(){return te.componentStyle.componentColor.custom4.shadowColor},getCustom4HoverColor(){return te.componentStyle.componentColor.custom4.hoverColor},getCustom4ActiveColor(){return te.componentStyle.componentColor.custom4.activeColor},getCustom4RowHoverColor(){return te.componentStyle.componentColor.custom4.rowHoverColor},getCustom4StripeColor(){return te.componentStyle.componentColor.custom4.stripeColor},getCustom5Color(){return te.componentStyle.custom5Color},getCustom5ButtonColor(){return te.componentStyle.componentColor.custom5.buttonColor},getCustom5BorderColor(){return te.componentStyle.componentColor.custom5.borderColor},getCustom5ShadowColor(){return te.componentStyle.componentColor.custom5.shadowColor},getCustom5HoverColor(){return te.componentStyle.componentColor.custom5.hoverColor},getCustom5ActiveColor(){return te.componentStyle.componentColor.custom5.activeColor},getCustom5RowHoverColor(){return te.componentStyle.componentColor.custom5.rowHoverColor},getCustom5StripeColor(){return te.componentStyle.componentColor.custom5.stripeColor},isInvertColor(){return te.componentStyle.invertColor}},t.component={},t.component.getAccordion=o=>te.component.accordionList[o],t.component.getBaggie=o=>te.component.baggieList[o],t.component.getBanner=o=>te.component.bannerList[o],t.component.getButton=o=>te.component.buttonList[o],t.component.getCalendar=o=>te.component.calendarList[o],t.component.getCaption=o=>te.component.captionList[o],t.component.getChart=o=>te.component.chartList[o],t.component.getDrawer=o=>te.component.drawerList[o],t.component.getDropdown=o=>te.component.dropdownList[o],t.component.getGap=o=>te.component.gapList[o],t.component.getFileset=o=>te.component.filesetList[o],t.component.getGrid=o=>te.grid.getGrid(o),t.component.getImagebox=o=>te.component.imageboxList[o],t.component.getInput=o=>te.component.inputList[o],t.component.getInputGroup=o=>te.component.inputGroupList[o],t.component.getLabel=o=>te.component.labelList[o],t.component.getLayout=o=>te.component.layoutList[o],t.component.getList=o=>te.component.listList[o],t.component.getModal=o=>te.component.modalList[o],t.component.getNote=o=>te.note.getNote(o),t.component.getPagination=o=>te.component.paginationList[o],t.component.getParagraph=o=>te.component.paragraphList[o],t.component.getPopup=o=>te.component.popupList[o],t.component.getSpinner=o=>te.component.spinnerList[o],t.component.getTable=o=>te.component.tableList[o]},Cd=Bt(()=>Promise.resolve().then(()=>require("./HAccordion-CROBvrJh.js")),"HAccordion"),xd=Bt(()=>Promise.resolve().then(()=>require("./HBaggie-CbgmhyAQ.js")),"HBaggie"),Md=Bt(()=>Promise.resolve().then(()=>require("./HBanner-ELdc4YR8.js")),"HBanner"),Sd=Bt(()=>Promise.resolve().then(()=>require("./HButton-BVZ0Auyd.js")),"HButton"),Id=Bt(()=>Promise.resolve().then(()=>require("./HCalendar-BHDnOwDV.js")),"HCalendar"),kd=Bt(()=>Promise.resolve().then(()=>require("./HCaption-9CJT5DEK.js")),"HCaption"),Ed=Bt(()=>Promise.resolve().then(()=>require("./HChart-Cbxg9VAG.js")),"HChart"),wd=Bt(()=>Promise.resolve().then(()=>require("./HDrawer-CBjWkzPW.js")),"HDrawer"),Ad=Bt(()=>Promise.resolve().then(()=>require("./HDropdown-DK8KKF9G.js")),"HDropdown"),Td=Bt(()=>Promise.resolve().then(()=>require("./HFileset-DOu0CUaE.js")),"HFileset"),Bd=Bt(()=>Promise.resolve().then(()=>require("./HGap-iE8PUhQ0.js")),"HGap"),Ld=Bt(()=>Promise.resolve().then(()=>require("./HGrid-hT5rJuzx.js")),"HGrid"),Nd=Bt(()=>Promise.resolve().then(()=>require("./HImagebox-CLImnFIt.js")),"HImagebox"),Rd=Bt(()=>Promise.resolve().then(()=>require("./HInput-DwwoXzjJ.js")),"HInput"),Hd=Bt(()=>Promise.resolve().then(()=>require("./HInputGroup-BRuSXsBM.js")),"HInputGroup"),Fd=Bt(()=>Promise.resolve().then(()=>require("./HLabel-zYOaf9-q.js")),"HLabel"),Od=Bt(()=>Promise.resolve().then(()=>require("./HLayout-ALgFRt7k.js")),"HLayout"),Vd=Bt(()=>Promise.resolve().then(()=>require("./HList-CqxZ454m.js")),"HList"),Dd=Bt(()=>Promise.resolve().then(()=>require("./HModal-BOjP9M6n.js")),"HModal"),Pd=Bt(()=>Promise.resolve().then(()=>require("./HNote-DezThZfA.js")),"HNote"),zd=Bt(()=>Promise.resolve().then(()=>require("./HPagination-gy_3m0t8.js")),"HPagination"),Ud=Bt(()=>Promise.resolve().then(()=>require("./HParagraph-CDNdHha0.js")),"HParagraph"),Gd=Bt(()=>Promise.resolve().then(()=>require("./HPopup-B7acOF9e.js")),"HPopup"),jd=Bt(()=>Promise.resolve().then(()=>require("./HSpinner-CZZwG0KH.js")),"HSpinner"),Wd=Bt(()=>Promise.resolve().then(()=>require("./HTable-B7zRl2Zz.js")),"HTable"),hn=nn.createHison(),Jp={install(t,e){const n=La();e?Object.keys(n).forEach(o=>{o in e||(e[o]=n[o])}):e=La(),$p(e),Xp(hn,e),typeof window<"u"&&bd(),Kp(),t.provide("hison",hn),t.component("HAccordion",Cd),t.component("HBaggie",xd),t.component("HBanner",Md),t.component("HButton",Sd),t.component("HCalendar",Id),t.component("HCaption",kd),t.component("HChart",Ed),t.component("HDrawer",wd),t.component("HDropdown",Ad),t.component("HFileset",Td),t.component("HGap",Bd),t.component("HGrid",Ld),t.component("HImagebox",Nd),t.component("HInput",Rd),t.component("HInputGroup",Hd),t.component("HLabel",Fd),t.component("HLayout",Od),t.component("HList",Vd),t.component("HModal",Dd),t.component("HNote",Pd),t.component("HPagination",zd),t.component("HParagraph",Ud),t.component("HPopup",Gd),t.component("HSpinner",jd),t.component("HTable",Wd)}};exports.BACKGROUND_TYPE_VALUES=Eu;exports.BACK_IMAGE_ALIGN_VALUES=Su;exports.BACK_IMAGE_STYLE_VALUES=ku;exports.BACK_IMAGE_VERTICAL_ALIGN_VALUES=Iu;exports.BackImageAlign=Ks;exports.BackImageRepeat=Js;exports.BackImageVerticalAlign=Xs;exports.BackgroundType=Zs;exports.COLOR_SET_VALUES=ju;exports.CSS_VAR_RE=uc;exports.Chart=pn;exports.Color=Ys;exports.DATA_STATUS_VALUES=qu;exports.DROPDOWN_TRIGGER_VALUES=Ou;exports.DataStatus=fc;exports.DayOfWeek=hc;exports.DropdownTrigger=sc;exports.EDIT_MODE_VALUES=Fu;exports.EditMode=lc;exports.GRID_ALIGN_VALUES=Uu;exports.GRID_DATE_FORMAT_VALUES=Pu;exports.GRID_MONTH_FORMAT_VALUES=zu;exports.GRID_VERTICAL_ALIGN_VALUES=Gu;exports.HAccordionClientOnly=Cd;exports.HBaggieClientOnly=xd;exports.HBannerClientOnly=Md;exports.HButtonClientOnly=Sd;exports.HCalendarClientOnly=Id;exports.HCalendarTimeFormat=gc;exports.HCalendarView=mc;exports.HCaptionClientOnly=kd;exports.HChartClientOnly=Ed;exports.HDrawerClientOnly=wd;exports.HDropdownClientOnly=Ad;exports.HEX_COLOR_RE=dc;exports.HFilesetClientOnly=Td;exports.HGapClientOnly=Bd;exports.HGapLine=rc;exports.HGapLineStyle=ic;exports.HGridClientOnly=Ld;exports.HImageboxClientOnly=Nd;exports.HInputClientOnly=Rd;exports.HInputGroupClientOnly=Hd;exports.HLabelClientOnly=Fd;exports.HLayoutClientOnly=Od;exports.HListClientOnly=Vd;exports.HModalClientOnly=Dd;exports.HNoteClientOnly=Pd;exports.HPaginationClientOnly=zd;exports.HParagraphClientOnly=Ud;exports.HPopupClientOnly=Gd;exports.HSpinnerClientOnly=jd;exports.HTableClientOnly=Wd;exports.H_CALENDAR_TIME_FORMAT_VALUES=Yu;exports.H_CALENDAR_VIEW_VALUES=$u;exports.H_GAP_LINE_STYLE_VALUES=Ru;exports.H_GAP_RULE_VALUES=Nu;exports.Hisonjs_bundleExports=nn;exports.INPUT_TYPE_VALUES=Hu;exports.InputType=ac;exports.MODAL_PLACEMENT_VALUES=wu;exports.ModalPlacement=Qs;exports.NOTE_MODE_BY_DEVICE_VALUES=Ku;exports.SCREEN_POSITION_VALUES=Au;exports.SELECTION_POLICY_VALUES=Du;exports.SPINNER_TYPE_VALUES=Tu;exports.ScreenPosition=ec;exports.Size=so;exports.SpinnerType=tc;exports.TEXT_ALIGN_VALUES=Vu;exports.TOOL_POSITION_VALUES=Xu;exports.TextAlign=cc;exports.VERTICAL_ALIGN_VALUES=Bu;exports.Vanillagrid2_bundleExports=Na;exports.Vanillanote2_bundleExports=Ra;exports.VerticalAlign=nc;exports.WHITE_SPACE_VALUES=Lu;exports.WhiteSpace=oc;exports.addComponentNameToClass=du;exports.applyOpacityToRgba=yu;exports.extractPrefixedClasses=uu;exports.extractResponsiveClasses=cu;exports.getDefaultHisonConfig=La;exports.getDigitsOnly=iu;exports.getHexCodeFromColorText=mu;exports.getIndexSpecificClassNameFromClassList=js;exports.getInvertColor=Kt;exports.getMaskValue=ru;exports.getRGBAFromColorText=gu;exports.getSpecificClassValueFromClassList=su;exports.getUUID=tu;exports.hison=hn;exports.hisonCloser=te;exports.hisonvue=Jp;exports.isCssColorLike=Wu;exports.isNullOrUndefined=eu;exports.normalizeToRgba=$t;exports.registerReloadable=_u;exports.reloadHisonComponent=Cu;exports.toClassString=Ws;exports.unregisterReloadable=vu;exports.useDevice=Yp;
+`.trim(),o="hisonvue-css-variables";let r=document.getElementById(o);r&&r.remove(),r=document.createElement("style"),r.id=o,r.textContent=n,document.head.appendChild(r)},Xp=(t,e)=>{Jd(t,e),t.setMaxFilesetSize=o=>{te.componentConfig.filesetSize=o},t.setMaxFilesetTotalSize=o=>{te.componentConfig.filesetTotalSize=o},t.getMaxFilesetSize=()=>te.componentConfig.filesetSize,t.getMaxFilesetTotalSize=()=>te.componentConfig.filesetTotalSize,t.cssEvent={setButtonOnBefoerFocus(o){te.event.cssEvent.button_onBeforeFocus=o},setButtonOnAfterFocus(o){te.event.cssEvent.button_onAfterFocus=o},setButtonOnBefoerBlur(o){te.event.cssEvent.button_onBeforeBlur=o},setButtonOnAfterBlur(o){te.event.cssEvent.button_onAfterBlur=o},setButtonOnBefoerClick(o){te.event.cssEvent.button_onBeforeClick=o},setButtonOnAfterClick(o){te.event.cssEvent.button_onAfterClick=o},setButtonOnBeforeMouseover(o){te.event.cssEvent.button_onBeforeMouseover=o},setButtonOnAfterMouseover(o){te.event.cssEvent.button_onAfterMouseover=o},setButtonOnBeforeMouseout(o){te.event.cssEvent.button_onBeforeMouseout=o},setButtonOnAfterMouseout(o){te.event.cssEvent.button_onAfterMouseout=o},setButtonOnBeforeTouchstart(o){te.event.cssEvent.button_onBeforeTouchstart=o},setButtonOnAfterTouchstart(o){te.event.cssEvent.button_onAfterTouchstart=o},setButtonOnBeforeTouchend(o){te.event.cssEvent.button_onBeforeTouchend=o},setButtonOnAfterTouchend(o){te.event.cssEvent.button_onAfterTouchend=o},setInputOnBefoerFocus(o){te.event.cssEvent.input_onBeforeFocus=o},setInputOnAfterFocus(o){te.event.cssEvent.input_onAfterFocus=o},setInputOnBefoerBlur(o){te.event.cssEvent.input_onBeforeBlur=o},setInputOnAfterBlur(o){te.event.cssEvent.input_onAfterBlur=o},setInputOnBeforeMouseover(o){te.event.cssEvent.input_onBeforeMouseover=o},setInputOnAfterMouseover(o){te.event.cssEvent.input_onAfterMouseover=o},setInputOnBeforeMouseout(o){te.event.cssEvent.input_onBeforeMouseout=o},setInputOnAfterMouseout(o){te.event.cssEvent.input_onAfterMouseout=o},setInputOnBeforeTouchstart(o){te.event.cssEvent.input_onBeforeTouchstart=o},setInputOnAfterTouchstart(o){te.event.cssEvent.input_onAfterTouchstart=o},setInputOnBeforeTouchend(o){te.event.cssEvent.input_onBeforeTouchend=o},setInputOnAfterTouchend(o){te.event.cssEvent.input_onAfterTouchend=o}};const n=()=>{typeof window<"u"&&(bd(),bu())};t.style={setSize(o){te.componentStyle.size=o,n()},setFilledColor(o){te.componentStyle.filledColor=o,n()},setEmptyColor(o){te.componentStyle.emptyColor=o,n()},setFilledTextColor(o){te.componentStyle.filledTextColor=o,n()},setEmptyTextColor(o){te.componentStyle.emptyTextColor=o,n()},setPrimaryColor(o){te.componentStyle.primaryColor=o,n()},setMutedColor(o){te.componentStyle.mutedColor=o,n()},setInfoColor(o){te.componentStyle.infoColor=o,n()},setSuccessColor(o){te.componentStyle.successColor=o,n()},setDangerColor(o){te.componentStyle.dangerColor=o,n()},setWarningColor(o){te.componentStyle.warningColor=o,n()},setCustom1Color(o){te.componentStyle.custom1Color=o,n()},setCustom2Color(o){te.componentStyle.custom2Color=o,n()},setCustom3Color(o){te.componentStyle.custom3Color=o,n()},setCustom4Color(o){te.componentStyle.custom4Color=o,n()},setCustom5Color(o){te.componentStyle.custom5Color=o,n()},setInvertColor(o){te.componentStyle.invertColor=o,n()},getDeviceType(){if(typeof window>"u")return"pc";const o=window.innerWidth;return o<768?"mb":o<1200?"tb":o<1980?"pc":"wd"},getFilledColor(){return te.componentStyle.filledColor},getEmptyColor(){return te.componentStyle.emptyColor},getFilledTextColor(){return te.componentStyle.filledTextColor},getEmptyTextColor(){return te.componentStyle.emptyTextColor},getPrimaryColor(){return te.componentStyle.primaryColor},getPrimaryButtonColor(){return te.componentStyle.componentColor.primary.buttonColor},getPrimaryBorderColor(){return te.componentStyle.componentColor.primary.borderColor},getPrimaryShadowColor(){return te.componentStyle.componentColor.primary.shadowColor},getPrimaryHoverColor(){return te.componentStyle.componentColor.primary.hoverColor},getPrimaryActiveColor(){return te.componentStyle.componentColor.primary.activeColor},getPrimaryRowHoverColor(){return te.componentStyle.componentColor.primary.rowHoverColor},getPrimaryStripeColor(){return te.componentStyle.componentColor.primary.stripeColor},getMutedColor(){return te.componentStyle.mutedColor},getMutedButtonColor(){return te.componentStyle.componentColor.muted.buttonColor},getMutedBorderColor(){return te.componentStyle.componentColor.muted.borderColor},getMutedShadowColor(){return te.componentStyle.componentColor.muted.shadowColor},getMutedHoverColor(){return te.componentStyle.componentColor.muted.hoverColor},getMutedActiveColor(){return te.componentStyle.componentColor.muted.activeColor},getMutedRowHoverColor(){return te.componentStyle.componentColor.muted.rowHoverColor},getMutedStripeColor(){return te.componentStyle.componentColor.muted.stripeColor},getInfoColor(){return te.componentStyle.infoColor},getInfoButtonColor(){return te.componentStyle.componentColor.info.buttonColor},getInfoBorderColor(){return te.componentStyle.componentColor.info.borderColor},getInfoShadowColor(){return te.componentStyle.componentColor.info.shadowColor},getInfoHoverColor(){return te.componentStyle.componentColor.info.hoverColor},getInfoActiveColor(){return te.componentStyle.componentColor.info.activeColor},getInfoRowHoverColor(){return te.componentStyle.componentColor.info.rowHoverColor},getInfoStripeColor(){return te.componentStyle.componentColor.info.stripeColor},getSuccessColor(){return te.componentStyle.successColor},getSuccessButtonColor(){return te.componentStyle.componentColor.success.buttonColor},getSuccessBorderColor(){return te.componentStyle.componentColor.success.borderColor},getSuccessShadowColor(){return te.componentStyle.componentColor.success.shadowColor},getSuccessHoverColor(){return te.componentStyle.componentColor.success.hoverColor},getSuccessActiveColor(){return te.componentStyle.componentColor.success.activeColor},getSuccessRowHoverColor(){return te.componentStyle.componentColor.success.rowHoverColor},getSuccessStripeColor(){return te.componentStyle.componentColor.success.stripeColor},getDangerColor(){return te.componentStyle.dangerColor},getDangerButtonColor(){return te.componentStyle.componentColor.danger.buttonColor},getDangerBorderColor(){return te.componentStyle.componentColor.danger.borderColor},getDangerShadowColor(){return te.componentStyle.componentColor.danger.shadowColor},getDangerHoverColor(){return te.componentStyle.componentColor.danger.hoverColor},getDangerActiveColor(){return te.componentStyle.componentColor.danger.activeColor},getDangerRowHoverColor(){return te.componentStyle.componentColor.danger.rowHoverColor},getDangerStripeColor(){return te.componentStyle.componentColor.danger.stripeColor},getWarningColor(){return te.componentStyle.warningColor},getWarningButtonColor(){return te.componentStyle.componentColor.warning.buttonColor},getWarningBorderColor(){return te.componentStyle.componentColor.warning.borderColor},getWarningShadowColor(){return te.componentStyle.componentColor.warning.shadowColor},getWarningHoverColor(){return te.componentStyle.componentColor.warning.hoverColor},getWarningActiveColor(){return te.componentStyle.componentColor.warning.activeColor},getWarningRowHoverColor(){return te.componentStyle.componentColor.warning.rowHoverColor},getWarningStripeColor(){return te.componentStyle.componentColor.warning.stripeColor},getCustom1Color(){return te.componentStyle.custom1Color},getCustom1ButtonColor(){return te.componentStyle.componentColor.custom1.buttonColor},getCustom1BorderColor(){return te.componentStyle.componentColor.custom1.borderColor},getCustom1ShadowColor(){return te.componentStyle.componentColor.custom1.shadowColor},getCustom1HoverColor(){return te.componentStyle.componentColor.custom1.hoverColor},getCustom1ActiveColor(){return te.componentStyle.componentColor.custom1.activeColor},getCustom1RowHoverColor(){return te.componentStyle.componentColor.custom1.rowHoverColor},getCustom1StripeColor(){return te.componentStyle.componentColor.custom1.stripeColor},getCustom2Color(){return te.componentStyle.custom2Color},getCustom2ButtonColor(){return te.componentStyle.componentColor.custom2.buttonColor},getCustom2BorderColor(){return te.componentStyle.componentColor.custom2.borderColor},getCustom2ShadowColor(){return te.componentStyle.componentColor.custom2.shadowColor},getCustom2HoverColor(){return te.componentStyle.componentColor.custom2.hoverColor},getCustom2ActiveColor(){return te.componentStyle.componentColor.custom2.activeColor},getCustom2RowHoverColor(){return te.componentStyle.componentColor.custom2.rowHoverColor},getCustom2StripeColor(){return te.componentStyle.componentColor.custom2.stripeColor},getCustom3Color(){return te.componentStyle.custom3Color},getCustom3ButtonColor(){return te.componentStyle.componentColor.custom3.buttonColor},getCustom3BorderColor(){return te.componentStyle.componentColor.custom3.borderColor},getCustom3ShadowColor(){return te.componentStyle.componentColor.custom3.shadowColor},getCustom3HoverColor(){return te.componentStyle.componentColor.custom3.hoverColor},getCustom3ActiveColor(){return te.componentStyle.componentColor.custom3.activeColor},getCustom3RowHoverColor(){return te.componentStyle.componentColor.custom3.rowHoverColor},getCustom3StripeColor(){return te.componentStyle.componentColor.custom3.stripeColor},getCustom4Color(){return te.componentStyle.custom4Color},getCustom4ButtonColor(){return te.componentStyle.componentColor.custom4.buttonColor},getCustom4BorderColor(){return te.componentStyle.componentColor.custom4.borderColor},getCustom4ShadowColor(){return te.componentStyle.componentColor.custom4.shadowColor},getCustom4HoverColor(){return te.componentStyle.componentColor.custom4.hoverColor},getCustom4ActiveColor(){return te.componentStyle.componentColor.custom4.activeColor},getCustom4RowHoverColor(){return te.componentStyle.componentColor.custom4.rowHoverColor},getCustom4StripeColor(){return te.componentStyle.componentColor.custom4.stripeColor},getCustom5Color(){return te.componentStyle.custom5Color},getCustom5ButtonColor(){return te.componentStyle.componentColor.custom5.buttonColor},getCustom5BorderColor(){return te.componentStyle.componentColor.custom5.borderColor},getCustom5ShadowColor(){return te.componentStyle.componentColor.custom5.shadowColor},getCustom5HoverColor(){return te.componentStyle.componentColor.custom5.hoverColor},getCustom5ActiveColor(){return te.componentStyle.componentColor.custom5.activeColor},getCustom5RowHoverColor(){return te.componentStyle.componentColor.custom5.rowHoverColor},getCustom5StripeColor(){return te.componentStyle.componentColor.custom5.stripeColor},isInvertColor(){return te.componentStyle.invertColor}},t.component={},t.component.getAccordion=o=>te.component.accordionList[o],t.component.getBaggie=o=>te.component.baggieList[o],t.component.getBanner=o=>te.component.bannerList[o],t.component.getButton=o=>te.component.buttonList[o],t.component.getCalendar=o=>te.component.calendarList[o],t.component.getCaption=o=>te.component.captionList[o],t.component.getChart=o=>te.component.chartList[o],t.component.getDrawer=o=>te.component.drawerList[o],t.component.getDropdown=o=>te.component.dropdownList[o],t.component.getGap=o=>te.component.gapList[o],t.component.getFileset=o=>te.component.filesetList[o],t.component.getGrid=o=>te.grid.getGrid(o),t.component.getImagebox=o=>te.component.imageboxList[o],t.component.getInput=o=>te.component.inputList[o],t.component.getInputGroup=o=>te.component.inputGroupList[o],t.component.getLabel=o=>te.component.labelList[o],t.component.getLayout=o=>te.component.layoutList[o],t.component.getList=o=>te.component.listList[o],t.component.getModal=o=>te.component.modalList[o],t.component.getNote=o=>te.note.getNote(o),t.component.getPagination=o=>te.component.paginationList[o],t.component.getParagraph=o=>te.component.paragraphList[o],t.component.getPopup=o=>te.component.popupList[o],t.component.getSpinner=o=>te.component.spinnerList[o],t.component.getTable=o=>te.component.tableList[o]},Cd=Bt(()=>Promise.resolve().then(()=>require("./HAccordion-DQZfJEHk.js")),"HAccordion"),xd=Bt(()=>Promise.resolve().then(()=>require("./HBaggie-DtbFsbZt.js")),"HBaggie"),Md=Bt(()=>Promise.resolve().then(()=>require("./HBanner-lLz_1orL.js")),"HBanner"),Sd=Bt(()=>Promise.resolve().then(()=>require("./HButton-0g-yvRAf.js")),"HButton"),Id=Bt(()=>Promise.resolve().then(()=>require("./HCalendar-_pLFA5Tb.js")),"HCalendar"),kd=Bt(()=>Promise.resolve().then(()=>require("./HCaption-Glhh7mSc.js")),"HCaption"),Ed=Bt(()=>Promise.resolve().then(()=>require("./HChart-BoHYwUcK.js")),"HChart"),wd=Bt(()=>Promise.resolve().then(()=>require("./HDrawer-A0-bnbO1.js")),"HDrawer"),Ad=Bt(()=>Promise.resolve().then(()=>require("./HDropdown-BCdh4fQ8.js")),"HDropdown"),Td=Bt(()=>Promise.resolve().then(()=>require("./HFileset-CjuWsuEG.js")),"HFileset"),Bd=Bt(()=>Promise.resolve().then(()=>require("./HGap-BxXak19g.js")),"HGap"),Ld=Bt(()=>Promise.resolve().then(()=>require("./HGrid-CQyO9W3n.js")),"HGrid"),Nd=Bt(()=>Promise.resolve().then(()=>require("./HImagebox-IV4-0rKz.js")),"HImagebox"),Rd=Bt(()=>Promise.resolve().then(()=>require("./HInput-gx38mY1I.js")),"HInput"),Hd=Bt(()=>Promise.resolve().then(()=>require("./HInputGroup-aJhpjNmm.js")),"HInputGroup"),Fd=Bt(()=>Promise.resolve().then(()=>require("./HLabel-DmTa_Coy.js")),"HLabel"),Od=Bt(()=>Promise.resolve().then(()=>require("./HLayout-hWsHm3nR.js")),"HLayout"),Vd=Bt(()=>Promise.resolve().then(()=>require("./HList-FIDRAdq3.js")),"HList"),Dd=Bt(()=>Promise.resolve().then(()=>require("./HModal-Bz1CKJ-3.js")),"HModal"),Pd=Bt(()=>Promise.resolve().then(()=>require("./HNote-C7TVoKsQ.js")),"HNote"),zd=Bt(()=>Promise.resolve().then(()=>require("./HPagination-B2pWykm2.js")),"HPagination"),Ud=Bt(()=>Promise.resolve().then(()=>require("./HParagraph-Cju4Pd7d.js")),"HParagraph"),Gd=Bt(()=>Promise.resolve().then(()=>require("./HPopup-DvXC_6Q0.js")),"HPopup"),jd=Bt(()=>Promise.resolve().then(()=>require("./HSpinner-VB3m46WE.js")),"HSpinner"),Wd=Bt(()=>Promise.resolve().then(()=>require("./HTable-C0eetauO.js")),"HTable"),hn=nn.createHison(),Jp={install(t,e){const n=La();e?Object.keys(n).forEach(o=>{o in e||(e[o]=n[o])}):e=La(),$p(e),Xp(hn,e),typeof window<"u"&&bd(),Kp(),t.provide("hison",hn),t.component("HAccordion",Cd),t.component("HBaggie",xd),t.component("HBanner",Md),t.component("HButton",Sd),t.component("HCalendar",Id),t.component("HCaption",kd),t.component("HChart",Ed),t.component("HDrawer",wd),t.component("HDropdown",Ad),t.component("HFileset",Td),t.component("HGap",Bd),t.component("HGrid",Ld),t.component("HImagebox",Nd),t.component("HInput",Rd),t.component("HInputGroup",Hd),t.component("HLabel",Fd),t.component("HLayout",Od),t.component("HList",Vd),t.component("HModal",Dd),t.component("HNote",Pd),t.component("HPagination",zd),t.component("HParagraph",Ud),t.component("HPopup",Gd),t.component("HSpinner",jd),t.component("HTable",Wd)}};exports.BACKGROUND_TYPE_VALUES=Eu;exports.BACK_IMAGE_ALIGN_VALUES=Su;exports.BACK_IMAGE_STYLE_VALUES=ku;exports.BACK_IMAGE_VERTICAL_ALIGN_VALUES=Iu;exports.BackImageAlign=Ks;exports.BackImageRepeat=Js;exports.BackImageVerticalAlign=Xs;exports.BackgroundType=Zs;exports.COLOR_SET_VALUES=ju;exports.CSS_VAR_RE=uc;exports.Chart=pn;exports.Color=Ys;exports.DATA_STATUS_VALUES=qu;exports.DROPDOWN_TRIGGER_VALUES=Ou;exports.DataStatus=fc;exports.DayOfWeek=hc;exports.DropdownTrigger=sc;exports.EDIT_MODE_VALUES=Fu;exports.EditMode=lc;exports.GRID_ALIGN_VALUES=Uu;exports.GRID_DATE_FORMAT_VALUES=Pu;exports.GRID_MONTH_FORMAT_VALUES=zu;exports.GRID_VERTICAL_ALIGN_VALUES=Gu;exports.HAccordionClientOnly=Cd;exports.HBaggieClientOnly=xd;exports.HBannerClientOnly=Md;exports.HButtonClientOnly=Sd;exports.HCalendarClientOnly=Id;exports.HCalendarTimeFormat=gc;exports.HCalendarView=mc;exports.HCaptionClientOnly=kd;exports.HChartClientOnly=Ed;exports.HDrawerClientOnly=wd;exports.HDropdownClientOnly=Ad;exports.HEX_COLOR_RE=dc;exports.HFilesetClientOnly=Td;exports.HGapClientOnly=Bd;exports.HGapLine=rc;exports.HGapLineStyle=ic;exports.HGridClientOnly=Ld;exports.HImageboxClientOnly=Nd;exports.HInputClientOnly=Rd;exports.HInputGroupClientOnly=Hd;exports.HLabelClientOnly=Fd;exports.HLayoutClientOnly=Od;exports.HListClientOnly=Vd;exports.HModalClientOnly=Dd;exports.HNoteClientOnly=Pd;exports.HPaginationClientOnly=zd;exports.HParagraphClientOnly=Ud;exports.HPopupClientOnly=Gd;exports.HSpinnerClientOnly=jd;exports.HTableClientOnly=Wd;exports.H_CALENDAR_TIME_FORMAT_VALUES=Yu;exports.H_CALENDAR_VIEW_VALUES=$u;exports.H_GAP_LINE_STYLE_VALUES=Ru;exports.H_GAP_RULE_VALUES=Nu;exports.Hisonjs_bundleExports=nn;exports.INPUT_TYPE_VALUES=Hu;exports.InputType=ac;exports.MODAL_PLACEMENT_VALUES=wu;exports.ModalPlacement=Qs;exports.NOTE_MODE_BY_DEVICE_VALUES=Ku;exports.SCREEN_POSITION_VALUES=Au;exports.SELECTION_POLICY_VALUES=Du;exports.SPINNER_TYPE_VALUES=Tu;exports.ScreenPosition=ec;exports.Size=so;exports.SpinnerType=tc;exports.TEXT_ALIGN_VALUES=Vu;exports.TOOL_POSITION_VALUES=Xu;exports.TextAlign=cc;exports.VERTICAL_ALIGN_VALUES=Bu;exports.Vanillagrid2_bundleExports=Na;exports.Vanillanote2_bundleExports=Ra;exports.VerticalAlign=nc;exports.WHITE_SPACE_VALUES=Lu;exports.WhiteSpace=oc;exports.addComponentNameToClass=du;exports.applyOpacityToRgba=yu;exports.extractPrefixedClasses=uu;exports.extractResponsiveClasses=cu;exports.getDefaultHisonConfig=La;exports.getDigitsOnly=iu;exports.getHexCodeFromColorText=mu;exports.getIndexSpecificClassNameFromClassList=js;exports.getInvertColor=Kt;exports.getMaskValue=ru;exports.getRGBAFromColorText=gu;exports.getSpecificClassValueFromClassList=su;exports.getUUID=tu;exports.hison=hn;exports.hisonCloser=te;exports.hisonvue=Jp;exports.isCssColorLike=Wu;exports.isNullOrUndefined=eu;exports.normalizeToRgba=$t;exports.registerReloadable=_u;exports.reloadHisonComponent=Cu;exports.toClassString=Ws;exports.unregisterReloadable=vu;exports.useDevice=Yp;

package/dist/{setButtonCssEvent-CeKaCMw6.mjs → setButtonCssEvent-2VJ4CS7g.mjs}

@@ -1,4 +1,4 @@
-import { h as n } from "./index-DwaoBJx8.mjs";
+import { h as n } from "./index-DRwgcIYp.mjs";
 const o = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakSet(), u = (t) => {
   const e = t.currentTarget;
   if (n.event.cssEvent.button_onBeforeFocus(t) === !1) {

package/dist/{setButtonCssEvent-CZ_EALQj.js → setButtonCssEvent-C6FCWqzv.js}

@@ -1 +1 @@
-"use strict";const o=require("./index-CENW-ZSo.js"),n=new WeakMap,r=new WeakSet,u=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeFocus(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-focus"),o.hisonCloser.event.cssEvent.button_onAfterFocus(t)},a=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeBlur(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-focus"),e.classList.remove("hison-button-on-active");const s=n.get(e);s&&(clearTimeout(s),n.delete(e)),o.hisonCloser.event.cssEvent.button_onAfterBlur(t)},c=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeClick(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover","hison-button-on-focus"),e.classList.add("hison-button-on-active");const s=n.get(e);s&&clearTimeout(s);const l=window.setTimeout(()=>{e.classList.remove("hison-button-on-active"),document.activeElement===e&&e.classList.add("hison-button-on-focus"),o.hisonCloser.event.cssEvent.button_onAfterClick(t),n.delete(e)},100);n.set(e,l)},i=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeMouseover(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterMouseover(t)},v=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeMouseout(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterMouseout(t)},f=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeTouchstart(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterTouchstart(t)},d=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeTouchend(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterTouchend(t)},h=t=>{r.has(t)||(r.add(t),t.addEventListener("click",c,{capture:!0}),t.addEventListener("focus",u),t.addEventListener("blur",a),t.addEventListener("mouseenter",i),t.addEventListener("mouseleave",v),t.addEventListener("touchstart",f,{passive:!1,capture:!0}),t.addEventListener("touchend",d,{passive:!1,capture:!0}))},E=t=>{if(!r.has(t))return;r.delete(t),t.removeEventListener("click",c,{capture:!0}),t.removeEventListener("focus",u),t.removeEventListener("blur",a),t.removeEventListener("mouseenter",i),t.removeEventListener("mouseleave",v),t.removeEventListener("touchstart",f,{capture:!0}),t.removeEventListener("touchend",d,{capture:!0});const e=n.get(t);e&&(clearTimeout(e),n.delete(t))};exports.addButtonCssEvent=h;exports.removeButtonCssEvent=E;
+"use strict";const o=require("./index-tJRAaMZL.js"),n=new WeakMap,r=new WeakSet,u=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeFocus(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-focus"),o.hisonCloser.event.cssEvent.button_onAfterFocus(t)},a=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeBlur(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-focus"),e.classList.remove("hison-button-on-active");const s=n.get(e);s&&(clearTimeout(s),n.delete(e)),o.hisonCloser.event.cssEvent.button_onAfterBlur(t)},c=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeClick(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover","hison-button-on-focus"),e.classList.add("hison-button-on-active");const s=n.get(e);s&&clearTimeout(s);const l=window.setTimeout(()=>{e.classList.remove("hison-button-on-active"),document.activeElement===e&&e.classList.add("hison-button-on-focus"),o.hisonCloser.event.cssEvent.button_onAfterClick(t),n.delete(e)},100);n.set(e,l)},i=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeMouseover(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterMouseover(t)},v=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeMouseout(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterMouseout(t)},f=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeTouchstart(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterTouchstart(t)},d=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeTouchend(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterTouchend(t)},h=t=>{r.has(t)||(r.add(t),t.addEventListener("click",c,{capture:!0}),t.addEventListener("focus",u),t.addEventListener("blur",a),t.addEventListener("mouseenter",i),t.addEventListener("mouseleave",v),t.addEventListener("touchstart",f,{passive:!1,capture:!0}),t.addEventListener("touchend",d,{passive:!1,capture:!0}))},E=t=>{if(!r.has(t))return;r.delete(t),t.removeEventListener("click",c,{capture:!0}),t.removeEventListener("focus",u),t.removeEventListener("blur",a),t.removeEventListener("mouseenter",i),t.removeEventListener("mouseleave",v),t.removeEventListener("touchstart",f,{capture:!0}),t.removeEventListener("touchend",d,{capture:!0});const e=n.get(t);e&&(clearTimeout(e),n.delete(t))};exports.addButtonCssEvent=h;exports.removeButtonCssEvent=E;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hisonvue",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "main": "./dist/hisonvue.cjs.js",
   "module": "./dist/hisonvue.es.js",
   "types": "./dist/hisonvue.d.ts",

package/dist/HInput-DwwoXzjJ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),u=require("./index-CENW-ZSo.js"),Ve=require("./_plugin-vue_export-helper-BHFhmbuH.js"),De={id:{type:String,required:!1},name:{type:String,required:!1},modelValue:{type:[String,Number,Boolean,Object,Array,Date],default:null},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},title:{type:String,required:!1},inputType:{type:String,required:!1,validator:e=>u.INPUT_TYPE_VALUES.includes(e)},format:{type:String,required:!1},nullText:{type:String,default:""},maxNumber:{type:[String,Number],required:!1},minNumber:{type:[String,Number],required:!1},roundNumber:{type:[String,Number],required:!1},maxLength:{type:[String,Number],required:!1},maxByte:{type:[String,Number],required:!1},placeholder:{type:String,required:!1},editMode:{type:String,default:u.EditMode.editable,validator:e=>["editable","disable","readonly"].includes(e)},required:{type:Boolean,default:!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:e=>e==null||u.TEXT_ALIGN_VALUES.includes(e)},border:{type:Boolean,default:!0},options:{type:Array,required:!1,default:()=>[]},checkedText:{type:String,default:"Y"},uncheckedText:{type:String,default:"N"},tabIndex:{type:[Number,String],default:null,validator:e=>e===null||e===""||!isNaN(+e)&&isFinite(+e)},inputTextdHandler:{type:Function,default:void 0},toggleStyle:{type:String,default:"default",validator:e=>["default","switch"].includes(e)}},H=new WeakSet,O=new WeakSet,oe=e=>{const n=e.currentTarget;if(u.hisonCloser.event.cssEvent.input_onBeforeFocus(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.add("hison-input-on-active"),u.hisonCloser.event.cssEvent.input_onAfterFocus(e)},te=e=>{const n=e.currentTarget;if(u.hisonCloser.event.cssEvent.input_onBeforeBlur(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.remove("hison-input-on-active"),n.classList.remove("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterBlur(e)},ie=e=>{const n=e.currentTarget;if(!n.readOnly){if(u.hisonCloser.event.cssEvent.input_onBeforeMouseover(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.add("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterMouseover(e)}},ue=e=>{const n=e.currentTarget;if(!n.readOnly){if(u.hisonCloser.event.cssEvent.input_onBeforeMouseout(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.remove("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterMouseout(e)}},se=e=>{const n=e.currentTarget;if(!n.readOnly){if(u.hisonCloser.event.cssEvent.input_onBeforeTouchstart(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.add("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterTouchstart(e)}},le=e=>{const n=e.currentTarget;if(!n.readOnly){if(u.hisonCloser.event.cssEvent.input_onBeforeTouchend(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.remove("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterTouchend(e)}},re=e=>{const n=e.currentTarget;n.readOnly||n.classList.remove("hison-input-on-mouseover")},qe=e=>{H.has(e)||(H.add(e),e.addEventListener("mouseenter",ie),e.addEventListener("mouseleave",ue),e.addEventListener("touchstart",se,{passive:!1,capture:!0}),e.addEventListener("touchend",le,{passive:!1,capture:!0}),e.addEventListener("touchcancel",re,{passive:!1,capture:!0}))},Re=e=>{H.has(e)&&(H.delete(e),e.removeEventListener("mouseenter",ie),e.removeEventListener("mouseleave",ue),e.removeEventListener("touchstart",se,{capture:!0}),e.removeEventListener("touchend",le,{capture:!0}),e.removeEventListener("touchcancel",re,{capture:!0}),e.classList.remove("hison-input-on-mouseover"))},ze=e=>{O.has(e)||(O.add(e),e.addEventListener("focus",oe),e.addEventListener("blur",te))},Ke=e=>{O.has(e)&&(O.delete(e),e.removeEventListener("focus",oe),e.removeEventListener("blur",te),e.classList.remove("hison-input-on-active"),e.classList.remove("hison-input-on-mouseover"))},Ue=i.defineComponent({name:"HInput",props:De,inheritAttrs:!1,emits:["update:modelValue","mounted","responsive-change","click","dblclick","mousedown","mouseup","mouseenter","mouseleave","mouseover","mouseout","mousemove","pointerdown","pointerup","pointermove","pointerenter","pointerleave","touchstart","touchend","touchmove","touchcancel","focus","blur","input","change","compositionstart","compositionupdate","compositionend","keydown","keyup","dragstart","dragend","drag","drop","copy","cut","paste","wheel","contextmenu"],setup(e,{emit:n}){const m=i.ref(null),b=i.ref(null),f=i.ref(null),p=e.id?e.id:u.getUUID(),o=i.ref(e.name??p),de=i.computed(()=>o.value),j=`hinput:${p}`,x=u.useDevice(),I=i.ref([]),W=()=>{I.value=u.extractResponsiveClasses(u.toClassString(e.class)||"",x.value),u.getIndexSpecificClassNameFromClassList(I.value,"col")===-1&&I.value.push("hison-col-12"),u.addComponentNameToClass(I.value,"size",u.hisonCloser.componentStyle.size),u.addComponentNameToClass(I.value,"color","primary")},r=i.ref(e.inputType??u.InputType.text),Y=i.computed(()=>{switch(r.value){case u.InputType.checkbox:return"checkbox";case u.InputType.radio:return"radio";case u.InputType.select:return"select";case u.InputType.range:return"range";case u.InputType.color:return"color";default:return"text"}}),ae=i.computed(()=>{switch(r.value){case u.InputType.mask:case u.InputType.digit:return"text";default:return r.value}}),L=i.ref(e.toggleStyle??"default"),M=i.ref(e.format??null),T=i.ref(u.hison.utils.isNumeric(e.maxNumber)?Number(e.maxNumber):null),$=i.ref(u.hison.utils.isNumeric(e.minNumber)?Number(e.minNumber):null),w=i.ref(u.hison.utils.isInteger(e.roundNumber)||u.hison.utils.isNegativeInteger(e.roundNumber)||e.roundNumber==="0"?Number(e.roundNumber):null),C=i.ref(u.hison.utils.isPositiveInteger(e.maxLength)?Number(e.maxLength):null),h=i.ref(u.hison.utils.isPositiveInteger(e.maxByte)?Number(e.maxByte):null),X=t=>{switch(t){case u.InputType.number:case u.InputType.digit:return u.TextAlign.right;case u.InputType.date:case u.InputType.month:case u.InputType.time:return u.TextAlign.center;default:return u.TextAlign.left}},k=i.ref(e.textAlign??X(r.value)),pe=i.computed(()=>({textAlign:k.value})),E=i.ref(e.border??!0),me=t=>(t=String(t),C.value&&(t=t.substring(0,C.value)),h.value&&(t=u.hison.utils.getCutByteLength(t,h.value)),t),ve=t=>(t=Number(t),T.value&&t>T.value&&(t=T.value),$.value&&t<$.value&&(t=$.value),w.value&&(t=u.hison.utils.getRound(t,w.value)),t),J=t=>{if(u.isNullOrUndefined(t))return r.value===u.InputType.checkbox||r.value===u.InputType.radio?!1:t;try{switch(r.value){case u.InputType.text:case u.InputType.password:case u.InputType.email:case u.InputType.mask:case u.InputType.digit:case u.InputType.textarea:r.value===u.InputType.mask&&(t=u.getMaskValue(t,M.value??"")),r.value===u.InputType.digit&&(t=u.getDigitsOnly(t)),t=me(t);break;case u.InputType.number:r.value===u.InputType.number&&(t=ve(t));break;case u.InputType.date:t&&(t=u.hison.utils.getDateWithFormat(t,u.Hisonjs_bundleExports.DateFormat["yyyy-MM-dd"]));break;case u.InputType.month:t&&(t=u.hison.utils.getDateWithFormat(t,u.Hisonjs_bundleExports.YearMonthFormat["yyyy-MM"]));break;case u.InputType.time:t&&(t=u.hison.utils.getDateWithFormat(t,u.Hisonjs_bundleExports.TimeFormat["HH:mm:ss"]));break;case u.InputType.checkbox:case u.InputType.radio:t=!!t;default:break}}catch(s){console.warn("[HInput] Failed to format value",t,s)}return t},l=i.ref(J(e.modelValue)),fe=i.computed(()=>l.value),v=i.ref(null),F=i.ref(e.visible),P=i.ref(e.title??""),A=i.ref(e.nullText??""),y=i.ref(e.editMode),ye=i.computed(()=>y.value===u.EditMode.disable),Q=i.computed(()=>y.value===u.EditMode.readonly),Me=i.computed(()=>E.value&&!Q.value?"hison-border":""),ge=i.computed(()=>y.value!==u.EditMode.editable?[`hison-input-${y.value}`,`hison-input-${Y.value}-${y.value}`]:[]),S=i.ref(e.required),be=i.computed(()=>S.value?["hison-input-required",`hison-input-${Y.value}-required`]:[]),V=i.ref(e.placeholder??""),D=i.ref(e.fontBold),Te=i.computed(()=>{if(D.value)return"hison-font-bold"}),q=i.ref(e.fontItalic),$e=i.computed(()=>{if(q.value)return"hison-font-italic"}),R=i.ref(e.fontThruline),Ce=i.computed(()=>{if(R.value)return"hison-font-thruline"}),z=i.ref(e.fontUnderline),he=i.computed(()=>{if(z.value)return"hison-font-underline"}),ke=i.computed(()=>F.value?"":"hison-display-none"),Z=i.ref(!1),g=i.ref(!1),K=i.ref(e.tabIndex!==null&&e.tabIndex!==""?Number(e.tabIndex):null),c=i.inject("registerToInputGroup",null),d=i.inject("notifyInputGroupStatus",null),B=i.inject("radioMembershipChanged",null),G=t=>{if(r.value===u.InputType.checkbox||r.value===u.InputType.radio)return t?e.checkedText:e.uncheckedText;if(u.isNullOrUndefined(t)||t==="")return A.value??"";if(e.inputTextdHandler)return e.inputTextdHandler(t);let s=String(t);try{switch(r.value){case u.InputType.password:s="•".repeat(t.length);break;case u.InputType.number:s=u.hison.utils.getNumberFormat(t,M.value??u.hison.getNumberFormat());break;case u.InputType.date:s=u.hison.utils.getDateWithFormat(t,M.value??u.hison.getDateFormat());break;case u.InputType.month:s=u.hison.utils.getDateWithFormat(t,M.value??u.hison.getYearMonthFormat());break;case u.InputType.time:s=u.hison.utils.getDateWithFormat(t,M.value??u.hison.getTimeFormat());break;case u.InputType.select:const N=m.value,ne=N.selectedIndex;s=ne>=0?N.options[ne].text:"";break}}catch(N){console.warn("[HInput] Failed to format value",t,N),s=""}return s},U=i.ref(""),Ie=t=>{y.value===u.EditMode.editable&&(Z.value=!0),i.nextTick(()=>{var s;(s=m.value)==null||s.focus()})},we=t=>{let s=m.value.value;(r.value===u.InputType.mask||r.value===u.InputType.digit||(C.value||h.value)&&(r.value===u.InputType.text||r.value===u.InputType.email||r.value===u.InputType.password||r.value===u.InputType.textarea))&&(s=J(s),m.value.value=s),l.value=s,g.value=!0,d==null||d(p,l.value),n("input",t,f.value,l.value),n("update:modelValue",l.value)},Be=t=>{v.value=l.value,n("focus",t,f.value)},Ne=t=>{v.value!==l.value&&(a(l.value,!0,!0),g.value=!0,d==null||d(p,l.value)),Z.value=!1,n("blur",t,f.value)},a=(t,s=!0,N=!1)=>{l.value=s?J(t):t,U.value=G(l.value),r.value===u.InputType.checkbox||r.value===u.InputType.radio?m.value.checked=!!l.value:m.value.value=l.value,N&&n("change",v.value,l.value,f.value)},Le=t=>{const s=t.target;a(s.value,!1,!0),g.value=!0,d==null||d(p,l.value),n("update:modelValue",l.value)},Ee=t=>{const s=t.target;a(s.value,!1,!0),g.value=!0,d==null||d(p,l.value),n("update:modelValue",l.value)},Fe=t=>{const s=t.target;a(s.checked,!1,!0),g.value=!0,d==null||d(p,l.value),n("update:modelValue",l.value)},Pe=t=>{const s=t.target;a(s.checked,!1,!0),g.value=!0,d&&o.value?d(o.value,s.checked?p:null):d==null||d(p,l.value),n("update:modelValue",l.value)},Ae=t=>{const s=t.target;a(s.value,!1,!0),g.value=!0,d==null||d(p,l.value),n("update:modelValue",l.value)},Se=t=>{if(Q.value&&(t.code==="Space"||t.code==="Enter")){t.preventDefault(),t.stopPropagation();return}n("keydown",t,f.value)},_=()=>{u.hisonCloser.component.inputList[p]&&u.hisonCloser.component.inputList[p].isHisonvueComponent&&console.warn(`[Hisonvue] The input ID is at risk of being duplicated. ${p}`),u.registerReloadable(j,()=>{ee(),i.nextTick(_)}),m.value&&(W(),b.value&&qe(b.value),r.value!==u.InputType.checkbox&&r.value!==u.InputType.radio&&r.value!==u.InputType.range&&r.value!==u.InputType.color&&ze(m.value),a(l.value,!1),f.value={isHisonvueComponent:!0,getId:()=>p,getType:()=>"input",getName:()=>o.value,setName:t=>{if(t===o.value)return;const s=o.value;o.value=t,r.value===u.InputType.radio&&(B==null||B(p,s,t,!!l.value))},getText:()=>U.value,getValue:()=>l.value,setValue:t=>{v.value=l.value,l.value=t,a(l.value)},getTitle:()=>P.value,setTitle:t=>{P.value=t},isVisible:()=>F.value,setVisible:t=>{F.value=t},getInputType:()=>r.value,setInputType:t=>{r.value=u.InputType[t],v.value=l.value,a(l.value),e.textAlign==null&&(k.value=X(r.value))},getFormat:()=>M.value??"",setFormat:t=>{M.value=t,v.value=l.value,a(l.value)},getNullText:()=>A.value,setNullText:t=>{A.value=t,(u.isNullOrUndefined(l.value)||l.value==="")&&(U.value=G(l.value))},getEditMode:()=>y.value,setEditMode:t=>{y.value=t},getMaxNumber:()=>T.value,setMaxNumber:t=>{u.hison.utils.isNumeric(t)&&(T.value=t,v.value=l.value,r.value===u.InputType.number&&a(l.value))},getMinNumber:()=>$.value,setMinNumber:t=>{u.hison.utils.isNumeric(t)&&($.value=t,v.value=l.value,r.value===u.InputType.number&&a(l.value))},getRoundNumber:()=>w.value,setRoundNumber:t=>{!u.hison.utils.isPositiveInteger(t)&&!u.hison.utils.isNegativeInteger(t)&&t!==0||(w.value=t,v.value=l.value,r.value===u.InputType.number&&a(l.value))},getMaxLength:()=>C.value,setMaxLength:t=>{u.hison.utils.isPositiveInteger(t)&&(C.value=t),v.value=l.value,a(l.value)},getMaxByte:()=>h.value,setMaxByte:t=>{u.hison.utils.isPositiveInteger(t)&&(h.value=t),v.value=l.value,a(l.value)},getRequired:()=>S.value,setRequired:t=>{S.value=t},getPlaceholder:()=>V.value,setPlaceholder:t=>{V.value=t},isFontBold:()=>D.value,setFontBold:t=>{D.value=t},isFontItalic:()=>q.value,setFontItalic:t=>{q.value=t},isFontThruline:()=>R.value,setFontThruline:t=>{R.value=t},isFontUnderline:()=>z.value,setFontUnderline:t=>{z.value=t},getTextAlign:()=>k.value,setTextAlign:t=>{(t===u.TextAlign.left||t===u.TextAlign.center||t===u.TextAlign.right)&&(k.value=t)},isBorder:()=>E.value,setBorder:t=>{E.value=t},isModified:()=>g.value,setModified:t=>{g.value=t},getToggleStyle:()=>L.value,setToggleStyle:t=>{(t==="default"||t==="switch")&&(L.value=t)},getTabIndex:()=>K.value,setTabIndex:t=>{K.value=t!=null?Number(t):null},focus:()=>{var t;b.value?b.value.focus():(t=m.value)==null||t.focus()},reload:()=>u.reloadHisonComponent(j)},u.hisonCloser.component.inputList[p]=f.value,c&&c(p),n("mounted",f.value))},ee=()=>{u.unregisterReloadable(j),delete u.hisonCloser.component.inputList[p],r.value!==u.InputType.checkbox&&r.value!==u.InputType.radio&&r.value!==u.InputType.range&&r.value!==u.InputType.color&&Ke(m.value),b.value&&Re(b.value)};return i.onMounted(_),i.onBeforeUnmount(ee),i.watch(x,t=>{W(),n("responsive-change",t)}),i.watch(()=>e.modelValue,t=>{a(t,!1)}),i.watch(()=>e.name,t=>{if(t&&t!==o.value){const s=o.value;o.value=t,r.value===u.InputType.radio&&(B==null||B(p,s,t,!!l.value))}}),i.watch(()=>e.visible,t=>{const s=!!t;s!==F.value&&(F.value=s)}),i.watch(()=>e.title,t=>{const s=t??"";s!==P.value&&(P.value=s)}),i.watch(()=>e.nullText,t=>{const s=t??"";s!==A.value&&(A.value=s,(u.isNullOrUndefined(l.value)||l.value==="")&&(U.value=G(l.value)))}),i.watch(()=>e.inputType,t=>{t&&t!==r.value&&(r.value=t,e.textAlign==null&&(k.value=X(r.value)),a(l.value))}),i.watch(()=>e.format,t=>{const s=t??null;s!==M.value&&(M.value=s,a(l.value))}),i.watch(()=>e.maxNumber,t=>{const s=u.hison.utils.isNumeric(t)?Number(t):null;s!==T.value&&(T.value=s,r.value===u.InputType.number&&a(l.value))}),i.watch(()=>e.minNumber,t=>{const s=u.hison.utils.isNumeric(t)?Number(t):null;s!==$.value&&($.value=s,r.value===u.InputType.number&&a(l.value))}),i.watch(()=>e.roundNumber,t=>{const s=u.hison.utils.isInteger(t)||u.hison.utils.isNegativeInteger(t)||t==="0"?Number(t):null;s!==w.value&&(w.value=s,r.value===u.InputType.number&&a(l.value))}),i.watch(()=>e.maxLength,t=>{const s=u.hison.utils.isPositiveInteger(t)?Number(t):null;s!==C.value&&(C.value=s,a(l.value))}),i.watch(()=>e.maxByte,t=>{const s=u.hison.utils.isPositiveInteger(t)?Number(t):null;s!==h.value&&(h.value=s,a(l.value))}),i.watch(()=>e.textAlign,t=>{t&&t!==k.value&&(t===u.TextAlign.left||t===u.TextAlign.center||t===u.TextAlign.right)&&(k.value=t)}),i.watch(()=>e.border,t=>{const s=!!t;s!==E.value&&(E.value=s)}),i.watch(()=>e.placeholder,t=>{const s=t??"";s!==V.value&&(V.value=s)}),i.watch(()=>e.required,t=>{const s=!!t;s!==S.value&&(S.value=s)}),i.watch(()=>e.fontBold,t=>{const s=!!t;s!==D.value&&(D.value=s)}),i.watch(()=>e.fontItalic,t=>{const s=!!t;s!==q.value&&(q.value=s)}),i.watch(()=>e.fontThruline,t=>{const s=!!t;s!==R.value&&(R.value=s)}),i.watch(()=>e.fontUnderline,t=>{const s=!!t;s!==z.value&&(z.value=s)}),i.watch(()=>e.editMode,t=>{t&&t!==y.value&&(y.value=t)}),i.watch(()=>e.tabIndex,t=>{const s=t===null||t===""?null:Number(t);s!==K.value&&(K.value=s)}),i.watch(()=>e.class,()=>{W()}),i.watch(()=>e.toggleStyle,t=>{const s=t??"default";s!==L.value&&(s==="default"||s==="switch")&&(L.value=s)}),{inputRef:m,inputTextRef:b,inputMethods:i.computed(()=>i.unref(f)),inputValue:fe,editing:Z,props:e,id:p,nameAttr:de,responsiveClassList:I,visibleClass:ke,editModeClassList:ge,requiredClassList:be,fontBoldClass:Te,fontItalicClass:$e,fontThrulineClass:Ce,fontUnderlineClass:he,textAlignStyle:pe,borderClass:Me,disable:ye,readonly:Q,inputType:r,inputExpressionType:Y,inputAttrType:ae,title:P,placeholder:V,maxNumber:T,minNumber:$,spanText:U,toggleStyle:L,tabIndex:K,onInput:we,onTextInputFocus:Ie,onFocus:Be,onBlur:Ne,onRangeChange:Le,onColorChange:Ee,onCheckboxChange:Fe,onRadioChange:Pe,onSelectChange:Ae,onKeydown:Se}}}),He=["id","name","value","disabled","readonly","title","tabindex"],Oe=["id","name","value","disabled","readonly","checked","title","tabindex"],je=["id","name","disabled","readonly","checked","title","tabindex"],We=["id","name","disabled","readonly","checked","title","tabindex"],Ye=["id","name","disabled","readonly","checked","title","tabindex"],Xe=["id","name","disabled","readonly","checked","title","tabindex"],Je=["id","name","value","disabled","readonly","title","tabindex"],Qe=["value"],Ze=["id","name","value","disabled","readonly","placeholder","title","maxlength","tabindex"],Ge=["id","name","value","disabled","readonly","title","placeholder","tabindex"],xe=["id","name","value","disabled","readonly","type","title","placeholder","max","min","tabindex"];function ce(e,n,m,b,f,p){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["hison-wrapper","hison-s-input-margin-adjustment",...e.responsiveClassList,e.visibleClass])},[e.inputType==="range"?(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(["hison-input","hison-input-range-div"]),style:i.normalizeStyle([e.textAlignStyle,e.props.style])},[i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"range",class:i.normalizeClass([`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList]),value:e.inputValue,disabled:e.disable,readonly:e.readonly,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[0]||(n[0]=(...o)=>e.onRangeChange&&e.onRangeChange(...o)),onFocus:n[1]||(n[1]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[2]||(n[2]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[3]||(n[3]=(...o)=>e.onKeydown&&e.onKeydown(...o)),onClick:n[4]||(n[4]=o=>e.$emit("click",o,e.inputMethods)),onDblclick:n[5]||(n[5]=o=>e.$emit("dblclick",o,e.inputMethods)),onMousedown:n[6]||(n[6]=o=>e.$emit("mousedown",o,e.inputMethods)),onMouseup:n[7]||(n[7]=o=>e.$emit("mouseup",o,e.inputMethods)),onMouseenter:n[8]||(n[8]=o=>e.$emit("mouseenter",o,e.inputMethods)),onMouseleave:n[9]||(n[9]=o=>e.$emit("mouseleave",o,e.inputMethods)),onMouseover:n[10]||(n[10]=o=>e.$emit("mouseover",o,e.inputMethods)),onMouseout:n[11]||(n[11]=o=>e.$emit("mouseout",o,e.inputMethods)),onPointerdown:n[12]||(n[12]=o=>e.$emit("pointerdown",o,e.inputMethods)),onPointerup:n[13]||(n[13]=o=>e.$emit("pointerup",o,e.inputMethods)),onPointermove:n[14]||(n[14]=o=>e.$emit("pointermove",o,e.inputMethods)),onPointerenter:n[15]||(n[15]=o=>e.$emit("pointerenter",o,e.inputMethods)),onPointerleave:n[16]||(n[16]=o=>e.$emit("pointerleave",o,e.inputMethods)),onTouchstart:n[17]||(n[17]=o=>e.$emit("touchstart",o,e.inputMethods)),onTouchend:n[18]||(n[18]=o=>e.$emit("touchend",o,e.inputMethods)),onTouchmove:n[19]||(n[19]=o=>e.$emit("touchmove",o,e.inputMethods)),onTouchcancel:n[20]||(n[20]=o=>e.$emit("touchcancel",o,e.inputMethods)),onContextmenu:n[21]||(n[21]=o=>e.$emit("contextmenu",o,e.inputMethods))},null,42,He)],4)):e.inputType==="color"?(i.openBlock(),i.createElementBlock("div",{key:1,class:i.normalizeClass(["hison-input","hison-input-color-div"]),style:i.normalizeStyle([e.textAlignStyle,e.props.style])},[i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"color",class:i.normalizeClass([`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList]),value:e.inputValue,disabled:e.disable,readonly:e.readonly,checked:e.inputValue===!0,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[22]||(n[22]=(...o)=>e.onColorChange&&e.onColorChange(...o)),onFocus:n[23]||(n[23]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[24]||(n[24]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[25]||(n[25]=(...o)=>e.onKeydown&&e.onKeydown(...o)),onClick:n[26]||(n[26]=o=>e.$emit("click",o,e.inputMethods)),onDblclick:n[27]||(n[27]=o=>e.$emit("dblclick",o,e.inputMethods)),onMousedown:n[28]||(n[28]=o=>e.$emit("mousedown",o,e.inputMethods)),onMouseup:n[29]||(n[29]=o=>e.$emit("mouseup",o,e.inputMethods)),onMouseenter:n[30]||(n[30]=o=>e.$emit("mouseenter",o,e.inputMethods)),onMouseleave:n[31]||(n[31]=o=>e.$emit("mouseleave",o,e.inputMethods)),onMouseover:n[32]||(n[32]=o=>e.$emit("mouseover",o,e.inputMethods)),onMouseout:n[33]||(n[33]=o=>e.$emit("mouseout",o,e.inputMethods)),onPointerdown:n[34]||(n[34]=o=>e.$emit("pointerdown",o,e.inputMethods)),onPointerup:n[35]||(n[35]=o=>e.$emit("pointerup",o,e.inputMethods)),onPointermove:n[36]||(n[36]=o=>e.$emit("pointermove",o,e.inputMethods)),onPointerenter:n[37]||(n[37]=o=>e.$emit("pointerenter",o,e.inputMethods)),onPointerleave:n[38]||(n[38]=o=>e.$emit("pointerleave",o,e.inputMethods)),onTouchstart:n[39]||(n[39]=o=>e.$emit("touchstart",o,e.inputMethods)),onTouchend:n[40]||(n[40]=o=>e.$emit("touchend",o,e.inputMethods)),onTouchmove:n[41]||(n[41]=o=>e.$emit("touchmove",o,e.inputMethods)),onTouchcancel:n[42]||(n[42]=o=>e.$emit("touchcancel",o,e.inputMethods)),onContextmenu:n[43]||(n[43]=o=>e.$emit("contextmenu",o,e.inputMethods))},null,42,Oe)],4)):e.inputType==="checkbox"?(i.openBlock(),i.createElementBlock("div",{key:2,class:i.normalizeClass(["hison-input","hison-input-checkbox-div"]),style:i.normalizeStyle([e.textAlignStyle,e.props.style])},[e.toggleStyle!=="switch"?(i.openBlock(),i.createElementBlock("input",{key:0,ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"checkbox",class:i.normalizeClass([`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList]),disabled:e.disable,readonly:e.readonly,checked:e.inputValue===!0,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[44]||(n[44]=(...o)=>e.onCheckboxChange&&e.onCheckboxChange(...o)),onFocus:n[45]||(n[45]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[46]||(n[46]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[47]||(n[47]=(...o)=>e.onKeydown&&e.onKeydown(...o)),onClick:n[48]||(n[48]=o=>e.$emit("click",o,e.inputMethods)),onDblclick:n[49]||(n[49]=o=>e.$emit("dblclick",o,e.inputMethods)),onMousedown:n[50]||(n[50]=o=>e.$emit("mousedown",o,e.inputMethods)),onMouseup:n[51]||(n[51]=o=>e.$emit("mouseup",o,e.inputMethods)),onMouseenter:n[52]||(n[52]=o=>e.$emit("mouseenter",o,e.inputMethods)),onMouseleave:n[53]||(n[53]=o=>e.$emit("mouseleave",o,e.inputMethods)),onMouseover:n[54]||(n[54]=o=>e.$emit("mouseover",o,e.inputMethods)),onMouseout:n[55]||(n[55]=o=>e.$emit("mouseout",o,e.inputMethods)),onPointerdown:n[56]||(n[56]=o=>e.$emit("pointerdown",o,e.inputMethods)),onPointerup:n[57]||(n[57]=o=>e.$emit("pointerup",o,e.inputMethods)),onPointermove:n[58]||(n[58]=o=>e.$emit("pointermove",o,e.inputMethods)),onPointerenter:n[59]||(n[59]=o=>e.$emit("pointerenter",o,e.inputMethods)),onPointerleave:n[60]||(n[60]=o=>e.$emit("pointerleave",o,e.inputMethods)),onTouchstart:n[61]||(n[61]=o=>e.$emit("touchstart",o,e.inputMethods)),onTouchend:n[62]||(n[62]=o=>e.$emit("touchend",o,e.inputMethods)),onTouchmove:n[63]||(n[63]=o=>e.$emit("touchmove",o,e.inputMethods)),onTouchcancel:n[64]||(n[64]=o=>e.$emit("touchcancel",o,e.inputMethods)),onContextmenu:n[65]||(n[65]=o=>e.$emit("contextmenu",o,e.inputMethods))},null,42,je)):(i.openBlock(),i.createElementBlock("label",{key:1,class:i.normalizeClass(["hison-input-checkbox-switch",...e.editModeClassList])},[i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"checkbox",class:"hison-cswitch-input",disabled:e.disable,readonly:e.readonly,checked:e.inputValue===!0,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[66]||(n[66]=(...o)=>e.onCheckboxChange&&e.onCheckboxChange(...o)),onFocus:n[67]||(n[67]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[68]||(n[68]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[69]||(n[69]=(...o)=>e.onKeydown&&e.onKeydown(...o)),onClick:n[70]||(n[70]=o=>e.$emit("click",o,e.inputMethods)),onDblclick:n[71]||(n[71]=o=>e.$emit("dblclick",o,e.inputMethods)),onMousedown:n[72]||(n[72]=o=>e.$emit("mousedown",o,e.inputMethods)),onMouseup:n[73]||(n[73]=o=>e.$emit("mouseup",o,e.inputMethods)),onMouseenter:n[74]||(n[74]=o=>e.$emit("mouseenter",o,e.inputMethods)),onMouseleave:n[75]||(n[75]=o=>e.$emit("mouseleave",o,e.inputMethods)),onMouseover:n[76]||(n[76]=o=>e.$emit("mouseover",o,e.inputMethods)),onMouseout:n[77]||(n[77]=o=>e.$emit("mouseout",o,e.inputMethods)),onPointerdown:n[78]||(n[78]=o=>e.$emit("pointerdown",o,e.inputMethods)),onPointerup:n[79]||(n[79]=o=>e.$emit("pointerup",o,e.inputMethods)),onPointermove:n[80]||(n[80]=o=>e.$emit("pointermove",o,e.inputMethods)),onPointerenter:n[81]||(n[81]=o=>e.$emit("pointerenter",o,e.inputMethods)),onPointerleave:n[82]||(n[82]=o=>e.$emit("pointerleave",o,e.inputMethods)),onTouchstart:n[83]||(n[83]=o=>e.$emit("touchstart",o,e.inputMethods)),onTouchend:n[84]||(n[84]=o=>e.$emit("touchend",o,e.inputMethods)),onTouchmove:n[85]||(n[85]=o=>e.$emit("touchmove",o,e.inputMethods)),onTouchcancel:n[86]||(n[86]=o=>e.$emit("touchcancel",o,e.inputMethods)),onContextmenu:n[87]||(n[87]=o=>e.$emit("contextmenu",o,e.inputMethods))},null,40,We),i.createElementVNode("span",{class:i.normalizeClass(["hison-switch-visual",[...e.editModeClassList,...e.requiredClassList]]),"aria-hidden":"true"},null,2)],2))],4)):e.inputType==="radio"?(i.openBlock(),i.createElementBlock("div",{key:3,class:i.normalizeClass(["hison-input","hison-input-radio-div"]),style:i.normalizeStyle([e.textAlignStyle,e.props.style])},[e.toggleStyle!=="switch"?(i.openBlock(),i.createElementBlock("input",{key:0,ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"radio",class:i.normalizeClass([`hison-input-${e.inputType}`,"hison-input-radio--default",...e.editModeClassList,...e.requiredClassList]),disabled:e.disable||e.readonly,readonly:e.readonly,checked:e.inputValue===!0,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[88]||(n[88]=(...o)=>e.onRadioChange&&e.onRadioChange(...o)),onFocus:n[89]||(n[89]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[90]||(n[90]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[91]||(n[91]=(...o)=>e.onKeydown&&e.onKeydown(...o)),onClick:n[92]||(n[92]=o=>e.$emit("click",o,e.inputMethods)),onDblclick:n[93]||(n[93]=o=>e.$emit("dblclick",o,e.inputMethods)),onMousedown:n[94]||(n[94]=o=>e.$emit("mousedown",o,e.inputMethods)),onMouseup:n[95]||(n[95]=o=>e.$emit("mouseup",o,e.inputMethods)),onMouseenter:n[96]||(n[96]=o=>e.$emit("mouseenter",o,e.inputMethods)),onMouseleave:n[97]||(n[97]=o=>e.$emit("mouseleave",o,e.inputMethods)),onMouseover:n[98]||(n[98]=o=>e.$emit("mouseover",o,e.inputMethods)),onMouseout:n[99]||(n[99]=o=>e.$emit("mouseout",o,e.inputMethods)),onPointerdown:n[100]||(n[100]=o=>e.$emit("pointerdown",o,e.inputMethods)),onPointerup:n[101]||(n[101]=o=>e.$emit("pointerup",o,e.inputMethods)),onPointermove:n[102]||(n[102]=o=>e.$emit("pointermove",o,e.inputMethods)),onPointerenter:n[103]||(n[103]=o=>e.$emit("pointerenter",o,e.inputMethods)),onPointerleave:n[104]||(n[104]=o=>e.$emit("pointerleave",o,e.inputMethods)),onTouchstart:n[105]||(n[105]=o=>e.$emit("touchstart",o,e.inputMethods)),onTouchend:n[106]||(n[106]=o=>e.$emit("touchend",o,e.inputMethods)),onTouchmove:n[107]||(n[107]=o=>e.$emit("touchmove",o,e.inputMethods)),onTouchcancel:n[108]||(n[108]=o=>e.$emit("touchcancel",o,e.inputMethods)),onContextmenu:n[109]||(n[109]=o=>e.$emit("contextmenu",o,e.inputMethods))},null,42,Ye)):(i.openBlock(),i.createElementBlock("label",{key:1,class:i.normalizeClass(["hison-input-radio-switch",...e.editModeClassList])},[i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"radio",class:"hison-radio-switch-input",disabled:e.disable||e.readonly,readonly:e.readonly,checked:e.inputValue===!0,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[110]||(n[110]=(...o)=>e.onRadioChange&&e.onRadioChange(...o)),onFocus:n[111]||(n[111]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[112]||(n[112]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[113]||(n[113]=(...o)=>e.onKeydown&&e.onKeydown(...o)),onClick:n[114]||(n[114]=o=>e.$emit("click",o,e.inputMethods)),onDblclick:n[115]||(n[115]=o=>e.$emit("dblclick",o,e.inputMethods)),onMousedown:n[116]||(n[116]=o=>e.$emit("mousedown",o,e.inputMethods)),onMouseup:n[117]||(n[117]=o=>e.$emit("mouseup",o,e.inputMethods)),onMouseenter:n[118]||(n[118]=o=>e.$emit("mouseenter",o,e.inputMethods)),onMouseleave:n[119]||(n[119]=o=>e.$emit("mouseleave",o,e.inputMethods)),onMouseover:n[120]||(n[120]=o=>e.$emit("mouseover",o,e.inputMethods)),onMouseout:n[121]||(n[121]=o=>e.$emit("mouseout",o,e.inputMethods)),onPointerdown:n[122]||(n[122]=o=>e.$emit("pointerdown",o,e.inputMethods)),onPointerup:n[123]||(n[123]=o=>e.$emit("pointerup",o,e.inputMethods)),onPointermove:n[124]||(n[124]=o=>e.$emit("pointermove",o,e.inputMethods)),onPointerenter:n[125]||(n[125]=o=>e.$emit("pointerenter",o,e.inputMethods)),onPointerleave:n[126]||(n[126]=o=>e.$emit("pointerleave",o,e.inputMethods)),onTouchstart:n[127]||(n[127]=o=>e.$emit("touchstart",o,e.inputMethods)),onTouchend:n[128]||(n[128]=o=>e.$emit("touchend",o,e.inputMethods)),onTouchmove:n[129]||(n[129]=o=>e.$emit("touchmove",o,e.inputMethods)),onTouchcancel:n[130]||(n[130]=o=>e.$emit("touchcancel",o,e.inputMethods)),onContextmenu:n[131]||(n[131]=o=>e.$emit("contextmenu",o,e.inputMethods))},null,40,Xe),i.createElementVNode("span",{class:i.normalizeClass(["hison-switch-visual",[...e.editModeClassList,...e.requiredClassList]]),"aria-hidden":"true"},null,2)],2))],4)):e.inputType==="select"?(i.openBlock(),i.createElementBlock("select",{key:4,ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,style:i.normalizeStyle([e.textAlignStyle,e.props.style]),class:i.normalizeClass(["hison-input",`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList,e.fontBoldClass,e.fontItalicClass,e.fontThrulineClass,e.fontUnderlineClass,e.borderClass]),value:e.inputValue,disabled:e.disable,readonly:e.readonly,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[132]||(n[132]=(...o)=>e.onSelectChange&&e.onSelectChange(...o)),onFocus:n[133]||(n[133]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[134]||(n[134]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[135]||(n[135]=(...o)=>e.onKeydown&&e.onKeydown(...o)),onClick:n[136]||(n[136]=o=>e.$emit("click",o,e.inputMethods)),onDblclick:n[137]||(n[137]=o=>e.$emit("dblclick",o,e.inputMethods)),onMousedown:n[138]||(n[138]=o=>e.$emit("mousedown",o,e.inputMethods)),onMouseup:n[139]||(n[139]=o=>e.$emit("mouseup",o,e.inputMethods)),onMouseenter:n[140]||(n[140]=o=>e.$emit("mouseenter",o,e.inputMethods)),onMouseleave:n[141]||(n[141]=o=>e.$emit("mouseleave",o,e.inputMethods)),onMouseover:n[142]||(n[142]=o=>e.$emit("mouseover",o,e.inputMethods)),onMouseout:n[143]||(n[143]=o=>e.$emit("mouseout",o,e.inputMethods)),onPointerdown:n[144]||(n[144]=o=>e.$emit("pointerdown",o,e.inputMethods)),onPointerup:n[145]||(n[145]=o=>e.$emit("pointerup",o,e.inputMethods)),onPointermove:n[146]||(n[146]=o=>e.$emit("pointermove",o,e.inputMethods)),onPointerenter:n[147]||(n[147]=o=>e.$emit("pointerenter",o,e.inputMethods)),onPointerleave:n[148]||(n[148]=o=>e.$emit("pointerleave",o,e.inputMethods)),onTouchstart:n[149]||(n[149]=o=>e.$emit("touchstart",o,e.inputMethods)),onTouchend:n[150]||(n[150]=o=>e.$emit("touchend",o,e.inputMethods)),onTouchmove:n[151]||(n[151]=o=>e.$emit("touchmove",o,e.inputMethods)),onTouchcancel:n[152]||(n[152]=o=>e.$emit("touchcancel",o,e.inputMethods)),onContextmenu:n[153]||(n[153]=o=>e.$emit("contextmenu",o,e.inputMethods))},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.props.options,o=>(i.openBlock(),i.createElementBlock("option",{key:o.value,value:o.value},i.toDisplayString(o.text),9,Qe))),128))],46,Je)):e.inputType==="textarea"?(i.openBlock(),i.createElementBlock("textarea",{key:5,ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,class:i.normalizeClass(["hison-input",`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList,e.fontBoldClass,e.fontItalicClass,e.fontThrulineClass,e.fontUnderlineClass,e.borderClass]),value:e.inputValue,style:i.normalizeStyle([e.textAlignStyle,e.props.style]),disabled:e.disable,readonly:e.readonly,placeholder:e.placeholder||void 0,title:e.title||void 0,maxlength:e.maxLength||void 0,tabindex:e.tabIndex??void 0,onInput:n[154]||(n[154]=(...o)=>e.onInput&&e.onInput(...o)),onFocus:n[155]||(n[155]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[156]||(n[156]=(...o)=>e.onBlur&&e.onBlur(...o))},i.toDisplayString(e.inputValue),47,Ze)):(i.openBlock(),i.createElementBlock(i.Fragment,{key:6},[i.withDirectives(i.createElementVNode("input",{ref:"inputTextRef",id:`input_text_${e.id}`,name:`input_text_${e.nameAttr}`,class:i.normalizeClass(["hison-input",`hison-input-text-${e.inputType}`,...e.editModeClassList,...e.requiredClassList,e.fontBoldClass,e.fontItalicClass,e.fontThrulineClass,e.fontUnderlineClass,e.borderClass]),type:"text",value:e.spanText,style:i.normalizeStyle([e.textAlignStyle,e.props.style]),disabled:e.disable,readonly:e.readonly,title:e.title||void 0,placeholder:e.placeholder||void 0,tabindex:e.tabIndex??void 0,onFocus:n[157]||(n[157]=(...o)=>e.onTextInputFocus&&e.onTextInputFocus(...o)),onClick:n[158]||(n[158]=o=>e.$emit("click",o,e.inputMethods)),onDblclick:n[159]||(n[159]=o=>e.$emit("dblclick",o,e.inputMethods)),onMousedown:n[160]||(n[160]=o=>e.$emit("mousedown",o,e.inputMethods)),onMouseup:n[161]||(n[161]=o=>e.$emit("mouseup",o,e.inputMethods)),onMouseenter:n[162]||(n[162]=o=>e.$emit("mouseenter",o,e.inputMethods)),onMouseleave:n[163]||(n[163]=o=>e.$emit("mouseleave",o,e.inputMethods)),onMouseover:n[164]||(n[164]=o=>e.$emit("mouseover",o,e.inputMethods)),onMouseout:n[165]||(n[165]=o=>e.$emit("mouseout",o,e.inputMethods)),onMousemove:n[166]||(n[166]=o=>e.$emit("mousemove",o,e.inputMethods)),onPointerdown:n[167]||(n[167]=o=>e.$emit("pointerdown",o,e.inputMethods)),onPointerup:n[168]||(n[168]=o=>e.$emit("pointerup",o,e.inputMethods)),onPointermove:n[169]||(n[169]=o=>e.$emit("pointermove",o,e.inputMethods)),onPointerenter:n[170]||(n[170]=o=>e.$emit("pointerenter",o,e.inputMethods)),onPointerleave:n[171]||(n[171]=o=>e.$emit("pointerleave",o,e.inputMethods)),onTouchstart:n[172]||(n[172]=o=>e.$emit("touchstart",o,e.inputMethods)),onTouchend:n[173]||(n[173]=o=>e.$emit("touchend",o,e.inputMethods)),onTouchmove:n[174]||(n[174]=o=>e.$emit("touchmove",o,e.inputMethods)),onTouchcancel:n[175]||(n[175]=o=>e.$emit("touchcancel",o,e.inputMethods))},null,46,Ge),[[i.vShow,!e.editing]]),i.withDirectives(i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,class:i.normalizeClass(["hison-input",`hison-input-${e.inputType}`,...e.editModeClassList,e.borderClass]),value:e.inputValue,style:i.normalizeStyle([e.textAlignStyle,e.props.style]),disabled:e.disable,readonly:e.readonly,type:e.inputType,title:e.title||void 0,placeholder:e.placeholder||void 0,max:e.maxNumber||void 0,min:e.minNumber||void 0,tabindex:e.tabIndex??void 0,onFocus:n[176]||(n[176]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[177]||(n[177]=(...o)=>e.onBlur&&e.onBlur(...o)),onInput:n[178]||(n[178]=(...o)=>e.onInput&&e.onInput(...o)),onCompositionstart:n[179]||(n[179]=o=>e.$emit("compositionstart",o,e.inputMethods)),onCompositionupdate:n[180]||(n[180]=o=>e.$emit("compositionupdate",o,e.inputMethods)),onCompositionend:n[181]||(n[181]=o=>e.$emit("compositionend",o,e.inputMethods)),onKeydown:n[182]||(n[182]=o=>e.$emit("keydown",o,e.inputMethods)),onKeyup:n[183]||(n[183]=o=>e.$emit("keyup",o,e.inputMethods)),onDragstart:n[184]||(n[184]=o=>e.$emit("dragstart",o,e.inputMethods)),onDragend:n[185]||(n[185]=o=>e.$emit("dragend",o,e.inputMethods)),onDrag:n[186]||(n[186]=o=>e.$emit("drag",o,e.inputMethods)),onDrop:n[187]||(n[187]=o=>e.$emit("drop",o,e.inputMethods)),onCopy:n[188]||(n[188]=o=>e.$emit("copy",o,e.inputMethods)),onCut:n[189]||(n[189]=o=>e.$emit("cut",o,e.inputMethods)),onPaste:n[190]||(n[190]=o=>e.$emit("paste",o,e.inputMethods)),onWheel:n[191]||(n[191]=o=>e.$emit("wheel",o,e.inputMethods)),onContextmenu:n[192]||(n[192]=o=>e.$emit("contextmenu",o,e.inputMethods))},null,46,xe),[[i.vShow,e.editing]])],64))],2)}const _e=Ve._export_sfc(Ue,[["render",ce]]);exports.default=_e;

package/dist/HList-CqxZ454m.js

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