hisonvue 1.1.20 → 1.1.22

package/dist/{HChart-BiAYvoFC.js → HChart-DKfoM5dM.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./index-Dndw65fe.js"),B=require("./_plugin-vue_export-helper-BHFhmbuH.js"),F={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},type:{type:String,required:!0},modelValue:{type:Object,required:!0},options:{type:Object,required:!1},visible:{type:Boolean,default:!0},loadDelay:{type:Number,default:500}},H=t.defineComponent({name:"HChart",props:F,emits:["update:modelValue","mounted","responsive-change"],setup(n,{emit:w,attrs:q}){const c=n.id||r.getUUID(),u=`hchart:${c}`,h=t.ref(null),s=t.ref(null),p=t.ref(n.visible),L=t.computed(()=>p.value?"":"hison-display-none"),R=r.useDevice(),d=t.ref([]),v=t.ref(!1),y=t.ref(n.loadDelay??500);let l=null,f=!0,o=!1;const i=t.ref(!1),A=()=>{d.value=r.extractResponsiveClasses(r.toClassString(n.class)||"",R.value),r.getIndexSpecificClassNameFromClassList(d.value,"col")===-1&&d.value.push("hison-col-12"),r.addComponentNameToClass(d.value,"size",r.hisonCloser.componentStyle.size),r.addComponentNameToClass(d.value,"color","primary")},m=e=>{if(Array.isArray(e))return e.map(a=>typeof a=="string"?r.getRGBAFromColorText(a)||a:typeof a=="object"&&a!==null?m(a):a);if(typeof e=="object"&&e!==null){const a={};for(const[g,b]of Object.entries(e))if(typeof b=="string"&&/color/i.test(g)){const D=r.getRGBAFromColorText(b);a[g]=D||b}else a[g]=m(b);return a}return e};function j(e){return!e||typeof e!="object"||!Array.isArray(e.datasets)?{datasets:[]}:{...e,datasets:e.datasets.filter(a=>!!a)}}function S(e){return!e||typeof e!="object"?{}:e}function k(){if(!f||o||i.value)return;if(!h.value){console.warn("[mountChart] canvasRef.value is null");return}A(),s.value=t.markRaw(new r.Chart(h.value,{type:n.type,data:j(m(t.toRaw(n.modelValue))),options:S(m(t.toRaw(n.options)))}));const e=s.value;e.isHisonvueComponent=!0,e.getId=()=>c,e.getType=()=>"chart",e.isVisible=()=>p.value,e.setVisible=a=>{p.value=a},e.getLoadDelay=()=>y.value,e.setLoadDelay=a=>{y.value=a},e.reload=()=>r.reloadHisonComponent(u),r.hisonCloser.component.chartList[c]&&r.hisonCloser.component.chartList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The chart ID is at risk of being duplicated. ${c}`),r.hisonCloser.component.chartList[c]=e,i.value=!1,w("mounted",r.hisonCloser.component.chartList[c])}const C=async()=>{var a;if(o||i.value){o=!0,l!==null&&(clearTimeout(l),l=null);return}o=!0,l!==null&&(clearTimeout(l),l=null);const e=s.value;if(e)try{try{(a=e.stop)==null||a.call(e)}catch{}e.destroy()}catch{}finally{s.value=null}delete r.hisonCloser.component.chartList[c],v.value=!0,i.value=!0,await t.nextTick()},T=async()=>{!f||o||v.value&&(v.value=!1,await t.nextTick(),l=window.setTimeout(()=>{!f||o||i.value||requestAnimationFrame(()=>{requestAnimationFrame(()=>{k()})})},y.value))};return r.registerReloadable(u,async()=>{f&&(r.unregisterReloadable(u),await C(),await T(),r.registerReloadable(u,async()=>{f&&(r.unregisterReloadable(u),await C(),await T(),r.registerReloadable(u,async()=>{f&&(r.unregisterReloadable(u),await C(),await T())}))}))}),t.onMounted(async()=>{v.value=!1,i.value=!1,await t.nextTick(),l=window.setTimeout(()=>{!f||o||i.value||requestAnimationFrame(()=>{requestAnimationFrame(()=>{k()})})},y.value)}),t.onBeforeUnmount(async()=>{f=!1,l!==null&&(clearTimeout(l),l=null),await C(),r.unregisterReloadable(u)}),t.watch(R,()=>{var e;o||i.value||(A(),s.value&&(((e=h.value)==null?void 0:e.isConnected)??!0)&&s.value.resize(),w("responsive-change",R.value))}),t.watch(()=>n.modelValue,e=>{v.value||o||i.value||!s.value||!e||typeof e!="object"||!Array.isArray(e.datasets)||(s.value.data=j(m(t.toRaw(e))),s.value.update("none"))},{deep:!0}),t.watch(()=>n.options,e=>{v.value||o||i.value||!s.value||!e||typeof e!="object"||(s.value.options=S(m(t.toRaw(e))),s.value.update("none"))},{deep:!0}),t.watch(()=>n.visible,e=>{e!==p.value&&(p.value=!!e)}),t.watch(()=>n.loadDelay,e=>{const a=Number(e);Number.isFinite(a)&&a>=0&&a!==y.value&&(y.value=a)}),t.watch(()=>n.class,()=>A()),t.watch(()=>n.type,()=>{!o&&!i.value&&r.reloadHisonComponent(u)}),{canvasRef:h,props:n,attrs:q,visibleClass:L,responsiveClassList:d,isPending:v}}});function I(n,w,q,c,u,h){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-chart","hison-wrapper",...n.responsiveClassList,n.visibleClass]),style:t.normalizeStyle(n.props.style)},[n.isPending?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("canvas",t.mergeProps({key:0,ref:"canvasRef"},n.attrs),null,16))],6)}const N=B._export_sfc(H,[["render",I]]);exports.default=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./index-DcB16odB.js"),B=require("./_plugin-vue_export-helper-BHFhmbuH.js"),F={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},type:{type:String,required:!0},modelValue:{type:Object,required:!0},options:{type:Object,required:!1},visible:{type:Boolean,default:!0},loadDelay:{type:Number,default:500}},H=t.defineComponent({name:"HChart",props:F,emits:["update:modelValue","mounted","responsive-change"],setup(n,{emit:w,attrs:q}){const c=n.id||r.getUUID(),u=`hchart:${c}`,h=t.ref(null),s=t.ref(null),p=t.ref(n.visible),L=t.computed(()=>p.value?"":"hison-display-none"),R=r.useDevice(),d=t.ref([]),v=t.ref(!1),y=t.ref(n.loadDelay??500);let l=null,f=!0,o=!1;const i=t.ref(!1),A=()=>{d.value=r.extractResponsiveClasses(r.toClassString(n.class)||"",R.value),r.getIndexSpecificClassNameFromClassList(d.value,"col")===-1&&d.value.push("hison-col-12"),r.addComponentNameToClass(d.value,"size",r.hisonCloser.componentStyle.size),r.addComponentNameToClass(d.value,"color","primary")},m=e=>{if(Array.isArray(e))return e.map(a=>typeof a=="string"?r.getRGBAFromColorText(a)||a:typeof a=="object"&&a!==null?m(a):a);if(typeof e=="object"&&e!==null){const a={};for(const[g,b]of Object.entries(e))if(typeof b=="string"&&/color/i.test(g)){const D=r.getRGBAFromColorText(b);a[g]=D||b}else a[g]=m(b);return a}return e};function j(e){return!e||typeof e!="object"||!Array.isArray(e.datasets)?{datasets:[]}:{...e,datasets:e.datasets.filter(a=>!!a)}}function S(e){return!e||typeof e!="object"?{}:e}function k(){if(!f||o||i.value)return;if(!h.value){console.warn("[mountChart] canvasRef.value is null");return}A(),s.value=t.markRaw(new r.Chart(h.value,{type:n.type,data:j(m(t.toRaw(n.modelValue))),options:S(m(t.toRaw(n.options)))}));const e=s.value;e.isHisonvueComponent=!0,e.getId=()=>c,e.getType=()=>"chart",e.isVisible=()=>p.value,e.setVisible=a=>{p.value=a},e.getLoadDelay=()=>y.value,e.setLoadDelay=a=>{y.value=a},e.reload=()=>r.reloadHisonComponent(u),r.hisonCloser.component.chartList[c]&&r.hisonCloser.component.chartList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The chart ID is at risk of being duplicated. ${c}`),r.hisonCloser.component.chartList[c]=e,i.value=!1,w("mounted",r.hisonCloser.component.chartList[c])}const C=async()=>{var a;if(o||i.value){o=!0,l!==null&&(clearTimeout(l),l=null);return}o=!0,l!==null&&(clearTimeout(l),l=null);const e=s.value;if(e)try{try{(a=e.stop)==null||a.call(e)}catch{}e.destroy()}catch{}finally{s.value=null}delete r.hisonCloser.component.chartList[c],v.value=!0,i.value=!0,await t.nextTick()},T=async()=>{!f||o||v.value&&(v.value=!1,await t.nextTick(),l=window.setTimeout(()=>{!f||o||i.value||requestAnimationFrame(()=>{requestAnimationFrame(()=>{k()})})},y.value))};return r.registerReloadable(u,async()=>{f&&(r.unregisterReloadable(u),await C(),await T(),r.registerReloadable(u,async()=>{f&&(r.unregisterReloadable(u),await C(),await T(),r.registerReloadable(u,async()=>{f&&(r.unregisterReloadable(u),await C(),await T())}))}))}),t.onMounted(async()=>{v.value=!1,i.value=!1,await t.nextTick(),l=window.setTimeout(()=>{!f||o||i.value||requestAnimationFrame(()=>{requestAnimationFrame(()=>{k()})})},y.value)}),t.onBeforeUnmount(async()=>{f=!1,l!==null&&(clearTimeout(l),l=null),await C(),r.unregisterReloadable(u)}),t.watch(R,()=>{var e;o||i.value||(A(),s.value&&(((e=h.value)==null?void 0:e.isConnected)??!0)&&s.value.resize(),w("responsive-change",R.value))}),t.watch(()=>n.modelValue,e=>{v.value||o||i.value||!s.value||!e||typeof e!="object"||!Array.isArray(e.datasets)||(s.value.data=j(m(t.toRaw(e))),s.value.update("none"))},{deep:!0}),t.watch(()=>n.options,e=>{v.value||o||i.value||!s.value||!e||typeof e!="object"||(s.value.options=S(m(t.toRaw(e))),s.value.update("none"))},{deep:!0}),t.watch(()=>n.visible,e=>{e!==p.value&&(p.value=!!e)}),t.watch(()=>n.loadDelay,e=>{const a=Number(e);Number.isFinite(a)&&a>=0&&a!==y.value&&(y.value=a)}),t.watch(()=>n.class,()=>A()),t.watch(()=>n.type,()=>{!o&&!i.value&&r.reloadHisonComponent(u)}),{canvasRef:h,props:n,attrs:q,visibleClass:L,responsiveClassList:d,isPending:v}}});function I(n,w,q,c,u,h){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-chart","hison-wrapper",...n.responsiveClassList,n.visibleClass]),style:t.normalizeStyle(n.props.style)},[n.isPending?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("canvas",t.mergeProps({key:0,ref:"canvasRef"},n.attrs),null,16))],6)}const N=B._export_sfc(H,[["render",I]]);exports.default=N;

package/dist/{HChart-RTqgX9Vw.mjs → HChart-xM2KDiJi.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as _, ref as f, computed as x, onMounted as V, nextTick as S, onBeforeUnmount as E, watch as v, toRaw as A, markRaw as G, createElementBlock as N, openBlock as O, normalizeStyle as M, normalizeClass as J, createCommentVNode as K, mergeProps as Q } from "vue";
-import { g as W, u as X, r as T, d as j, c as $, e as Y, t as Z, a as ee, b as z, h as p, p as B, C as te } from "./index-C4_ZZ_fO.mjs";
+import { g as W, u as X, r as T, d as j, c as $, e as Y, t as Z, a as ee, b as z, h as p, p as B, C as te } from "./index-CGr5-mvg.mjs";
 import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const se = {
   /**

package/dist/HDrawer-A3BpOuup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=require("./index-DcB16odB.js"),J=require("./scrollManager-CEEWQwoK.js"),Ce=require("./_plugin-vue_export-helper-BHFhmbuH.js"),be=["top","bottom","left","right"],ge={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},border:{type:Boolean,default:!0},zIndex:{type:Number,default:1100},position:{type:String,default:"bottom",validator:l=>be.includes(l)},width:{type:Number,default:null},height:{type:Number,default:null},closeButtonVisible:{type:Boolean,default:!0},closeButtonText:{type:String,default:"X"},closeButtonTitle:{type:String,default:"close"},swipeClose:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},closeClickOverlay:{type:Boolean,default:!0},overlayStyle:{type:[String,Object,Array],required:!1},scrollLock:{type:Boolean,default:!0},enterAnimationClass:{type:String,required:!1},leaveAnimationClass:{type:String,required:!1}},pe=t.defineComponent({name:"HDrawer",props:ge,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(l,{emit:f}){const u=l.id||i.getUUID(),L=`hdrawer:${u}`,I=i.useDevice(),q=t.ref(null),y=t.ref(null),a=t.ref(l.visible),b=t.ref(l.zIndex??1100),w=t.ref(l.border),S=t.ref(l.showOverlay),k=t.ref(l.closeClickOverlay),g=t.ref(l.scrollLock),n=t.ref(l.position),c=t.ref(l.width??null),v=t.ref(l.height??null),B=t.ref(l.closeButtonVisible),K=t.computed(()=>w.value),Q=t.computed(()=>w.value?"filled":"empty"),N=t.ref(l.closeButtonText||"X"),P=t.ref(l.closeButtonTitle||"Close"),T=t.ref(l.swipeClose),O={top:"hison-drawer-enter-top",bottom:"hison-drawer-enter-bottom",left:"hison-drawer-enter-left",right:"hison-drawer-enter-right"},A={top:"hison-drawer-leave-top",bottom:"hison-drawer-leave-bottom",left:"hison-drawer-leave-left",right:"hison-drawer-leave-right"},h=t.ref(l.enterAnimationClass||O[n.value]),m=t.ref(l.leaveAnimationClass||A[n.value]),x=t.computed(()=>"hison-bg-empty"),_=t.computed(()=>w.value?"hison-border":""),ee=t.computed(()=>a.value?"":"hison-display-none"),$=t.ref([]),H=()=>{var e;$.value=i.extractResponsiveClasses(i.toClassString(l.class)||"",I.value),i.addComponentNameToClass($.value,"size",((e=i.hisonCloser.componentStyle)==null?void 0:e.size)||"m"),i.addComponentNameToClass($.value,"color","primary")},te=t.computed(()=>[...i.extractPrefixedClasses(i.toClassString(l.class)||"","color")]),le=t.computed(()=>a.value&&S.value),oe=t.computed(()=>{const o={zIndex:(b.value??1100)-1},s=l.overlayStyle;return s?Array.isArray(s)?[{...o},...s]:typeof s=="string"?[o,s]:{...o,...s}:o}),ne=()=>{k.value&&d()},se=t.computed(()=>{const e={zIndex:b.value,position:"fixed",inset:"auto"};switch(e.left="",e.right="",e.top="",e.bottom="",n.value){case"top":e.left="0",e.right="0",e.top="0";break;case"bottom":e.left="0",e.right="0",e.bottom="0";break;case"left":e.left="0",e.top="0",e.bottom="0";break;case"right":e.right="0",e.top="0",e.bottom="0";break}return e}),ae=t.computed(()=>{const e={};return n.value==="top"||n.value==="bottom"?(e.width="100vw",v.value!=null&&(e.height=`${v.value}px`),c.value!=null&&(e.width=`${c.value}px`)):(e.height="100vh",c.value!=null&&(e.width=`${c.value}px`),v.value!=null&&(e.height=`${v.value}px`)),e}),z=()=>{g.value&&J.acquireScrollLock(u)},V=()=>{g.value&&J.releaseScrollLock(u)},W=async()=>{const e=y.value;!e||!h.value||(e.classList.remove(m.value),e.offsetWidth,e.classList.add(h.value))},ie=async()=>{const e=y.value;!e||!m.value||(e.classList.remove(h.value),e.offsetWidth,e.classList.add(m.value),await new Promise(o=>setTimeout(o,200)))},E=async()=>{a.value||(a.value=!0,z(),await t.nextTick(),W(),f("open",t.unref(p)))},d=async()=>{if(a.value)try{await ie()}finally{a.value=!1,V(),f("close",t.unref(p))}},re=async()=>a.value?d():E(),ue=()=>d();let R=!1,M=0,U=0;const X=40,ce=e=>{T.value&&(R=!0,M=e.clientX,U=e.clientY,window.addEventListener("pointerup",ve,{once:!0,capture:!0}))},ve=e=>{if(!R)return;R=!1;const o=e.clientX-M,s=e.clientY-U,r=Math.abs(o),C=Math.abs(s);(n.value==="top"&&C>r&&s>X||n.value==="bottom"&&C>r&&s<-40||n.value==="left"&&r>C&&o<-40||n.value==="right"&&r>C&&o>X)&&d()},de=200,fe="ease";function Z(e,o,s,r,C=de,ye=fe){return new Promise(we=>{e.style.transition="none",e.style[o]=`${s}px`,e.offsetWidth,e.style.transition=`${o} ${C}ms ${ye}`,e.style[o]=`${r}px`;const D=()=>{e.removeEventListener("transitionend",D),e.style.transition="",we()};e.addEventListener("transitionend",D),setTimeout(D,C+50)})}const he=t.computed(()=>n.value==="left"||n.value==="right"),me=t.computed(()=>n.value==="top"||n.value==="bottom");async function j(e,o=!0){const s=y.value;if(!s){c.value=e;return}const r=s.getBoundingClientRect().width;if((e??r)===r){c.value=e;return}if(!o||e==null||!he.value){c.value=e;return}c.value=e,await t.nextTick(),await Z(s,"width",r,e)}async function Y(e,o=!0){const s=y.value;if(!s){v.value=e;return}const r=s.getBoundingClientRect().height;if((e??r)===r){v.value=e;return}if(!o||e==null||!me.value){v.value=e;return}v.value=e,await t.nextTick(),await Z(s,"height",r,e)}const p=t.ref(null),F=()=>{i.hisonCloser.component.drawerList[u]&&i.hisonCloser.component.drawerList[u].isHisonvueComponent&&console.warn(`[Hisonvue] The drawer ID is at risk of being duplicated. ${u}`),i.registerReloadable(L,()=>{G(),t.nextTick(F)}),H(),a.value&&(z(),t.nextTick(W)),p.value={isHisonvueComponent:!0,getId:()=>u,getType:()=>"drawer",isVisible:()=>a.value,isOpen:()=>a.value,open:E,close:d,toggle:re,setVisible:e=>e?E():d(),getZIndex:()=>b.value,setZIndex:e=>{b.value=e},getPosition:()=>n.value,setPosition:e=>{n.value=e,l.enterAnimationClass||(h.value=O[n.value]),l.leaveAnimationClass||(m.value=A[n.value])},getWidth:()=>c.value,setWidth:(e,o=!0)=>j(e,o),getHeight:()=>v.value,setHeight:(e,o=!0)=>Y(e,o),isSwipeCloseEnabled:()=>T.value,setSwipeCloseEnabled:e=>{T.value=e},isCloseButtonVisible:()=>B.value,setCloseButtonVisible:e=>{B.value=e},isOverlayShown:()=>S.value,setOverlayShown:e=>{S.value=e},isCloseClickOverlay:()=>k.value,setCloseClickOverlay:e=>{k.value=e},isScrollLocked:()=>g.value,setScrollLock:e=>{g.value=e,a.value&&(e?z():V())},isBorder:()=>w.value,setBorder:e=>{w.value=e},getAnimationClasses:()=>({enter:h.value,leave:m.value}),setAnimationClasses:e=>{"enter"in e&&(h.value=e.enter||""),"leave"in e&&(m.value=e.leave||"")},reload:()=>i.reloadHisonComponent(L)},i.hisonCloser.component.drawerList[u]=p.value,f("mounted",p.value)},G=()=>{i.unregisterReloadable(L),delete i.hisonCloser.component.drawerList[u],a.value&&V()};return t.onMounted(F),t.onBeforeUnmount(G),t.watch(I,e=>{H(),f("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o&&!a.value?E():!o&&a.value&&d()}),t.watch(()=>l.zIndex,e=>{const o=Number(e);Number.isFinite(o)&&o!==b.value&&(b.value=o)}),t.watch(()=>l.border,e=>{const o=!!e;o!==w.value&&(w.value=o)}),t.watch(()=>l.showOverlay,e=>{const o=!!e;o!==S.value&&(S.value=o)}),t.watch(()=>l.closeClickOverlay,e=>{const o=!!e;o!==k.value&&(k.value=o)}),t.watch(()=>l.scrollLock,e=>{const o=!!e;o!==g.value&&(g.value=o,a.value&&(o?z():V()))}),t.watch(()=>l.position,e=>{e&&e!==n.value&&(n.value=e,l.enterAnimationClass||(h.value=O[n.value]),l.leaveAnimationClass||(m.value=A[n.value]))}),t.watch(()=>l.width,e=>{const o=e==null?null:Number(e);o!==c.value&&j(o,!1)}),t.watch(()=>l.height,e=>{const o=e==null?null:Number(e);o!==v.value&&Y(o,!1)}),t.watch(()=>l.closeButtonVisible,e=>{const o=!!e;o!==B.value&&(B.value=o)}),t.watch(()=>l.closeButtonText,e=>{const o=e??"X";o!==N.value&&(N.value=o)}),t.watch(()=>l.closeButtonTitle,e=>{const o=e??"Close";o!==P.value&&(P.value=o)}),t.watch(()=>l.swipeClose,e=>{const o=!!e;o!==T.value&&(T.value=o)}),t.watch(()=>l.enterAnimationClass,e=>{const o=e||O[n.value];o!==h.value&&(h.value=o)}),t.watch(()=>l.leaveAnimationClass,e=>{const o=e||A[n.value];o!==m.value&&(m.value=o)}),t.watch(()=>l.class,()=>H()),{id:u,props:l,wrapperRef:q,drawerRef:y,position:n,visibleClass:ee,responsiveClassList:$,childClassList:te,borderClass:_,backgroundTypeClass:x,wrapperStyle:se,overlayStyleWithZ:oe,isOverlayVisible:le,sizeStyle:ae,closeButtonVisible:B,closeButtonBorder:K,closeButtonBackgroundType:Q,closeButtonText:N,closeButtonTitle:P,onOverlayClick:ne,onClickClose:ue,onSwipePointerDown:ce,drawerMethods:t.computed(()=>t.unref(p))}}});function Se(l,f,u,L,I,q){const y=t.resolveComponent("HButton");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-layer-host",l.visibleClass])},[l.isOverlayVisible?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-drawer-overlay",style:t.normalizeStyle(l.overlayStyleWithZ),onClick:f[0]||(f[0]=(...a)=>l.onOverlayClick&&l.onOverlayClick(...a))},null,4)):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"wrapperRef",class:t.normalizeClass(["hison-drawer-wrapper",`hison-pos-${l.position}`,...l.responsiveClassList]),style:t.normalizeStyle(l.wrapperStyle)},[t.createElementVNode("div",{ref:"drawerRef",class:t.normalizeClass(["hison-drawer",l.borderClass,l.backgroundTypeClass]),style:t.normalizeStyle([l.sizeStyle,l.props.style]),role:"dialog",onPointerdown:f[1]||(f[1]=(...a)=>l.onSwipePointerDown&&l.onSwipePointerDown(...a))},[l.closeButtonVisible?t.renderSlot(l.$slots,"close-button",{key:0,onClick:l.onClickClose,text:l.closeButtonText,title:l.closeButtonTitle||"Close"},()=>[t.createVNode(y,{id:`hison_drawer_close_${l.id}`,class:t.normalizeClass(["hison-drawer-close-btn","hison-pos-right","hison-pos-top","hison-size-s",...l.childClassList]),text:l.closeButtonText,title:l.closeButtonTitle||"Close",border:l.closeButtonBorder,"background-type":l.closeButtonBackgroundType,onClick:l.onClickClose},t.createSlots({default:t.withCtx(()=>[l.$slots["close-label"]?t.renderSlot(l.$slots,"close-label",{key:0}):t.createCommentVNode("",!0)]),_:2},[l.$slots["close-icon"]?{name:"icon",fn:t.withCtx(()=>[t.renderSlot(l.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","class","text","title","border","background-type","onClick"])]):t.createCommentVNode("",!0),t.renderSlot(l.$slots,"default")],38)],6)],2)}const ke=Ce._export_sfc(pe,[["render",Se]]);exports.default=ke;

package/dist/{HDrawer-_eAs8SUX.mjs → HDrawer-Vt4JA6pk.mjs}

@@ -1,8 +1,8 @@
-import { defineComponent as Ve, ref as n, computed as r, onMounted as Pe, onBeforeUnmount as He, watch as a, unref as j, nextTick as A, resolveComponent as Re, createElementBlock as se, openBlock as ne, normalizeClass as R, createCommentVNode as Y, createElementVNode as ae, normalizeStyle as F, renderSlot as D, createVNode as De, createSlots as Ne, withCtx as ie } from "vue";
-import { g as We, u as qe, j as Ue, t as re, e as Xe, b as ue, h as $, r as Ze, c as Me, d as je } from "./index-C4_ZZ_fO.mjs";
-import { a as Ye, r as Fe } from "./scrollManager-BGnq4wyt.mjs";
-import { _ as Ge } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Je = ["top", "bottom", "left", "right"], Ke = {
+import { defineComponent as Ee, ref as a, computed as u, onMounted as ze, onBeforeUnmount as Ve, watch as i, unref as M, nextTick as T, resolveComponent as Pe, createElementBlock as oe, openBlock as se, normalizeClass as R, createCommentVNode as j, createElementVNode as ne, normalizeStyle as Y, renderSlot as D, createVNode as He, createSlots as Re, withCtx as ae } from "vue";
+import { g as De, u as Ne, j as We, t as ie, e as qe, b as re, h as A, r as Ue, c as Xe, d as Ze } from "./index-CGr5-mvg.mjs";
+import { a as Me, r as je } from "./scrollManager-BGnq4wyt.mjs";
+import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Fe = ["top", "bottom", "left", "right"], Ge = {
   /**
    * Unique identifier for the drawer instance.
    * - Retrieve runtime methods via `hison.component.getDrawer(id)`
@@ -53,7 +53,7 @@ const Je = ["top", "bottom", "left", "right"], Ke = {
   position: {
     type: String,
     default: "bottom",
-    validator: (t) => Je.includes(t)
+    validator: (t) => Fe.includes(t)
   },
   /**
    * Drawer width in pixels.
@@ -126,33 +126,33 @@ const Je = ["top", "bottom", "left", "right"], Ke = {
    * - Default: chosen internally by `position` if not provided
    */
   leaveAnimationClass: { type: String, required: !1 }
-}, Qe = Ve({
+}, Je = Ee({
   name: "HDrawer",
-  props: Ke,
+  props: Ge,
   inheritAttrs: !1,
   emits: ["mounted", "responsive-change", "open", "close"],
-  setup(t, { emit: f, slots: ce }) {
-    const u = t.id || We(), I = `hdrawer:${u}`, N = qe(), W = n(null), y = n(null), k = n(t.visible), c = n(t.visible), g = n(t.zIndex ?? 1100), b = n(t.border), S = n(t.showOverlay), L = n(t.closeClickOverlay), p = n(t.scrollLock), o = n(t.position), v = n(t.width ?? null), d = n(t.height ?? null), O = n(t.closeButtonVisible), ve = r(() => b.value), de = r(() => b.value ? "filled" : "empty"), q = n(t.closeButtonText || "X"), U = n(t.closeButtonTitle || "Close"), T = n(t.swipeClose), E = {
+  setup(t, { emit: y }) {
+    const c = t.id || De(), $ = `hdrawer:${c}`, N = Ne(), F = a(null), w = a(null), n = a(t.visible), g = a(t.zIndex ?? 1100), b = a(t.border), k = a(t.showOverlay), S = a(t.closeClickOverlay), p = a(t.scrollLock), o = a(t.position), v = a(t.width ?? null), d = a(t.height ?? null), L = a(t.closeButtonVisible), ue = u(() => b.value), ce = u(() => b.value ? "filled" : "empty"), W = a(t.closeButtonText || "X"), q = a(t.closeButtonTitle || "Close"), O = a(t.swipeClose), I = {
       top: "hison-drawer-enter-top",
       bottom: "hison-drawer-enter-bottom",
       left: "hison-drawer-enter-left",
       right: "hison-drawer-enter-right"
-    }, z = {
+    }, E = {
       top: "hison-drawer-leave-top",
       bottom: "hison-drawer-leave-bottom",
       left: "hison-drawer-leave-left",
       right: "hison-drawer-leave-right"
-    }, h = n(t.enterAnimationClass || E[o.value]), m = n(t.leaveAnimationClass || z[o.value]), fe = r(() => "hison-bg-empty"), ye = r(() => b.value ? "hison-border" : ""), he = r(() => k.value ? "" : "hison-display-none"), V = n([]), X = () => {
+    }, h = a(t.enterAnimationClass || I[o.value]), m = a(t.leaveAnimationClass || E[o.value]), ve = u(() => "hison-bg-empty"), de = u(() => b.value ? "hison-border" : ""), fe = u(() => n.value ? "" : "hison-display-none"), z = a([]), U = () => {
       var e;
-      V.value = Xe(re(t.class) || "", N.value), ue(V.value, "size", ((e = $.componentStyle) == null ? void 0 : e.size) || "m"), ue(V.value, "color", "primary");
-    }, me = r(() => [
-      ...Ue(re(t.class) || "", "color")
-    ]), we = r(() => c.value && S.value), be = r(() => {
+      z.value = qe(ie(t.class) || "", N.value), re(z.value, "size", ((e = A.componentStyle) == null ? void 0 : e.size) || "m"), re(z.value, "color", "primary");
+    }, ye = u(() => [
+      ...We(ie(t.class) || "", "color")
+    ]), he = u(() => n.value && k.value), me = u(() => {
       const l = { zIndex: (g.value ?? 1100) - 1 }, s = t.overlayStyle;
       return s ? Array.isArray(s) ? [{ ...l }, ...s] : typeof s == "string" ? [l, s] : { ...l, ...s } : l;
-    }), Ce = () => {
-      L.value && w();
-    }, ge = r(() => {
+    }), we = () => {
+      S.value && f();
+    }, be = u(() => {
       const e = { zIndex: g.value, position: "fixed", inset: "auto" };
       switch (e.left = "", e.right = "", e.top = "", e.bottom = "", o.value) {
         case "top":
@@ -169,128 +169,128 @@ const Je = ["top", "bottom", "left", "right"], Ke = {
           break;
       }
       return e;
-    }), pe = r(() => {
+    }), Ce = u(() => {
       const e = {};
       return o.value === "top" || o.value === "bottom" ? (e.width = "100vw", d.value != null && (e.height = `${d.value}px`), v.value != null && (e.width = `${v.value}px`)) : (e.height = "100vh", v.value != null && (e.width = `${v.value}px`), d.value != null && (e.height = `${d.value}px`)), e;
-    }), P = () => {
-      p.value && Ye(u);
-    }, H = () => {
-      p.value && Fe(u);
+    }), V = () => {
+      p.value && Me(c);
+    }, P = () => {
+      p.value && je(c);
     }, G = async () => {
-      const e = y.value;
+      const e = w.value;
       !e || !h.value || (e.classList.remove(m.value), e.offsetWidth, e.classList.add(h.value));
-    }, Be = async () => {
-      const e = y.value;
+    }, ge = async () => {
+      const e = w.value;
       !e || !m.value || (e.classList.remove(h.value), e.offsetWidth, e.classList.add(m.value), await new Promise((l) => setTimeout(l, 200)));
-    }, J = async () => {
-      c.value || (c.value = !0, P(), await A(), G(), f("open", j(B)));
-    }, w = async () => {
-      if (c.value)
+    }, H = async () => {
+      n.value || (n.value = !0, V(), await T(), G(), y("open", M(B)));
+    }, f = async () => {
+      if (n.value)
         try {
-          await Be();
+          await ge();
         } finally {
-          c.value = !1, H(), f("close", j(B));
+          n.value = !1, P(), y("close", M(B));
         }
-    }, ke = async () => c.value ? w() : J(), Se = () => w();
-    let Z = !1, K = 0, Q = 0;
-    const x = 40, Le = (e) => {
-      T.value && (Z = !0, K = e.clientX, Q = e.clientY, window.addEventListener("pointerup", Oe, { once: !0, capture: !0 }));
-    }, Oe = (e) => {
-      if (!Z) return;
-      Z = !1;
-      const l = e.clientX - K, s = e.clientY - Q, i = Math.abs(l), C = Math.abs(s);
-      (o.value === "top" && C > i && s > x || o.value === "bottom" && C > i && s < -40 || o.value === "left" && i > C && l < -40 || o.value === "right" && i > C && l > x) && w();
-    }, Te = 200, Ae = "ease";
-    function _(e, l, s, i, C = Te, Ee = Ae) {
-      return new Promise((ze) => {
-        e.style.transition = "none", e.style[l] = `${s}px`, e.offsetWidth, e.style.transition = `${l} ${C}ms ${Ee}`, e.style[l] = `${i}px`;
-        const M = () => {
-          e.removeEventListener("transitionend", M), e.style.transition = "", ze();
+    }, pe = async () => n.value ? f() : H(), Be = () => f();
+    let X = !1, J = 0, K = 0;
+    const Q = 40, ke = (e) => {
+      O.value && (X = !0, J = e.clientX, K = e.clientY, window.addEventListener("pointerup", Se, { once: !0, capture: !0 }));
+    }, Se = (e) => {
+      if (!X) return;
+      X = !1;
+      const l = e.clientX - J, s = e.clientY - K, r = Math.abs(l), C = Math.abs(s);
+      (o.value === "top" && C > r && s > Q || o.value === "bottom" && C > r && s < -40 || o.value === "left" && r > C && l < -40 || o.value === "right" && r > C && l > Q) && f();
+    }, Le = 200, Oe = "ease";
+    function x(e, l, s, r, C = Le, $e = Oe) {
+      return new Promise((Ie) => {
+        e.style.transition = "none", e.style[l] = `${s}px`, e.offsetWidth, e.style.transition = `${l} ${C}ms ${$e}`, e.style[l] = `${r}px`;
+        const Z = () => {
+          e.removeEventListener("transitionend", Z), e.style.transition = "", Ie();
         };
-        e.addEventListener("transitionend", M), setTimeout(M, C + 50);
+        e.addEventListener("transitionend", Z), setTimeout(Z, C + 50);
       });
     }
-    const $e = r(() => o.value === "left" || o.value === "right"), Ie = r(() => o.value === "top" || o.value === "bottom");
-    async function ee(e, l = !0) {
-      const s = y.value;
+    const Te = u(() => o.value === "left" || o.value === "right"), Ae = u(() => o.value === "top" || o.value === "bottom");
+    async function _(e, l = !0) {
+      const s = w.value;
       if (!s) {
         v.value = e;
         return;
       }
-      const i = s.getBoundingClientRect().width;
-      if ((e ?? i) === i) {
+      const r = s.getBoundingClientRect().width;
+      if ((e ?? r) === r) {
         v.value = e;
         return;
       }
-      if (!l || e == null || !$e.value) {
+      if (!l || e == null || !Te.value) {
         v.value = e;
         return;
       }
-      v.value = e, await A(), await _(s, "width", i, e);
+      v.value = e, await T(), await x(s, "width", r, e);
     }
-    async function te(e, l = !0) {
-      const s = y.value;
+    async function ee(e, l = !0) {
+      const s = w.value;
       if (!s) {
         d.value = e;
         return;
       }
-      const i = s.getBoundingClientRect().height;
-      if ((e ?? i) === i) {
+      const r = s.getBoundingClientRect().height;
+      if ((e ?? r) === r) {
         d.value = e;
         return;
       }
-      if (!l || e == null || !Ie.value) {
+      if (!l || e == null || !Ae.value) {
         d.value = e;
         return;
       }
-      d.value = e, await A(), await _(s, "height", i, e);
+      d.value = e, await T(), await x(s, "height", r, e);
     }
-    const B = n(null), le = () => {
-      $.component.drawerList[u] && $.component.drawerList[u].isHisonvueComponent && console.warn(`[Hisonvue] The drawer ID is at risk of being duplicated. ${u}`), Ze(I, () => {
-        oe(), A(le);
-      }), X(), c.value && (P(), A(G)), B.value = {
+    const B = a(null), te = () => {
+      A.component.drawerList[c] && A.component.drawerList[c].isHisonvueComponent && console.warn(`[Hisonvue] The drawer ID is at risk of being duplicated. ${c}`), Ue($, () => {
+        le(), T(te);
+      }), U(), n.value && (V(), T(G)), B.value = {
         isHisonvueComponent: !0,
-        getId: () => u,
+        getId: () => c,
         getType: () => "drawer",
-        isVisible: () => k.value,
-        isOpen: () => c.value,
-        open: J,
-        close: w,
-        toggle: ke,
-        setVisible: (e) => {
-          k.value = !!e;
-        },
+        isVisible: () => n.value,
+        // API 유지용: isOpen은 visible alias
+        isOpen: () => n.value,
+        open: H,
+        close: f,
+        toggle: pe,
+        // ✅ setVisible도 open/close로 위임 (HModal과 동일)
+        setVisible: (e) => e ? H() : f(),
         getZIndex: () => g.value,
         setZIndex: (e) => {
           g.value = e;
         },
         getPosition: () => o.value,
         setPosition: (e) => {
-          o.value = e, t.enterAnimationClass || (h.value = E[o.value]), t.leaveAnimationClass || (m.value = z[o.value]);
+          o.value = e, t.enterAnimationClass || (h.value = I[o.value]), t.leaveAnimationClass || (m.value = E[o.value]);
         },
         getWidth: () => v.value,
-        setWidth: (e, l = !0) => ee(e, l),
+        setWidth: (e, l = !0) => _(e, l),
         getHeight: () => d.value,
-        setHeight: (e, l = !0) => te(e, l),
-        isSwipeCloseEnabled: () => T.value,
+        setHeight: (e, l = !0) => ee(e, l),
+        isSwipeCloseEnabled: () => O.value,
         setSwipeCloseEnabled: (e) => {
-          T.value = e;
+          O.value = e;
         },
-        isCloseButtonVisible: () => O.value,
+        isCloseButtonVisible: () => L.value,
         setCloseButtonVisible: (e) => {
-          O.value = e;
+          L.value = e;
         },
-        isOverlayShown: () => S.value,
+        isOverlayShown: () => k.value,
         setOverlayShown: (e) => {
-          S.value = e;
+          k.value = e;
         },
-        isCloseClickOverlay: () => L.value,
+        isCloseClickOverlay: () => S.value,
         setCloseClickOverlay: (e) => {
-          L.value = e;
+          S.value = e;
         },
         isScrollLocked: () => p.value,
         setScrollLock: (e) => {
-          p.value = e, c.value && (e ? P() : H());
+          p.value = e, n.value && (e ? V() : P());
         },
         isBorder: () => b.value,
         setBorder: (e) => {
@@ -300,106 +300,106 @@ const Je = ["top", "bottom", "left", "right"], Ke = {
         setAnimationClasses: (e) => {
           "enter" in e && (h.value = e.enter || ""), "leave" in e && (m.value = e.leave || "");
         },
-        reload: () => Me(I)
-      }, $.component.drawerList[u] = B.value, f("mounted", B.value);
-    }, oe = () => {
-      je(I), delete $.component.drawerList[u], c.value && H();
+        reload: () => Xe($)
+      }, A.component.drawerList[c] = B.value, y("mounted", B.value);
+    }, le = () => {
+      Ze($), delete A.component.drawerList[c], n.value && P();
     };
-    return Pe(le), He(oe), a(N, (e) => {
-      X(), f("responsive-change", e);
-    }), a(() => t.visible, (e) => {
+    return ze(te), Ve(le), i(N, (e) => {
+      U(), y("responsive-change", e);
+    }), i(() => t.visible, (e) => {
       const l = !!e;
-      l !== k.value && (k.value = l);
-    }), a(() => t.zIndex, (e) => {
+      l && !n.value ? H() : !l && n.value && f();
+    }), i(() => t.zIndex, (e) => {
       const l = Number(e);
       Number.isFinite(l) && l !== g.value && (g.value = l);
-    }), a(() => t.border, (e) => {
+    }), i(() => t.border, (e) => {
       const l = !!e;
       l !== b.value && (b.value = l);
-    }), a(() => t.showOverlay, (e) => {
+    }), i(() => t.showOverlay, (e) => {
       const l = !!e;
-      l !== S.value && (S.value = l);
-    }), a(() => t.closeClickOverlay, (e) => {
+      l !== k.value && (k.value = l);
+    }), i(() => t.closeClickOverlay, (e) => {
       const l = !!e;
-      l !== L.value && (L.value = l);
-    }), a(() => t.scrollLock, (e) => {
+      l !== S.value && (S.value = l);
+    }), i(() => t.scrollLock, (e) => {
       const l = !!e;
-      l !== p.value && (p.value = l, c.value && (l ? P() : H()));
-    }), a(() => t.position, (e) => {
-      e && e !== o.value && (o.value = e, t.enterAnimationClass || (h.value = E[o.value]), t.leaveAnimationClass || (m.value = z[o.value]));
-    }), a(() => t.width, (e) => {
+      l !== p.value && (p.value = l, n.value && (l ? V() : P()));
+    }), i(() => t.position, (e) => {
+      e && e !== o.value && (o.value = e, t.enterAnimationClass || (h.value = I[o.value]), t.leaveAnimationClass || (m.value = E[o.value]));
+    }), i(() => t.width, (e) => {
       const l = e == null ? null : Number(e);
-      l !== v.value && ee(l, !1);
-    }), a(() => t.height, (e) => {
+      l !== v.value && _(l, !1);
+    }), i(() => t.height, (e) => {
       const l = e == null ? null : Number(e);
-      l !== d.value && te(l, !1);
-    }), a(() => t.closeButtonVisible, (e) => {
+      l !== d.value && ee(l, !1);
+    }), i(() => t.closeButtonVisible, (e) => {
       const l = !!e;
-      l !== O.value && (O.value = l);
-    }), a(() => t.closeButtonText, (e) => {
+      l !== L.value && (L.value = l);
+    }), i(() => t.closeButtonText, (e) => {
       const l = e ?? "X";
-      l !== q.value && (q.value = l);
-    }), a(() => t.closeButtonTitle, (e) => {
+      l !== W.value && (W.value = l);
+    }), i(() => t.closeButtonTitle, (e) => {
       const l = e ?? "Close";
-      l !== U.value && (U.value = l);
-    }), a(() => t.swipeClose, (e) => {
+      l !== q.value && (q.value = l);
+    }), i(() => t.swipeClose, (e) => {
       const l = !!e;
-      l !== T.value && (T.value = l);
-    }), a(() => t.enterAnimationClass, (e) => {
-      const l = e || E[o.value];
+      l !== O.value && (O.value = l);
+    }), i(() => t.enterAnimationClass, (e) => {
+      const l = e || I[o.value];
       l !== h.value && (h.value = l);
-    }), a(() => t.leaveAnimationClass, (e) => {
-      const l = e || z[o.value];
+    }), i(() => t.leaveAnimationClass, (e) => {
+      const l = e || E[o.value];
       l !== m.value && (m.value = l);
-    }), a(() => t.class, () => X()), {
-      id: u,
+    }), i(() => t.class, () => U()), {
+      id: c,
       props: t,
-      wrapperRef: W,
-      drawerRef: y,
+      wrapperRef: F,
+      drawerRef: w,
       position: o,
-      visibleClass: he,
-      responsiveClassList: V,
-      childClassList: me,
-      borderClass: ye,
-      backgroundTypeClass: fe,
-      wrapperStyle: ge,
-      overlayStyleWithZ: be,
-      isOverlayVisible: we,
-      sizeStyle: pe,
-      closeButtonVisible: O,
-      closeButtonBorder: ve,
-      closeButtonBackgroundType: de,
-      closeButtonText: q,
-      closeButtonTitle: U,
-      onOverlayClick: Ce,
-      onClickClose: Se,
-      onSwipePointerDown: Le,
-      drawerMethods: r(() => j(B))
+      visibleClass: fe,
+      responsiveClassList: z,
+      childClassList: ye,
+      borderClass: de,
+      backgroundTypeClass: ve,
+      wrapperStyle: be,
+      overlayStyleWithZ: me,
+      isOverlayVisible: he,
+      sizeStyle: Ce,
+      closeButtonVisible: L,
+      closeButtonBorder: ue,
+      closeButtonBackgroundType: ce,
+      closeButtonText: W,
+      closeButtonTitle: q,
+      onOverlayClick: we,
+      onClickClose: Be,
+      onSwipePointerDown: ke,
+      drawerMethods: u(() => M(B))
     };
   }
 });
-function xe(t, f, ce, u, I, N) {
-  const W = Re("HButton");
-  return ne(), se("div", {
+function Ke(t, y, c, $, N, F) {
+  const w = Pe("HButton");
+  return se(), oe("div", {
     class: R(["hison-layer-host", t.visibleClass])
   }, [
-    t.isOverlayVisible ? (ne(), se("div", {
+    t.isOverlayVisible ? (se(), oe("div", {
       key: 0,
       class: "hison-drawer-overlay",
-      style: F(t.overlayStyleWithZ),
-      onClick: f[0] || (f[0] = (...y) => t.onOverlayClick && t.onOverlayClick(...y))
-    }, null, 4)) : Y("", !0),
-    ae("div", {
+      style: Y(t.overlayStyleWithZ),
+      onClick: y[0] || (y[0] = (...n) => t.onOverlayClick && t.onOverlayClick(...n))
+    }, null, 4)) : j("", !0),
+    ne("div", {
       ref: "wrapperRef",
       class: R(["hison-drawer-wrapper", `hison-pos-${t.position}`, ...t.responsiveClassList]),
-      style: F(t.wrapperStyle)
+      style: Y(t.wrapperStyle)
     }, [
-      ae("div", {
+      ne("div", {
         ref: "drawerRef",
         class: R(["hison-drawer", t.borderClass, t.backgroundTypeClass]),
-        style: F([t.sizeStyle, t.props.style]),
+        style: Y([t.sizeStyle, t.props.style]),
         role: "dialog",
-        onPointerdown: f[1] || (f[1] = (...y) => t.onSwipePointerDown && t.onSwipePointerDown(...y))
+        onPointerdown: y[1] || (y[1] = (...n) => t.onSwipePointerDown && t.onSwipePointerDown(...n))
       }, [
         t.closeButtonVisible ? D(t.$slots, "close-button", {
           key: 0,
@@ -407,7 +407,7 @@ function xe(t, f, ce, u, I, N) {
           text: t.closeButtonText,
           title: t.closeButtonTitle || "Close"
         }, () => [
-          De(W, {
+          He(w, {
             id: `hison_drawer_close_${t.id}`,
             class: R(["hison-drawer-close-btn", "hison-pos-right", "hison-pos-top", "hison-size-s", ...t.childClassList]),
             text: t.closeButtonText,
@@ -415,27 +415,27 @@ function xe(t, f, ce, u, I, N) {
             border: t.closeButtonBorder,
             "background-type": t.closeButtonBackgroundType,
             onClick: t.onClickClose
-          }, Ne({
-            default: ie(() => [
-              t.$slots["close-label"] ? D(t.$slots, "close-label", { key: 0 }) : Y("", !0)
+          }, Re({
+            default: ae(() => [
+              t.$slots["close-label"] ? D(t.$slots, "close-label", { key: 0 }) : j("", !0)
             ]),
             _: 2
           }, [
             t.$slots["close-icon"] ? {
               name: "icon",
-              fn: ie(() => [
+              fn: ae(() => [
                 D(t.$slots, "close-icon")
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["id", "class", "text", "title", "border", "background-type", "onClick"])
-        ]) : Y("", !0),
+        ]) : j("", !0),
         D(t.$slots, "default")
       ], 38)
     ], 6)
   ], 2);
 }
-const ot = /* @__PURE__ */ Ge(Qe, [["render", xe]]);
+const tt = /* @__PURE__ */ Ye(Je, [["render", Ke]]);
 export {
-  ot as default
+  tt as default
 };

package/dist/{HDropdown-Jr1jdIcK.mjs → HDropdown-BBEH646p.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as Ee, ref as o, computed as v, onMounted as Oe, onBeforeUnmount as Me, watch as i, nextTick as c, unref as ae, createElementBlock as j, openBlock as U, normalizeStyle as $, normalizeClass as P, createElementVNode as A, withKeys as ie, withModifiers as se, renderSlot as Te, toDisplayString as ue, createCommentVNode as xe, Fragment as Le, renderList as De } from "vue";
-import { T as He, w as b, D as ke, x as Ve, E as Re, y as Z, g as $e, u as ze, e as Be, t as Fe, b as re, h as N, r as qe, c as je, d as Ue } from "./index-C4_ZZ_fO.mjs";
-import { a as Pe, r as Ge } from "./setButtonCssEvent-BEJDaHrp.mjs";
+import { T as He, w as b, D as ke, x as Ve, E as Re, y as Z, g as $e, u as ze, e as Be, t as Fe, b as re, h as N, r as qe, c as je, d as Ue } from "./index-CGr5-mvg.mjs";
+import { a as Pe, r as Ge } from "./setButtonCssEvent-T2QV1cDz.mjs";
 import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const Ke = {
   /**

package/dist/{HDropdown-BQ86MUJn.js → HDropdown-Dj7h-JPP.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index-Dndw65fe.js"),X=require("./setButtonCssEvent-C0T9J9fO.js"),ve=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ge={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},toggleStyle:{type:[String,Object,Array],required:!1},menuStyle:{type:[String,Object,Array],required:!1},itemStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:o.EditMode.editable,validator:n=>o.EDIT_MODE_VALUES.includes(n)},placeholder:{type:String,default:""},trigger:{type:String,default:o.DropdownTrigger.click,validator:n=>o.DROPDOWN_TRIGGER_VALUES.includes(n)},modelValue:{type:Object,required:!0},maxHeight:{type:Number,default:240,validator:n=>Number.isFinite(n)&&n>=0},closeOnSelect:{type:Boolean,default:!0},textAlign:{type:String,default:o.TextAlign.left,validator:n=>o.TEXT_ALIGN_VALUES.includes(n)},animate:{type:Boolean,default:!0},duration:{type:Number,default:500,validator:n=>Number.isFinite(n)&&n>=0},easing:{type:String,default:"ease"},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)},zIndex:{type:Number,default:1050}},fe=t.defineComponent({name:"HDropdown",props:ge,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle-click","item-click","change","update:modelValue"],setup(n,{emit:i}){var K,Y;const g=n.id||o.getUUID(),V=`hdropdown:${g}`,s=t.ref(null),p=t.ref(null),a=o.useDevice(),r=t.ref(!1),c=t.ref(((K=n.modelValue)==null?void 0:K.options)??[]),d=t.ref(((Y=n.modelValue)==null?void 0:Y.value)??null),y=t.ref(!!n.visible),b=t.ref(n.editMode),S=t.computed(()=>b.value===o.EditMode.disable),C=t.computed(()=>b.value===o.EditMode.readonly),L=t.ref(n.placeholder||""),T=t.ref(n.trigger),x=t.ref(n.textAlign??o.TextAlign.left),Z=t.computed(()=>({textAlign:x.value})),E=t.ref(n.animate??!0),A=t.ref(n.duration??500),N=t.ref(n.easing??"ease"),k=t.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),I=t.ref(n.zIndex??1100),J=t.computed(()=>({"--hdd-duration":`${A.value}ms`,"--hdd-easing":N.value})),Q=t.computed(()=>y.value?"":"hison-display-none"),_=t.computed(()=>S.value?"hison-disable":""),ee=t.computed(()=>C.value?"hison-readonly":""),z=t.ref([]),D=()=>{z.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",a.value),o.addComponentNameToClass(z.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(z.value,"color","primary")},F=t.computed(()=>{const e=c.value.find(l=>l.value===d.value);return(e==null?void 0:e.label)??""}),h=t.ref(n.maxHeight??240),te=t.computed(()=>({maxHeight:`${h.value}px`,overflowY:"auto"})),M=t.ref(n.closeOnSelect??!0),ne=t.computed(()=>{const e=c.value.findIndex(l=>l.value===d.value);return e>=0?`opt-${e}`:void 0}),j=t.ref({}),w=t.ref(!0),B=0,le=120;function oe(){if(!p.value)return 0;const e=p.value.querySelector(".hison-dropdown-panel-inner");return e&&e.scrollHeight||0}function u(){if(!r.value||!s.value)return;const e=s.value.getBoundingClientRect(),l=window.innerHeight,v=e.width,m=e.left,W=l-e.bottom,se=e.top;w.value=W>=le;const re=oe(),ue=w.value?W-B:se-B,q=Math.max(0,Math.min(re||h.value,h.value,ue)),de=w.value?e.bottom+B:e.top-q-B,ce=getComputedStyle(s.value).fontSize||"inherit";j.value={position:"fixed",left:`${m}px`,top:`${de}px`,width:`${v}px`,height:w.value?"auto":`${q}px`,maxHeight:`${q}px`,overflowY:"auto",zIndex:String(I.value),fontSize:ce,transformOrigin:w.value?"top center":"bottom center"}}function H(){r.value&&u()}const U=e=>{if(!r.value)return;const l=e.target,v=!!s.value&&!!l&&s.value.contains(l),m=!!p.value&&!!l&&p.value.contains(l);!v&&!m&&O()},R=e=>{S.value||C.value||!y.value||r.value||(r.value=!0,t.nextTick(()=>{u(),requestAnimationFrame(()=>u())}),i("open",e??null,f.value))},O=e=>{var m;if(!r.value)return;const l=document.activeElement,v=p.value;v&&l&&v.contains(l)&&((m=s.value)==null||m.focus()),r.value=!1,i("close",e??null,f.value)},$=e=>r.value?O(e):R(e),ie=e=>{T.value==="click"&&(S.value||C.value||(i("toggle-click",e,f.value),$(e)))},ae=(e,l)=>{if(e.disabled||S.value||C.value)return;l&&i("item-click",l,f.value,e);const v=d.value;if(e.value!==v){d.value=e.value;const m={value:d.value,options:t.unref(c)};i("update:modelValue",m),i("change",v,d.value,f.value)}M.value&&O(l)},f=t.ref(null),P=()=>{o.hisonCloser.component.dropdownList[g]&&o.hisonCloser.component.dropdownList[g].isHisonvueComponent&&console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${g}`),o.registerReloadable(V,()=>{G(),t.nextTick(P)}),s.value&&X.addButtonCssEvent(s.value),D(),f.value={isHisonvueComponent:!0,getId:()=>g,getType:()=>"dropdown",isVisible:()=>y.value,setVisible:e=>{y.value=e},getEditMode:()=>b.value,setEditMode:e=>{b.value=e},isOpen:()=>r.value,open:R,close:O,toggle:$,getValue:()=>d.value,setValue:e=>{d.value=e},getText:()=>F.value,getOptions:()=>t.unref(c),setOptions:e=>{c.value=Array.isArray(e)?e:[]},setTriggerType:e=>{T.value=e},getMaxHeight:()=>h.value,setMaxHeight:e=>{const l=Number(e);!Number.isFinite(l)||l<0||(h.value=l,t.nextTick(u))},isCloseOnSelect:()=>M.value,setCloseOnSelect:e=>{M.value=!!e},getTextAlign:()=>x.value,setTextAlign:e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&(x.value=e,t.nextTick(u))},getAnimate:()=>E.value,setAnimate:e=>{E.value=!!e},getDuration:()=>A.value,setDuration:e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&(A.value=l)},getEasing:()=>N.value,setEasing:e=>{typeof e=="string"&&(N.value=e)},getTabIndex:()=>k.value,setTabIndex:e=>{k.value=e!=null?Number(e):null},getZIndex:()=>I.value,setZIndex:e=>{I.value=e},focus:()=>{var e;(e=s.value)==null||e.focus()},reload:()=>o.reloadHisonComponent(V)},o.hisonCloser.component.dropdownList[g]=f.value,document.addEventListener("mousedown",U),window.addEventListener("scroll",H,!0),window.addEventListener("resize",H),t.nextTick(u),i("mounted",f.value)},G=()=>{var e;o.unregisterReloadable(V);try{document.removeEventListener("mousedown",U)}catch{}try{window.removeEventListener("scroll",H,!0)}catch{}try{window.removeEventListener("resize",H)}catch{}s.value&&X.removeButtonCssEvent(s.value),(e=o.hisonCloser.component)!=null&&e.dropdownList&&delete o.hisonCloser.component.dropdownList[g]};return t.onMounted(P),t.onBeforeUnmount(G),t.watch(()=>n.modelValue,e=>{!e||typeof e!="object"||(Array.isArray(e.options)&&(c.value=e.options),d.value=e.value,t.nextTick(u))},{deep:!0}),t.watch(a,e=>{D(),i("responsive-change",e),t.nextTick(u)}),t.watch(()=>n.visible,e=>{!!e!==y.value&&(y.value=!!e)}),t.watch(()=>n.editMode,e=>{e&&e!==b.value&&(b.value=e)}),t.watch(()=>n.placeholder,e=>{const l=e??"";l!==L.value&&(L.value=l)}),t.watch(()=>n.trigger,e=>{e&&e!==T.value&&(T.value=e)}),t.watch(()=>n.textAlign,e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&e!==x.value&&(x.value=e,t.nextTick(u))}),t.watch(()=>n.animate,e=>{const l=!!e;l!==E.value&&(E.value=l)}),t.watch(()=>n.duration,e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&l!==A.value&&(A.value=l)}),t.watch(()=>n.easing,e=>{const l=typeof e=="string"?e:"ease";l!==N.value&&(N.value=l)}),t.watch(()=>n.tabIndex,e=>{const l=e===null||e===""?null:Number(e);l!==k.value&&(k.value=l)}),t.watch(()=>n.maxHeight,e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&l!==h.value&&(h.value=l,t.nextTick(u))}),t.watch(()=>n.closeOnSelect,e=>{const l=!!e;l!==M.value&&(M.value=l)}),t.watch(()=>n.class,()=>{D(),t.nextTick(u)}),t.watch(()=>n.zIndex,e=>{const l=Number(e);Number.isFinite(l)&&l!==I.value&&(I.value=l)}),{toggleRef:s,menuRef:p,props:n,isDisabled:S,isReadonly:C,visibleClass:Q,disableClass:_,readonlyClass:ee,responsiveClassList:z,isOpen:r,trigger:T,selectedValue:d,selectedLabel:F,placeholder:L,activeDescId:ne,menuInlineStyle:te,options:c,animate:E,rootInlineStyle:J,tabIndex:k,fixedMenuStyle:j,openBelow:w,onToggleClick:ie,onSelect:ae,textAlignStyle:Z,open:R,close:O,toggle:$}}}),me=["aria-expanded","aria-disabled","tabindex"],pe={class:"hison-dropdown-label"},he=["aria-activedescendant","inert"],ye={class:"hison-dropdown-panel"},be=["aria-selected","onClick"],we={key:0,class:"hison-dropdown-empty"};function Se(n,i,g,V,s,p){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-dropdown",...n.responsiveClassList,n.visibleClass,n.disableClass,n.readonlyClass,n.isOpen?"hison-open":"",n.animate?"":"hison-no-anim"]),style:t.normalizeStyle([n.rootInlineStyle,n.props.style]),onMouseenter:i[3]||(i[3]=a=>n.trigger==="hover"?n.open(a):null),onMouseleave:i[4]||(i[4]=a=>n.trigger==="hover"?n.close(a):null)},[t.createElementVNode("div",{ref:"toggleRef",class:t.normalizeClass(["hison-dropdown-toggle",[n.isDisabled?"hison-disable":"",n.isReadonly?"hison-readonly":""]]),"aria-expanded":n.isOpen,role:"combobox","aria-disabled":n.isDisabled||n.isReadonly?"true":"false",tabindex:n.tabIndex??void 0,style:t.normalizeStyle([n.textAlignStyle,n.props.toggleStyle]),onClick:i[0]||(i[0]=a=>n.onToggleClick(a)),onKeydown:[i[1]||(i[1]=t.withKeys(t.withModifiers(a=>n.onToggleClick(a),["prevent"]),["enter"])),i[2]||(i[2]=t.withKeys(t.withModifiers(a=>n.onToggleClick(a),["prevent"]),["space"]))]},[t.createElementVNode("span",pe,t.toDisplayString(n.selectedLabel||n.placeholder),1),t.renderSlot(n.$slots,"caret",{},()=>[i[5]||(i[5]=t.createElementVNode("span",{class:"hison-dropdown-caret"},"▾",-1))])],46,me),t.createElementVNode("div",{ref:"menuRef",class:t.normalizeClass(["hison-dropdown-menu hison-dropdown-menu-fixed",[n.isOpen?"hison-open":"",n.openBelow?"hison-open-below":"hison-open-above"]]),style:t.normalizeStyle([n.fixedMenuStyle,n.textAlignStyle,n.props.menuStyle]),role:"listbox","aria-activedescendant":n.activeDescId,inert:!n.isOpen||void 0},[t.createElementVNode("div",ye,[t.createElementVNode("div",{class:"hison-dropdown-panel-inner",style:t.normalizeStyle(n.menuInlineStyle)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.options,(a,r)=>(t.openBlock(),t.createElementBlock("div",{key:`opt-${r}`,class:t.normalizeClass(["hison-dropdown-item",[a.disabled?"hison-disable":"",a.value===n.selectedValue?"hison-selected":""]]),style:t.normalizeStyle(n.props.itemStyle),role:"option","aria-selected":a.value===n.selectedValue?"true":"false",onClick:c=>n.onSelect(a,c)},t.toDisplayString(a.label),15,be))),128)),n.options.length===0?(t.openBlock(),t.createElementBlock("div",we,"No options")):t.createCommentVNode("",!0)],4)])],14,he)],38)}const Ce=ve._export_sfc(fe,[["render",Se]]);exports.default=Ce;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index-DcB16odB.js"),X=require("./setButtonCssEvent-CTLQPvWj.js"),ve=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ge={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},toggleStyle:{type:[String,Object,Array],required:!1},menuStyle:{type:[String,Object,Array],required:!1},itemStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:o.EditMode.editable,validator:n=>o.EDIT_MODE_VALUES.includes(n)},placeholder:{type:String,default:""},trigger:{type:String,default:o.DropdownTrigger.click,validator:n=>o.DROPDOWN_TRIGGER_VALUES.includes(n)},modelValue:{type:Object,required:!0},maxHeight:{type:Number,default:240,validator:n=>Number.isFinite(n)&&n>=0},closeOnSelect:{type:Boolean,default:!0},textAlign:{type:String,default:o.TextAlign.left,validator:n=>o.TEXT_ALIGN_VALUES.includes(n)},animate:{type:Boolean,default:!0},duration:{type:Number,default:500,validator:n=>Number.isFinite(n)&&n>=0},easing:{type:String,default:"ease"},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)},zIndex:{type:Number,default:1050}},fe=t.defineComponent({name:"HDropdown",props:ge,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle-click","item-click","change","update:modelValue"],setup(n,{emit:i}){var K,Y;const g=n.id||o.getUUID(),V=`hdropdown:${g}`,s=t.ref(null),p=t.ref(null),a=o.useDevice(),r=t.ref(!1),c=t.ref(((K=n.modelValue)==null?void 0:K.options)??[]),d=t.ref(((Y=n.modelValue)==null?void 0:Y.value)??null),y=t.ref(!!n.visible),b=t.ref(n.editMode),S=t.computed(()=>b.value===o.EditMode.disable),C=t.computed(()=>b.value===o.EditMode.readonly),L=t.ref(n.placeholder||""),T=t.ref(n.trigger),x=t.ref(n.textAlign??o.TextAlign.left),Z=t.computed(()=>({textAlign:x.value})),E=t.ref(n.animate??!0),A=t.ref(n.duration??500),N=t.ref(n.easing??"ease"),k=t.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),I=t.ref(n.zIndex??1100),J=t.computed(()=>({"--hdd-duration":`${A.value}ms`,"--hdd-easing":N.value})),Q=t.computed(()=>y.value?"":"hison-display-none"),_=t.computed(()=>S.value?"hison-disable":""),ee=t.computed(()=>C.value?"hison-readonly":""),z=t.ref([]),D=()=>{z.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",a.value),o.addComponentNameToClass(z.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(z.value,"color","primary")},F=t.computed(()=>{const e=c.value.find(l=>l.value===d.value);return(e==null?void 0:e.label)??""}),h=t.ref(n.maxHeight??240),te=t.computed(()=>({maxHeight:`${h.value}px`,overflowY:"auto"})),M=t.ref(n.closeOnSelect??!0),ne=t.computed(()=>{const e=c.value.findIndex(l=>l.value===d.value);return e>=0?`opt-${e}`:void 0}),j=t.ref({}),w=t.ref(!0),B=0,le=120;function oe(){if(!p.value)return 0;const e=p.value.querySelector(".hison-dropdown-panel-inner");return e&&e.scrollHeight||0}function u(){if(!r.value||!s.value)return;const e=s.value.getBoundingClientRect(),l=window.innerHeight,v=e.width,m=e.left,W=l-e.bottom,se=e.top;w.value=W>=le;const re=oe(),ue=w.value?W-B:se-B,q=Math.max(0,Math.min(re||h.value,h.value,ue)),de=w.value?e.bottom+B:e.top-q-B,ce=getComputedStyle(s.value).fontSize||"inherit";j.value={position:"fixed",left:`${m}px`,top:`${de}px`,width:`${v}px`,height:w.value?"auto":`${q}px`,maxHeight:`${q}px`,overflowY:"auto",zIndex:String(I.value),fontSize:ce,transformOrigin:w.value?"top center":"bottom center"}}function H(){r.value&&u()}const U=e=>{if(!r.value)return;const l=e.target,v=!!s.value&&!!l&&s.value.contains(l),m=!!p.value&&!!l&&p.value.contains(l);!v&&!m&&O()},R=e=>{S.value||C.value||!y.value||r.value||(r.value=!0,t.nextTick(()=>{u(),requestAnimationFrame(()=>u())}),i("open",e??null,f.value))},O=e=>{var m;if(!r.value)return;const l=document.activeElement,v=p.value;v&&l&&v.contains(l)&&((m=s.value)==null||m.focus()),r.value=!1,i("close",e??null,f.value)},$=e=>r.value?O(e):R(e),ie=e=>{T.value==="click"&&(S.value||C.value||(i("toggle-click",e,f.value),$(e)))},ae=(e,l)=>{if(e.disabled||S.value||C.value)return;l&&i("item-click",l,f.value,e);const v=d.value;if(e.value!==v){d.value=e.value;const m={value:d.value,options:t.unref(c)};i("update:modelValue",m),i("change",v,d.value,f.value)}M.value&&O(l)},f=t.ref(null),P=()=>{o.hisonCloser.component.dropdownList[g]&&o.hisonCloser.component.dropdownList[g].isHisonvueComponent&&console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${g}`),o.registerReloadable(V,()=>{G(),t.nextTick(P)}),s.value&&X.addButtonCssEvent(s.value),D(),f.value={isHisonvueComponent:!0,getId:()=>g,getType:()=>"dropdown",isVisible:()=>y.value,setVisible:e=>{y.value=e},getEditMode:()=>b.value,setEditMode:e=>{b.value=e},isOpen:()=>r.value,open:R,close:O,toggle:$,getValue:()=>d.value,setValue:e=>{d.value=e},getText:()=>F.value,getOptions:()=>t.unref(c),setOptions:e=>{c.value=Array.isArray(e)?e:[]},setTriggerType:e=>{T.value=e},getMaxHeight:()=>h.value,setMaxHeight:e=>{const l=Number(e);!Number.isFinite(l)||l<0||(h.value=l,t.nextTick(u))},isCloseOnSelect:()=>M.value,setCloseOnSelect:e=>{M.value=!!e},getTextAlign:()=>x.value,setTextAlign:e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&(x.value=e,t.nextTick(u))},getAnimate:()=>E.value,setAnimate:e=>{E.value=!!e},getDuration:()=>A.value,setDuration:e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&(A.value=l)},getEasing:()=>N.value,setEasing:e=>{typeof e=="string"&&(N.value=e)},getTabIndex:()=>k.value,setTabIndex:e=>{k.value=e!=null?Number(e):null},getZIndex:()=>I.value,setZIndex:e=>{I.value=e},focus:()=>{var e;(e=s.value)==null||e.focus()},reload:()=>o.reloadHisonComponent(V)},o.hisonCloser.component.dropdownList[g]=f.value,document.addEventListener("mousedown",U),window.addEventListener("scroll",H,!0),window.addEventListener("resize",H),t.nextTick(u),i("mounted",f.value)},G=()=>{var e;o.unregisterReloadable(V);try{document.removeEventListener("mousedown",U)}catch{}try{window.removeEventListener("scroll",H,!0)}catch{}try{window.removeEventListener("resize",H)}catch{}s.value&&X.removeButtonCssEvent(s.value),(e=o.hisonCloser.component)!=null&&e.dropdownList&&delete o.hisonCloser.component.dropdownList[g]};return t.onMounted(P),t.onBeforeUnmount(G),t.watch(()=>n.modelValue,e=>{!e||typeof e!="object"||(Array.isArray(e.options)&&(c.value=e.options),d.value=e.value,t.nextTick(u))},{deep:!0}),t.watch(a,e=>{D(),i("responsive-change",e),t.nextTick(u)}),t.watch(()=>n.visible,e=>{!!e!==y.value&&(y.value=!!e)}),t.watch(()=>n.editMode,e=>{e&&e!==b.value&&(b.value=e)}),t.watch(()=>n.placeholder,e=>{const l=e??"";l!==L.value&&(L.value=l)}),t.watch(()=>n.trigger,e=>{e&&e!==T.value&&(T.value=e)}),t.watch(()=>n.textAlign,e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&e!==x.value&&(x.value=e,t.nextTick(u))}),t.watch(()=>n.animate,e=>{const l=!!e;l!==E.value&&(E.value=l)}),t.watch(()=>n.duration,e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&l!==A.value&&(A.value=l)}),t.watch(()=>n.easing,e=>{const l=typeof e=="string"?e:"ease";l!==N.value&&(N.value=l)}),t.watch(()=>n.tabIndex,e=>{const l=e===null||e===""?null:Number(e);l!==k.value&&(k.value=l)}),t.watch(()=>n.maxHeight,e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&l!==h.value&&(h.value=l,t.nextTick(u))}),t.watch(()=>n.closeOnSelect,e=>{const l=!!e;l!==M.value&&(M.value=l)}),t.watch(()=>n.class,()=>{D(),t.nextTick(u)}),t.watch(()=>n.zIndex,e=>{const l=Number(e);Number.isFinite(l)&&l!==I.value&&(I.value=l)}),{toggleRef:s,menuRef:p,props:n,isDisabled:S,isReadonly:C,visibleClass:Q,disableClass:_,readonlyClass:ee,responsiveClassList:z,isOpen:r,trigger:T,selectedValue:d,selectedLabel:F,placeholder:L,activeDescId:ne,menuInlineStyle:te,options:c,animate:E,rootInlineStyle:J,tabIndex:k,fixedMenuStyle:j,openBelow:w,onToggleClick:ie,onSelect:ae,textAlignStyle:Z,open:R,close:O,toggle:$}}}),me=["aria-expanded","aria-disabled","tabindex"],pe={class:"hison-dropdown-label"},he=["aria-activedescendant","inert"],ye={class:"hison-dropdown-panel"},be=["aria-selected","onClick"],we={key:0,class:"hison-dropdown-empty"};function Se(n,i,g,V,s,p){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-dropdown",...n.responsiveClassList,n.visibleClass,n.disableClass,n.readonlyClass,n.isOpen?"hison-open":"",n.animate?"":"hison-no-anim"]),style:t.normalizeStyle([n.rootInlineStyle,n.props.style]),onMouseenter:i[3]||(i[3]=a=>n.trigger==="hover"?n.open(a):null),onMouseleave:i[4]||(i[4]=a=>n.trigger==="hover"?n.close(a):null)},[t.createElementVNode("div",{ref:"toggleRef",class:t.normalizeClass(["hison-dropdown-toggle",[n.isDisabled?"hison-disable":"",n.isReadonly?"hison-readonly":""]]),"aria-expanded":n.isOpen,role:"combobox","aria-disabled":n.isDisabled||n.isReadonly?"true":"false",tabindex:n.tabIndex??void 0,style:t.normalizeStyle([n.textAlignStyle,n.props.toggleStyle]),onClick:i[0]||(i[0]=a=>n.onToggleClick(a)),onKeydown:[i[1]||(i[1]=t.withKeys(t.withModifiers(a=>n.onToggleClick(a),["prevent"]),["enter"])),i[2]||(i[2]=t.withKeys(t.withModifiers(a=>n.onToggleClick(a),["prevent"]),["space"]))]},[t.createElementVNode("span",pe,t.toDisplayString(n.selectedLabel||n.placeholder),1),t.renderSlot(n.$slots,"caret",{},()=>[i[5]||(i[5]=t.createElementVNode("span",{class:"hison-dropdown-caret"},"▾",-1))])],46,me),t.createElementVNode("div",{ref:"menuRef",class:t.normalizeClass(["hison-dropdown-menu hison-dropdown-menu-fixed",[n.isOpen?"hison-open":"",n.openBelow?"hison-open-below":"hison-open-above"]]),style:t.normalizeStyle([n.fixedMenuStyle,n.textAlignStyle,n.props.menuStyle]),role:"listbox","aria-activedescendant":n.activeDescId,inert:!n.isOpen||void 0},[t.createElementVNode("div",ye,[t.createElementVNode("div",{class:"hison-dropdown-panel-inner",style:t.normalizeStyle(n.menuInlineStyle)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.options,(a,r)=>(t.openBlock(),t.createElementBlock("div",{key:`opt-${r}`,class:t.normalizeClass(["hison-dropdown-item",[a.disabled?"hison-disable":"",a.value===n.selectedValue?"hison-selected":""]]),style:t.normalizeStyle(n.props.itemStyle),role:"option","aria-selected":a.value===n.selectedValue?"true":"false",onClick:c=>n.onSelect(a,c)},t.toDisplayString(a.label),15,be))),128)),n.options.length===0?(t.openBlock(),t.createElementBlock("div",we,"No options")):t.createCommentVNode("",!0)],4)])],14,he)],38)}const Ce=ve._export_sfc(fe,[["render",Se]]);exports.default=Ce;