@g1cloud/open-bluesea-core 1.0.0-alpha.1 → 1.0.0-alpha.4

package/dist/open-bluesea-core.umd.js

@@ -1 +1,4580 @@
-(function(M,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("dayjs")):typeof define=="function"&&define.amd?define(["exports","vue","dayjs"],e):(M=typeof globalThis<"u"?globalThis:M||self,e(M.OpenBlueseaCore={},M.Vue,M.dayJs))})(this,(function(M,e,ae){"use strict";const U=Symbol("BlueseaContextMenuPlugin");class Z{contextMenuItems=e.ref();position=e.ref();options=e.ref();showContextMenu(o,n,a){this.position.value={x:o.clientX,y:o.clientY},this.markComponentRaw(n),this.contextMenuItems.value=n,this.options.value=a}hideContextMenu(){this.options.value?.onHideContextMenu&&this.options.value.onHideContextMenu(),this.contextMenuItems.value=void 0,this.position.value=void 0,this.options.value=void 0}markComponentRaw(o){o.forEach(n=>{n.component&&(n.component=e.markRaw(n.component)),n.children&&this.markComponentRaw(n.children)})}}const W=()=>{const t=e.inject(U);if(!t)throw new Error("BSContextMenuPlugin is not initialized.");return t},Pe=()=>e.inject(U),$e=()=>new Z;class De{dateFormat="YYYY-MM-DD HH:mm Z";dateFormatDay="YYYY-MM-DD Z";dateFormatMinute="YYYY-MM-DD HH:mm Z";dateFormatSecond="YYYY-MM-DD HH:mm:ss Z";minDateValue="1920-01-01T00:00:00.000Z";maxDateValue="9000-12-31T23:59:59.999Z";componentConfig;constructor(o){this.dateFormat=o?.dateFormat||this.dateFormat,this.dateFormatDay=o?.dateFormatDay||this.dateFormatDay,this.dateFormatMinute=o?.dateFormatMinute||this.dateFormatMinute,this.dateFormatSecond=o?.dateFormatSecond||this.dateFormatSecond,this.minDateValue=o?.minDateValue||this.minDateValue,this.maxDateValue=o?.maxDateValue||this.maxDateValue,this.componentConfig={popup:{hideOnScroll:!1,...o?.componentConfig?.popup}}}resolveDisplayDateFormat(o){const n=o||this.dateFormat;return n==="DAY"?this.dateFormatDay:n==="MINUTE"?this.dateFormatMinute:n==="SECOND"?this.dateFormatSecond:n}}const le=Symbol("BlueseaConfig"),Ne=()=>e.inject(le),Ie={install(t,o){const n=new De(o);t.provide(le,n);const a=new Z;t.provide(U,a)}},Le=e.reactive([]),Fe=e.reactive([]),T=e.ref(),ie=(t,o)=>{T.value={content:t,target:e.markRaw(o),cursorInTooltip:!1}},K=()=>{T.value&&!T.value.cursorInTooltip&&(T.value=void 0)},re=()=>!!T.value,Te=e.ref(!1),ze=800,Oe=0,se=(t,o)=>{o&&o.content?(t.setAttribute("data-bs-tooltip-data",JSON.stringify(o)),re()&&ie(o.content,t)):(t.removeAttribute("data-bs-tooltip-data"),re()&&K())},G={mounted:(t,o)=>{se(t,o.value),t.addEventListener("mouseover",()=>{const n=t.getAttribute("data-bs-tooltip-data"),a=n?JSON.parse(n):void 0;a&&a.content&&(t.setAttribute("data-bs-tooltip","true"),setTimeout(()=>{const c=t.getAttribute("data-bs-tooltip-data"),s=c?JSON.parse(c):void 0;s&&s.content&&t.getAttribute("data-bs-tooltip")==="true"&&window.document.contains(t)&&ie(s.content,t)},a.delay||ze))}),t.addEventListener("mouseout",n=>{t.contains(n.relatedTarget)||(t.removeAttribute("data-bs-tooltip"),setTimeout(()=>K(),Oe))})},updated:(t,o)=>{se(t,o.value)},unmounted:()=>{K()}},He=["textContent"],qe=e.defineComponent({__name:"BSButton",props:{caption:{},buttonColor:{default:"default"},leftIcon:{},rightIcon:{},disabled:{type:Boolean,default:!1},linkUrl:{},linkTarget:{},routePath:{},tooltip:{}},setup(t){return(o,n)=>e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.linkUrl?"a":t.routePath?"router-link":"button"),{class:e.normalizeClass([[t.buttonColor],"bs-button position-relative"]),disabled:t.disabled,href:t.linkUrl,target:t.linkTarget,to:t.routePath},{default:e.withCtx(()=>[t.leftIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([{"bs-mr-4":!!t.caption},"font-icon left"])},e.toDisplayString(t.leftIcon),3)):e.createCommentVNode("",!0),e.createElementVNode("span",{textContent:e.toDisplayString(t.caption)},null,8,He),t.rightIcon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([{"bs-ml-4":!!t.caption},"font-icon right"])},e.toDisplayString(t.rightIcon),3)):e.createCommentVNode("",!0)]),_:1},8,["class","disabled","href","target","to"])),[[e.unref(G),{content:t.tooltip}]])}}),de=(t,o)=>{const n=t.__vccOpts||t;for(const[a,c]of o)n[a]=c;return n},Re=de(qe,[["__scopeId","data-v-26726ef5"]]),Ae={class:"page-navigation"},Ue=["data-page","onClick"],Ke=e.defineComponent({__name:"BSPageNavigation",props:{totalCount:{default:0},offset:{default:0},limit:{default:10},visiblePageCount:{default:10},maxPage:{}},emits:["offsetChanged"],setup(t,{emit:o}){const n=t,a=o,c=e.computed(()=>{const y=Math.floor((n.totalCount-1)/n.limit)+1;return n.totalCount<1?1:n.maxPage&&y>n.maxPage?n.maxPage:y||0}),s=e.computed(()=>Math.min(Math.floor(n.offset/n.limit)+1,c.value)),h=e.computed(()=>Math.floor((s.value-1)/n.visiblePageCount)*n.visiblePageCount+1),f=e.computed(()=>Math.min(h.value+n.visiblePageCount-1,c.value)),p=e.computed(()=>{if(n.totalCount<=0)return[];const y=h.value,r=f.value,g=Array(r-y+1);for(let E=0;E<g.length;E++)g[E]=E+y;return g}),S=e.computed(()=>h.value-1),B=e.computed(()=>f.value+1),V=e.computed(()=>h.value<=1),b=e.computed(()=>f.value>=c.value),x=y=>{const r=Math.max(1,Math.min(y,c.value));if(s.value!==r){const g=(r-1)*n.limit;a("offsetChanged",g,{offset:n.offset,limit:n.limit,totalCount:n.totalCount})}};return(y,r)=>(e.openBlock(),e.createElementBlock("div",Ae,[e.createElementVNode("span",{class:e.normalizeClass([{disabled:V.value},"font-icon first"]),onClick:r[0]||(r[0]=e.withModifiers(g=>!V.value&&x(1),["prevent"]))},"keyboard_double_arrow_left",2),e.createElementVNode("span",{class:e.normalizeClass([{disabled:V.value},"font-icon prev"]),onClick:r[1]||(r[1]=e.withModifiers(g=>!V.value&&x(S.value),["prevent"]))},"keyboard_arrow_left",2),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,g=>(e.openBlock(),e.createElementBlock("span",{key:g,class:e.normalizeClass([{on:g===s.value},"page"]),"data-page":g,onClick:e.withModifiers(E=>x(g),["prevent"])},e.toDisplayString(g),11,Ue))),128)),e.createElementVNode("span",{class:e.normalizeClass([{disabled:b.value},"font-icon next"]),onClick:r[2]||(r[2]=e.withModifiers(g=>!b.value&&x(B.value),["prevent"]))},"keyboard_arrow_right",2),e.createElementVNode("span",{class:e.normalizeClass([{disabled:b.value},"font-icon last"]),onClick:r[3]||(r[3]=e.withModifiers(g=>!b.value&&x(c.value),["prevent"]))},"keyboard_double_arrow_right",2)]))}}),Ye={},je={class:"bs-loading-icon"};function Ze(t,o){return e.openBlock(),e.createElementBlock("div",je,[...o[0]||(o[0]=[e.createElementVNode("span",{class:"font-icon"},"progress_activity",-1)])])}const ce=de(Ye,[["render",Ze]]),We=async(t,o=200,n=15)=>await new Promise(a=>{let c=0;const s=setInterval(()=>{(c>n||t())&&(clearInterval(s),a(void 0)),c++},o)}),ue=async(t=2e3)=>new Promise(o=>setTimeout(o,t)),Ge=(t,o,n=200,a=15)=>{let c=0;const s=setInterval(()=>{c>a||t()?clearInterval(s):o?.(),c++},n)},Je=["data-popup-id"],Xe=8,J=e.defineComponent({__name:"BSPopup",props:{popupId:{},maxHeight:{default:"360px"},baseElement:{},offsetFromBaseElement:{},extraClass:{},popupDirection:{default:"auto-down"},popupAlign:{default:"auto"},zIndex:{}},emits:["requestClose","click","keydown"],setup(t,{emit:o}){const n=t,a=o,c=Ne(),s=c?.componentConfig?.popup?.container||".bs-popup-container",h=e.ref();let f;const p=e.ref("-100000px"),S=e.ref("-100000px"),B=()=>n.baseElement instanceof HTMLElement?x(n.baseElement):n.baseElement?y(n.baseElement):{left:0,top:0,right:0,bottom:0,width:0,height:0};e.onMounted(async()=>{if(await ue(10),n.baseElement&&h.value){f=B();const i=h.value.getBoundingClientRect(),m=r(f,i,n.popupDirection,n.popupAlign);S.value=`${m.top}px`,p.value=`${m.left}px`}});const V=e.ref({x:0,y:0}),b=e.computed(()=>`translate(${V.value.x}px, ${V.value.y}px)`),x=i=>{const m=i.getBoundingClientRect(),l={left:m.left,top:m.top,right:m.right,bottom:m.bottom,width:m.width,height:m.height};let d=i.offsetParent;for(;d;)l.top-=d.scrollTop||0,l.bottom-=d.scrollTop||0,l.left-=d.scrollLeft||0,l.right-=d.scrollLeft||0,d=d.offsetParent;return l},y=i=>({left:i.left,top:i.top,right:i.left,bottom:i.top,width:0,height:0}),r=(i,m,l,d)=>{if(l==="auto-down")if(i.bottom+m.height+(n.offsetFromBaseElement||0)>window.innerHeight)if(i.top-m.height-(n.offsetFromBaseElement||0)<0){const k=i.bottom+m.height+(n.offsetFromBaseElement||0)-window.innerHeight;return{top:i.bottom+(n.offsetFromBaseElement||0)-k-Xe,left:g(i,m,d)}}else return{top:i.top-m.height-(n.offsetFromBaseElement||0),left:g(i,m,d)};else return{top:i.bottom+(n.offsetFromBaseElement||0),left:g(i,m,d)};else return l==="down"?{top:i.bottom+(n.offsetFromBaseElement||0),left:g(i,m,d)}:l==="up"?{top:i.top-m.height-(n.offsetFromBaseElement||0),left:g(i,m,d)}:l==="auto-right"?i.right+m.width>window.innerWidth?{top:i.top,left:i.left-m.width}:{top:i.top,left:i.right}:l==="right"?{top:i.top,left:i.right}:{left:0,top:0}},g=(i,m,l)=>l==="auto"?i.left+m.width>window.innerWidth?i.right-m.width<0?i.left:i.left-(m.width-i.width):i.left:l==="center"?i.left-(m.width-i.width)/2:l==="left"?i.left:l==="right"?i.left-(m.width-i.width):0,E=()=>{a("requestClose")},w=[],u=()=>{if(c?.componentConfig?.popup?.hideOnScroll)E();else if(f){const i=B();V.value.x=i.left-f.left,V.value.y=i.top-f.top}};return e.onMounted(()=>{if(n.baseElement instanceof HTMLElement&&(window.addEventListener("scroll",u,{passive:!0}),n.baseElement instanceof HTMLElement)){let i=n.baseElement;for(;i;)(i.scrollHeight>i.clientHeight||i.scrollWidth>i.clientWidth)&&w.push(i),i=i.parentElement;w.forEach(m=>m.addEventListener("scroll",u,{passive:!0}))}}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",u),w.forEach(i=>i.removeEventListener("scroll",u))}),(i,m)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(s)},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"root",ref:h,class:e.normalizeClass([t.extraClass,"bs-popup overflow-auto"]),"data-popup-id":t.popupId,style:e.normalizeStyle({maxHeight:t.maxHeight,top:S.value,left:p.value,zIndex:t.zIndex,transform:b.value}),onClick:m[0]||(m[0]=l=>a("click",l)),onKeydown:m[1]||(m[1]=l=>a("keydown",l))},[e.renderSlot(i.$slots,"default")],46,Je)]),_:3})],8,["to"]))}}),Qe=["textContent"],me=e.defineComponent({__name:"BSTooltip",props:{align:{default:"center"},content:{},target:{}},setup(t){const o=t,n=e.computed(()=>{const a={};if(o.target){const c=o.target.getBoundingClientRect();a.top=`${c.bottom+8}px`,o.align==="left"?a.left=`${c.left}px`:o.align==="right"?a.right=`${c.right}px`:a.left=`${(c.left+c.right)/2}px`}return a});return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.align,"bs-tooltip"]),style:e.normalizeStyle(n.value)},[e.createElementVNode("div",{textContent:e.toDisplayString(t.content)},null,8,Qe)],6))}}),_e=(t,o)=>{t._bsFieldValidator=o,t.setAttribute("data-bs-field-validator","")},H=t=>{const o=e.ref(),n=e.ref(t.initialValue),a=e.ref(!1),c=e.ref([]),s=e.ref(!1),h=u=>t.convertToValue?t.convertToValue(u):u??"",f=u=>t.convertFromValue?t.convertFromValue(u):u?.toString()??"",p=async(u,i)=>{const m=h(u);await S(m,i)},S=async(u,i)=>{if(n.value=u,t.disabled?.value){a.value=!0;return}a.value=!1;const m=await t.isValid?.(n.value,i);m&&m.length>0?(a.value=!1,c.value=m):(a.value=!0,c.value=[])},B=u=>u.target&&"value"in u.target?u.target.value:void 0,V=async(u="form")=>{await S(n.value,u)},b=()=>{s.value=!1,c.value=[],a.value=!1},x=async u=>{const i=B(u);i!==void 0&&await p(i,"input")},w={stringValue:o,value:n,valid:a,errors:c,touched:s,handleInput:async u=>{await x(u)},handleChange:async u=>{const i=B(u);i!==void 0&&await p(i,"change")},handleFocus:u=>{s.value=!0},handleBlur:async u=>{const i=B(u);i!==void 0&&await p(i,"blur")},validateValue:S,validate:V,clearErrors:b,getName:()=>{const u=t.field?.value;return u?u.getAttribute("name")??u.getAttribute("data-field-name")??"":""}};return o.value=f(n.value),t.field&&e.watch(t.field,u=>{u&&_e(u,w)}),w},q=async(t,o,n,a,c)=>{const s=[];if(o){for(const h of o){const f=await h(t,a,c);f&&f.forEach(p=>s.push(p))}s.forEach(h=>n.push(h))}return s.length>0},X=(t,o,n,a)=>o&&(typeof t=="string"&&!t||t===void 0)?(a.push({code:"required",message:n||"Required"}),!0):!1,et=(t,o,n,a)=>t&&o&&!new RegExp(o).test(t)?(a.push({code:"allowedPattern",message:n||"Invalid format"}),!0):!1,fe=(t,o,n,a,c,s,h)=>{const f=!!t&&!!o&&t.length<o,p=!!t&&!!a&&t.length>a;return f&&p?h.push({code:"betweenLength",message:s||"Should be {0} ~ {1} characters"}):f?h.push({code:"minLength",message:n||"Should be {0} characters or more"}):p&&h.push({code:"maxLength",message:c||"Should be {0} characters or less"}),f||p},tt=(t,o,n,a,c,s,h)=>{const f=o!==void 0&&t<o,p=a!==void 0&&t>a;return f&&p?h.push({code:"betweenValue",message:s||"Should be {0} ~ {1}"}):f?h.push({code:"minValue",message:n||"Should be {0} or more"}):p&&h.push({code:"maxValue",message:c||"Should be {0} or less"}),f||p};let nt=0,ot=0;const L={handleExternalErrorMessage(t,o,n){if(n){const a=document.getElementById(n);a&&(!t||!o||o.length===0?a.style.display="none":(a.style.display="",a.textContent=o||""))}},generateNextId(t){return`${t}-${++nt}`},generateNextName(t){return`${t}${++ot}`},isRelativeSize(t){return t?.endsWith("%")||!1},delayed(t,o=200){o<=0?t():window.setTimeout(t,o)},trimStringValue(t,o){return o?t?.trim():t},getPrefixSuffixList(t){if(!t)return[];const o=Array.isArray(t)?t:[t],n=[];for(let a of o)a&&(typeof a=="object"&&a.hasOwnProperty("type")&&a.hasOwnProperty("value")?n.push(a):n.push({type:"text",value:a}));return n}},Q=Symbol("SavePoint");class _{fields=e.markRaw(new Map);children;registerField(o){const n=new it({getCurrentValue:o.getCurrentValue,setCurrentValue:o.setCurrentValue,compare:o.compare});return e.watch(o.field,a=>{a&&this.fields.set(a,n)}),n}unregisterField(o){o.value&&this.fields.delete(o.value)}addChild(o){this.children||(this.children=[]),this.children.push(o)}removeChild(o){if(this.children){const n=this.children.findIndex(a=>a===o);n>=0&&this.children.splice(n,1)}}set(){this.fields.forEach(o=>o.saveValue()),this.children?.forEach(o=>o.set())}async setNextTick(){await e.nextTick(),this.set()}rollback(){this.fields.forEach(o=>o.rollbackValue()),this.children?.forEach(o=>o.rollback())}isModified(){return Array.from(this.fields.values()).find(o=>o.isFieldModified())?!0:this.children?!!this.children.find(o=>o.isModified()):!1}}const at=()=>{const t=new _;return e.provide(Q,t),t},ee=new _,z=()=>{const t=e.inject(Q,ee);return t===ee?void 0:t},lt=()=>{e.provide(Q,ee)};class it{saved=!1;savedValue=e.shallowRef();valueProvider;constructor(o){this.valueProvider=o}saveValue(){this.savedValue.value=this.valueProvider.getCurrentValue(),this.saved=!0}getSavedValue(){return this.savedValue.value}rollbackValue(){this.saved&&this.valueProvider.setCurrentValue(this.savedValue.value)}isModified(o){return this.saved&&(this.valueProvider.compare?!this.valueProvider.compare(this.savedValue.value,o):this.savedValue?.value!==o)}isFieldModified(){return this.isModified(this.valueProvider.getCurrentValue())}}const rt={key:0},st=["textContent"],R=e.defineComponent({__name:"ValidationErrors",props:{errors:{},hideErrorMessage:{type:Boolean}},setup(t){return(o,n)=>!t.hideErrorMessage&&t.errors&&t.errors.length>0?(e.openBlock(),e.createElementBlock("div",rt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.errors,a=>(e.openBlock(),e.createElementBlock("div",{key:a.code,textContent:e.toDisplayString(a.message),class:"bs-field-error"},null,8,st))),128))])):e.createCommentVNode("",!0)}}),he=Symbol("FieldContext"),dt=t=>{e.provide(he,t)},pe={},O=()=>{const t=e.inject(he,pe);return t===pe?void 0:t},ct=["textContent"],ut={class:"font-icon"},mt=["src","alt"],F=e.defineComponent({__name:"BSPrefixSuffix",props:{value:{},type:{}},setup(t){const o=t,n=e.computed(()=>L.getPrefixSuffixList(o.value));return(a,c)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,s=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.type==="text"?(e.openBlock(),e.createElementBlock("span",{textContent:e.toDisplayString(s.value),key:JSON.stringify(s.value),class:e.normalizeClass(t.type)},null,10,ct)):s.type==="font-icon"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(t.type)},[e.createElementVNode("span",ut,e.toDisplayString(s.value),1)],2)):s.type==="image-url"?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(t.type)},[e.createElementVNode("img",{src:s.value,alt:t.type},null,8,mt)],2)):e.createCommentVNode("",!0)],64))),256))}}),ft={key:0,class:"view-mode"},ht=["textContent"],pt={key:1,class:"input-area"},gt=["id","placeholder","autocomplete","disabled","maxlength","name","tabindex","type"],bt=e.defineComponent({__name:"BSTextInput",props:{id:{},placeholder:{},name:{default:()=>L.generateNextName("textInput")},modelValue:{},maxlength:{},disabled:{type:Boolean},forceValidateWhenDisabled:{type:Boolean},viewMode:{type:Boolean},width:{default:"200px"},autocomplete:{},tabindex:{default:0},inputType:{default:"text"},trimValue:{type:Boolean,default:!0},prefix:{},suffix:{},required:{type:Boolean},minLength:{},maxLength:{},regExp:{},validationMessageRequired:{},validationMessageMinLength:{},validationMessageMaxLength:{},validationMessageBetweenLength:{},validationMessageRegExp:{},extraValidationRules:{},ignoreSavePoint:{type:Boolean},hideErrorMessage:{type:Boolean},showErrorMessageOnDisabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t,a=o;e.watch(()=>n.modelValue,()=>{B.value=p(n.modelValue),r(n.modelValue||"","change")});const c=e.ref(),s=O(),h=async(i,m)=>{const l=[],d=i??"";return X(d,n.required,n.validationMessageRequired,l)||et(d,n.regExp,n.validationMessageRegExp,l)||fe(d,n.minLength,n.validationMessageMinLength,n.maxLength,n.validationMessageMaxLength,n.validationMessageBetweenLength,l)||await q(d,n.extraValidationRules,l,m,s),l},f=i=>String(L.trimStringValue(i,n.trimValue)||""),p=i=>L.trimStringValue(i,n.trimValue)??"",S=e.computed(()=>n.viewMode||n.disabled&&!n.forceValidateWhenDisabled),{stringValue:B,errors:V,handleInput:b,handleFocus:x,handleBlur:y,validateValue:r}=H({field:c,disabled:S,initialValue:n.modelValue,isValid:h,convertToValue:f,convertFromValue:p}),g={input:b,focus:x,blur:y,change:()=>{a("update:modelValue",f(B.value))}},E=n.ignoreSavePoint?void 0:z(),w=E?.registerField({field:c,getCurrentValue:()=>n.modelValue||"",setCurrentValue:i=>a("update:modelValue",i||"")}),u=e.computed(()=>!!w?.isModified(n.modelValue||""));return e.onBeforeUnmount(()=>E?.unregisterField(c)),(i,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{required:t.required,disabled:t.disabled,modified:u.value,error:e.unref(V).length>0},"bs-text-input"]),style:e.normalizeStyle({width:t.width})},[t.viewMode?(e.openBlock(),e.createElementBlock("div",ft,[e.createVNode(F,{value:t.prefix,type:"prefix"},null,8,["value"]),e.createElementVNode("span",{textContent:e.toDisplayString(e.unref(B))},null,8,ht),e.createVNode(F,{value:t.suffix,type:"suffix"},null,8,["value"])])):(e.openBlock(),e.createElementBlock("div",pt,[e.createVNode(F,{value:t.prefix,type:"prefix"},null,8,["value"]),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:t.id,ref_key:"field",ref:c,"onUpdate:modelValue":m[0]||(m[0]=l=>e.isRef(B)?B.value=l:null),placeholder:t.placeholder,autocomplete:t.autocomplete,disabled:t.disabled,maxlength:t.maxlength,name:t.name,tabindex:t.tabindex,type:t.inputType},e.toHandlers(g,!0)),null,16,gt),[[e.vModelDynamic,e.unref(B)]]),e.createVNode(F,{value:t.suffix,type:"suffix"},null,8,["value"])])),t.viewMode?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:2,errors:e.unref(V),"hide-error-message":t.hideErrorMessage||t.disabled&&!t.showErrorMessageOnDisabled},null,8,["errors","hide-error-message"]))],6))}});function ge(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var Y={exports:{}},yt=Y.exports,be;function xt(){return be||(be=1,(function(t,o){(function(n,a){t.exports=a()})(yt,(function(){var n="minute",a=/[+-]\d\d(?::?\d\d)?/g,c=/([+-]|\d\d)/g;return function(s,h,f){var p=h.prototype;f.utc=function(r){var g={date:r,utc:!0,args:arguments};return new h(g)},p.utc=function(r){var g=f(this.toDate(),{locale:this.$L,utc:!0});return r?g.add(this.utcOffset(),n):g},p.local=function(){return f(this.toDate(),{locale:this.$L,utc:!1})};var S=p.parse;p.parse=function(r){r.utc&&(this.$u=!0),this.$utils().u(r.$offset)||(this.$offset=r.$offset),S.call(this,r)};var B=p.init;p.init=function(){if(this.$u){var r=this.$d;this.$y=r.getUTCFullYear(),this.$M=r.getUTCMonth(),this.$D=r.getUTCDate(),this.$W=r.getUTCDay(),this.$H=r.getUTCHours(),this.$m=r.getUTCMinutes(),this.$s=r.getUTCSeconds(),this.$ms=r.getUTCMilliseconds()}else B.call(this)};var V=p.utcOffset;p.utcOffset=function(r,g){var E=this.$utils().u;if(E(r))return this.$u?0:E(this.$offset)?V.call(this):this.$offset;if(typeof r=="string"&&(r=(function(m){m===void 0&&(m="");var l=m.match(a);if(!l)return null;var d=(""+l[0]).match(c)||["-",0,0],k=d[0],v=60*+d[1]+ +d[2];return v===0?0:k==="+"?v:-v})(r),r===null))return this;var w=Math.abs(r)<=16?60*r:r;if(w===0)return this.utc(g);var u=this.clone();if(g)return u.$offset=w,u.$u=!1,u;var i=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();return(u=this.local().add(w+i,n)).$offset=w,u.$x.$localOffset=i,u};var b=p.format;p.format=function(r){var g=r||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return b.call(this,g)},p.valueOf=function(){var r=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*r},p.isUTC=function(){return!!this.$u},p.toISOString=function(){return this.toDate().toISOString()},p.toString=function(){return this.toDate().toUTCString()};var x=p.toDate;p.toDate=function(r){return r==="s"&&this.$offset?f(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():x.call(this)};var y=p.diff;p.diff=function(r,g,E){if(r&&this.$u===r.$u)return y.call(this,r,g,E);var w=this.local(),u=f(r).local();return y.call(w,u,g,E)}}}))})(Y)),Y.exports}var kt=xt();const Bt=ge(kt);var j={exports:{}},Vt=j.exports,ye;function Ct(){return ye||(ye=1,(function(t,o){(function(n,a){t.exports=a()})(Vt,(function(){var n={year:0,month:1,day:2,hour:3,minute:4,second:5},a={};return function(c,s,h){var f,p=function(b,x,y){y===void 0&&(y={});var r=new Date(b),g=(function(E,w){w===void 0&&(w={});var u=w.timeZoneName||"short",i=E+"|"+u,m=a[i];return m||(m=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:E,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:u}),a[i]=m),m})(x,y);return g.formatToParts(r)},S=function(b,x){for(var y=p(b,x),r=[],g=0;g<y.length;g+=1){var E=y[g],w=E.type,u=E.value,i=n[w];i>=0&&(r[i]=parseInt(u,10))}var m=r[3],l=m===24?0:m,d=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",k=+b;return(h.utc(d).valueOf()-(k-=k%1e3))/6e4},B=s.prototype;B.tz=function(b,x){b===void 0&&(b=f);var y,r=this.utcOffset(),g=this.toDate(),E=g.toLocaleString("en-US",{timeZone:b}),w=Math.round((g-new Date(E))/1e3/60),u=15*-Math.round(g.getTimezoneOffset()/15)-w;if(!Number(u))y=this.utcOffset(0,x);else if(y=h(E,{locale:this.$L}).$set("millisecond",this.$ms).utcOffset(u,!0),x){var i=y.utcOffset();y=y.add(r-i,"minute")}return y.$x.$timezone=b,y},B.offsetName=function(b){var x=this.$x.$timezone||h.tz.guess(),y=p(this.valueOf(),x,{timeZoneName:b}).find((function(r){return r.type.toLowerCase()==="timezonename"}));return y&&y.value};var V=B.startOf;B.startOf=function(b,x){if(!this.$x||!this.$x.$timezone)return V.call(this,b,x);var y=h(this.format("YYYY-MM-DD HH:mm:ss:SSS"),{locale:this.$L});return V.call(y,b,x).tz(this.$x.$timezone,!0)},h.tz=function(b,x,y){var r=y&&x,g=y||x||f,E=S(+h(),g);if(typeof b!="string")return h(b).tz(g);var w=(function(l,d,k){var v=l-60*d*1e3,I=S(v,k);if(d===I)return[v,d];var C=S(v-=60*(I-d)*1e3,k);return I===C?[v,I]:[l-60*Math.min(I,C)*1e3,Math.max(I,C)]})(h.utc(b,r).valueOf(),E,g),u=w[0],i=w[1],m=h(u).utcOffset(i);return m.$x.$timezone=g,m},h.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},h.tz.setDefault=function(b){f=b}}}))})(j)),j.exports}var wt=Ct();const Mt=ge(wt);ae.extend(Bt),ae.extend(Mt);const Et=(t,o=2)=>{const n=Math.pow(10,o);return Math.round(t*n)/n},St={escapeNewLine(t){return t?t.replace(/\r\n|\r|\n/g,"<br />"):""},escapeHtml(t){return t?t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"):""},splitNewLine(t){return t?t.split(/\r\n|\r|\n/g):[]},formatNumber(t){if(t||typeof t=="number"){const o=/\B(?=(\d{3})+(?!\d))/g,n=t.toString().split("."),a=n[0].replace(o,","),c=n[1]?`.${n[1]}`:"";return a+c}return null},formatNumberByCode(t,o){return typeof t>"u"?null:t||typeof t=="number"?t.toLocaleString(o):null},formatPrice(t,o,n=!1){if(t||typeof t=="number"){const a=this.formatNumber(t);return n?`${o} ${a}`:`${a} ${o}`}return null},formatPercent(t,o=!0,n=2){return t!=null&&!isNaN(Number(t))?`${Et(Number(t)*100,n)}${o?"%":""}`:null},formatCreditCardNo(t,o="-"){return t.match(/.{1,4}/g)?.join(o)},toPlainText(t){const o=document.createElement("DIV");return o.innerHTML=t||"",o.textContent||o.innerText}},vt={key:0,class:"view-mode"},Pt=["textContent"],$t={key:1,class:"input-area"},Dt=["id","autocomplete","disabled","maxlength","name","tabindex","value"],Nt=e.defineComponent({__name:"BSNumberInput",props:{id:{},placeholder:{},name:{},modelValue:{},maxlength:{},disabled:{type:Boolean},viewMode:{type:Boolean},width:{default:"200px"},autocomplete:{},tabindex:{default:0},prefix:{},suffix:{},format:{type:Boolean,default:!0},formatInViewMode:{type:Boolean,default:!0},formatOnBlur:{type:Boolean,default:!0},required:{type:Boolean},minValue:{},maxValue:{},validationMessageRequired:{},validationMessageMinValue:{},validationMessageMaxValue:{},validationMessageBetweenValue:{},extraValidationRules:{},ignoreSavePoint:{type:Boolean},hideErrorMessage:{type:Boolean},showErrorMessageOnDisabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t,a=o,c=d=>d.replace(/[^\d-\\.,]/g,"");e.watch(()=>n.modelValue,()=>{x.value=V(n.modelValue),w(n.modelValue,"change")});const s=e.ref(),h=e.ref(!1),f=e.computed(()=>n.format?St.formatNumber(x.value)||"":x.value||""),p=O(),S=async(d,k)=>{const v=[];return X(d,n.required,n.validationMessageRequired,v)||d!==void 0&&tt(d,n.minValue,n.validationMessageMinValue,n.maxValue,n.validationMessageMaxValue,n.validationMessageBetweenValue,v)||await q(d,n.extraValidationRules,v,k,p),v},B=d=>{if(!d)return;const k=Number(d);return isNaN(k)?void 0:k},V=d=>d!==void 0?String(d):"",b=e.computed(()=>n.viewMode||n.disabled),{stringValue:x,errors:y,handleInput:r,handleFocus:g,handleBlur:E,validateValue:w}=H({field:s,disabled:b,initialValue:n.modelValue,isValid:S,convertToValue:B,convertFromValue:V}),u={input:async d=>{x.value=c(d.target.value),await r(d)},focus:d=>{h.value=!0,g(d)},blur:d=>{h.value=!1,E(d)},change:()=>{a("update:modelValue",B(x.value))}},i=n.ignoreSavePoint?void 0:z(),m=i?.registerField({field:s,getCurrentValue:()=>n.modelValue,setCurrentValue:d=>a("update:modelValue",d)}),l=e.computed(()=>!!m?.isModified(n.modelValue));return e.onBeforeUnmount(()=>i?.unregisterField(s)),(d,k)=>{const v=e.resolveDirective("t");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{required:t.required,disabled:t.disabled,modified:l.value,error:e.unref(y).length>0},"bs-number-input"]),style:e.normalizeStyle({width:t.width})},[t.viewMode?(e.openBlock(),e.createElementBlock("div",vt,[e.createVNode(F,{value:t.prefix,type:"prefix"},null,8,["value"]),e.createElementVNode("span",{textContent:e.toDisplayString(t.formatInViewMode?f.value:e.unref(x))},null,8,Pt),e.createVNode(F,{value:t.suffix,type:"suffix"},null,8,["value"])])):(e.openBlock(),e.createElementBlock("div",$t,[e.createVNode(F,{value:t.prefix,type:"prefix"},null,8,["value"]),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:t.id,ref_key:"field",ref:s,autocomplete:t.autocomplete,disabled:t.disabled,maxlength:t.maxlength,name:t.name,tabindex:t.tabindex,value:h.value||!t.formatOnBlur?e.unref(x):f.value,type:"text"},e.toHandlers(u,!0)),null,16,Dt),[[v,t.placeholder,void 0,{placeholder:!0}]]),e.createVNode(F,{value:t.suffix,type:"suffix"},null,8,["value"])])),t.viewMode?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:2,errors:e.unref(y),"hide-error-message":t.hideErrorMessage||t.disabled&&!t.showErrorMessageOnDisabled},null,8,["errors","hide-error-message"]))],6)}}}),It={key:0,class:"view-mode bs-layout-horizontal gap-8 align-items-start"},Lt=["textContent"],Ft={key:1,class:"input-area bs-layout-horizontal align-items-start"},Tt=["placeholder","disabled","maxlength","name","tabindex"],zt=e.defineComponent({__name:"BSTextArea",props:{id:{},placeholder:{},name:{},modelValue:{},maxlength:{},disabled:{type:Boolean},viewMode:{type:Boolean},width:{default:"400px"},height:{},autocomplete:{},tabindex:{default:0},trimValue:{type:Boolean,default:!0},prefix:{},suffix:{},required:{type:Boolean},minLength:{},maxLength:{},validationMessageRequired:{},validationMessageMinLength:{},validationMessageMaxLength:{},validationMessageBetweenLength:{},extraValidationRules:{},ignoreSavePoint:{type:Boolean},hideErrorMessage:{type:Boolean},showErrorMessageOnDisabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t,a=o,c=C=>String(L.trimStringValue(C,n.trimValue)||""),s=C=>L.trimStringValue(C,n.trimValue)??"";e.watch(()=>n.modelValue,()=>{B.value=s(n.modelValue),r(n.modelValue||"","change")});const h=e.ref(),f=O(),p=async(C,P)=>{const D=[],$=C?.trim()??"";return X($,n.required,n.validationMessageRequired,D)||fe($,n.minLength,n.validationMessageMinLength,n.maxLength,n.validationMessageMaxLength,n.validationMessageBetweenLength,D)||await q($,n.extraValidationRules,D,P,f),D},S=e.computed(()=>n.viewMode||n.disabled),{stringValue:B,errors:V,handleInput:b,handleFocus:x,handleBlur:y,validateValue:r}=H({field:h,disabled:S,initialValue:n.modelValue,isValid:p,convertToValue:c,convertFromValue:s}),g={input:b,focus:x,blur:y,change:()=>{a("update:modelValue",c(B.value))}},E=e.computed(()=>L.isRelativeSize(n.width)?n.width:void 0),w=e.computed(()=>L.isRelativeSize(n.height)?n.height:void 0),u=e.computed(()=>L.isRelativeSize(n.width)?"100%":n.width),i=e.computed(()=>k.value||(L.isRelativeSize(n.height)?"100%":n.height)),m=n.ignoreSavePoint?void 0:z(),l=m?.registerField({field:h,getCurrentValue:()=>n.modelValue||"",setCurrentValue:C=>a("update:modelValue",C||"")}),d=e.computed(()=>!!l?.isModified(n.modelValue||""));e.onBeforeUnmount(()=>m?.unregisterField(h));const k=e.ref(),v=C=>{h.value&&h.value.setPointerCapture(C.pointerId)},I=C=>{h.value&&(k.value=`${h.value.offsetHeight}px`,h.value.releasePointerCapture(C.pointerId))};return(C,P)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{disabled:t.disabled,modified:d.value,error:e.unref(V).length>0},"bs-text-area"]),style:e.normalizeStyle({width:E.value,height:w.value})},[t.viewMode?(e.openBlock(),e.createElementBlock("div",It,[e.createVNode(F,{value:t.prefix,type:"prefix"},null,8,["value"]),e.createElementVNode("div",{textContent:e.toDisplayString(e.unref(B))},null,8,Lt),e.createVNode(F,{value:t.suffix,type:"suffix"},null,8,["value"])])):(e.openBlock(),e.createElementBlock("div",Ft,[e.createVNode(F,{value:t.prefix,type:"prefix"},null,8,["value"]),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({ref_key:"field",ref:h,"onUpdate:modelValue":P[0]||(P[0]=D=>e.isRef(B)?B.value=D:null),placeholder:t.placeholder,disabled:t.disabled,maxlength:t.maxlength,name:t.name,style:{width:u.value,height:i.value},tabindex:t.tabindex,class:"grow",onPointerdown:v,onPointerup:I},e.toHandlers(g,!0)),null,16,Tt),[[e.vModelText,e.unref(B)]]),e.createVNode(F,{value:t.suffix,type:"suffix"},null,8,["value"])])),t.viewMode?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:2,errors:e.unref(V),"hide-error-message":t.hideErrorMessage||t.disabled&&!t.showErrorMessageOnDisabled},null,8,["errors","hide-error-message"]))],6))}}),Ot=["id","checked","disabled","name","tabindex"],Ht=["textContent","for"],qt=["for"],xe=e.defineComponent({__name:"BSCheckbox",props:{id:{default:()=>L.generateNextId("checkbox")},name:{},label:{},modelValue:{type:Boolean},disabled:{type:Boolean},viewMode:{type:Boolean},tabindex:{default:0},disableSavePoint:{type:Boolean},ignoreSavePoint:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t,a=o,c=e.ref(n.modelValue),s=e.useSlots(),h=e.computed(()=>!!s?.default),f={change:b=>{c.value=b.target.checked,n.modelValue!==c.value&&a("update:modelValue",c.value)}};e.watch(()=>n.modelValue,()=>c.value=n.modelValue);const p=e.ref(),S=n.ignoreSavePoint?void 0:z(),B=S?.registerField({field:p,getCurrentValue:()=>n.modelValue||!1,setCurrentValue:b=>{n.disableSavePoint||a("update:modelValue",b||!1)}}),V=e.computed(()=>!!B?.isModified(n.modelValue));return e.onBeforeUnmount(()=>S?.unregisterField(p)),(b,x)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([{checked:c.value,disabled:t.disabled,modified:V.value},"bs-checkbox"])},[e.createElementVNode("input",e.mergeProps({id:t.id,ref_key:"field",ref:p,checked:c.value,disabled:t.disabled||t.viewMode,name:t.name,tabindex:t.tabindex,class:"",type:"checkbox"},e.toHandlers(f,!0)),null,16,Ot),t.label?(e.openBlock(),e.createElementBlock("label",{key:0,textContent:e.toDisplayString(t.label),for:t.id,class:"text-label"},null,8,Ht)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("label",{key:1,for:t.id,class:"slot-label cursor-pointer"},[e.renderSlot(b.$slots,"default",{disabled:t.disabled})],8,qt)):e.createCommentVNode("",!0)],2))}}),ke=t=>t?typeof t=="string"?t:String(t):"",Be=(t,o,n)=>{if(o){const a=o(t);if(a!==void 0)return a}return n(t)},te=(t,o,n)=>{if(o){const a=o(t);if(a)return a}return n(t)},Rt=["data-field-name"],At={class:"items"},Ut=["textContent"],Kt=e.defineComponent({__name:"BSCheckboxGroup",props:{name:{},modelValue:{default:()=>[]},items:{default:()=>[]},valueProvider:{},labelProvider:{},keyProvider:{},enabledItemProvider:{},tabindex:{default:0},disabled:{type:Boolean},viewMode:{type:Boolean},required:{type:Boolean},validationMessageRequired:{},extraValidationRules:{},ignoreSavePoint:{type:Boolean},hideErrorMessage:{type:Boolean},showErrorMessageOnDisabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t,a=o,c=l=>n.labelProvider?n.labelProvider(l):String(l),s=l=>n.valueProvider?n.valueProvider(l):l,h=l=>te(l,n.keyProvider,()=>String(s(l))),f=l=>n.enabledItemProvider?!n.enabledItemProvider(l):!1,p=e.ref({}),S=(l,d,k)=>{n.items.forEach(v=>l[h(v)]=d.includes(s(v))),k&&E(n.modelValue,"change")},B=(l,d)=>{const k=s(d),v=n.modelValue.includes(k);if(l&&!v){const I=[...n.modelValue,k],C=n.items.map(P=>s(P)).filter(P=>I.includes(P));a("update:modelValue",C)}else if(!l&&v){const I=n.modelValue.indexOf(k),C=n.modelValue.toSpliced(I,1);a("update:modelValue",C)}},V=e.computed(()=>n.items.filter(l=>n.modelValue.includes(s(l))).map(c).join(", ")),b=e.ref(),x=O(),y=async(l,d)=>{const k=[];return n.required&&(l===void 0||l.length===0)?k.push({code:"required",message:n.validationMessageRequired||"Required"}):l!==void 0&&await q(l,n.extraValidationRules,k,d,x),k},r=e.computed(()=>n.viewMode||n.disabled),{errors:g,validateValue:E}=H({field:b,disabled:r,initialValue:n.modelValue,isValid:y}),w=l=>{const d={};n.items.forEach(k=>d[h(k)]=!1),S(d,n.modelValue,l),p.value=d};e.watch(()=>n.items,()=>w(!1)),e.watch(()=>n.modelValue,l=>S(p.value,l,!0)),e.onMounted(()=>{w(!1)});const u=n.ignoreSavePoint?void 0:z(),i=u?.registerField({field:b,getCurrentValue:()=>[...n.modelValue],setCurrentValue:l=>a("update:modelValue",[...l||[]]),compare:(l,d)=>l?.toSorted().join(",")===d?.toSorted().join(",")}),m=e.computed(()=>!!i?.isModified(n.modelValue||[]));return e.onBeforeUnmount(()=>u?.unregisterField(b)),(l,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"field",ref:b,class:e.normalizeClass([{required:t.required,disabled:t.disabled,modified:m.value,error:e.unref(g).length>0},"bs-checkbox-group bs-layout-vertical"]),"data-field-name":t.name,role:"group"},[e.createElementVNode("div",At,[t.viewMode?(e.openBlock(),e.createElementBlock("div",{key:0,class:"view-mode",textContent:e.toDisplayString(V.value)},null,8,Ut)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.items,k=>(e.openBlock(),e.createBlock(xe,{key:h(k),disabled:t.disabled||f(k),label:c(k),"model-value":p.value[h(k)],name:`${t.name||""}_${h(k)}`,tabindex:t.tabindex,"disable-save-point":"","onUpdate:modelValue":v=>B(v,k)},null,8,["disabled","label","model-value","name","tabindex","onUpdate:modelValue"]))),128))]),t.viewMode?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:0,errors:e.unref(g),"hide-error-message":t.hideErrorMessage||t.disabled&&!t.showErrorMessageOnDisabled},null,8,["errors","hide-error-message"]))],10,Rt))}}),Yt=["id","checked","disabled","name","tabindex"],jt=["for"],Zt={key:0,class:"font-icon"},Wt=["textContent"],Gt=["for"],Ve=e.defineComponent({__name:"BSRadioButton",props:{id:{default:()=>L.generateNextId("radio")},name:{default:()=>L.generateNextName("radio")},label:{},icon:{},modelValue:{},itemValue:{},disabled:{type:Boolean},viewMode:{type:Boolean},tabindex:{default:0}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t,a=o,c=e.computed(()=>n.itemValue!==void 0&&n.itemValue===n.modelValue||!1),s=e.useSlots(),h=e.computed(()=>!!s?.default),p={change:S=>{S.target.checked&&a("update:modelValue",n.itemValue)}};return(S,B)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([{checked:c.value,disabled:t.disabled},"bs-radio-button"])},[e.createElementVNode("input",e.mergeProps({id:t.id,checked:c.value,disabled:t.disabled||t.viewMode,name:t.name,tabindex:t.tabindex,class:"",role:"radio",type:"radio"},e.toHandlers(p,!0)),null,16,Yt),e.createElementVNode("label",{for:t.id},[t.icon?(e.openBlock(),e.createElementBlock("span",Zt,e.toDisplayString(t.icon),1)):e.createCommentVNode("",!0),t.label?(e.openBlock(),e.createElementBlock("span",{key:1,textContent:e.toDisplayString(t.label),class:"text-label"},null,8,Wt)):e.createCommentVNode("",!0)],8,jt),h.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"slot-label cursor-pointer"},[e.renderSlot(S.$slots,"default",{disabled:t.disabled})],8,Gt)):e.createCommentVNode("",!0)],2))}}),Jt=["data-field-name"],Xt=["textContent"],Qt={key:1,class:"radio-button-group",role:"radiogroup"},_t=e.defineComponent({__name:"BSRadioButtonGroup",props:{name:{default:()=>L.generateNextName("radioGroup")},modelValue:{},items:{default:()=>[]},valueProvider:{},labelProvider:{},iconProvider:{},keyProvider:{},enabledItemProvider:{},tooltipProvider:{},tabindex:{default:0},disabled:{type:Boolean},viewMode:{type:Boolean},required:{type:Boolean},validationMessageRequired:{},extraValidationRules:{},ignoreSavePoint:{type:Boolean},hideErrorMessage:{type:Boolean},showErrorMessageOnDisabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t,a=o,c=u=>Be(u,n.labelProvider,()=>String(u)),s=u=>n.valueProvider?n.valueProvider(u):u,h=u=>te(u,n.keyProvider,()=>String(s(u))),f=u=>n.enabledItemProvider?!n.enabledItemProvider(u):!1,p=e.computed(()=>{const u=n.items.find(i=>s(i)===n.modelValue);return u?c(u):""}),S=u=>{a("update:modelValue",u)};e.watch(()=>n.modelValue,()=>r(n.modelValue,"change"));const B=e.ref(),V=O(),b=async(u,i)=>{const m=[];return n.required&&u===void 0?m.push({code:"required",message:n.validationMessageRequired||"Required"}):u!==void 0&&await q(u,n.extraValidationRules,m,i,V),m},x=e.computed(()=>n.viewMode||n.disabled),{errors:y,validateValue:r}=H({field:B,disabled:x,initialValue:n.modelValue,isValid:b}),g=n.ignoreSavePoint?void 0:z(),E=g?.registerField({field:B,getCurrentValue:()=>n.modelValue,setCurrentValue:u=>a("update:modelValue",u)}),w=e.computed(()=>!!E?.isModified(n.modelValue));return e.onBeforeUnmount(()=>g?.unregisterField(B)),(u,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"field",ref:B,class:e.normalizeClass([{required:t.required,disabled:t.disabled,modified:w.value,error:e.unref(y).length>0},"bs-radio-button-group"]),"data-field-name":t.name},[t.viewMode?(e.openBlock(),e.createElementBlock("div",{key:0,textContent:e.toDisplayString(p.value)},null,8,Xt)):(e.openBlock(),e.createElementBlock("div",Qt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,m=>e.withDirectives((e.openBlock(),e.createBlock(Ve,{key:h(m),disabled:t.disabled||f(m),icon:t.iconProvider?.(m),"item-value":s(m),label:c(m),"model-value":t.modelValue,name:t.name,tabindex:t.tabindex,"onUpdate:modelValue":i[0]||(i[0]=l=>S(l))},null,8,["disabled","icon","item-value","label","model-value","name","tabindex"])),[[e.unref(G),{content:t.tooltipProvider?.(m)}]])),128))])),t.viewMode?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:2,errors:e.unref(y),"hide-error-message":t.hideErrorMessage||t.disabled&&!t.showErrorMessageOnDisabled},null,8,["errors","hide-error-message"]))],10,Jt))}});function ne(t){return t!=null}function Ce(t){t.focus()}const we={mounted:(t,o)=>{(o.value===void 0||String(o.value)==="true"||typeof o.value=="number")&&(typeof o.value=="number"?setTimeout(()=>Ce(t),o.value):Ce(t))}},Me=(t,o)=>{let n;return(...a)=>new Promise((c,s)=>{n&&clearTimeout(n),n=setTimeout(()=>{try{const h=t(...a);c(h)}catch(h){s(h)}finally{n=void 0}},o)})},en={key:0,class:"popup-search pa-4"},tn=["data-value","onMouseover","onClick"],nn=["textContent"],on=["textContent"],Ee=e.defineComponent({__name:"BSSelectPopup",props:{items:{},initialItem:{},selectedItems:{},valueProvider:{},labelProvider:{},allowNull:{type:Boolean},nullLabel:{},maxHeight:{},showSearch:{type:[Boolean,String],default:"auto"},baseElement:{},popupAlign:{},popupDirection:{}},emits:["itemSelected","requestClose"],setup(t,{expose:o,emit:n}){const a=t,c=n,s=e.ref();e.watch(()=>a.items,async()=>{const l=await a.items,d=a.allowNull?[void 0,...l]:l;s.value=d.map(k=>{if(k!==void 0){const v=a.labelProvider(k),I=v?v.toLowerCase():"";return{original:k,value:a.valueProvider(k),label:v,keyword:I}}else return})},{immediate:!0});const h=e.computed(()=>a.showSearch==="auto"?s.value&&s.value.length>10:a.showSearch),f=e.ref(""),p=e.computed(()=>{if(s.value!==void 0)return f.value?s.value.filter(l=>l?.keyword?.includes(f.value)):s.value}),S=Me(l=>{f.value=l},300),B=l=>{const d=l.target.value.trim().toLowerCase();S(d)},V=l=>p.value?.findIndex(d=>d===void 0&&l===void 0?!0:d&&l?d.value===a.valueProvider(l):!1)??-1,b=()=>{if(p.value&&p.value.length>0){const l=Math.min(V(g.value)+1,p.value.length-1);E(p.value[l]?.original,l)}},x=()=>{if(p.value&&p.value.length>0){const l=Math.max(0,V(g.value)-1);E(p.value[l]?.original,l)}},y=()=>{m(g.value)},r=l=>{switch(l.key){case"Enter":y();break;case"ArrowDown":b();break;case"ArrowUp":x();break}},g=e.ref();g.value=a.initialItem;const E=(l,d)=>{g.value=l,d!==void 0&&u(d)},w=e.ref(),u=l=>{const d=w.value?.querySelectorAll(".popup-item")[l];if(w.value&&d){const k=w.value.getBoundingClientRect(),v=d.getBoundingClientRect();(v.top<k.top||v.bottom>k.bottom)&&(w.value.scrollTop=d.offsetTop-(w.value.offsetHeight-d.offsetHeight)/2)}};e.onMounted(async()=>{await e.nextTick(),await e.nextTick();const l=g.value||a.selectedItems?.[0];l&&u(V(l))});const i=l=>{const d=g.value;return d===void 0&&l===void 0?!0:d!==void 0&&l!==void 0?a.valueProvider(d)===a.valueProvider(l):!1},m=l=>{l&&s.value&&(l=s.value.filter(ne).find(d=>d&&d.value===a.valueProvider(l))?.original),c("itemSelected",l)};return o({handleKeyboard:r}),(l,d)=>(e.openBlock(),e.createBlock(J,{"base-element":t.baseElement,"max-height":t.maxHeight,"offset-from-base-element":4,"popup-align":t.popupAlign,"popup-direction":t.popupDirection,"extra-class":"bs-select-popup bs-layout-vertical",onRequestClose:d[2]||(d[2]=k=>c("requestClose")),onKeydown:e.withKeys(e.withModifiers(r,["stop","prevent"]),["enter","down","up"])},{default:e.withCtx(()=>[h.value?(e.openBlock(),e.createElementBlock("div",en,[e.withDirectives(e.createElementVNode("input",{type:"text",onInput:B,onKeydown:d[0]||(d[0]=e.withKeys(e.withModifiers(()=>{},["stop"]),["space"])),onClick:d[1]||(d[1]=e.withModifiers(()=>{},["stop"]))},null,544),[[e.unref(we)]])])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"popupItems",ref:w,class:"popup-items grow h-full overflow-auto"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,k=>(e.openBlock(),e.createElementBlock("div",{key:k!==void 0?String(k):"",class:e.normalizeClass([{hovered:i(k?.original),"selected-item":k!==void 0&&t.selectedItems?.includes(k?.original)},"popup-item"]),"data-value":k?.value||"",onMouseover:v=>E(k?.original),onClick:e.withModifiers(v=>m(k?.original),["stop"])},[d[3]||(d[3]=e.createElementVNode("span",{class:"checkbox"},null,-1)),k!==void 0?(e.openBlock(),e.createElementBlock("label",{key:0,textContent:e.toDisplayString(k?.label),class:"label"},null,8,nn)):(e.openBlock(),e.createElementBlock("label",{key:1,textContent:e.toDisplayString(t.nullLabel),class:"label null-label"},null,8,on))],42,tn))),128))],512)]),_:1},8,["base-element","max-height","popup-align","popup-direction","onKeydown"]))}}),Se=(t,o)=>{t.vClickOutsideContext={enabled:o?.enabled??!0,handler:typeof o=="function"?o:o?.handler,insideElements:o?.insideElements}},an=(t,o)=>o?o.some(n=>{if(n instanceof HTMLElement)return n.contains(t);if(typeof n=="string")return document.querySelector(n)?.contains(t)}):!1,oe={mounted:(t,o)=>{const n=a=>{let c=a.target;if(!t.contains(c)){const s=t.vClickOutsideContext;s&&s.enabled&&(an(c,s.insideElements)||s.handler?.())}};t.vClickOutsideListener=n,Se(t,o.value),window.addEventListener("click",n)},updated:(t,o)=>{Se(t,o.value)},unmounted:t=>{const o=t.vClickOutsideListener;o&&window.removeEventListener("click",o),delete t.vClickOutsideContext}},ln=["tabindex","onKeydown"],rn=["textContent"],sn=["data-field-name"],dn=["textContent"],cn=["textContent"],un={key:2,class:"small-progress"},mn=e.defineComponent({__name:"BSSelect",props:{modelValue:{},items:{default:()=>[]},name:{},valueProvider:{type:Function,default:t=>t},labelProvider:{type:Function,default:ke},selectedLabelProvider:{},placeholder:{default:()=>""},allowNull:{type:Boolean},nullLabel:{},disabled:{type:Boolean},viewMode:{type:Boolean},tabindex:{default:0},required:{type:Boolean},validationMessageRequired:{},extraValidationRules:{},ignoreSavePoint:{type:Boolean},popupAlign:{},popupDirection:{},popupMaxHeight:{},showPopupSearch:{type:[Boolean,String],default:"auto"},hideErrorMessage:{type:Boolean},showErrorMessageOnDisabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t,a=o,c=e.ref(),s=e.ref(!1);e.watch(()=>n.items,async()=>{s.value=!0,c.value=await n.items,s.value=!1},{immediate:!0});const h=$=>n.labelProvider?n.labelProvider($):String($),f=$=>n.valueProvider?n.valueProvider($):$,p=$=>$!==void 0?c.value?.find(N=>f(N)===$):void 0,S=e.computed(()=>!n.modelValue),B=e.computed(()=>p(n.modelValue)),V=e.computed(()=>B.value!==void 0?[B.value]:[]),b=e.computed(()=>B.value!==void 0?n.selectedLabelProvider?n.selectedLabelProvider(B.value):h(B.value):""),x=e.ref(!1),y=$=>{!n.disabled&&!n.viewMode&&(x.value=$===void 0?!x.value:$)},r=$=>{x.value?$.stopPropagation():y(!1)},g=e.ref(),E=$=>{x.value?g.value&&g.value.handleKeyboard($):y(!0)},w=$=>{const N=$?f($):void 0;a("update:modelValue",N),x.value=!1,i()},u=e.useTemplateRef("root"),i=()=>u.value?.focus();e.watch(()=>n.modelValue,()=>I(n.modelValue,"change"));const m=e.ref(),l=O(),d=async($,N)=>{const A=[];return n.required&&$===void 0?A.push({code:"required",message:n.validationMessageRequired||"Required"}):$!==void 0&&await q($,n.extraValidationRules,A,N,l),A},k=e.computed(()=>n.viewMode||n.disabled),{errors:v,validateValue:I}=H({field:m,disabled:k,initialValue:n.modelValue,isValid:d}),C=n.ignoreSavePoint?void 0:z(),P=C?.registerField({field:m,getCurrentValue:()=>n.modelValue,setCurrentValue:$=>a("update:modelValue",$)}),D=e.computed(()=>!!P?.isModified(n.modelValue));return e.onBeforeUnmount(()=>C?.unregisterField(m)),($,N)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref:"root",class:e.normalizeClass([{"popup-open":x.value,disabled:t.disabled,modified:D.value,error:e.unref(v).length>0,empty:S.value,"view-mode":t.viewMode},"bs-select"]),tabindex:t.disabled?-1:t.tabindex,onClick:N[1]||(N[1]=A=>y()),onKeydown:[N[2]||(N[2]=e.withKeys(e.withModifiers(A=>y(),["stop","prevent"]),["space"])),e.withKeys(e.withModifiers(E,["stop","prevent"]),["enter","down","up"]),N[3]||(N[3]=e.withKeys(e.withModifiers(A=>{y(!1),i()},["stop","prevent"]),["esc"])),e.withKeys(r,["tab"])]},[t.viewMode?(e.openBlock(),e.createElementBlock("div",{key:0,textContent:e.toDisplayString(b.value)},null,8,rn)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{ref_key:"field",ref:m,"data-field-name":t.name,class:"selected w-full",role:"listbox"},[B.value===void 0?(e.openBlock(),e.createElementBlock("span",{key:0,textContent:e.toDisplayString(t.placeholder),class:"placeholder grow"},null,8,dn)):(e.openBlock(),e.createElementBlock("span",{key:1,textContent:e.toDisplayString(b.value),class:"label"},null,8,cn)),N[4]||(N[4]=e.createElementVNode("span",{class:"dropdown-btn"},"expand_more",-1)),s.value?(e.openBlock(),e.createElementBlock("span",un,"progress_activity")):e.createCommentVNode("",!0)],8,sn),!t.disabled&&x.value?(e.openBlock(),e.createBlock(Ee,{key:0,ref_key:"selectPopup",ref:g,"allow-null":t.allowNull,"base-element":u.value,"initial-item":B.value,items:t.items,"label-provider":t.labelProvider,"max-height":t.popupMaxHeight,"null-label":t.nullLabel,"popup-align":t.popupAlign,"popup-direction":t.popupDirection,"selected-items":V.value,"show-search":t.showPopupSearch,"value-provider":t.valueProvider,onItemSelected:w,onRequestClose:N[0]||(N[0]=A=>{y(!1),i()})},null,8,["allow-null","base-element","initial-item","items","label-provider","max-height","null-label","popup-align","popup-direction","selected-items","show-search","value-provider"])):e.createCommentVNode("",!0),t.viewMode?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:1,errors:e.unref(v),"hide-error-message":t.hideErrorMessage||t.disabled&&!t.showErrorMessageOnDisabled},null,8,["errors","hide-error-message"]))],64))],42,ln)),[[e.unref(oe),()=>y(!1)]])}}),fn=["tabindex","onKeydown"],hn={key:0},pn=["textContent"],gn=["textContent"],bn=["data-field-name"],yn=["textContent"],xn={key:1,class:"text-truncate"},kn=["textContent"],Bn=["textContent"],Vn={key:2,class:"small-progress"},Cn=e.defineComponent({__name:"BSMultiSelect",props:{modelValue:{default:()=>[]},items:{default:()=>[]},name:{},valueProvider:{type:Function,default:t=>t},labelProvider:{type:Function,default:ke},selectedLabelProvider:{},keyProvider:{},placeholder:{},tabindex:{default:0},disabled:{type:Boolean},viewMode:{type:Boolean},required:{type:Boolean},validationMessageRequired:{},extraValidationRules:{},ignoreSavePoint:{type:Boolean},popupAlign:{},popupDirection:{},popupMaxHeight:{},showPopupSearch:{type:[Boolean,String],default:"auto"},hideErrorMessage:{type:Boolean},showErrorMessageOnDisabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t,a=o,c=e.ref(),s=e.ref(!1);e.watch(()=>n.items,async()=>{s.value=!0,c.value=await n.items,s.value=!1},{immediate:!0});const h=C=>Be(C,n.labelProvider,()=>String(C)),f=C=>n.valueProvider?n.valueProvider(C):C,p=C=>te(C,n.keyProvider,()=>String(C)),S=C=>C?c.value?.find(P=>f(P)===C):void 0,B=e.computed(()=>!n.modelValue||n.modelValue.length===0),V=e.computed(()=>n.modelValue.map(S).filter(ne)),b=e.ref(!1),x=C=>{!n.disabled&&!n.viewMode&&(b.value=C===void 0?!b.value:C)},y=e.ref(),r=C=>{b.value?y.value&&y.value.handleKeyboard(C):x(!0)},g=C=>{if(C&&c.value){let P=[...V.value];const D=P.indexOf(C);D>=0?P.splice(D,1):P=c.value.filter(N=>P.includes(N)||N===C);const $=P.map(f);a("update:modelValue",$)}},E=e.useTemplateRef("root");e.watch(()=>n.modelValue,()=>d(n.modelValue,"change"));const w=e.ref(),u=O(),i=async(C,P)=>{const D=[];return n.required&&(C===void 0||C.length===0)?D.push({code:"required",message:n.validationMessageRequired||"Required"}):C!==void 0&&await q(C,n.extraValidationRules,D,P,u),D},m=e.computed(()=>n.viewMode||n.disabled),{errors:l,validateValue:d}=H({field:w,disabled:m,initialValue:n.modelValue,isValid:i}),k=n.ignoreSavePoint?void 0:z(),v=k?.registerField({field:w,getCurrentValue:()=>[...n.modelValue],setCurrentValue:C=>a("update:modelValue",[...C||[]]),compare:(C,P)=>C?.toSorted().join(",")===P?.toSorted().join(",")}),I=e.computed(()=>!!v?.isModified(n.modelValue||[]));return e.onBeforeUnmount(()=>k?.unregisterField(w)),(C,P)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref:"root",class:e.normalizeClass([{"popup-open":b.value,disabled:t.disabled,modified:I.value,error:e.unref(l).length>0,empty:B.value,"view-mode":t.viewMode},"bs-multi-select"]),tabindex:t.disabled?-1:t.tabindex,onClick:P[1]||(P[1]=D=>x()),onKeydown:[P[2]||(P[2]=e.withKeys(e.withModifiers(D=>x(),["stop","prevent"]),["space"])),e.withKeys(e.withModifiers(r,["stop","prevent"]),["enter","down","up"]),P[3]||(P[3]=e.withKeys(e.withModifiers(D=>x(!1),["stop","prevent"]),["esc"])),P[4]||(P[4]=e.withKeys(D=>x(!1),["tab"]))]},[t.viewMode?(e.openBlock(),e.createElementBlock("div",hn,[t.selectedLabelProvider?(e.openBlock(),e.createElementBlock("span",{key:0,textContent:e.toDisplayString(t.selectedLabelProvider(V.value)),class:"label"},null,8,pn)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(V.value,D=>(e.openBlock(),e.createElementBlock("span",{key:p(D),textContent:e.toDisplayString(h(D)),class:"label"},null,8,gn))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{ref_key:"field",ref:w,"data-field-name":t.name,class:"selected w-full",role:"listbox"},[V.value.length===0?(e.openBlock(),e.createElementBlock("span",{key:0,textContent:e.toDisplayString(t.placeholder),class:"placeholder grow"},null,8,yn)):(e.openBlock(),e.createElementBlock("span",xn,[t.selectedLabelProvider?(e.openBlock(),e.createElementBlock("span",{key:0,textContent:e.toDisplayString(t.selectedLabelProvider(V.value)),class:"label"},null,8,kn)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(V.value,D=>(e.openBlock(),e.createElementBlock("span",{key:p(D),textContent:e.toDisplayString(h(D)),class:"label"},null,8,Bn))),128))])),P[5]||(P[5]=e.createElementVNode("span",{class:"dropdown-btn"},"expand_more",-1)),s.value?(e.openBlock(),e.createElementBlock("span",Vn,"progress_activity")):e.createCommentVNode("",!0)],8,bn),!t.disabled&&b.value?(e.openBlock(),e.createBlock(Ee,{key:0,ref_key:"selectPopup",ref:y,"base-element":E.value,"initial-item":V.value[0],items:t.items,"label-provider":t.labelProvider,"max-height":t.popupMaxHeight,"popup-align":t.popupAlign,"popup-direction":t.popupDirection,"selected-items":V.value,"show-search":t.showPopupSearch,"value-provider":t.valueProvider,onItemSelected:g,onRequestClose:P[0]||(P[0]=D=>x(!1))},null,8,["base-element","initial-item","items","label-provider","max-height","popup-align","popup-direction","selected-items","show-search","value-provider"])):e.createCommentVNode("",!0)],64)),t.viewMode?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:2,errors:e.unref(l),"hide-error-message":t.hideErrorMessage||t.disabled&&!t.showErrorMessageOnDisabled},null,8,["errors","hide-error-message"]))],42,fn)),[[e.unref(oe),()=>x(!1)]])}}),wn=e.defineComponent({__name:"SlideDownTransition",setup(t){const o=f=>{f instanceof HTMLElement&&requestAnimationFrame(()=>{f.style.maxHeight="0px"})},n=f=>{f instanceof HTMLElement&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{f.style.maxHeight=`${f.scrollHeight}px`})})},a=f=>{f instanceof HTMLElement&&(f.style.maxHeight="none")},c=f=>{f instanceof HTMLElement&&requestAnimationFrame(()=>{f.style.maxHeight=`${f.scrollHeight}px`})},s=f=>{f instanceof HTMLElement&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{f.style.maxHeight="0px"})})},h=f=>{f instanceof HTMLElement&&(f.style.maxHeight="none")};return(f,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-down",onEnter:n,onLeave:s,onBeforeEnter:o,onAfterEnter:a,onBeforeLeave:c,onAfterLeave:h},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default")]),_:3}))}}),Mn={key:0,class:"card-layout-header bs-layout-horizontal flex-align-center"},En=["textContent"],Sn=e.defineComponent({__name:"BSCardLayout",props:{title:{},hideTitle:{type:Boolean},cardBodyClass:{}},setup(t){const o=e.ref(!0),n=()=>o.value=!o.value;return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{expanded:o.value},"bs-card-layout"])},[t.hideTitle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Mn,[e.createElementVNode("span",{class:"expand-btn font-icon bs-clickable",onClick:n},"label"),e.createElementVNode("div",{textContent:e.toDisplayString(t.title),class:"card-layout-title"},null,8,En),c[0]||(c[0]=e.createElementVNode("div",{class:"grow"},null,-1)),e.createElementVNode("div",null,[e.renderSlot(a.$slots,"title-right")])])),e.createVNode(wn,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(t.cardBodyClass)},[e.renderSlot(a.$slots,"default")],2),[[e.vShow,o.value]])]),_:3})],2))}}),vn={class:"bs-notification-container"},Pn={class:"top-notification bs-layout-vertical-inline flex-align-center gap-4"},$n=["textContent"],Dn={class:"bottom-notification bs-layout-vertical-inline flex-align-end gap-4"},Nn={class:"tooltip-container"},In=e.defineComponent({__name:"BSNotificationContainer",setup(t){const o=e.ref(),n=(a,c)=>{T.value&&o.value&&!o.value.$el?.contains(c.relatedTarget)&&(T.value.cursorInTooltip=a,a||K())};return(a,c)=>(e.openBlock(),e.createElementBlock("div",vn,[e.createElementVNode("div",Pn,[e.createVNode(e.TransitionGroup,{name:"notification"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Le),s=>(e.openBlock(),e.createElementBlock("div",{key:s.entryId,textContent:e.toDisplayString(s.message),class:e.normalizeClass(s.style)},null,10,$n))),128))]),_:1})]),e.createElementVNode("div",Dn,[e.createVNode(e.TransitionGroup,{name:"alarm"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Fe),s=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.component),{key:s.entryId,"alarm-entry-id":s.entryId,class:"bs-alarm-frame"},null,8,["alarm-entry-id"]))),128))]),_:1})]),e.createElementVNode("div",Nn,[e.unref(T)?(e.openBlock(),e.createBlock(me,{key:0,ref_key:"tooltip",ref:o,content:e.unref(T).content,target:e.unref(T).target,onMouseout:c[0]||(c[0]=s=>n(!1,s)),onMouseover:c[1]||(c[1]=s=>n(!0,s))},null,8,["content","target"])):e.createCommentVNode("",!0)]),e.unref(Te)?(e.openBlock(),e.createBlock(ce,{key:0})):e.createCommentVNode("",!0)]))}}),Ln=["data-menu-id"],Fn=["textContent","href","target"],Tn=["data-menu-id"],zn=["textContent","data-menu-id","onMouseenter","onClick"],ve=e.defineComponent({__name:"BSContextMenu",props:{menuItems:{},popupId:{},baseElement:{},left:{},top:{},zIndex:{},direction:{}},emits:["menuClicked","requestClose"],setup(t,{emit:o}){const n=o,a=W(),c=V=>{V.disabled||V.children||(V.handler?.(),a.hideContextMenu(),n("menuClicked",V))},s=()=>{a.hideContextMenu()},h=()=>{B(),n("requestClose")},f=e.ref(),p=e.ref(),S=(V,b)=>{b.children?(p.value=V.target,f.value=b.children):(f.value=void 0,p.value=void 0)},B=()=>{a.hideContextMenu()};return(V,b)=>{const x=e.resolveComponent("router-link"),y=e.resolveComponent("BSContextMenu",!0);return e.openBlock(),e.createBlock(J,{ref:"root","base-element":t.baseElement||{left:t.left||0,top:t.top||0},"popup-direction":t.direction,"popup-id":t.popupId,"z-index":t.zIndex,"extra-class":"bs-context-menu",onRequestClose:h,onKeydown:e.withKeys(B,["esc"])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuItems,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[r.type==="separator"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"menu separator",onClick:b[0]||(b[0]=e.withModifiers(()=>{},["stop"]))})):r.type==="custom"&&r.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),{key:1,class:"menu custom"})):r.type==="link"?(e.openBlock(),e.createElementBlock("div",{key:2,"data-menu-id":r.menuId,class:"menu no-padding","data-id":"context-menu-item"},[e.createElementVNode("a",{textContent:e.toDisplayString(r.caption),href:r.href,target:r.target,onClick:e.withModifiers(s,["stop"])},null,8,Fn)],8,Ln)):r.type==="route"?(e.openBlock(),e.createElementBlock("div",{key:3,"data-menu-id":r.menuId,class:"menu no-padding","data-id":"context-menu-item"},[e.createVNode(x,{textContent:e.toDisplayString(r.caption),to:r.href||"",onClick:e.withModifiers(s,["stop"])},null,8,["textContent","to"])],8,Tn)):(e.openBlock(),e.createElementBlock("div",{key:4,textContent:e.toDisplayString(r.caption),class:e.normalizeClass([{"has-submenu":r.children,disabled:r.disabled},"menu"]),"data-menu-id":r.menuId,"data-id":"context-menu-item",onMouseenter:g=>S(g,r),onClick:e.withModifiers(g=>c(r),["stop"])},null,42,zn))],64))),128)),f.value&&p.value?(e.openBlock(),e.createBlock(y,{key:0,"base-element":p.value,"menu-items":f.value,direction:"auto-right"},null,8,["base-element","menu-items"])):e.createCommentVNode("",!0)]),_:1},8,["base-element","popup-direction","popup-id","z-index"])}}}),On={class:"bs-context-menu-container"},Hn=e.defineComponent({__name:"BSContextMenuContainer",setup(t){const o=W(),n=e.computed(()=>o.contextMenuItems.value),a=e.computed(()=>o.position.value||{x:0,y:0}),c=e.computed(()=>o.options.value),s=()=>{o.hideContextMenu()};return(h,f)=>(e.openBlock(),e.createElementBlock("div",On,[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"context-menu-curtain",tabindex:"0",onClick:e.withModifiers(s,["prevent"]),onContextmenu:e.withModifiers(s,["prevent"])},null,32)):e.createCommentVNode("",!0),n.value?(e.openBlock(),e.createBlock(ve,{key:1,left:a.value.x,"menu-items":n.value,top:a.value.y,"z-index":c.value?.zIndex},null,8,["left","menu-items","top","z-index"])):e.createCommentVNode("",!0),f[0]||(f[0]=e.createElementVNode("div",{class:"bs-popup-container"},null,-1))]))}});M.BSButton=Re,M.BSCardLayout=Sn,M.BSCheckbox=xe,M.BSCheckboxGroup=Kt,M.BSContextMenu=ve,M.BSContextMenuContainer=Hn,M.BSContextMenuPlugin=Z,M.BSLoadingIcon=ce,M.BSMultiSelect=Cn,M.BSNotificationContainer=In,M.BSNumberInput=Nt,M.BSPageNavigation=Ke,M.BSPopup=J,M.BSRadioButton=Ve,M.BSRadioButtonGroup=_t,M.BSSelect=mn,M.BSTextArea=zt,M.BSTextInput=bt,M.BSTooltip=me,M.BlueseaPlugin=Ie,M.ContextMenuPluginKey=U,M.SavePointImpl=_,M.cancelProvidedSavePoint=lt,M.createContextMenuPlugin=$e,M.debounce=Me,M.notNull=ne,M.provideFieldContext=dt,M.provideSavePoint=at,M.tryUntil=Ge,M.useContextMenu=W,M.useContextMenuOptional=Pe,M.useFieldContext=O,M.useSavePoint=z,M.vClickOutside=oe,M.vFocusOnLoad=we,M.vTooltip=G,M.waitDuring=ue,M.waitUntil=We,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})}));
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("dayjs")) : typeof define === "function" && define.amd ? define(["exports", "vue", "dayjs"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.OpenBlueseaCore = {}, global.Vue, global.dayJs));
+})(this, (function(exports2, vue, dayjs) {
+  "use strict";
+  const ContextMenuPluginKey = Symbol("BlueseaContextMenuPlugin");
+  class BSContextMenuPlugin {
+    contextMenuItems = vue.ref();
+    position = vue.ref();
+    options = vue.ref();
+    showContextMenu(event, menus, options) {
+      this.position.value = { x: event.clientX, y: event.clientY };
+      this.markComponentRaw(menus);
+      this.contextMenuItems.value = menus;
+      this.options.value = options;
+    }
+    hideContextMenu() {
+      if (this.options.value?.onHideContextMenu) {
+        this.options.value.onHideContextMenu();
+      }
+      this.contextMenuItems.value = void 0;
+      this.position.value = void 0;
+      this.options.value = void 0;
+    }
+    // install(app: AbstractApp) {
+    //   app.provide(contextMenuPluginKey, this)
+    // }
+    markComponentRaw(menus) {
+      menus.forEach((menu) => {
+        if (menu.component)
+          menu.component = vue.markRaw(menu.component);
+        if (menu.children)
+          this.markComponentRaw(menu.children);
+      });
+    }
+  }
+  const useContextMenu = () => {
+    const contextMenu = vue.inject(ContextMenuPluginKey);
+    if (!contextMenu)
+      throw new Error("BSContextMenuPlugin is not initialized.");
+    return contextMenu;
+  };
+  const useContextMenuOptional = () => {
+    return vue.inject(ContextMenuPluginKey);
+  };
+  const createContextMenuPlugin = () => {
+    return new BSContextMenuPlugin();
+  };
+  class BlueseaConfig {
+    dateFormat = "YYYY-MM-DD HH:mm";
+    dateFormatDay = "YYYY-MM-DD";
+    dateFormatMinute = "YYYY-MM-DD HH:mm";
+    dateFormatSecond = "YYYY-MM-DD HH:mm:ss";
+    minDateValue = "1920-01-01T00:00:00.000Z";
+    maxDateValue = "9000-12-31T23:59:59.999Z";
+    timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    componentConfig;
+    constructor(config) {
+      this.dateFormat = config?.dateFormat || this.dateFormat;
+      this.dateFormatDay = config?.dateFormatDay || this.dateFormatDay;
+      this.dateFormatMinute = config?.dateFormatMinute || this.dateFormatMinute;
+      this.dateFormatSecond = config?.dateFormatSecond || this.dateFormatSecond;
+      this.minDateValue = config?.minDateValue || this.minDateValue;
+      this.maxDateValue = config?.maxDateValue || this.maxDateValue;
+      if (config?.timeZone)
+        this.timeZone = config.timeZone;
+      this.componentConfig = {
+        popup: { hideOnScroll: false, ...config?.componentConfig?.popup },
+        calendar: { startYear: "-20", endYear: "+20", ...config?.componentConfig?.calendar }
+      };
+    }
+    resolveDisplayDateFormat(format) {
+      const actualFormat = format || this.dateFormat;
+      if (actualFormat === "DAY")
+        return this.dateFormatDay;
+      else if (actualFormat === "MINUTE")
+        return this.dateFormatMinute;
+      else if (actualFormat === "SECOND")
+        return this.dateFormatSecond;
+      else
+        return actualFormat;
+    }
+  }
+  const BlueseaConfigKey = Symbol("BlueseaConfig");
+  const useBlueseaConfig = () => {
+    return vue.inject(BlueseaConfigKey);
+  };
+  const BlueseaPlugin = {
+    install(app, options) {
+      const config = new BlueseaConfig(options);
+      app.provide(BlueseaConfigKey, config);
+      const contextMenu = new BSContextMenuPlugin();
+      app.provide(ContextMenuPluginKey, contextMenu);
+    }
+  };
+  const notificationEntries = vue.reactive([]);
+  const alarmEntries = vue.reactive([]);
+  const tooltipEntry = vue.ref();
+  const showTooltip = (content, target) => {
+    tooltipEntry.value = {
+      content,
+      target: vue.markRaw(target),
+      cursorInTooltip: false
+    };
+  };
+  const hideTooltip = () => {
+    if (tooltipEntry.value && !tooltipEntry.value.cursorInTooltip) {
+      tooltipEntry.value = void 0;
+    }
+  };
+  const isTooltipDisplayed = () => {
+    return !!tooltipEntry.value;
+  };
+  const showLoadingIcon = vue.ref(false);
+  const DEFAULT_TOOLTIP_SHOW_DELAY = 800;
+  const DEFAULT_TOOLTIP_HIDE_DELAY = 0;
+  const setTooltipParam = (el, param) => {
+    if (param && param.content) {
+      el.setAttribute("data-bs-tooltip-data", JSON.stringify(param));
+      if (isTooltipDisplayed())
+        showTooltip(param.content, el);
+    } else {
+      el.removeAttribute("data-bs-tooltip-data");
+      if (isTooltipDisplayed())
+        hideTooltip();
+    }
+  };
+  const vTooltip = {
+    mounted: (el, binding) => {
+      setTooltipParam(el, binding.value);
+      el.addEventListener("mouseover", () => {
+        const json = el.getAttribute("data-bs-tooltip-data");
+        const param = json ? JSON.parse(json) : void 0;
+        if (param && param.content) {
+          el.setAttribute("data-bs-tooltip", "true");
+          setTimeout(() => {
+            const json2 = el.getAttribute("data-bs-tooltip-data");
+            const param2 = json2 ? JSON.parse(json2) : void 0;
+            if (param2 && param2.content && el.getAttribute("data-bs-tooltip") === "true" && window.document.contains(el)) {
+              showTooltip(param2.content, el);
+            }
+          }, param.delay || DEFAULT_TOOLTIP_SHOW_DELAY);
+        }
+      });
+      el.addEventListener("mouseout", (event) => {
+        if (!el.contains(event.relatedTarget)) {
+          el.removeAttribute("data-bs-tooltip");
+          setTimeout(() => hideTooltip(), DEFAULT_TOOLTIP_HIDE_DELAY);
+        }
+      });
+    },
+    updated: (el, binding) => {
+      setTooltipParam(el, binding.value);
+    },
+    unmounted: () => {
+      hideTooltip();
+    }
+  };
+  const _hoisted_1$q = ["textContent"];
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSButton",
+    props: {
+      caption: {},
+      buttonColor: { default: "default" },
+      leftIcon: {},
+      rightIcon: {},
+      disabled: { type: Boolean, default: false },
+      linkUrl: {},
+      linkTarget: {},
+      routePath: {},
+      tooltip: {}
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.linkUrl ? "a" : __props.routePath ? "router-link" : "button"), {
+          class: vue.normalizeClass([[__props.buttonColor], "bs-button position-relative"]),
+          disabled: __props.disabled,
+          href: __props.linkUrl,
+          target: __props.linkTarget,
+          to: __props.routePath
+        }, {
+          default: vue.withCtx(() => [
+            __props.leftIcon ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
+              class: vue.normalizeClass([{ "mr-1": !!__props.caption }, "font-icon left"])
+            }, vue.toDisplayString(__props.leftIcon), 3)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("span", {
+              textContent: vue.toDisplayString(__props.caption)
+            }, null, 8, _hoisted_1$q),
+            __props.rightIcon ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 1,
+              class: vue.normalizeClass([{ "ml-1": !!__props.caption }, "font-icon right"])
+            }, vue.toDisplayString(__props.rightIcon), 3)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["class", "disabled", "href", "target", "to"])), [
+          [vue.unref(vTooltip), { content: __props.tooltip }]
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$p = { class: "page-navigation" };
+  const _hoisted_2$l = ["data-page", "onClick"];
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSPageNavigation",
+    props: {
+      totalCount: { default: 0 },
+      offset: { default: 0 },
+      limit: { default: 10 },
+      visiblePageCount: { default: 10 },
+      maxPage: {}
+    },
+    emits: ["offsetChanged"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const totalPage = vue.computed(() => {
+        const totalPage2 = Math.floor((props.totalCount - 1) / props.limit) + 1;
+        if (props.totalCount < 1) return 1;
+        if (props.maxPage && totalPage2 > props.maxPage) return props.maxPage;
+        return totalPage2 || 0;
+      });
+      const currentPage = vue.computed(() => {
+        return Math.min(Math.floor(props.offset / props.limit) + 1, totalPage.value);
+      });
+      const currentSetFirstPage = vue.computed(() => {
+        return Math.floor((currentPage.value - 1) / props.visiblePageCount) * props.visiblePageCount + 1;
+      });
+      const currentSetLastPage = vue.computed(() => {
+        return Math.min(currentSetFirstPage.value + props.visiblePageCount - 1, totalPage.value);
+      });
+      const visiblePages = vue.computed(() => {
+        if (props.totalCount <= 0) return [];
+        const first = currentSetFirstPage.value;
+        const last = currentSetLastPage.value;
+        const pages = Array(last - first + 1);
+        for (let i = 0; i < pages.length; i++) pages[i] = i + first;
+        return pages;
+      });
+      const prevArrowPage = vue.computed(() => {
+        return currentSetFirstPage.value - 1;
+      });
+      const nextArrowPage = vue.computed(() => {
+        return currentSetLastPage.value + 1;
+      });
+      const isFirstSet = vue.computed(() => {
+        return currentSetFirstPage.value <= 1;
+      });
+      const isLastSet = vue.computed(() => {
+        return currentSetLastPage.value >= totalPage.value;
+      });
+      const goToPage = (page) => {
+        const normalized = Math.max(1, Math.min(page, totalPage.value));
+        if (currentPage.value !== normalized) {
+          const offset = (normalized - 1) * props.limit;
+          emit(
+            "offsetChanged",
+            offset,
+            { offset: props.offset, limit: props.limit, totalCount: props.totalCount }
+          );
+        }
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([{ "disabled": isFirstSet.value }, "font-icon first"]),
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => !isFirstSet.value && goToPage(1), ["prevent"]))
+          }, "keyboard_double_arrow_left", 2),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([{ "disabled": isFirstSet.value }, "font-icon prev"]),
+            onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => !isFirstSet.value && goToPage(prevArrowPage.value), ["prevent"]))
+          }, "keyboard_arrow_left", 2),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visiblePages.value, (page) => {
+            return vue.openBlock(), vue.createElementBlock("span", {
+              key: page,
+              class: vue.normalizeClass([{ on: page === currentPage.value }, "page"]),
+              "data-page": page,
+              onClick: vue.withModifiers(($event) => goToPage(page), ["prevent"])
+            }, vue.toDisplayString(page), 11, _hoisted_2$l);
+          }), 128)),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([{ "disabled": isLastSet.value }, "font-icon next"]),
+            onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => !isLastSet.value && goToPage(nextArrowPage.value), ["prevent"]))
+          }, "keyboard_arrow_right", 2),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([{ "disabled": isLastSet.value }, "font-icon last"]),
+            onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => !isLastSet.value && goToPage(totalPage.value), ["prevent"]))
+          }, "keyboard_double_arrow_right", 2)
+        ]);
+      };
+    }
+  });
+  const _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+  const _sfc_main$p = {};
+  const _hoisted_1$o = { class: "bs-loading-icon" };
+  function _sfc_render(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [..._cache[0] || (_cache[0] = [
+      vue.createElementVNode("span", { class: "font-icon" }, "progress_activity", -1)
+    ])]);
+  }
+  const BSLoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render]]);
+  const waitUntil = async (condition, intervalMilliseconds = 200, maxTrial = 15) => {
+    return await new Promise((resolve) => {
+      let tried = 0;
+      const interval = setInterval(() => {
+        if (tried > maxTrial || condition()) {
+          clearInterval(interval);
+          resolve(void 0);
+        }
+        tried++;
+      }, intervalMilliseconds);
+    });
+  };
+  const waitDuring = async (milliSec = 2e3) => {
+    return new Promise((resolve) => setTimeout(resolve, milliSec));
+  };
+  const tryUntil = (until, tryCall, intervalMilliseconds = 200, maxTrial = 15) => {
+    let tried = 0;
+    const interval = setInterval(() => {
+      tried > maxTrial || until() ? clearInterval(interval) : tryCall?.();
+      tried++;
+    }, intervalMilliseconds);
+  };
+  const _hoisted_1$n = ["data-popup-id"];
+  const ADJUST_OFFSET = 8;
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSPopup",
+    props: {
+      popupId: {},
+      maxHeight: { default: "360px" },
+      baseElement: {},
+      offsetFromBaseElement: {},
+      extraClass: {},
+      popupDirection: { default: "auto-down" },
+      popupAlign: { default: "auto" },
+      zIndex: {}
+    },
+    emits: ["requestClose", "click", "keydown"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const blueseaConfig = useBlueseaConfig();
+      const popupContainer = blueseaConfig?.componentConfig?.popup?.container || ".bs-popup-container";
+      const root = vue.ref();
+      let baseElementRect = void 0;
+      const left = vue.ref("-100000px");
+      const top = vue.ref("-100000px");
+      const calculateBaseElementRect = () => {
+        return props.baseElement instanceof HTMLElement ? getElementPosition(props.baseElement) : props.baseElement ? getPositionRect(props.baseElement) : { left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0 };
+      };
+      vue.onMounted(async () => {
+        await waitDuring(10);
+        if (props.baseElement && root.value) {
+          baseElementRect = calculateBaseElementRect();
+          const rootRect = root.value.getBoundingClientRect();
+          const pos = calculatePosition(
+            baseElementRect,
+            rootRect,
+            props.popupDirection,
+            props.popupAlign
+          );
+          top.value = `${pos.top}px`;
+          left.value = `${pos.left}px`;
+        }
+      });
+      const positionDelta = vue.ref({ x: 0, y: 0 });
+      const transform = vue.computed(() => {
+        return `translate(${positionDelta.value.x}px, ${positionDelta.value.y}px)`;
+      });
+      const getElementPosition = (el) => {
+        const dom = el.getBoundingClientRect();
+        const rect = {
+          left: dom.left,
+          top: dom.top,
+          right: dom.right,
+          bottom: dom.bottom,
+          width: dom.width,
+          height: dom.height
+        };
+        let cur = el.offsetParent;
+        while (cur) {
+          rect.top -= cur.scrollTop || 0;
+          rect.bottom -= cur.scrollTop || 0;
+          rect.left -= cur.scrollLeft || 0;
+          rect.right -= cur.scrollLeft || 0;
+          cur = cur.offsetParent;
+        }
+        return rect;
+      };
+      const getPositionRect = (base) => {
+        return {
+          left: base.left,
+          top: base.top,
+          right: base.left,
+          bottom: base.top,
+          width: 0,
+          height: 0
+        };
+      };
+      const calculatePosition = (rect, rootRect, direction, align) => {
+        if (direction === "auto-down") {
+          if (rect.bottom + rootRect.height + (props.offsetFromBaseElement || 0) > window.innerHeight) {
+            if (rect.top - rootRect.height - (props.offsetFromBaseElement || 0) < 0) {
+              const offset = rect.bottom + rootRect.height + (props.offsetFromBaseElement || 0) - window.innerHeight;
+              return {
+                // down 인데 top 위치를 약간 조절함
+                top: rect.bottom + (props.offsetFromBaseElement || 0) - offset - ADJUST_OFFSET,
+                left: calculateAlign(rect, rootRect, align)
+              };
+            } else {
+              return {
+                // up
+                top: rect.top - rootRect.height - (props.offsetFromBaseElement || 0),
+                left: calculateAlign(rect, rootRect, align)
+              };
+            }
+          } else {
+            return {
+              // down
+              top: rect.bottom + (props.offsetFromBaseElement || 0),
+              left: calculateAlign(rect, rootRect, align)
+            };
+          }
+        } else if (direction === "down") {
+          return {
+            top: rect.bottom + (props.offsetFromBaseElement || 0),
+            left: calculateAlign(rect, rootRect, align)
+          };
+        } else if (direction === "up") {
+          return {
+            top: rect.top - rootRect.height - (props.offsetFromBaseElement || 0),
+            left: calculateAlign(rect, rootRect, align)
+          };
+        } else if (direction === "auto-right") {
+          if (rect.right + rootRect.width > window.innerWidth) {
+            return { top: rect.top, left: rect.left - rootRect.width };
+          } else {
+            return { top: rect.top, left: rect.right };
+          }
+        } else if (direction === "right") {
+          return { top: rect.top, left: rect.right };
+        } else {
+          return { left: 0, top: 0 };
+        }
+      };
+      const calculateAlign = (rect, rootRect, align) => {
+        if (align === "auto") {
+          if (rect.left + rootRect.width > window.innerWidth) {
+            if (rect.right - rootRect.width < 0) {
+              return rect.left;
+            } else {
+              return rect.left - (rootRect.width - rect.width);
+            }
+          } else {
+            return rect.left;
+          }
+        } else if (align === "center") {
+          return rect.left - (rootRect.width - rect.width) / 2;
+        } else if (align === "left") {
+          return rect.left;
+        } else if (align === "right") {
+          return rect.left - (rootRect.width - rect.width);
+        } else {
+          return 0;
+        }
+      };
+      const emitClose = () => {
+        emit("requestClose");
+      };
+      const scrollableParents = [];
+      const handleParentScroll = () => {
+        if (blueseaConfig?.componentConfig?.popup?.hideOnScroll) {
+          emitClose();
+        } else if (baseElementRect) {
+          const newRect = calculateBaseElementRect();
+          positionDelta.value.x = newRect.left - baseElementRect.left;
+          positionDelta.value.y = newRect.top - baseElementRect.top;
+        }
+      };
+      vue.onMounted(() => {
+        if (props.baseElement instanceof HTMLElement) {
+          window.addEventListener("scroll", handleParentScroll, { passive: true });
+          if (props.baseElement instanceof HTMLElement) {
+            let cur = props.baseElement;
+            while (cur) {
+              if (cur.scrollHeight > cur.clientHeight || cur.scrollWidth > cur.clientWidth) {
+                scrollableParents.push(cur);
+              }
+              cur = cur.parentElement;
+            }
+            scrollableParents.forEach(
+              (el) => el.addEventListener("scroll", handleParentScroll, { passive: true })
+            );
+          }
+        }
+      });
+      vue.onBeforeUnmount(() => {
+        window.removeEventListener("scroll", handleParentScroll);
+        scrollableParents.forEach(
+          (el) => el.removeEventListener("scroll", handleParentScroll)
+        );
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: vue.unref(popupContainer) }, [
+          vue.createVNode(vue.Transition, null, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", {
+                ref_key: "root",
+                ref: root,
+                class: vue.normalizeClass([__props.extraClass, "bs-popup overflow-auto"]),
+                "data-popup-id": __props.popupId,
+                style: vue.normalizeStyle({ maxHeight: __props.maxHeight, top: top.value, left: left.value, zIndex: __props.zIndex, transform: transform.value }),
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event)),
+                onKeydown: _cache[1] || (_cache[1] = ($event) => emit("keydown", $event))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ], 46, _hoisted_1$n)
+            ]),
+            _: 3
+          })
+        ], 8, ["to"]);
+      };
+    }
+  });
+  const _hoisted_1$m = ["textContent"];
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSTooltip",
+    props: {
+      align: { default: "center" },
+      content: {},
+      target: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const positionStyle = vue.computed(() => {
+        const result = {};
+        if (props.target) {
+          const rect = props.target.getBoundingClientRect();
+          result.top = `${rect.bottom + 8}px`;
+          if (props.align === "left") result.left = `${rect.left}px`;
+          else if (props.align === "right") result.right = `${rect.right}px`;
+          else result.left = `${(rect.left + rect.right) / 2}px`;
+        }
+        return result;
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([__props.align, "bs-tooltip"]),
+          style: vue.normalizeStyle(positionStyle.value)
+        }, [
+          vue.createElementVNode("div", {
+            textContent: vue.toDisplayString(__props.content)
+          }, null, 8, _hoisted_1$m)
+        ], 6);
+      };
+    }
+  });
+  function notNull(value) {
+    return value !== null && value !== void 0;
+  }
+  function doFocus(el) {
+    el.focus();
+  }
+  const vFocusOnLoad = {
+    mounted: (el, binding) => {
+      if (binding.value === void 0 || String(binding.value) === "true" || typeof binding.value === "number") {
+        if (typeof binding.value === "number") {
+          setTimeout(() => doFocus(el), binding.value);
+        } else {
+          doFocus(el);
+        }
+      }
+    }
+  };
+  const debounce = (func, wait) => {
+    let timeout;
+    return (...args) => {
+      return new Promise((resolve, reject) => {
+        if (timeout) {
+          clearTimeout(timeout);
+        }
+        timeout = setTimeout(() => {
+          try {
+            const result = func(...args);
+            resolve(result);
+          } catch (error) {
+            reject(error);
+          } finally {
+            timeout = void 0;
+          }
+        }, wait);
+      });
+    };
+  };
+  const _hoisted_1$l = {
+    key: 0,
+    class: "popup-search"
+  };
+  const _hoisted_2$k = ["data-value", "onMouseover", "onClick"];
+  const _hoisted_3$g = ["textContent"];
+  const _hoisted_4$a = ["textContent"];
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSSelectPopup",
+    props: {
+      items: {},
+      initialItem: {},
+      selectedItems: {},
+      valueProvider: {},
+      labelProvider: {},
+      allowNull: { type: Boolean },
+      nullLabel: {},
+      maxHeight: {},
+      showSearch: { type: [Boolean, String], default: "auto" },
+      baseElement: {},
+      popupAlign: {},
+      popupDirection: {}
+    },
+    emits: ["itemSelected", "requestClose"],
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const allItems = vue.ref();
+      vue.watch(
+        () => props.items,
+        async () => {
+          const items = await props.items;
+          const nullAddedItems = props.allowNull ? [void 0, ...items] : items;
+          allItems.value = nullAddedItems.map((item) => {
+            if (item !== void 0) {
+              const label = props.labelProvider(item);
+              const keyword = label ? label.toLowerCase() : "";
+              return {
+                original: item,
+                value: props.valueProvider(item),
+                label,
+                keyword
+              };
+            } else return void 0;
+          });
+        },
+        { immediate: true }
+      );
+      const actualShowSearch = vue.computed(() => {
+        if (props.showSearch === "auto") {
+          return allItems.value && allItems.value.length > 10;
+        } else return props.showSearch;
+      });
+      const searchKeyword = vue.ref("");
+      const filteredItems = vue.computed(() => {
+        if (allItems.value === void 0) return void 0;
+        if (searchKeyword.value) {
+          return allItems.value.filter(
+            (item) => item?.keyword?.includes(searchKeyword.value)
+          );
+        } else return allItems.value;
+      });
+      const doSetSearchKeyword = debounce((keyword) => {
+        searchKeyword.value = keyword;
+      }, 300);
+      const setSearchKeyword = (event) => {
+        const keyword = event.target.value.trim().toLowerCase();
+        doSetSearchKeyword(keyword);
+      };
+      const findItemIndex = (target) => {
+        return filteredItems.value?.findIndex((item) => {
+          if (item === void 0 && target === void 0) return true;
+          else if (item && target) return item.value === props.valueProvider(target);
+          else return false;
+        }) ?? -1;
+      };
+      const nextPopupItem = () => {
+        if (filteredItems.value && filteredItems.value.length > 0) {
+          const index = Math.min(
+            findItemIndex(hoveredPopupItem.value) + 1,
+            filteredItems.value.length - 1
+          );
+          setHoveredPopupItem(filteredItems.value[index]?.original, index);
+        }
+      };
+      const prevPopupItem = () => {
+        if (filteredItems.value && filteredItems.value.length > 0) {
+          const index = Math.max(0, findItemIndex(hoveredPopupItem.value) - 1);
+          setHoveredPopupItem(filteredItems.value[index]?.original, index);
+        }
+      };
+      const selectItem = () => {
+        selectPopupItem(hoveredPopupItem.value);
+      };
+      const handleKeyboard = (event) => {
+        switch (event.key) {
+          case "Enter":
+            selectItem();
+            break;
+          case "ArrowDown":
+            nextPopupItem();
+            break;
+          case "ArrowUp":
+            prevPopupItem();
+            break;
+        }
+      };
+      const hoveredPopupItem = vue.ref();
+      hoveredPopupItem.value = props.initialItem;
+      const setHoveredPopupItem = (item, index) => {
+        hoveredPopupItem.value = item;
+        if (index !== void 0) scrollToShowItem(index);
+      };
+      const popupItems = vue.ref();
+      const scrollToShowItem = (index) => {
+        const item = popupItems.value?.querySelectorAll(".popup-item")[index];
+        if (popupItems.value && item) {
+          const popupRect = popupItems.value.getBoundingClientRect();
+          const itemRect = item.getBoundingClientRect();
+          if (itemRect.top < popupRect.top || itemRect.bottom > popupRect.bottom) {
+            popupItems.value.scrollTop = item.offsetTop - (popupItems.value.offsetHeight - item.offsetHeight) / 2;
+          }
+        }
+      };
+      vue.onMounted(async () => {
+        await vue.nextTick();
+        await vue.nextTick();
+        const focusedItem = hoveredPopupItem.value || props.selectedItems?.[0];
+        if (focusedItem) {
+          scrollToShowItem(findItemIndex(focusedItem));
+        }
+      });
+      const isHoveredPopupItem = (item) => {
+        const hovered = hoveredPopupItem.value;
+        if (hovered === void 0 && item === void 0) return true;
+        else if (hovered !== void 0 && item !== void 0)
+          return props.valueProvider(hovered) === props.valueProvider(item);
+        else return false;
+      };
+      const selectPopupItem = (item) => {
+        if (item && allItems.value) {
+          item = allItems.value.filter(notNull).find((it) => it && it.value === props.valueProvider(item))?.original;
+        }
+        emit("itemSelected", item);
+      };
+      __expose({
+        handleKeyboard
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(_sfc_main$o, {
+          "base-element": __props.baseElement,
+          "max-height": __props.maxHeight,
+          "offset-from-base-element": 4,
+          "popup-align": __props.popupAlign,
+          "popup-direction": __props.popupDirection,
+          "extra-class": "bs-select-popup flex flex-col",
+          onRequestClose: _cache[2] || (_cache[2] = ($event) => emit("requestClose")),
+          onKeydown: vue.withKeys(vue.withModifiers(handleKeyboard, ["stop", "prevent"]), ["enter", "down", "up"])
+        }, {
+          default: vue.withCtx(() => [
+            actualShowSearch.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+              vue.withDirectives(vue.createElementVNode("input", {
+                type: "text",
+                onInput: setSearchKeyword,
+                onKeydown: _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(() => {
+                }, ["stop"]), ["space"])),
+                onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, null, 544), [
+                [vue.unref(vFocusOnLoad)]
+              ])
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", {
+              ref_key: "popupItems",
+              ref: popupItems,
+              class: "popup-items"
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredItems.value, (item) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: item !== void 0 ? String(item) : "",
+                  class: vue.normalizeClass([{
+                    hovered: isHoveredPopupItem(item?.original),
+                    "selected-item": item !== void 0 && __props.selectedItems?.includes(item?.original)
+                  }, "popup-item"]),
+                  "data-value": item?.value || "",
+                  onMouseover: ($event) => setHoveredPopupItem(item?.original),
+                  onClick: vue.withModifiers(($event) => selectPopupItem(item?.original), ["stop"])
+                }, [
+                  _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "checkbox" }, null, -1)),
+                  item !== void 0 ? (vue.openBlock(), vue.createElementBlock("label", {
+                    key: 0,
+                    textContent: vue.toDisplayString(item?.label),
+                    class: "label"
+                  }, null, 8, _hoisted_3$g)) : (vue.openBlock(), vue.createElementBlock("label", {
+                    key: 1,
+                    textContent: vue.toDisplayString(__props.nullLabel),
+                    class: "label null-label"
+                  }, null, 8, _hoisted_4$a))
+                ], 42, _hoisted_2$k);
+              }), 128))
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["base-element", "max-height", "popup-align", "popup-direction", "onKeydown"]);
+      };
+    }
+  });
+  const updateContext = (el, value) => {
+    el.vClickOutsideContext = {
+      enabled: value?.enabled ?? true,
+      handler: typeof value === "function" ? value : value?.handler,
+      insideElements: value?.insideElements
+    };
+  };
+  const clickInsideElements = (target, elements) => {
+    if (!elements)
+      return false;
+    return elements.some((el) => {
+      if (el instanceof HTMLElement)
+        return el.contains(target);
+      else if (typeof el === "string")
+        return document.querySelector(el)?.contains(target);
+    });
+  };
+  const vClickOutside = {
+    mounted: (el, binding) => {
+      const clickListener = (event) => {
+        let target = event.target;
+        if (!el.contains(target)) {
+          const context = el.vClickOutsideContext;
+          if (context && context.enabled) {
+            if (!clickInsideElements(target, context.insideElements)) {
+              context.handler?.();
+            }
+          }
+        }
+      };
+      el.vClickOutsideListener = clickListener;
+      updateContext(el, binding.value);
+      window.addEventListener("click", clickListener);
+    },
+    updated: (el, binding) => {
+      updateContext(el, binding.value);
+    },
+    unmounted: (el) => {
+      const clickListener = el.vClickOutsideListener;
+      if (clickListener)
+        window.removeEventListener("click", clickListener);
+      delete el.vClickOutsideContext;
+    }
+  };
+  const storeFieldValidator = (field, validator) => {
+    field._bsFieldValidator = validator;
+    field.setAttribute("data-bs-field-validator", "");
+  };
+  const fieldValidator = (option) => {
+    const stringValue = vue.ref();
+    const value = vue.ref(option.initialValue);
+    const valid = vue.ref(false);
+    const errors = vue.ref([]);
+    const touched = vue.ref(false);
+    const convertToValue = (value2) => {
+      return option.convertToValue ? option.convertToValue(value2) : value2 ?? "";
+    };
+    const convertFromValue = (value2) => {
+      return option.convertFromValue ? option.convertFromValue(value2) : value2?.toString() ?? "";
+    };
+    const validateStringValue = async (val, phase) => {
+      const value2 = convertToValue(val);
+      await validateValue(value2, phase);
+    };
+    const validateValue = async (val, phase) => {
+      value.value = val;
+      if (option.disabled?.value) {
+        valid.value = true;
+        return;
+      }
+      valid.value = false;
+      const errs = await option.isValid?.(value.value, phase);
+      if (errs && errs.length > 0) {
+        valid.value = false;
+        errors.value = errs;
+      } else {
+        valid.value = true;
+        errors.value = [];
+      }
+    };
+    const getElementValue = (event) => {
+      return event.target && "value" in event.target ? event.target.value : void 0;
+    };
+    const validate = async (phase = "form") => {
+      await validateValue(value.value, phase);
+    };
+    const clearErrors = () => {
+      touched.value = false;
+      errors.value = [];
+      valid.value = false;
+    };
+    const validateInput = async (event) => {
+      const inputValue = getElementValue(event);
+      if (inputValue !== void 0) {
+        await validateStringValue(inputValue, "input");
+      }
+    };
+    const handleInput = async (event) => {
+      await validateInput(event);
+    };
+    const handleChange = async (event) => {
+      const inputValue = getElementValue(event);
+      if (inputValue !== void 0) {
+        await validateStringValue(inputValue, "change");
+      }
+    };
+    const handleFocus = (_) => {
+      touched.value = true;
+    };
+    const handleBlur = async (event) => {
+      const inputValue = getElementValue(event);
+      if (inputValue !== void 0) {
+        await validateStringValue(inputValue, "blur");
+      }
+    };
+    const validator = {
+      stringValue,
+      value,
+      valid,
+      errors,
+      touched,
+      handleInput,
+      handleChange,
+      handleFocus,
+      handleBlur,
+      validateValue,
+      validate,
+      clearErrors,
+      getName: () => {
+        const field = option.field?.value;
+        return field ? field.getAttribute("name") ?? field.getAttribute("data-field-name") ?? "" : "";
+      }
+    };
+    stringValue.value = convertFromValue(value.value);
+    if (option.field) {
+      vue.watch(option.field, (field) => {
+        if (field)
+          storeFieldValidator(field, validator);
+      });
+    }
+    return validator;
+  };
+  const executeFieldValidationRule = async (value, rules, errors, phase, fieldContext) => {
+    const errs = [];
+    if (rules) {
+      for (const rule of rules) {
+        const result = await rule(value, phase, fieldContext);
+        if (result)
+          result.forEach((error) => errs.push(error));
+      }
+      errs.forEach((error) => errors.push(error));
+    }
+    return errs.length > 0;
+  };
+  const executeRequiredValidation = (value, checkRequired, requiredMessage, errors) => {
+    if (checkRequired) {
+      if (typeof value === "string" && !value || value === void 0) {
+        errors.push({ code: "required", message: requiredMessage || "Required" });
+        return true;
+      }
+    }
+    return false;
+  };
+  const executeRegExpValidation = (value, regexp, message, errors) => {
+    if (value && regexp && !new RegExp(regexp).test(value)) {
+      errors.push({ code: "allowedPattern", message: message || "Invalid format" });
+      return true;
+    }
+    return false;
+  };
+  const executeBetweenLengthValidation = (text, minLength, minLengthMessage, maxLength, maxLengthMessage, betweenLengthMessage, errors) => {
+    const invalidMinLength = !!text && !!minLength && text.length < minLength;
+    const invalidMaxLength = !!text && !!maxLength && text.length > maxLength;
+    if (invalidMinLength && invalidMaxLength) {
+      errors.push({
+        code: "betweenLength",
+        message: betweenLengthMessage || "Should be {0} ~ {1} characters"
+        // {
+        //   key: 'bs.error.validation.lengthRange',
+        //   args: [minLength, maxLength]
+        // }
+      });
+    } else if (invalidMinLength) {
+      errors.push({
+        code: "minLength",
+        message: minLengthMessage || "Should be {0} characters or more"
+        // {
+        //   key: 'bs.error.validation.lengthMin',
+        //   args: [minLength]
+        // }
+      });
+    } else if (invalidMaxLength) {
+      errors.push({
+        code: "maxLength",
+        message: maxLengthMessage || "Should be {0} characters or less"
+        // {
+        //   key: 'bs.error.validation.lengthMax',
+        //   args: [maxLength]
+        // }
+      });
+    }
+    return invalidMinLength || invalidMaxLength;
+  };
+  const executeBetweenValueValidation = (value, minValue, minValueMessage, maxValue, maxValueMessage, betweenValueMessage, errors) => {
+    const invalidMinValue = minValue !== void 0 && value < minValue;
+    const invalidMaxValue = maxValue !== void 0 && value > maxValue;
+    if (invalidMinValue && invalidMaxValue) {
+      errors.push({
+        code: "betweenValue",
+        message: betweenValueMessage || "Should be {0} ~ {1}"
+        // {
+        //   key: 'bs.error.validation.valueRange',
+        //   args: [minValue, maxValue]
+        // }
+      });
+    } else if (invalidMinValue) {
+      errors.push({
+        code: "minValue",
+        message: minValueMessage || "Should be {0} or more"
+        // {
+        //   key: 'bs.error.validation.valueMin',
+        //   args: [minValue]
+        // }
+      });
+    } else if (invalidMaxValue) {
+      errors.push({
+        code: "maxValue",
+        message: maxValueMessage || "Should be {0} or less"
+        // {
+        //   key: 'bs.error.validation.valueMax',
+        //   args: [maxValue]
+        // }
+      });
+    }
+    return invalidMinValue || invalidMaxValue;
+  };
+  const executeDateRangeValidation = (fromValue, toValue, validationMessage, erros) => {
+    const skip = fromValue === void 0 || toValue === void 0;
+    const invalidDateOrder = dayjs(toValue).isBefore(dayjs(fromValue));
+    if (!skip && invalidDateOrder) {
+      erros.push({
+        code: "dateOrder",
+        message: validationMessage || "Invalid date order"
+        // { key: 'bs.daterangegroup.invalidDateOrder' }
+      });
+    }
+    return !skip || invalidDateOrder;
+  };
+  const SAVE_POINT_KEY = Symbol("SavePoint");
+  class SavePointImpl {
+    fields = vue.markRaw(/* @__PURE__ */ new Map());
+    children;
+    registerField(option) {
+      const handler = new SavePointHandlerImpl({
+        getCurrentValue: option.getCurrentValue,
+        setCurrentValue: option.setCurrentValue,
+        compare: option.compare
+      });
+      vue.watch(option.field, (field) => {
+        if (field)
+          this.fields.set(field, handler);
+      });
+      return handler;
+    }
+    unregisterField(field) {
+      if (field.value)
+        this.fields.delete(field.value);
+    }
+    addChild(child) {
+      if (!this.children)
+        this.children = [];
+      this.children.push(child);
+    }
+    removeChild(child) {
+      if (this.children) {
+        const index = this.children.findIndex((ch) => ch === child);
+        if (index >= 0)
+          this.children.splice(index, 1);
+      }
+    }
+    set() {
+      this.fields.forEach((handler) => handler.saveValue());
+      this.children?.forEach((child) => child.set());
+    }
+    async setNextTick() {
+      await vue.nextTick();
+      this.set();
+    }
+    rollback() {
+      this.fields.forEach((handler) => handler.rollbackValue());
+      this.children?.forEach((child) => child.rollback());
+    }
+    isModified() {
+      if (Array.from(this.fields.values()).find((handler) => handler.isFieldModified())) {
+        return true;
+      }
+      if (this.children) {
+        return !!this.children.find((child) => child.isModified());
+      }
+      return false;
+    }
+  }
+  const provideSavePoint = () => {
+    const savePoint = new SavePointImpl();
+    vue.provide(SAVE_POINT_KEY, savePoint);
+    return savePoint;
+  };
+  const dummySavePoint = new SavePointImpl();
+  const useSavePoint = () => {
+    const result = vue.inject(SAVE_POINT_KEY, dummySavePoint);
+    return result === dummySavePoint ? void 0 : result;
+  };
+  const cancelProvidedSavePoint = () => {
+    vue.provide(SAVE_POINT_KEY, dummySavePoint);
+  };
+  class SavePointHandlerImpl {
+    saved = false;
+    savedValue = vue.shallowRef();
+    valueProvider;
+    constructor(valueProvider) {
+      this.valueProvider = valueProvider;
+    }
+    saveValue() {
+      this.savedValue.value = this.valueProvider.getCurrentValue();
+      this.saved = true;
+    }
+    getSavedValue() {
+      return this.savedValue.value;
+    }
+    rollbackValue() {
+      if (this.saved)
+        this.valueProvider.setCurrentValue(this.savedValue.value);
+    }
+    isModified(currentValue) {
+      return this.saved && (this.valueProvider.compare ? !this.valueProvider.compare(this.savedValue.value, currentValue) : this.savedValue?.value !== currentValue);
+    }
+    isFieldModified() {
+      return this.isModified(this.valueProvider.getCurrentValue());
+    }
+  }
+  const _hoisted_1$k = { key: 0 };
+  const _hoisted_2$j = ["textContent"];
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+    __name: "ValidationErrors",
+    props: {
+      errors: {},
+      hideErrorMessage: { type: Boolean }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return !__props.hideErrorMessage && __props.errors && __props.errors.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.errors, (error) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: error.code,
+              textContent: vue.toDisplayString(error.message),
+              class: "bs-field-error"
+            }, null, 8, _hoisted_2$j);
+          }), 128))
+        ])) : vue.createCommentVNode("", true);
+      };
+    }
+  });
+  const FIELD_CONTEXT_KEY = Symbol("FieldContext");
+  const provideFieldContext = (fieldContext) => {
+    vue.provide(FIELD_CONTEXT_KEY, fieldContext);
+  };
+  const dummyFieldContext = {};
+  const useFieldContext = () => {
+    const result = vue.inject(FIELD_CONTEXT_KEY, dummyFieldContext);
+    return result === dummyFieldContext ? void 0 : result;
+  };
+  const defaultLabelProvider = (item) => {
+    if (!item)
+      return "";
+    else if (typeof item === "string")
+      return item;
+    else
+      return String(item);
+  };
+  const executeLabelProviderOrDefault = (item, labelProvider, defaultLabel) => {
+    if (labelProvider) {
+      const label = labelProvider(item);
+      if (label !== void 0)
+        return label;
+    }
+    return defaultLabel(item);
+  };
+  const executeKeyProviderOrDefault = (item, keyProvider, defaultKey) => {
+    if (keyProvider) {
+      const key = keyProvider(item);
+      if (key)
+        return key;
+    }
+    return defaultKey(item);
+  };
+  const _hoisted_1$j = ["tabindex", "onKeydown"];
+  const _hoisted_2$i = ["textContent"];
+  const _hoisted_3$f = ["data-field-name"];
+  const _hoisted_4$9 = ["textContent"];
+  const _hoisted_5$4 = ["textContent"];
+  const _hoisted_6$2 = {
+    key: 2,
+    class: "small-progress"
+  };
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSSelect",
+    props: {
+      modelValue: {},
+      items: { default: () => [] },
+      name: {},
+      valueProvider: { type: Function, default: (item) => item },
+      labelProvider: { type: Function, default: defaultLabelProvider },
+      selectedLabelProvider: {},
+      placeholder: { default: () => "" },
+      allowNull: { type: Boolean },
+      nullLabel: {},
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      tabindex: { default: 0 },
+      required: { type: Boolean },
+      validationMessageRequired: {},
+      extraValidationRules: {},
+      ignoreSavePoint: { type: Boolean },
+      popupAlign: {},
+      popupDirection: {},
+      popupMaxHeight: {},
+      showPopupSearch: { type: [Boolean, String], default: "auto" },
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const allItems = vue.ref();
+      const loadingItems = vue.ref(false);
+      vue.watch(
+        () => props.items,
+        async () => {
+          loadingItems.value = true;
+          allItems.value = await props.items;
+          loadingItems.value = false;
+        },
+        { immediate: true }
+      );
+      const itemLabel = (item) => {
+        return props.labelProvider ? props.labelProvider(item) : String(item);
+      };
+      const itemValue = (item) => {
+        return props.valueProvider ? props.valueProvider(item) : item;
+      };
+      const findItemFromValue = (value) => {
+        return value !== void 0 ? allItems.value?.find((item) => itemValue(item) === value) : void 0;
+      };
+      const isEmpty = vue.computed(() => !props.modelValue);
+      const selectedItem = vue.computed(() => findItemFromValue(props.modelValue));
+      const selectedItems = vue.computed(() => selectedItem.value !== void 0 ? [selectedItem.value] : []);
+      const selectedItemLabel = vue.computed(() => {
+        if (selectedItem.value !== void 0) {
+          return props.selectedLabelProvider ? props.selectedLabelProvider(selectedItem.value) : itemLabel(selectedItem.value);
+        } else {
+          return "";
+        }
+      });
+      const showPopup = vue.ref(false);
+      const togglePopup = (show) => {
+        if (!props.disabled && !props.viewMode) {
+          showPopup.value = show === void 0 ? !showPopup.value : show;
+        }
+      };
+      const handleTabKey = (event) => {
+        if (showPopup.value) {
+          event.stopPropagation();
+        } else {
+          togglePopup(false);
+        }
+      };
+      const selectPopup = vue.ref();
+      const handleKeyboardEvent = (event) => {
+        if (!showPopup.value) togglePopup(true);
+        else if (selectPopup.value) selectPopup.value.handleKeyboard(event);
+      };
+      const itemSelected = (item) => {
+        const value = item ? itemValue(item) : void 0;
+        emit("update:modelValue", value);
+        showPopup.value = false;
+        focusToRoot();
+      };
+      const rootRef = vue.useTemplateRef("root");
+      const focusToRoot = () => rootRef.value?.focus();
+      vue.watch(
+        () => props.modelValue,
+        () => validateValue(props.modelValue, "change")
+      );
+      const field = vue.ref();
+      const fieldContext = useFieldContext();
+      const isValid = async (value, phase) => {
+        const errors2 = [];
+        if (props.required && value === void 0) {
+          errors2.push({ code: "required", message: props.validationMessageRequired || "Required" });
+        } else if (value !== void 0) {
+          await executeFieldValidationRule(value, props.extraValidationRules, errors2, phase, fieldContext);
+        }
+        return errors2;
+      };
+      const validationDisabled = vue.computed(() => props.viewMode || props.disabled);
+      const { errors, validateValue } = fieldValidator({
+        field,
+        disabled: validationDisabled,
+        initialValue: props.modelValue,
+        isValid
+      });
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint?.registerField({
+        field,
+        getCurrentValue: () => props.modelValue,
+        setCurrentValue: (value) => emit("update:modelValue", value)
+      });
+      const modified = vue.computed(() => !!savePointHandler?.isModified(props.modelValue));
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(field));
+      return (_ctx, _cache) => {
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          ref: "root",
+          class: vue.normalizeClass([{ "popup-open": showPopup.value, disabled: __props.disabled, modified: modified.value, error: vue.unref(errors).length > 0, empty: isEmpty.value, "view-mode": __props.viewMode }, "bs-select"]),
+          tabindex: __props.disabled ? -1 : __props.tabindex,
+          onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
+          onKeydown: [
+            _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+            vue.withKeys(vue.withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
+            _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => {
+              togglePopup(false);
+              focusToRoot();
+            }, ["stop", "prevent"]), ["esc"])),
+            vue.withKeys(handleTabKey, ["tab"])
+          ]
+        }, [
+          __props.viewMode ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            textContent: vue.toDisplayString(selectedItemLabel.value)
+          }, null, 8, _hoisted_2$i)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.createElementVNode("div", {
+              ref_key: "field",
+              ref: field,
+              "data-field-name": __props.name,
+              class: "selected w-full",
+              role: "listbox"
+            }, [
+              selectedItem.value === void 0 ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                textContent: vue.toDisplayString(__props.placeholder),
+                class: "placeholder grow"
+              }, null, 8, _hoisted_4$9)) : (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                textContent: vue.toDisplayString(selectedItemLabel.value),
+                class: "label"
+              }, null, 8, _hoisted_5$4)),
+              _cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$2, "progress_activity")) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$f),
+            !__props.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$m, {
+              key: 0,
+              ref_key: "selectPopup",
+              ref: selectPopup,
+              "allow-null": __props.allowNull,
+              "base-element": rootRef.value,
+              "initial-item": selectedItem.value,
+              items: __props.items,
+              "label-provider": __props.labelProvider,
+              "max-height": __props.popupMaxHeight,
+              "null-label": __props.nullLabel,
+              "popup-align": __props.popupAlign,
+              "popup-direction": __props.popupDirection,
+              "selected-items": selectedItems.value,
+              "show-search": __props.showPopupSearch,
+              "value-provider": __props.valueProvider,
+              onItemSelected: itemSelected,
+              onRequestClose: _cache[0] || (_cache[0] = ($event) => {
+                togglePopup(false);
+                focusToRoot();
+              })
+            }, null, 8, ["allow-null", "base-element", "initial-item", "items", "label-provider", "max-height", "null-label", "popup-align", "popup-direction", "selected-items", "show-search", "value-provider"])) : vue.createCommentVNode("", true),
+            !__props.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+              key: 1,
+              errors: vue.unref(errors),
+              "hide-error-message": __props.hideErrorMessage || __props.disabled && !__props.showErrorMessageOnDisabled
+            }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+          ], 64))
+        ], 42, _hoisted_1$j)), [
+          [vue.unref(vClickOutside), () => togglePopup(false)]
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$i = { class: "bs-calendar" };
+  const _hoisted_2$h = { class: "bs-calendar-head" };
+  const _hoisted_3$e = { class: "year-month" };
+  const _hoisted_4$8 = {
+    key: 0,
+    class: "timezone"
+  };
+  const _hoisted_5$3 = { class: "weekdays" };
+  const _hoisted_6$1 = ["textContent"];
+  const _hoisted_7$1 = ["onClick"];
+  const _hoisted_8$1 = {
+    key: 0,
+    class: "bs-calendar-time"
+  };
+  const _hoisted_9$1 = { class: "select-wrap" };
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSCalendar",
+    props: {
+      modelValue: {},
+      initialYear: {},
+      initialMonth: {},
+      timeZone: {},
+      showTimeZone: { type: Boolean },
+      resolution: { default: "MINUTE_10" },
+      firstDay: { default: 1 },
+      displayFormat: {},
+      rangeType: {},
+      rangeValue: {},
+      disabled: { type: Boolean },
+      startYear: {},
+      endYear: {}
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const blueseaConfig = useBlueseaConfig();
+      const emit = __emit;
+      const actualTimeZone = vue.computed(() => props.timeZone || blueseaConfig.timeZone);
+      const actualStartYear = vue.computed(
+        () => props.startYear || blueseaConfig.componentConfig.calendar?.startYear || "-20"
+      );
+      const actualEndYear = vue.computed(
+        () => props.endYear || blueseaConfig.componentConfig.calendar?.endYear || "+20"
+      );
+      const today = vue.computed(() => dayjs().tz(actualTimeZone.value));
+      const isToday = (day) => today.value.year() === day.year() && today.value.month() === day.month() && today.value.date() === day.date();
+      const year = vue.ref();
+      const month = vue.ref();
+      const selected = vue.ref();
+      const dayjsResolution = vue.computed(
+        () => props.resolution === "MINUTE_10" || props.resolution === "MINUTE_30" ? "minute" : props.resolution.toLowerCase()
+      );
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          if (props.modelValue) {
+            let date = dayjs(props.modelValue).tz(actualTimeZone.value);
+            if (props.rangeType === "to") date = date.endOf(dayjsResolution.value);
+            year.value = date.year();
+            month.value = date.month() + 1;
+            selected.value = date;
+          } else {
+            year.value = props.initialYear || today.value.year();
+            month.value = props.initialMonth || today.value.month() + 1;
+          }
+        },
+        { immediate: true }
+      );
+      const firstDay = vue.computed(
+        () => dayjs.tz(`${year.value}-${month.value}-1`, "YYYY-M-D", actualTimeZone.value)
+      );
+      const weekdays = vue.computed(() => {
+        if (props.firstDay === 0) return ["S", "M", "T", "W", "T", "F", "S"];
+        else return ["M", "T", "W", "T", "F", "S", "S"];
+      });
+      const monthDays = vue.computed(() => {
+        const days = [];
+        const diff = (firstDay.value.day() + (7 - props.firstDay)) % 7;
+        let current = firstDay.value.add(-diff, "day");
+        [...Array(6).keys()].forEach(() => {
+          const week = [];
+          days.push(week);
+          [...Array(7).keys()].forEach(() => {
+            week.push(current);
+            current = current.add(1, "day");
+          });
+        });
+        return days;
+      });
+      const calculateYear = (now, value) => {
+        if (value.startsWith("+") || value.startsWith("-"))
+          return now + parseInt(value);
+        else return parseInt(value);
+      };
+      const years = vue.computed(() => {
+        const now = dayjs().year();
+        const start = calculateYear(now, actualStartYear.value.trim());
+        const end = calculateYear(now, actualEndYear.value.trim());
+        if (end >= start) {
+          const length = end - start + 1;
+          return Array.from({ length }, (_, i) => start + i);
+        }
+        return [];
+      });
+      const months = [...Array(12).keys()].map((value) => value + 1);
+      const hours = [...Array(24).keys()];
+      const minutes = vue.computed(() => {
+        if (props.resolution === "MINUTE_10") {
+          if (props.rangeType === "to") return [9, 19, 29, 39, 49, 59];
+          else return [0, 10, 20, 30, 40, 50];
+        } else if (props.resolution === "MINUTE_30") {
+          if (props.rangeType === "to") return [29, 59];
+          else return [0, 30];
+        } else {
+          return [...Array(60).keys()];
+        }
+      });
+      const defaultHour = vue.computed(() => props.rangeType === "to" ? 23 : 0);
+      const defaultMinute = vue.computed(() => props.rangeType === "to" ? 59 : 0);
+      const selectDate = (day) => {
+        if (props.disabled) return;
+        if (selected.value) {
+          day = day.hour(selected.value.hour()).minute(selected.value.minute());
+        } else {
+          day = day.hour(defaultHour.value).minute(defaultMinute.value);
+        }
+        if (props.rangeType === "to") {
+          day = day.endOf(dayjsResolution.value);
+        } else {
+          day = day.startOf(dayjsResolution.value);
+        }
+        selected.value = day;
+        emitValue();
+      };
+      const initSelectDate = () => {
+        if (!selected.value) {
+          selected.value = dayjs(today.value).startOf("day");
+        }
+      };
+      const updateHour = (hour) => {
+        if (!selected.value) initSelectDate();
+        selected.value = selected.value?.hour(hour || 0);
+        emitValue();
+      };
+      const updateMinute = (minute) => {
+        if (!selected.value) initSelectDate();
+        selected.value = selected.value?.minute(minute || 0);
+        emitValue();
+      };
+      const emitValue = () => {
+        if (selected.value && !props.disabled) {
+          emit("update:modelValue", selected.value.toISOString());
+        }
+      };
+      const rangeDayYmd = vue.computed(
+        () => props.rangeValue ? dayjs(props.rangeValue).tz(actualTimeZone.value).format("YYYY-MM-DD") : void 0
+      );
+      const selectedDay = vue.computed(
+        () => selected.value ? selected.value.tz(actualTimeZone.value).startOf("day") : void 0
+      );
+      const selectedDayYmd = vue.computed(
+        () => selectedDay.value ? selectedDay.value.format("YYYY-MM-DD") : void 0
+      );
+      const isSelectedDay = (day) => selectedDay.value && selectedDay.value.year() === day.year() && selectedDay.value.month() === day.month() && selectedDay.value.date() === day.date();
+      const dayTdClass = (day) => {
+        const result = [`dow-${day.day()}`];
+        if (isToday(day)) result.push("today");
+        if (isSelectedDay(day)) result.push("selected");
+        if (day.month() + 1 !== month.value) result.push("other-month");
+        if (rangeDayYmd.value && selectedDayYmd.value) {
+          const dayYmd = day.format("YYYY-MM-DD");
+          if (props.rangeType === "from" && rangeDayYmd.value >= selectedDayYmd.value) {
+            if (dayYmd === selectedDayYmd.value) result.push("range-selected-start");
+            if (dayYmd === rangeDayYmd.value) result.push("range-selected-end");
+            if (dayYmd >= selectedDayYmd.value && dayYmd <= rangeDayYmd.value)
+              result.push("range-selected");
+          } else if (props.rangeType === "to" && rangeDayYmd.value <= selectedDayYmd.value) {
+            if (dayYmd === rangeDayYmd.value) result.push("range-selected-start");
+            if (dayYmd === selectedDayYmd.value) result.push("range-selected-end");
+            if (dayYmd >= rangeDayYmd.value && dayYmd <= selectedDayYmd.value)
+              result.push("range-selected");
+          }
+        }
+        return result;
+      };
+      const prevMonth = () => {
+        if (month.value && year.value) {
+          month.value = month.value - 1;
+          if (month.value < 1) {
+            month.value = 12;
+            year.value = year.value - 1;
+          }
+        }
+      };
+      const nextMonth = () => {
+        if (month.value && year.value) {
+          month.value = month.value + 1;
+          if (month.value > 12) {
+            month.value = 1;
+            year.value = year.value + 1;
+          }
+        }
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
+          vue.createElementVNode("div", _hoisted_2$h, [
+            vue.createElementVNode("div", _hoisted_3$e, [
+              vue.createVNode(_sfc_main$r, {
+                class: "",
+                "left-icon": "chevron_left",
+                onClick: prevMonth
+              }),
+              vue.createVNode(_sfc_main$k, {
+                modelValue: year.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => year.value = $event),
+                disabled: __props.disabled,
+                items: years.value
+              }, null, 8, ["modelValue", "disabled", "items"]),
+              vue.createVNode(_sfc_main$k, {
+                modelValue: month.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => month.value = $event),
+                disabled: __props.disabled,
+                items: vue.unref(months)
+              }, null, 8, ["modelValue", "disabled", "items"]),
+              vue.createVNode(_sfc_main$r, {
+                class: "",
+                "left-icon": "chevron_right",
+                onClick: nextMonth
+              })
+            ]),
+            __props.showTimeZone ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, "(" + vue.toDisplayString(actualTimeZone.value) + ")", 1)) : vue.createCommentVNode("", true)
+          ]),
+          vue.createElementVNode("table", {
+            class: vue.normalizeClass([{ disabled: __props.disabled }, "align-self-center"])
+          }, [
+            vue.createElementVNode("tbody", null, [
+              vue.createElementVNode("tr", _hoisted_5$3, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekdays.value, (day) => {
+                  return vue.openBlock(), vue.createElementBlock("th", {
+                    key: day,
+                    textContent: vue.toDisplayString(day)
+                  }, null, 8, _hoisted_6$1);
+                }), 128))
+              ]),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(monthDays.value, (week) => {
+                return vue.openBlock(), vue.createElementBlock("tr", {
+                  key: week[0].toISOString(),
+                  class: "date"
+                }, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, (day) => {
+                    return vue.openBlock(), vue.createElementBlock("td", {
+                      key: day.toISOString(),
+                      class: vue.normalizeClass(dayTdClass(day)),
+                      onClick: () => selectDate(day)
+                    }, [
+                      vue.createElementVNode("div", null, vue.toDisplayString(day.date()), 1)
+                    ], 10, _hoisted_7$1);
+                  }), 128))
+                ]);
+              }), 128))
+            ])
+          ], 2),
+          ["HOUR", "MINUTE_10", "MINUTE_30", "MINUTE", "SECOND"].includes(
+            __props.resolution
+          ) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
+            vue.createElementVNode("div", _hoisted_9$1, [
+              vue.createVNode(_sfc_main$k, {
+                disabled: __props.disabled,
+                items: hours,
+                "label-provider": (item) => item < 10 ? "0" + item : item.toString(),
+                "model-value": selected.value ? selected.value.hour() : defaultHour.value,
+                "popup-direction": "up",
+                "onUpdate:modelValue": updateHour
+              }, null, 8, ["disabled", "label-provider", "model-value"]),
+              _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "" }, ":", -1)),
+              vue.createVNode(_sfc_main$k, {
+                disabled: __props.disabled || __props.resolution === "HOUR",
+                items: minutes.value,
+                "label-provider": (item) => item < 10 ? "0" + item : item.toString(),
+                "model-value": selected.value ? selected.value.minute() : defaultMinute.value,
+                "popup-direction": "up",
+                "onUpdate:modelValue": updateMinute
+              }, null, 8, ["disabled", "items", "label-provider", "model-value"])
+            ])
+          ])) : vue.createCommentVNode("", true)
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$h = { class: "bs-calendar-range flex flex-row" };
+  const _hoisted_2$g = { class: "flex flex-col" };
+  const _hoisted_3$d = { class: "flex flex-row items-center" };
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSCalendarRange",
+    props: {
+      from: {},
+      to: {},
+      disabledFrom: { type: Boolean },
+      disabledTo: { type: Boolean },
+      timeZone: {},
+      firstDay: { default: 1 },
+      displayFormat: {},
+      resolution: {},
+      startYear: {},
+      endYear: {}
+    },
+    emits: ["update:from", "update:to"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const blueseaConfig = useBlueseaConfig();
+      const actualTimeZone = vue.computed(() => props.timeZone || blueseaConfig.timeZone);
+      const nextMonth = vue.computed(() => dayjs().add(1, "month").tz(actualTimeZone.value));
+      const fromValue = vue.ref();
+      const toValue = vue.ref();
+      vue.watch(
+        () => [props.from, props.to],
+        () => {
+          fromValue.value = props.from;
+          toValue.value = props.to;
+        },
+        { immediate: true }
+      );
+      const updateFrom = (value) => {
+        emit("update:from", value);
+      };
+      const updateTo = (value) => {
+        emit("update:to", value);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+          vue.createElementVNode("div", _hoisted_2$g, [
+            vue.createElementVNode("div", _hoisted_3$d, [
+              vue.createVNode(_sfc_main$j, {
+                modelValue: fromValue.value,
+                "onUpdate:modelValue": [
+                  _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
+                  updateFrom
+                ],
+                disabled: __props.disabledFrom,
+                "display-format": __props.displayFormat,
+                "end-year": __props.endYear,
+                "first-day": __props.firstDay,
+                "range-value": toValue.value,
+                resolution: __props.resolution,
+                "start-year": __props.startYear,
+                "time-zone": actualTimeZone.value,
+                "hide-extra-date": "",
+                "range-type": "from"
+              }, null, 8, ["modelValue", "disabled", "display-format", "end-year", "first-day", "range-value", "resolution", "start-year", "time-zone"]),
+              _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "tilde" }, "~", -1)),
+              vue.createVNode(_sfc_main$j, {
+                modelValue: toValue.value,
+                "onUpdate:modelValue": [
+                  _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
+                  updateTo
+                ],
+                disabled: __props.disabledTo,
+                "display-format": __props.displayFormat,
+                "end-year": __props.endYear,
+                "first-day": __props.firstDay,
+                "initial-month": __props.to ? void 0 : nextMonth.value.month() + 1,
+                "initial-year": __props.to ? void 0 : nextMonth.value.year(),
+                "range-value": fromValue.value,
+                resolution: __props.resolution,
+                "start-year": __props.startYear,
+                "time-zone": actualTimeZone.value,
+                "hide-extra-date": "",
+                "range-type": "to"
+              }, null, 8, ["modelValue", "disabled", "display-format", "end-year", "first-day", "initial-month", "initial-year", "range-value", "resolution", "start-year", "time-zone"])
+            ])
+          ])
+        ]);
+      };
+    }
+  });
+  let nextId = 0;
+  let nextName = 0;
+  const componentUtil = {
+    handleExternalErrorMessage(showErrorMessage, errorMessage, elementId) {
+      if (elementId) {
+        const el = document.getElementById(elementId);
+        if (el) {
+          if (!showErrorMessage || !errorMessage || errorMessage.length === 0) {
+            el.style.display = "none";
+          } else {
+            el.style.display = "";
+            el.textContent = errorMessage || "";
+          }
+        }
+      }
+    },
+    generateNextId(prefix) {
+      return `${prefix}-${++nextId}`;
+    },
+    generateNextName(prefix) {
+      return `${prefix}${++nextName}`;
+    },
+    isRelativeSize(size) {
+      return size?.endsWith("%") || false;
+    },
+    delayed(func, millis = 200) {
+      if (millis <= 0) {
+        func();
+      } else {
+        window.setTimeout(func, millis);
+      }
+    },
+    trimStringValue(value, trim) {
+      return trim ? value?.trim() : value;
+    },
+    getPrefixSuffixList(param) {
+      if (!param)
+        return [];
+      const params = Array.isArray(param) ? param : [param];
+      const list = [];
+      for (let item of params) {
+        if (!item)
+          continue;
+        if (typeof item === "object" && item.hasOwnProperty("type") && item.hasOwnProperty("value")) {
+          list.push(item);
+        } else {
+          list.push({ type: "text", value: item });
+        }
+      }
+      return list;
+    }
+  };
+  const _hoisted_1$g = ["textContent"];
+  const _hoisted_2$f = { class: "font-icon" };
+  const _hoisted_3$c = ["src", "alt"];
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSPrefixSuffix",
+    props: {
+      value: {},
+      type: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const items = vue.computed(() => componentUtil.getPrefixSuffixList(props.value));
+      return (_ctx, _cache) => {
+        return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+            item.type === "text" ? (vue.openBlock(), vue.createElementBlock("span", {
+              textContent: vue.toDisplayString(item.value),
+              key: JSON.stringify(item.value),
+              class: vue.normalizeClass(__props.type)
+            }, null, 10, _hoisted_1$g)) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 1,
+              class: vue.normalizeClass(__props.type)
+            }, [
+              vue.createElementVNode("span", _hoisted_2$f, vue.toDisplayString(item.value), 1)
+            ], 2)) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 2,
+              class: vue.normalizeClass(__props.type)
+            }, [
+              vue.createElementVNode("img", {
+                src: item.value,
+                alt: __props.type
+              }, null, 8, _hoisted_3$c)
+            ], 2)) : vue.createCommentVNode("", true)
+          ], 64);
+        }), 256);
+      };
+    }
+  });
+  const _hoisted_1$f = {
+    key: 0,
+    class: "view-mode"
+  };
+  const _hoisted_2$e = ["textContent"];
+  const _hoisted_3$b = {
+    key: 1,
+    class: "input-area"
+  };
+  const _hoisted_4$7 = ["id", "placeholder", "autocomplete", "disabled", "maxlength", "name", "tabindex", "type"];
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSTextInput",
+    props: {
+      id: {},
+      placeholder: {},
+      name: { default: () => componentUtil.generateNextName("textInput") },
+      modelValue: {},
+      maxlength: {},
+      disabled: { type: Boolean },
+      forceValidateWhenDisabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      width: { default: "200px" },
+      autocomplete: {},
+      tabindex: { default: 0 },
+      inputType: { default: "text" },
+      trimValue: { type: Boolean, default: true },
+      prefix: {},
+      suffix: {},
+      required: { type: Boolean },
+      minLength: {},
+      maxLength: {},
+      regExp: {},
+      validationMessageRequired: {},
+      validationMessageMinLength: {},
+      validationMessageMaxLength: {},
+      validationMessageBetweenLength: {},
+      validationMessageRegExp: {},
+      extraValidationRules: {},
+      ignoreSavePoint: { type: Boolean },
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          stringValue.value = convertFromValue(props.modelValue);
+          validateValue(props.modelValue || "", "change");
+        }
+      );
+      const field = vue.ref();
+      const fieldContext = useFieldContext();
+      const isValid = async (value, phase) => {
+        const errors2 = [];
+        const text = value ?? "";
+        executeRequiredValidation(
+          text,
+          props.required,
+          props.validationMessageRequired,
+          errors2
+        ) || executeRegExpValidation(
+          text,
+          props.regExp,
+          props.validationMessageRegExp,
+          errors2
+        ) || executeBetweenLengthValidation(
+          text,
+          props.minLength,
+          props.validationMessageMinLength,
+          props.maxLength,
+          props.validationMessageMaxLength,
+          props.validationMessageBetweenLength,
+          errors2
+        ) || await executeFieldValidationRule(
+          text,
+          props.extraValidationRules,
+          errors2,
+          phase,
+          fieldContext
+        );
+        return errors2;
+      };
+      const convertToValue = (stringValue2) => {
+        return String(
+          componentUtil.trimStringValue(stringValue2, props.trimValue) || ""
+        );
+      };
+      const convertFromValue = (value) => {
+        return componentUtil.trimStringValue(value, props.trimValue) ?? "";
+      };
+      const validationDisabled = vue.computed(
+        () => props.viewMode || props.disabled && !props.forceValidateWhenDisabled
+      );
+      const {
+        stringValue,
+        errors,
+        handleInput,
+        handleFocus,
+        handleBlur,
+        validateValue
+      } = fieldValidator({
+        field,
+        disabled: validationDisabled,
+        initialValue: props.modelValue,
+        isValid,
+        convertToValue,
+        convertFromValue
+      });
+      const handlers = {
+        input: handleInput,
+        focus: handleFocus,
+        blur: handleBlur,
+        change: () => {
+          emit("update:modelValue", convertToValue(stringValue.value));
+        }
+      };
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint?.registerField({
+        field,
+        getCurrentValue: () => props.modelValue || "",
+        setCurrentValue: (value) => emit("update:modelValue", value || "")
+      });
+      const modified = vue.computed(
+        () => !!savePointHandler?.isModified(props.modelValue || "")
+      );
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(field));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([{ required: __props.required, disabled: __props.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-text-input bs-input-wrap"]),
+          style: vue.normalizeStyle({ width: __props.width })
+        }, [
+          __props.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+            vue.createVNode(_sfc_main$h, {
+              value: __props.prefix,
+              type: "prefix"
+            }, null, 8, ["value"]),
+            vue.createElementVNode("span", {
+              textContent: vue.toDisplayString(vue.unref(stringValue))
+            }, null, 8, _hoisted_2$e),
+            vue.createVNode(_sfc_main$h, {
+              value: __props.suffix,
+              type: "suffix"
+            }, null, 8, ["value"])
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b, [
+            vue.createVNode(_sfc_main$h, {
+              value: __props.prefix,
+              type: "prefix"
+            }, null, 8, ["value"]),
+            vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
+              id: __props.id,
+              ref_key: "field",
+              ref: field,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(stringValue) ? stringValue.value = $event : null),
+              placeholder: __props.placeholder,
+              autocomplete: __props.autocomplete,
+              disabled: __props.disabled,
+              maxlength: __props.maxlength,
+              name: __props.name,
+              tabindex: __props.tabindex,
+              type: __props.inputType
+            }, vue.toHandlers(handlers, true)), null, 16, _hoisted_4$7), [
+              [vue.vModelDynamic, vue.unref(stringValue)]
+            ]),
+            vue.createVNode(_sfc_main$h, {
+              value: __props.suffix,
+              type: "suffix"
+            }, null, 8, ["value"])
+          ])),
+          !__props.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+            key: 2,
+            errors: vue.unref(errors),
+            "hide-error-message": __props.hideErrorMessage || __props.disabled && !__props.showErrorMessageOnDisabled
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+        ], 6);
+      };
+    }
+  });
+  function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+  }
+  var utc$2 = { exports: {} };
+  var utc$1 = utc$2.exports;
+  var hasRequiredUtc;
+  function requireUtc() {
+    if (hasRequiredUtc) return utc$2.exports;
+    hasRequiredUtc = 1;
+    (function(module2, exports3) {
+      !(function(t, i) {
+        module2.exports = i();
+      })(utc$1, (function() {
+        var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e = /([+-]|\d\d)/g;
+        return function(s, f, n) {
+          var u = f.prototype;
+          n.utc = function(t2) {
+            var i2 = { date: t2, utc: true, args: arguments };
+            return new f(i2);
+          }, u.utc = function(i2) {
+            var e2 = n(this.toDate(), { locale: this.$L, utc: true });
+            return i2 ? e2.add(this.utcOffset(), t) : e2;
+          }, u.local = function() {
+            return n(this.toDate(), { locale: this.$L, utc: false });
+          };
+          var r = u.parse;
+          u.parse = function(t2) {
+            t2.utc && (this.$u = true), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), r.call(this, t2);
+          };
+          var o = u.init;
+          u.init = function() {
+            if (this.$u) {
+              var t2 = this.$d;
+              this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
+            } else o.call(this);
+          };
+          var a = u.utcOffset;
+          u.utcOffset = function(s2, f2) {
+            var n2 = this.$utils().u;
+            if (n2(s2)) return this.$u ? 0 : n2(this.$offset) ? a.call(this) : this.$offset;
+            if ("string" == typeof s2 && (s2 = (function(t2) {
+              void 0 === t2 && (t2 = "");
+              var s3 = t2.match(i);
+              if (!s3) return null;
+              var f3 = ("" + s3[0]).match(e) || ["-", 0, 0], n3 = f3[0], u3 = 60 * +f3[1] + +f3[2];
+              return 0 === u3 ? 0 : "+" === n3 ? u3 : -u3;
+            })(s2), null === s2)) return this;
+            var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2;
+            if (0 === u2) return this.utc(f2);
+            var r2 = this.clone();
+            if (f2) return r2.$offset = u2, r2.$u = false, r2;
+            var o2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+            return (r2 = this.local().add(u2 + o2, t)).$offset = u2, r2.$x.$localOffset = o2, r2;
+          };
+          var h = u.format;
+          u.format = function(t2) {
+            var i2 = t2 || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+            return h.call(this, i2);
+          }, u.valueOf = function() {
+            var t2 = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+            return this.$d.valueOf() - 6e4 * t2;
+          }, u.isUTC = function() {
+            return !!this.$u;
+          }, u.toISOString = function() {
+            return this.toDate().toISOString();
+          }, u.toString = function() {
+            return this.toDate().toUTCString();
+          };
+          var l = u.toDate;
+          u.toDate = function(t2) {
+            return "s" === t2 && this.$offset ? n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l.call(this);
+          };
+          var c = u.diff;
+          u.diff = function(t2, i2, e2) {
+            if (t2 && this.$u === t2.$u) return c.call(this, t2, i2, e2);
+            var s2 = this.local(), f2 = n(t2).local();
+            return c.call(s2, f2, i2, e2);
+          };
+        };
+      }));
+    })(utc$2);
+    return utc$2.exports;
+  }
+  var utcExports = requireUtc();
+  const utc = /* @__PURE__ */ getDefaultExportFromCjs(utcExports);
+  var timezone$2 = { exports: {} };
+  var timezone$1 = timezone$2.exports;
+  var hasRequiredTimezone;
+  function requireTimezone() {
+    if (hasRequiredTimezone) return timezone$2.exports;
+    hasRequiredTimezone = 1;
+    (function(module2, exports3) {
+      !(function(t, e) {
+        module2.exports = e();
+      })(timezone$1, (function() {
+        var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, e = {};
+        return function(n, i, o) {
+          var r, a = function(t2, n2, i2) {
+            void 0 === i2 && (i2 = {});
+            var o2 = new Date(t2), r2 = (function(t3, n3) {
+              void 0 === n3 && (n3 = {});
+              var i3 = n3.timeZoneName || "short", o3 = t3 + "|" + i3, r3 = e[o3];
+              return r3 || (r3 = new Intl.DateTimeFormat("en-US", { hour12: false, timeZone: t3, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: i3 }), e[o3] = r3), r3;
+            })(n2, i2);
+            return r2.formatToParts(o2);
+          }, u = function(e2, n2) {
+            for (var i2 = a(e2, n2), r2 = [], u2 = 0; u2 < i2.length; u2 += 1) {
+              var f2 = i2[u2], s2 = f2.type, m = f2.value, c = t[s2];
+              c >= 0 && (r2[c] = parseInt(m, 10));
+            }
+            var d = r2[3], l = 24 === d ? 0 : d, h = r2[0] + "-" + r2[1] + "-" + r2[2] + " " + l + ":" + r2[4] + ":" + r2[5] + ":000", v = +e2;
+            return (o.utc(h).valueOf() - (v -= v % 1e3)) / 6e4;
+          }, f = i.prototype;
+          f.tz = function(t2, e2) {
+            void 0 === t2 && (t2 = r);
+            var n2, i2 = this.utcOffset(), a2 = this.toDate(), u2 = a2.toLocaleString("en-US", { timeZone: t2 }), f2 = Math.round((a2 - new Date(u2)) / 1e3 / 60), s2 = 15 * -Math.round(a2.getTimezoneOffset() / 15) - f2;
+            if (!Number(s2)) n2 = this.utcOffset(0, e2);
+            else if (n2 = o(u2, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(s2, true), e2) {
+              var m = n2.utcOffset();
+              n2 = n2.add(i2 - m, "minute");
+            }
+            return n2.$x.$timezone = t2, n2;
+          }, f.offsetName = function(t2) {
+            var e2 = this.$x.$timezone || o.tz.guess(), n2 = a(this.valueOf(), e2, { timeZoneName: t2 }).find((function(t3) {
+              return "timezonename" === t3.type.toLowerCase();
+            }));
+            return n2 && n2.value;
+          };
+          var s = f.startOf;
+          f.startOf = function(t2, e2) {
+            if (!this.$x || !this.$x.$timezone) return s.call(this, t2, e2);
+            var n2 = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+            return s.call(n2, t2, e2).tz(this.$x.$timezone, true);
+          }, o.tz = function(t2, e2, n2) {
+            var i2 = n2 && e2, a2 = n2 || e2 || r, f2 = u(+o(), a2);
+            if ("string" != typeof t2) return o(t2).tz(a2);
+            var s2 = (function(t3, e3, n3) {
+              var i3 = t3 - 60 * e3 * 1e3, o2 = u(i3, n3);
+              if (e3 === o2) return [i3, e3];
+              var r2 = u(i3 -= 60 * (o2 - e3) * 1e3, n3);
+              return o2 === r2 ? [i3, o2] : [t3 - 60 * Math.min(o2, r2) * 1e3, Math.max(o2, r2)];
+            })(o.utc(t2, i2).valueOf(), f2, a2), m = s2[0], c = s2[1], d = o(m).utcOffset(c);
+            return d.$x.$timezone = a2, d;
+          }, o.tz.guess = function() {
+            return Intl.DateTimeFormat().resolvedOptions().timeZone;
+          }, o.tz.setDefault = function(t2) {
+            r = t2;
+          };
+        };
+      }));
+    })(timezone$2);
+    return timezone$2.exports;
+  }
+  var timezoneExports = requireTimezone();
+  const timezone = /* @__PURE__ */ getDefaultExportFromCjs(timezoneExports);
+  dayjs.extend(utc);
+  dayjs.extend(timezone);
+  const round = (num, decimalPlace = 2) => {
+    const pow = Math.pow(10, decimalPlace);
+    return Math.round(num * pow) / pow;
+  };
+  const formatUtil = {
+    /**
+     * 개행 문자('\r', '\n')를 '<br/>' 태그로 변경한다.
+     * @param str 변경할 String
+     * @return 개행문자가 '<br/>'로 변경된 String
+     */
+    escapeNewLine(str) {
+      return str ? str.replace(/\r\n|\r|\n/g, "<br />") : "";
+    },
+    /**
+     * `str` 안의 `&<>"'` 문자를 escape 처리한다.
+     * @param str 변경할 String
+     */
+    escapeHtml(str) {
+      return str ? str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : "";
+    },
+    /**
+     * String 을 개행 문자('\r', '\n') 기준으로 나눈다.
+     * @param str
+     * @return 개행문자로 나누어진 string 의 array
+     */
+    splitNewLine(str) {
+      return str ? str.split(/\r\n|\r|\n/g) : [];
+    },
+    /**
+     * ISO8601 형식의 string 을 주어진 format 으로 변환한다.
+     * @param utcDate
+     * @param format
+     * @param displayTimeZone
+     */
+    formatDateString(utcDate, format, displayTimeZone) {
+      if (utcDate) {
+        let date = dayjs(utcDate);
+        if (displayTimeZone)
+          date = date.tz(displayTimeZone);
+        return date.format(format || "YYYY-MM-DD HH:mm Z");
+      }
+      return "";
+    },
+    /**
+     * 숫자에 구분점을 넣는다. 소수점 이하가 있는 경우도 처리한다.
+     * * 12345 -> '12,345'
+     * * 12345.12345 -> '12,345.12345'
+     * * 0 -> '0'
+     * * undefined -> null
+     * * null -> null
+     *
+     * @param value
+     * @return
+     */
+    formatNumber(value) {
+      if (value || typeof value === "number") {
+        const regexp = /\B(?=(\d{3})+(?!\d))/g;
+        const splitValue = value.toString().split(".");
+        const integerPart = splitValue[0].replace(regexp, ",");
+        const decimalPart = splitValue[1] ? `.${splitValue[1]}` : "";
+        return integerPart + decimalPart;
+      }
+      return null;
+    },
+    formatNumberByCode(value, locale) {
+      if (typeof value === "undefined") {
+        return null;
+      }
+      if (value || typeof value === "number") {
+        return value.toLocaleString(locale);
+      }
+      return null;
+    },
+    /**
+     * 통화단위와 표시위치를 받아 출력한다
+     * @param value 값
+     * @param currencyUnit 통화단위
+     * @param prefix true 이면 withUnit을 앞에 붙이고, false 이면 뒤에 붙인다.
+     */
+    formatPrice(value, currencyUnit, prefix = false) {
+      if (value || typeof value === "number") {
+        const formattedValue = this.formatNumber(value);
+        return prefix ? `${currencyUnit} ${formattedValue}` : `${formattedValue} ${currencyUnit}`;
+      }
+      return null;
+    },
+    /**
+     * rate 를 받아 percent 를 출력한다.
+     * * 0.1 -> 10%
+     * * 0.55 -> 55%
+     * * 0.551 -> 55.1%
+     * @param value 비율 값
+     * @param withUnit true 이면 % 를 붙이고, false 이면 붙이지 않는다.
+     * @param decimalPlace 소숫점 n번째에서 반올림한다.
+     */
+    formatPercent(value, withUnit = true, decimalPlace = 2) {
+      return value !== void 0 && value !== null && !isNaN(Number(value)) ? `${round(Number(value) * 100, decimalPlace)}${withUnit ? "%" : ""}` : null;
+    },
+    /**
+     * 신용카드번호를 4자리 단위로 나누어 구분자를 넣는다.
+     * @param value
+     * @param separator 구분자
+     */
+    formatCreditCardNo(value, separator = "-") {
+      return value.match(/.{1,4}/g)?.join(separator);
+    },
+    /**
+     *  `HTML`태그가 포함된 문자열에서 text 만 남긴다.
+     *  @param textIncludedHTMLElement HTML 태그를 포함하는 문자열
+     *  @return HTML 태그가 제거된 문자열
+     */
+    toPlainText(textIncludedHTMLElement) {
+      const tmp = document.createElement("DIV");
+      tmp.innerHTML = textIncludedHTMLElement || "";
+      return tmp.textContent || tmp.innerText;
+    }
+  };
+  const _hoisted_1$e = {
+    key: 0,
+    class: "view-mode"
+  };
+  const _hoisted_2$d = ["textContent"];
+  const _hoisted_3$a = {
+    key: 1,
+    class: "input-area"
+  };
+  const _hoisted_4$6 = ["id", "placeholder", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSNumberInput",
+    props: {
+      id: {},
+      placeholder: {},
+      name: {},
+      modelValue: {},
+      maxlength: {},
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      width: { default: "200px" },
+      autocomplete: {},
+      tabindex: { default: 0 },
+      prefix: {},
+      suffix: {},
+      format: { type: Boolean, default: true },
+      formatInViewMode: { type: Boolean, default: true },
+      formatOnBlur: { type: Boolean, default: true },
+      required: { type: Boolean },
+      minValue: {},
+      maxValue: {},
+      validationMessageRequired: {},
+      validationMessageMinValue: {},
+      validationMessageMaxValue: {},
+      validationMessageBetweenValue: {},
+      extraValidationRules: {},
+      ignoreSavePoint: { type: Boolean },
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const normalizeNumber = (value) => {
+        return value.replace(/[^\d-\\.,]/g, "");
+      };
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          stringValue.value = convertFromValue(props.modelValue);
+          validateValue(props.modelValue, "change");
+        }
+      );
+      const field = vue.ref();
+      const focused = vue.ref(false);
+      const formattedStringValue = vue.computed(
+        () => props.format ? formatUtil.formatNumber(stringValue.value) || "" : stringValue.value || ""
+      );
+      const fieldContext = useFieldContext();
+      const isValid = async (value, phase) => {
+        const errors2 = [];
+        executeRequiredValidation(
+          value,
+          props.required,
+          props.validationMessageRequired,
+          errors2
+        ) || value !== void 0 && executeBetweenValueValidation(
+          value,
+          props.minValue,
+          props.validationMessageMinValue,
+          props.maxValue,
+          props.validationMessageMaxValue,
+          props.validationMessageBetweenValue,
+          errors2
+        ) || await executeFieldValidationRule(
+          value,
+          props.extraValidationRules,
+          errors2,
+          phase,
+          fieldContext
+        );
+        return errors2;
+      };
+      const convertToValue = (stringValue2) => {
+        if (!stringValue2) return void 0;
+        const value = Number(stringValue2);
+        return isNaN(value) ? void 0 : value;
+      };
+      const convertFromValue = (value) => {
+        return value !== void 0 ? String(value) : "";
+      };
+      const validationDisabled = vue.computed(() => props.viewMode || props.disabled);
+      const {
+        stringValue,
+        errors,
+        handleInput,
+        handleFocus,
+        handleBlur,
+        validateValue
+      } = fieldValidator({
+        field,
+        disabled: validationDisabled,
+        initialValue: props.modelValue,
+        isValid,
+        convertToValue,
+        convertFromValue
+      });
+      const handlers = {
+        input: async (event) => {
+          stringValue.value = normalizeNumber(
+            event.target.value
+          );
+          await handleInput(event);
+        },
+        focus: (event) => {
+          focused.value = true;
+          handleFocus(event);
+        },
+        blur: (event) => {
+          focused.value = false;
+          handleBlur(event);
+        },
+        change: () => {
+          emit("update:modelValue", convertToValue(stringValue.value));
+        }
+      };
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint?.registerField({
+        field,
+        getCurrentValue: () => props.modelValue,
+        setCurrentValue: (value) => emit("update:modelValue", value)
+      });
+      const modified = vue.computed(
+        () => !!savePointHandler?.isModified(props.modelValue)
+      );
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(field));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([{ required: __props.required, disabled: __props.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-number-input bs-input-wrap"]),
+          style: vue.normalizeStyle({ width: __props.width })
+        }, [
+          __props.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+            vue.createVNode(_sfc_main$h, {
+              value: __props.prefix,
+              type: "prefix"
+            }, null, 8, ["value"]),
+            vue.createElementVNode("span", {
+              textContent: vue.toDisplayString(__props.formatInViewMode ? formattedStringValue.value : vue.unref(stringValue))
+            }, null, 8, _hoisted_2$d),
+            vue.createVNode(_sfc_main$h, {
+              value: __props.suffix,
+              type: "suffix"
+            }, null, 8, ["value"])
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$a, [
+            vue.createVNode(_sfc_main$h, {
+              value: __props.prefix,
+              type: "prefix"
+            }, null, 8, ["value"]),
+            vue.createElementVNode("input", vue.mergeProps({
+              id: __props.id,
+              ref_key: "field",
+              ref: field,
+              placeholder: __props.placeholder,
+              autocomplete: __props.autocomplete,
+              disabled: __props.disabled,
+              maxlength: __props.maxlength,
+              name: __props.name,
+              tabindex: __props.tabindex,
+              value: focused.value || !__props.formatOnBlur ? vue.unref(stringValue) : formattedStringValue.value,
+              type: "text"
+            }, vue.toHandlers(handlers, true)), null, 16, _hoisted_4$6),
+            vue.createVNode(_sfc_main$h, {
+              value: __props.suffix,
+              type: "suffix"
+            }, null, 8, ["value"])
+          ])),
+          !__props.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+            key: 2,
+            errors: vue.unref(errors),
+            "hide-error-message": __props.hideErrorMessage || __props.disabled && !__props.showErrorMessageOnDisabled
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+        ], 6);
+      };
+    }
+  });
+  const _hoisted_1$d = {
+    key: 0,
+    class: "view-mode flex flex-row gap-2 items-start"
+  };
+  const _hoisted_2$c = ["textContent"];
+  const _hoisted_3$9 = {
+    key: 1,
+    class: "input-area flex flex-row items-start"
+  };
+  const _hoisted_4$5 = ["placeholder", "disabled", "maxlength", "name", "tabindex"];
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSTextArea",
+    props: {
+      id: {},
+      placeholder: {},
+      name: {},
+      modelValue: {},
+      maxlength: {},
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      width: { default: "400px" },
+      height: {},
+      autocomplete: {},
+      tabindex: { default: 0 },
+      trimValue: { type: Boolean, default: true },
+      prefix: {},
+      suffix: {},
+      required: { type: Boolean },
+      minLength: {},
+      maxLength: {},
+      validationMessageRequired: {},
+      validationMessageMinLength: {},
+      validationMessageMaxLength: {},
+      validationMessageBetweenLength: {},
+      extraValidationRules: {},
+      ignoreSavePoint: { type: Boolean },
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const convertToValue = (stringValue2) => {
+        return String(componentUtil.trimStringValue(stringValue2, props.trimValue) || "");
+      };
+      const convertFromValue = (value) => {
+        return componentUtil.trimStringValue(value, props.trimValue) ?? "";
+      };
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          stringValue.value = convertFromValue(props.modelValue);
+          validateValue(props.modelValue || "", "change");
+        }
+      );
+      const field = vue.ref();
+      const fieldContext = useFieldContext();
+      const isValid = async (value, phase) => {
+        const errors2 = [];
+        const text = value?.trim() ?? "";
+        executeRequiredValidation(text, props.required, props.validationMessageRequired, errors2) || executeBetweenLengthValidation(
+          text,
+          props.minLength,
+          props.validationMessageMinLength,
+          props.maxLength,
+          props.validationMessageMaxLength,
+          props.validationMessageBetweenLength,
+          errors2
+        ) || await executeFieldValidationRule(text, props.extraValidationRules, errors2, phase, fieldContext);
+        return errors2;
+      };
+      const validationDisabled = vue.computed(() => props.viewMode || props.disabled);
+      const {
+        stringValue,
+        errors,
+        handleInput,
+        handleFocus,
+        handleBlur,
+        validateValue
+      } = fieldValidator({
+        field,
+        disabled: validationDisabled,
+        initialValue: props.modelValue,
+        isValid,
+        convertToValue,
+        convertFromValue
+      });
+      const handlers = {
+        input: handleInput,
+        focus: handleFocus,
+        blur: handleBlur,
+        change: () => {
+          emit("update:modelValue", convertToValue(stringValue.value));
+        }
+      };
+      const outerWidth = vue.computed(() => componentUtil.isRelativeSize(props.width) ? props.width : void 0);
+      const outerHeight = vue.computed(() => componentUtil.isRelativeSize(props.height) ? props.height : void 0);
+      const innerWidth = vue.computed(() => componentUtil.isRelativeSize(props.width) ? "100%" : props.width);
+      const innerHeight = vue.computed(() => resizedHeight.value || (componentUtil.isRelativeSize(props.height) ? "100%" : props.height));
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint?.registerField({
+        field,
+        getCurrentValue: () => props.modelValue || "",
+        setCurrentValue: (value) => emit("update:modelValue", value || "")
+      });
+      const modified = vue.computed(() => !!savePointHandler?.isModified(props.modelValue || ""));
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(field));
+      const resizedHeight = vue.ref();
+      const capturePointer = (event) => {
+        if (field.value) {
+          field.value.setPointerCapture(event.pointerId);
+        }
+      };
+      const preserveResizedHeight = (event) => {
+        if (field.value) {
+          resizedHeight.value = `${field.value.offsetHeight}px`;
+          field.value.releasePointerCapture(event.pointerId);
+        }
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([{ disabled: __props.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-text-area bs-input-wrap"]),
+          style: vue.normalizeStyle({ width: outerWidth.value, height: outerHeight.value })
+        }, [
+          __props.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+            vue.createVNode(_sfc_main$h, {
+              value: __props.prefix,
+              type: "prefix"
+            }, null, 8, ["value"]),
+            vue.createElementVNode("div", {
+              textContent: vue.toDisplayString(vue.unref(stringValue))
+            }, null, 8, _hoisted_2$c),
+            vue.createVNode(_sfc_main$h, {
+              value: __props.suffix,
+              type: "suffix"
+            }, null, 8, ["value"])
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [
+            vue.createVNode(_sfc_main$h, {
+              value: __props.prefix,
+              type: "prefix"
+            }, null, 8, ["value"]),
+            vue.withDirectives(vue.createElementVNode("textarea", vue.mergeProps({
+              ref_key: "field",
+              ref: field,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(stringValue) ? stringValue.value = $event : null),
+              placeholder: __props.placeholder,
+              disabled: __props.disabled,
+              maxlength: __props.maxlength,
+              name: __props.name,
+              style: { width: innerWidth.value, height: innerHeight.value },
+              tabindex: __props.tabindex,
+              class: "grow",
+              onPointerdown: capturePointer,
+              onPointerup: preserveResizedHeight
+            }, vue.toHandlers(handlers, true)), null, 16, _hoisted_4$5), [
+              [vue.vModelText, vue.unref(stringValue)]
+            ]),
+            vue.createVNode(_sfc_main$h, {
+              value: __props.suffix,
+              type: "suffix"
+            }, null, 8, ["value"])
+          ])),
+          !__props.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+            key: 2,
+            errors: vue.unref(errors),
+            "hide-error-message": __props.hideErrorMessage || __props.disabled && !__props.showErrorMessageOnDisabled
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+        ], 6);
+      };
+    }
+  });
+  const _hoisted_1$c = ["id", "checked", "disabled", "name", "tabindex"];
+  const _hoisted_2$b = ["textContent", "for"];
+  const _hoisted_3$8 = ["for"];
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSCheckbox",
+    props: {
+      id: { default: () => componentUtil.generateNextId("checkbox") },
+      name: {},
+      label: {},
+      modelValue: { type: Boolean },
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      tabindex: { default: 0 },
+      disableSavePoint: { type: Boolean },
+      ignoreSavePoint: { type: Boolean }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const checked = vue.ref(props.modelValue);
+      const slots = vue.useSlots();
+      const hasLabelSlot = vue.computed(() => !!slots?.default);
+      const handlers = {
+        change: (event) => {
+          checked.value = event.target.checked;
+          if (props.modelValue !== checked.value)
+            emit("update:modelValue", checked.value);
+        }
+      };
+      vue.watch(
+        () => props.modelValue,
+        () => checked.value = props.modelValue
+      );
+      const field = vue.ref();
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint?.registerField({
+        field,
+        getCurrentValue: () => props.modelValue || false,
+        setCurrentValue: (value) => {
+          if (!props.disableSavePoint) emit("update:modelValue", value || false);
+        }
+      });
+      const modified = vue.computed(() => !!savePointHandler?.isModified(props.modelValue));
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(field));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("span", {
+          class: vue.normalizeClass([{ checked: checked.value, disabled: __props.disabled, modified: modified.value }, "bs-checkbox"])
+        }, [
+          vue.createElementVNode("input", vue.mergeProps({
+            id: __props.id,
+            ref_key: "field",
+            ref: field,
+            checked: checked.value,
+            disabled: __props.disabled || __props.viewMode,
+            name: __props.name,
+            tabindex: __props.tabindex,
+            class: "",
+            type: "checkbox"
+          }, vue.toHandlers(handlers, true)), null, 16, _hoisted_1$c),
+          __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            textContent: vue.toDisplayString(__props.label),
+            for: __props.id,
+            class: "text-label"
+          }, null, 8, _hoisted_2$b)) : vue.createCommentVNode("", true),
+          hasLabelSlot.value ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 1,
+            for: __props.id,
+            class: "slot-label cursor-pointer"
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", { disabled: __props.disabled })
+          ], 8, _hoisted_3$8)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  const _hoisted_1$b = ["data-field-name"];
+  const _hoisted_2$a = { class: "items" };
+  const _hoisted_3$7 = ["textContent"];
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSCheckboxGroup",
+    props: {
+      name: {},
+      modelValue: { default: () => [] },
+      items: { default: () => [] },
+      valueProvider: {},
+      labelProvider: {},
+      keyProvider: {},
+      enabledItemProvider: {},
+      tabindex: { default: 0 },
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      required: { type: Boolean },
+      validationMessageRequired: {},
+      extraValidationRules: {},
+      ignoreSavePoint: { type: Boolean },
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const itemLabel = (item) => {
+        return props.labelProvider ? props.labelProvider(item) : String(item);
+      };
+      const itemValue = (item) => {
+        return props.valueProvider ? props.valueProvider(item) : item;
+      };
+      const itemKey = (item) => {
+        return executeKeyProviderOrDefault(item, props.keyProvider, () => String(itemValue(item)));
+      };
+      const isDisabledItem = (item) => props.enabledItemProvider ? !props.enabledItemProvider(item) : false;
+      const itemCheckMap = vue.ref({});
+      const refreshItemCheckMap = (map, values, shouldValidate) => {
+        props.items.forEach((item) => map[itemKey(item)] = values.includes(itemValue(item)));
+        if (shouldValidate) {
+          validateValue(props.modelValue, "change");
+        }
+      };
+      const toggleItemValue = (checked, item) => {
+        const value = itemValue(item);
+        const contains = props.modelValue.includes(value);
+        if (checked && !contains) {
+          const newValue = [...props.modelValue, value];
+          const sorted = props.items.map((item2) => itemValue(item2)).filter((item2) => newValue.includes(item2));
+          emit("update:modelValue", sorted);
+        } else if (!checked && contains) {
+          const index = props.modelValue.indexOf(value);
+          const newValue = props.modelValue.toSpliced(index, 1);
+          emit("update:modelValue", newValue);
+        }
+      };
+      const modelValueLabels = vue.computed(() => {
+        return props.items.filter((item) => props.modelValue.includes(itemValue(item))).map(itemLabel).join(", ");
+      });
+      const field = vue.ref();
+      const fieldContext = useFieldContext();
+      const isValid = async (value, phase) => {
+        const errors2 = [];
+        if (props.required && (value === void 0 || value.length === 0)) {
+          errors2.push({ code: "required", message: props.validationMessageRequired || "Required" });
+        } else if (value !== void 0) {
+          await executeFieldValidationRule(value, props.extraValidationRules, errors2, phase, fieldContext);
+        }
+        return errors2;
+      };
+      const validationDisabled = vue.computed(() => props.viewMode || props.disabled);
+      const { errors, validateValue } = fieldValidator({
+        field,
+        disabled: validationDisabled,
+        initialValue: props.modelValue,
+        isValid
+      });
+      const resetItemCheckMap = (shouldValidate) => {
+        const map = {};
+        props.items.forEach((item) => map[itemKey(item)] = false);
+        refreshItemCheckMap(map, props.modelValue, shouldValidate);
+        itemCheckMap.value = map;
+      };
+      vue.watch(() => props.items, () => resetItemCheckMap(false));
+      vue.watch(
+        () => props.modelValue,
+        (values) => refreshItemCheckMap(itemCheckMap.value, values, true)
+      );
+      vue.onMounted(() => {
+        resetItemCheckMap(false);
+      });
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint?.registerField({
+        field,
+        getCurrentValue: () => [...props.modelValue],
+        setCurrentValue: (value) => emit("update:modelValue", [...value || []]),
+        compare: (savedValue, currentValue) => savedValue?.toSorted().join(",") === currentValue?.toSorted().join(",")
+      });
+      const modified = vue.computed(() => !!savePointHandler?.isModified(props.modelValue || []));
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(field));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "field",
+          ref: field,
+          class: vue.normalizeClass([{ required: __props.required, disabled: __props.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-checkbox-group flex flex-col"]),
+          "data-field-name": __props.name,
+          role: "group"
+        }, [
+          vue.createElementVNode("div", _hoisted_2$a, [
+            __props.viewMode ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "view-mode",
+              textContent: vue.toDisplayString(modelValueLabels.value)
+            }, null, 8, _hoisted_3$7)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.items, (item) => {
+              return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+                key: itemKey(item),
+                disabled: __props.disabled || isDisabledItem(item),
+                label: itemLabel(item),
+                "model-value": itemCheckMap.value[itemKey(item)],
+                name: `${__props.name || ""}_${itemKey(item)}`,
+                tabindex: __props.tabindex,
+                "disable-save-point": "",
+                "onUpdate:modelValue": ($event) => toggleItemValue($event, item)
+              }, null, 8, ["disabled", "label", "model-value", "name", "tabindex", "onUpdate:modelValue"]);
+            }), 128))
+          ]),
+          !__props.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+            key: 0,
+            errors: vue.unref(errors),
+            "hide-error-message": __props.hideErrorMessage || __props.disabled && !__props.showErrorMessageOnDisabled
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+        ], 10, _hoisted_1$b);
+      };
+    }
+  });
+  const _hoisted_1$a = ["id", "checked", "disabled", "name", "tabindex"];
+  const _hoisted_2$9 = ["for"];
+  const _hoisted_3$6 = {
+    key: 0,
+    class: "font-icon"
+  };
+  const _hoisted_4$4 = ["textContent"];
+  const _hoisted_5$2 = ["for"];
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSRadioButton",
+    props: {
+      id: { default: () => componentUtil.generateNextId("radio") },
+      name: { default: () => componentUtil.generateNextName("radio") },
+      label: {},
+      icon: {},
+      modelValue: {},
+      itemValue: {},
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      tabindex: { default: 0 }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const checked = vue.computed(() => props.itemValue !== void 0 && props.itemValue === props.modelValue || false);
+      const slots = vue.useSlots();
+      const hasLabelSlot = vue.computed(() => !!slots?.default);
+      const handleClick = (event) => {
+        const curChecked = event.target.checked;
+        if (curChecked) {
+          emit("update:modelValue", props.itemValue);
+        }
+      };
+      const handlers = {
+        change: handleClick
+        // click: handleClick
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("span", {
+          class: vue.normalizeClass([{ checked: checked.value, disabled: __props.disabled }, "bs-radio-button"])
+        }, [
+          vue.createElementVNode("input", vue.mergeProps({
+            id: __props.id,
+            checked: checked.value,
+            disabled: __props.disabled || __props.viewMode,
+            name: __props.name,
+            tabindex: __props.tabindex,
+            class: "",
+            role: "radio",
+            type: "radio"
+          }, vue.toHandlers(handlers, true)), null, 16, _hoisted_1$a),
+          vue.createElementVNode("label", { for: __props.id }, [
+            __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$6, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
+            __props.label ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 1,
+              textContent: vue.toDisplayString(__props.label),
+              class: "text-label"
+            }, null, 8, _hoisted_4$4)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_2$9),
+          hasLabelSlot.value ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            for: __props.id,
+            class: "slot-label cursor-pointer"
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", { disabled: __props.disabled })
+          ], 8, _hoisted_5$2)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  const _hoisted_1$9 = ["data-field-name"];
+  const _hoisted_2$8 = ["textContent"];
+  const _hoisted_3$5 = {
+    key: 1,
+    class: "radio-button-group",
+    role: "radiogroup"
+  };
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSRadioButtonGroup",
+    props: {
+      name: { default: () => componentUtil.generateNextName("radioGroup") },
+      modelValue: {},
+      items: { default: () => [] },
+      valueProvider: {},
+      labelProvider: {},
+      iconProvider: {},
+      keyProvider: {},
+      enabledItemProvider: {},
+      tooltipProvider: {},
+      tabindex: { default: 0 },
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      required: { type: Boolean },
+      validationMessageRequired: {},
+      extraValidationRules: {},
+      ignoreSavePoint: { type: Boolean },
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const itemLabel = (item) => {
+        return executeLabelProviderOrDefault(item, props.labelProvider, () => String(item));
+      };
+      const itemValue = (item) => {
+        return props.valueProvider ? props.valueProvider(item) : item;
+      };
+      const itemKey = (item) => {
+        return executeKeyProviderOrDefault(item, props.keyProvider, () => String(itemValue(item)));
+      };
+      const isDisabledItem = (item) => props.enabledItemProvider ? !props.enabledItemProvider(item) : false;
+      const modelValueLabel = vue.computed(() => {
+        const selected = props.items.find((item) => itemValue(item) === props.modelValue);
+        return selected ? itemLabel(selected) : "";
+      });
+      const emitValue = (value) => {
+        emit("update:modelValue", value);
+      };
+      vue.watch(
+        () => props.modelValue,
+        () => validateValue(props.modelValue, "change")
+      );
+      const field = vue.ref();
+      const fieldContext = useFieldContext();
+      const isValid = async (value, phase) => {
+        const errors2 = [];
+        if (props.required && value === void 0) {
+          errors2.push({ code: "required", message: props.validationMessageRequired || "Required" });
+        } else if (value !== void 0) {
+          await executeFieldValidationRule(value, props.extraValidationRules, errors2, phase, fieldContext);
+        }
+        return errors2;
+      };
+      const validationDisabled = vue.computed(() => props.viewMode || props.disabled);
+      const { errors, validateValue } = fieldValidator({
+        field,
+        disabled: validationDisabled,
+        initialValue: props.modelValue,
+        isValid
+      });
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint?.registerField({
+        field,
+        getCurrentValue: () => props.modelValue,
+        setCurrentValue: (value) => emit("update:modelValue", value)
+      });
+      const modified = vue.computed(() => !!savePointHandler?.isModified(props.modelValue));
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(field));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "field",
+          ref: field,
+          class: vue.normalizeClass([{ required: __props.required, disabled: __props.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-radio-button-group"]),
+          "data-field-name": __props.name
+        }, [
+          __props.viewMode ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            textContent: vue.toDisplayString(modelValueLabel.value)
+          }, null, 8, _hoisted_2$8)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
+              return vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$b, {
+                key: itemKey(item),
+                disabled: __props.disabled || isDisabledItem(item),
+                icon: __props.iconProvider?.(item),
+                "item-value": itemValue(item),
+                label: itemLabel(item),
+                "model-value": __props.modelValue,
+                name: __props.name,
+                tabindex: __props.tabindex,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emitValue($event))
+              }, null, 8, ["disabled", "icon", "item-value", "label", "model-value", "name", "tabindex"])), [
+                [vue.unref(vTooltip), { content: __props.tooltipProvider?.(item) }]
+              ]);
+            }), 128))
+          ])),
+          !__props.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+            key: 2,
+            errors: vue.unref(errors),
+            "hide-error-message": __props.hideErrorMessage || __props.disabled && !__props.showErrorMessageOnDisabled
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+        ], 10, _hoisted_1$9);
+      };
+    }
+  });
+  const _hoisted_1$8 = ["tabindex", "onKeydown"];
+  const _hoisted_2$7 = { key: 0 };
+  const _hoisted_3$4 = ["textContent"];
+  const _hoisted_4$3 = ["textContent"];
+  const _hoisted_5$1 = ["data-field-name"];
+  const _hoisted_6 = ["textContent"];
+  const _hoisted_7 = {
+    key: 1,
+    class: "text-truncate"
+  };
+  const _hoisted_8 = ["textContent"];
+  const _hoisted_9 = ["textContent"];
+  const _hoisted_10 = {
+    key: 2,
+    class: "small-progress"
+  };
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSMultiSelect",
+    props: {
+      modelValue: { default: () => [] },
+      items: { default: () => [] },
+      name: {},
+      valueProvider: { type: Function, default: (item) => item },
+      labelProvider: { type: Function, default: defaultLabelProvider },
+      selectedLabelProvider: {},
+      keyProvider: {},
+      placeholder: {},
+      tabindex: { default: 0 },
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      required: { type: Boolean },
+      validationMessageRequired: {},
+      extraValidationRules: {},
+      ignoreSavePoint: { type: Boolean },
+      popupAlign: {},
+      popupDirection: {},
+      popupMaxHeight: {},
+      showPopupSearch: { type: [Boolean, String], default: "auto" },
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const allItems = vue.ref();
+      const loadingItems = vue.ref(false);
+      vue.watch(
+        () => props.items,
+        async () => {
+          loadingItems.value = true;
+          allItems.value = await props.items;
+          loadingItems.value = false;
+        },
+        { immediate: true }
+      );
+      const itemLabel = (item) => {
+        return executeLabelProviderOrDefault(item, props.labelProvider, () => String(item));
+      };
+      const itemValue = (item) => {
+        return props.valueProvider ? props.valueProvider(item) : item;
+      };
+      const itemKey = (item) => {
+        return executeKeyProviderOrDefault(item, props.keyProvider, () => String(item));
+      };
+      const findItemFromValue = (value) => {
+        return value ? allItems.value?.find((item) => itemValue(item) === value) : void 0;
+      };
+      const isEmpty = vue.computed(() => !props.modelValue || props.modelValue.length === 0);
+      const selectedItems = vue.computed(() => props.modelValue.map(findItemFromValue).filter(notNull));
+      const showPopup = vue.ref(false);
+      const togglePopup = (show) => {
+        if (!props.disabled && !props.viewMode) {
+          showPopup.value = show === void 0 ? !showPopup.value : show;
+        }
+      };
+      const selectPopup = vue.ref();
+      const handleKeyboardEvent = (event) => {
+        if (!showPopup.value) togglePopup(true);
+        else if (selectPopup.value) selectPopup.value.handleKeyboard(event);
+      };
+      const itemSelected = (item) => {
+        if (item && allItems.value) {
+          let newItems = [...selectedItems.value];
+          const index = newItems.indexOf(item);
+          if (index >= 0) {
+            newItems.splice(index, 1);
+          } else {
+            newItems = allItems.value.filter((it) => newItems.includes(it) || it === item);
+          }
+          const values = newItems.map(itemValue);
+          emit("update:modelValue", values);
+        }
+      };
+      const rootRef = vue.useTemplateRef("root");
+      vue.watch(
+        () => props.modelValue,
+        () => validateValue(props.modelValue, "change")
+      );
+      const field = vue.ref();
+      const fieldContext = useFieldContext();
+      const isValid = async (value, phase) => {
+        const errors2 = [];
+        if (props.required && (value === void 0 || value.length === 0)) {
+          errors2.push({ code: "required", message: props.validationMessageRequired || "Required" });
+        } else if (value !== void 0) {
+          await executeFieldValidationRule(value, props.extraValidationRules, errors2, phase, fieldContext);
+        }
+        return errors2;
+      };
+      const validationDisabled = vue.computed(() => props.viewMode || props.disabled);
+      const { errors, validateValue } = fieldValidator({
+        field,
+        disabled: validationDisabled,
+        initialValue: props.modelValue,
+        isValid
+      });
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint?.registerField({
+        field,
+        getCurrentValue: () => [...props.modelValue],
+        setCurrentValue: (value) => emit("update:modelValue", [...value || []]),
+        compare: (savedValue, currentValue) => savedValue?.toSorted().join(",") === currentValue?.toSorted().join(",")
+      });
+      const modified = vue.computed(() => !!savePointHandler?.isModified(props.modelValue || []));
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(field));
+      return (_ctx, _cache) => {
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          ref: "root",
+          class: vue.normalizeClass([{ "popup-open": showPopup.value, disabled: __props.disabled, modified: modified.value, error: vue.unref(errors).length > 0, empty: isEmpty.value, "view-mode": __props.viewMode }, "bs-multi-select"]),
+          tabindex: __props.disabled ? -1 : __props.tabindex,
+          onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
+          onKeydown: [
+            _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+            vue.withKeys(vue.withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
+            _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"])),
+            _cache[4] || (_cache[4] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
+          ]
+        }, [
+          __props.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
+            __props.selectedLabelProvider ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
+              textContent: vue.toDisplayString(__props.selectedLabelProvider(selectedItems.value)),
+              class: "label"
+            }, null, 8, _hoisted_3$4)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(selectedItems.value, (item) => {
+              return vue.openBlock(), vue.createElementBlock("span", {
+                key: itemKey(item),
+                textContent: vue.toDisplayString(itemLabel(item)),
+                class: "label"
+              }, null, 8, _hoisted_4$3);
+            }), 128))
+          ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.createElementVNode("div", {
+              ref_key: "field",
+              ref: field,
+              "data-field-name": __props.name,
+              class: "selected w-full",
+              role: "listbox"
+            }, [
+              selectedItems.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                textContent: vue.toDisplayString(__props.placeholder),
+                class: "placeholder grow"
+              }, null, 8, _hoisted_6)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, [
+                __props.selectedLabelProvider ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  textContent: vue.toDisplayString(__props.selectedLabelProvider(selectedItems.value)),
+                  class: "label"
+                }, null, 8, _hoisted_8)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(selectedItems.value, (item) => {
+                  return vue.openBlock(), vue.createElementBlock("span", {
+                    key: itemKey(item),
+                    textContent: vue.toDisplayString(itemLabel(item)),
+                    class: "label"
+                  }, null, 8, _hoisted_9);
+                }), 128))
+              ])),
+              _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "progress_activity")) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_5$1),
+            !__props.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$m, {
+              key: 0,
+              ref_key: "selectPopup",
+              ref: selectPopup,
+              "base-element": rootRef.value,
+              "initial-item": selectedItems.value[0],
+              items: __props.items,
+              "label-provider": __props.labelProvider,
+              "max-height": __props.popupMaxHeight,
+              "popup-align": __props.popupAlign,
+              "popup-direction": __props.popupDirection,
+              "selected-items": selectedItems.value,
+              "show-search": __props.showPopupSearch,
+              "value-provider": __props.valueProvider,
+              onItemSelected: itemSelected,
+              onRequestClose: _cache[0] || (_cache[0] = ($event) => togglePopup(false))
+            }, null, 8, ["base-element", "initial-item", "items", "label-provider", "max-height", "popup-align", "popup-direction", "selected-items", "show-search", "value-provider"])) : vue.createCommentVNode("", true)
+          ], 64)),
+          !__props.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+            key: 2,
+            errors: vue.unref(errors),
+            "hide-error-message": __props.hideErrorMessage || __props.disabled && !__props.showErrorMessageOnDisabled
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+        ], 42, _hoisted_1$8)), [
+          [vue.unref(vClickOutside), () => togglePopup(false)]
+        ]);
+      };
+    }
+  });
+  dayjs.extend(utc);
+  dayjs.extend(timezone);
+  const dateInputFormatByResolution = (resolution) => {
+    if (resolution === "DAY")
+      return "YYYYMMDD";
+    else if (resolution === "HOUR")
+      return "YYYYMMDDHH";
+    else if (resolution === "SECOND")
+      return "YYYYMMDDHHmmss";
+    else
+      return "YYYYMMDDHHmm";
+  };
+  const convertInputToDateString = (str, inputFormat, endTime, resolution, inputTimeZone, minDateValue, maxDateValue) => {
+    if (str) {
+      try {
+        if (str.length < inputFormat.length) {
+          if (endTime) {
+            str += (dayjs().year() + "12312359").substring(str.length, inputFormat.length);
+          } else {
+            str += (dayjs().year() + "01010000").substring(str.length, inputFormat.length);
+          }
+        }
+        let value = dayjs.tz(str, inputFormat, inputTimeZone);
+        if (endTime)
+          value = value.endOf(resolution.toLowerCase());
+        const minValue = minDateValue;
+        if (minValue) {
+          let minDate = dayjs(minValue).tz(inputTimeZone);
+          if (value.isBefore(minDate))
+            value = minDate;
+        }
+        const maxValue = maxDateValue;
+        if (maxValue) {
+          let maxDate = dayjs(maxValue).tz(inputTimeZone);
+          if (maxDate.isBefore(value))
+            value = maxDate;
+        }
+        if (resolution === "MINUTE_10" || resolution === "MINUTE_30") {
+          const truncateUnit = resolution === "MINUTE_10" ? 10 : 30;
+          if (endTime) {
+            const truncated = Math.ceil(value.minute() / truncateUnit) * truncateUnit;
+            value = value.minute(truncated).second(0).millisecond(0).add(-1, "millisecond");
+          } else {
+            const truncated = Math.floor(value.minute() / truncateUnit) * truncateUnit;
+            value = value.minute(truncated).second(0).millisecond(0);
+          }
+        }
+        return value.toISOString();
+      } catch (err) {
+      }
+    }
+    return "";
+  };
+  const convertDateToInputString = (date, inputFormat, inputTimeZone) => {
+    return dayjs(date).tz(inputTimeZone).format(inputFormat);
+  };
+  const checkDateMinMaxValue = (value, inputFormat, endTime, resolution, inputTimeZone, minDateValue, maxDateValue) => {
+    if (value) {
+      const input = convertDateToInputString(value, inputFormat, inputTimeZone);
+      return convertInputToDateString(input, inputFormat, endTime, resolution, inputTimeZone, minDateValue, maxDateValue);
+    }
+  };
+  const normalizeDateInput = (value) => {
+    return value.replace(/[^\d-]/g, "");
+  };
+  const _hoisted_1$7 = { class: "bs-date-input-popup" };
+  const _hoisted_2$6 = { class: "buttons" };
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSDateInputPopup",
+    props: {
+      modelValue: {},
+      resolution: {},
+      displayFormat: {},
+      timeZone: {},
+      baseElement: {},
+      popupAlign: {},
+      popupDirection: {},
+      selectStartYear: {},
+      selectEndYear: {},
+      okButtonCaption: { default: "OK" },
+      cancelButtonCaption: { default: "Cancel" }
+    },
+    emits: ["update:modelValue", "close"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const date = vue.ref(props.modelValue);
+      const emitValue = () => {
+        emit("update:modelValue", date.value);
+        close();
+      };
+      const close = () => {
+        emit("close");
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(_sfc_main$o, {
+          "base-element": __props.baseElement,
+          "popup-align": __props.popupAlign,
+          "offset-from-base-element": 4,
+          "popup-direction": __props.popupDirection,
+          "max-height": "auto",
+          onRequestClose: close,
+          onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1$7, [
+              vue.createVNode(_sfc_main$j, {
+                modelValue: date.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date.value = $event),
+                "display-format": __props.displayFormat,
+                "end-year": __props.selectEndYear,
+                resolution: __props.resolution,
+                "start-year": __props.selectStartYear,
+                "time-zone": __props.timeZone
+              }, null, 8, ["modelValue", "display-format", "end-year", "resolution", "start-year", "time-zone"]),
+              vue.createElementVNode("div", _hoisted_2$6, [
+                vue.createVNode(_sfc_main$r, {
+                  caption: __props.okButtonCaption,
+                  "button-color": "blue",
+                  class: "min-w-80",
+                  onClick: emitValue
+                }, null, 8, ["caption"]),
+                vue.createVNode(_sfc_main$r, {
+                  caption: __props.cancelButtonCaption,
+                  class: "min-w-80",
+                  onClick: close
+                }, null, 8, ["caption"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["base-element", "popup-align", "popup-direction"]);
+      };
+    }
+  });
+  const _hoisted_1$6 = {
+    key: 0,
+    class: "view-mode"
+  };
+  const _hoisted_2$5 = {
+    key: 1,
+    class: "input-area"
+  };
+  const _hoisted_3$3 = ["id", "placeholder", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSDateInput",
+    props: {
+      id: {},
+      placeholder: {},
+      name: {},
+      modelValue: {},
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      required: { type: Boolean },
+      width: { default: "200px" },
+      resolution: { default: "MINUTE_10" },
+      endTime: { type: Boolean },
+      displayFormat: {},
+      timeZone: {},
+      hidePopupExtraDate: { type: Boolean },
+      tabindex: { default: 0 },
+      validationMessageRequired: {},
+      extraValidationRules: {},
+      ignoreSavePoint: { type: Boolean },
+      popupAlign: {},
+      popupDirection: {},
+      popupStartYear: {},
+      popupEndYear: {},
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean },
+      minDateValue: {},
+      maxDateValue: {}
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const blueseaConfig = useBlueseaConfig();
+      const actualTimeZone = vue.computed(() => props.timeZone || blueseaConfig.timeZone);
+      const actualDisplayFormat = vue.computed(() => props.displayFormat || blueseaConfig.dateFormat);
+      const actualMinDateValue = vue.computed(
+        () => props.minDateValue || blueseaConfig.minDateValue
+      );
+      const actualMaxDateValue = vue.computed(
+        () => props.maxDateValue || blueseaConfig.maxDateValue
+      );
+      const inputFormat = vue.computed(
+        () => dateInputFormatByResolution(props.resolution)
+      );
+      vue.watch(
+        () => [props.modelValue, actualTimeZone.value],
+        () => {
+          stringValue.value = formatUtil.formatDateString(
+            props.modelValue,
+            inputFormat.value,
+            actualTimeZone.value
+          );
+          validateValue(props.modelValue || "", "change");
+        }
+      );
+      const focused = vue.ref(false);
+      const formattedValue = vue.computed(
+        () => formattedTimeZoneValue(actualTimeZone.value)
+      );
+      const formattedTimeZoneValue = (displayTimeZone) => {
+        const date = convertInputToDateString(
+          stringValue.value,
+          inputFormat.value,
+          props.endTime,
+          props.resolution,
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        );
+        return formatUtil.formatDateString(date, actualDisplayFormat.value, displayTimeZone);
+      };
+      const viewModeValue = vue.computed(
+        () => viewModeTimeZoneValue(actualTimeZone.value)
+      );
+      const viewModeTimeZoneValue = (displayTimeZone) => {
+        const stringDate = formatUtil.formatDateString(
+          props.modelValue,
+          dateInputFormatByResolution("SECOND"),
+          actualTimeZone.value
+        );
+        const date = convertInputToDateString(
+          stringDate,
+          "SECOND",
+          props.endTime,
+          "SECOND",
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        );
+        return formatUtil.formatDateString(date, actualDisplayFormat.value, displayTimeZone);
+      };
+      const maxlength = vue.computed(() => inputFormat.value.length);
+      const rootRef = vue.useTemplateRef("root");
+      const field = vue.ref();
+      const fieldContext = useFieldContext();
+      const isValid = async (value, phase) => {
+        const errors2 = [];
+        const text = value?.trim() ?? "";
+        executeRequiredValidation(
+          text,
+          props.required,
+          props.validationMessageRequired,
+          errors2
+        ) || await executeFieldValidationRule(
+          text,
+          props.extraValidationRules,
+          errors2,
+          phase,
+          fieldContext
+        );
+        return errors2;
+      };
+      const validationDisabled = vue.computed(() => props.viewMode || props.disabled);
+      const {
+        stringValue,
+        errors,
+        handleInput,
+        handleFocus,
+        handleBlur,
+        validateValue
+      } = fieldValidator({
+        field,
+        disabled: validationDisabled,
+        initialValue: props.modelValue,
+        isValid,
+        convertToValue: (input) => convertInputToDateString(
+          input,
+          inputFormat.value,
+          props.endTime,
+          props.resolution,
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        ),
+        convertFromValue: (date) => formatUtil.formatDateString(date, inputFormat.value, actualTimeZone.value)
+      });
+      const handlers = {
+        input: async (event) => {
+          stringValue.value = normalizeDateInput(
+            event.target.value
+          );
+          await handleInput(event);
+        },
+        focus: (event) => {
+          focused.value = true;
+          handleFocus(event);
+        },
+        blur: (event) => {
+          focused.value = false;
+          handleBlur(event);
+        },
+        change: () => {
+          const date = convertInputToDateString(
+            stringValue.value,
+            inputFormat.value,
+            props.endTime,
+            props.resolution,
+            actualTimeZone.value,
+            actualMinDateValue.value,
+            actualMaxDateValue.value
+          );
+          emit("update:modelValue", date);
+          stringValue.value = convertDateToInputString(
+            date,
+            inputFormat.value,
+            actualTimeZone.value
+          );
+        }
+      };
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint?.registerField({
+        field,
+        getCurrentValue: () => props.modelValue || "",
+        setCurrentValue: (value) => emit("update:modelValue", value || "")
+      });
+      const modified = vue.computed(
+        () => !!savePointHandler?.isModified(props.modelValue || "")
+      );
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(field));
+      const showPopup = vue.ref(false);
+      const togglePopup = (show) => {
+        if (!props.disabled && !props.viewMode) {
+          showPopup.value = show === void 0 ? !showPopup.value : show;
+        }
+      };
+      const setValueFromPopup = async (value) => {
+        const checkedValue = checkDateMinMaxValue(
+          value,
+          inputFormat.value,
+          props.endTime,
+          props.resolution,
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        );
+        emit("update:modelValue", checkedValue);
+        await vue.nextTick();
+        await validateValue(value || "", "change");
+      };
+      return (_ctx, _cache) => {
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          ref: "root",
+          class: vue.normalizeClass([{ required: __props.required, disabled: __props.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-date-input bs-input-wrap position-relative"]),
+          style: vue.normalizeStyle({ width: __props.width }),
+          onKeydown: _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+        }, [
+          __props.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+            vue.createElementVNode("span", null, vue.toDisplayString(viewModeValue.value), 1)
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass([{ "bs-clickable": !__props.disabled }, "font-icon"]),
+              onClick: _cache[0] || (_cache[0] = ($event) => togglePopup())
+            }, " calendar_month ", 2),
+            vue.createElementVNode("input", vue.mergeProps({
+              id: __props.id,
+              ref_key: "field",
+              ref: field,
+              placeholder: __props.placeholder,
+              disabled: __props.disabled,
+              maxlength: maxlength.value,
+              name: __props.name,
+              tabindex: __props.tabindex,
+              value: focused.value ? vue.unref(stringValue) : formattedValue.value,
+              type: "text"
+            }, vue.toHandlers(handlers, true)), null, 16, _hoisted_3$3)
+          ])),
+          !__props.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+            key: 2,
+            errors: vue.unref(errors),
+            "hide-error-message": __props.hideErrorMessage || __props.disabled && !__props.showErrorMessageOnDisabled
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true),
+          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$8, {
+            key: 3,
+            "base-element": rootRef.value,
+            "display-format": actualDisplayFormat.value,
+            "hide-extra-date": __props.hidePopupExtraDate,
+            "model-value": __props.modelValue,
+            "popup-align": __props.popupAlign,
+            "popup-direction": __props.popupDirection,
+            resolution: __props.resolution,
+            "select-end-year": __props.popupEndYear,
+            "select-start-year": __props.popupStartYear,
+            "time-zone": __props.timeZone,
+            onClose: _cache[1] || (_cache[1] = () => togglePopup(false)),
+            "onUpdate:modelValue": setValueFromPopup
+          }, null, 8, ["base-element", "display-format", "hide-extra-date", "model-value", "popup-align", "popup-direction", "resolution", "select-end-year", "select-start-year", "time-zone"])) : vue.createCommentVNode("", true)
+        ], 38)), [
+          [vue.unref(vClickOutside), () => togglePopup(false)]
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$5 = { class: "bs-date-range-popup flex flex-col px-16 py-8" };
+  const _hoisted_2$4 = { class: "buttons" };
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSDateRangeInputPopup",
+    props: {
+      from: {},
+      to: {},
+      disabledFrom: { type: Boolean },
+      disabledTo: { type: Boolean },
+      resolution: {},
+      displayFormat: {},
+      timeZone: {},
+      baseElement: {},
+      selectStartYear: {},
+      selectEndYear: {},
+      okButtonCaption: { default: "OK" },
+      cancelButtonCaption: { default: "Cancel" }
+    },
+    emits: ["update:from", "update:to", "close"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const fromValue = vue.ref(props.from);
+      const toValue = vue.ref(props.to);
+      const emitValue = () => {
+        emit("update:from", fromValue.value);
+        emit("update:to", toValue.value);
+        close();
+      };
+      const close = () => {
+        emit("close");
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(_sfc_main$o, {
+          "base-element": __props.baseElement,
+          "offset-from-base-element": 4,
+          "max-height": "auto",
+          onRequestClose: close,
+          onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1$5, [
+              vue.createVNode(_sfc_main$i, {
+                from: fromValue.value,
+                "onUpdate:from": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
+                to: toValue.value,
+                "onUpdate:to": _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
+                "disabled-from": __props.disabledFrom,
+                "disabled-to": __props.disabledTo,
+                "display-format": __props.displayFormat,
+                "end-year": __props.selectEndYear,
+                resolution: __props.resolution,
+                "start-year": __props.selectStartYear,
+                "time-zone": __props.timeZone
+              }, null, 8, ["from", "to", "disabled-from", "disabled-to", "display-format", "end-year", "resolution", "start-year", "time-zone"]),
+              vue.createElementVNode("div", _hoisted_2$4, [
+                vue.createVNode(_sfc_main$r, {
+                  caption: __props.okButtonCaption,
+                  "button-color": "blue",
+                  class: "min-w-80",
+                  onClick: emitValue
+                }, null, 8, ["caption"]),
+                vue.createVNode(_sfc_main$r, {
+                  caption: __props.cancelButtonCaption,
+                  class: "min-w-80",
+                  onClick: close
+                }, null, 8, ["caption"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["base-element"]);
+      };
+    }
+  });
+  const _hoisted_1$4 = {
+    key: 0,
+    class: "view-mode"
+  };
+  const _hoisted_2$3 = {
+    key: 1,
+    class: "input-area"
+  };
+  const _hoisted_3$2 = ["id", "placeholder", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_4$2 = ["id", "placeholder", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSDateRange",
+    props: {
+      idFrom: {},
+      idTo: {},
+      placeholderFrom: {},
+      placeholderTo: {},
+      nameFrom: {},
+      nameTo: {},
+      fromValue: {},
+      toValue: {},
+      disabledFrom: { type: Boolean },
+      disabledTo: { type: Boolean },
+      viewMode: { type: Boolean },
+      required: { type: Boolean },
+      requiredFrom: { type: Boolean },
+      requiredTo: { type: Boolean },
+      width: { default: "364px" },
+      resolution: { default: "MINUTE_10" },
+      displayFormat: {},
+      timeZone: {},
+      hidePopupExtraDate: { type: Boolean },
+      tabindex: { default: 0 },
+      validateDateOrder: { type: Boolean, default: true },
+      validationMessageRequired: {},
+      validationMessageDateOrder: {},
+      extraValidationRules: {},
+      ignoreSavePoint: { type: Boolean },
+      popupDisplayFormat: {},
+      popupAlign: {},
+      popupDirection: {},
+      popupStartYear: {},
+      popupEndYear: {},
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean },
+      minDateValue: {},
+      maxDateValue: {}
+    },
+    emits: ["update:fromValue", "update:toValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const blueseaConfig = useBlueseaConfig();
+      const rootRef = vue.useTemplateRef("root");
+      const formattedDateRange = vue.computed(() => {
+        return `${viewModeFrom.value} ~ ${viewModeTo.value}`;
+      });
+      const actualTimeZone = vue.computed(() => props.timeZone || blueseaConfig.timeZone);
+      const actualDisplayFormat = vue.computed(() => props.displayFormat || blueseaConfig.dateFormat);
+      const actualMinDateValue = vue.computed(
+        () => props.minDateValue || blueseaConfig.minDateValue
+      );
+      const actualMaxDateValue = vue.computed(
+        () => props.maxDateValue || blueseaConfig.maxDateValue
+      );
+      const inputFormat = vue.computed(
+        () => dateInputFormatByResolution(props.resolution)
+      );
+      vue.watch(
+        () => [props.fromValue, actualTimeZone.value],
+        () => {
+          stringValueFrom.value = formatUtil.formatDateString(
+            props.fromValue,
+            inputFormat.value,
+            actualTimeZone.value
+          );
+          validateValueFrom(props.fromValue || "", "change");
+        }
+      );
+      vue.watch(
+        () => [props.toValue, actualTimeZone.value],
+        () => {
+          stringValueTo.value = formatUtil.formatDateString(
+            props.toValue,
+            inputFormat.value,
+            actualTimeZone.value
+          );
+          validateValueTo(props.toValue || "", "change");
+        }
+      );
+      const validateValueAll = async (phase) => {
+        await validateValueFrom(props.fromValue || "", phase);
+        await validateValueTo(props.toValue || "", phase);
+      };
+      const focusedFrom = vue.ref(false);
+      const focusedTo = vue.ref(false);
+      const formattedFrom = vue.computed(
+        () => formattedTimeZoneFrom(actualTimeZone.value)
+      );
+      const formattedTimeZoneFrom = (timeZone) => {
+        const resolution = props.resolution === "MINUTE_10" || props.resolution === "MINUTE_30" ? "MINUTE" : props.resolution;
+        const date = convertInputToDateString(
+          stringValueFrom.value,
+          inputFormat.value,
+          false,
+          resolution,
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        );
+        return formatUtil.formatDateString(date, actualDisplayFormat.value, timeZone);
+      };
+      const formattedTo = vue.computed(() => formattedTimeZoneTo(actualTimeZone.value));
+      const formattedTimeZoneTo = (timeZone) => {
+        const date = convertInputToDateString(
+          stringValueTo.value,
+          inputFormat.value,
+          true,
+          props.resolution,
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        );
+        return formatUtil.formatDateString(date, actualDisplayFormat.value, timeZone);
+      };
+      const viewModeFrom = vue.computed(
+        () => viewModeTimeZoneValue(props.fromValue, false, actualTimeZone.value)
+      );
+      const viewModeTo = vue.computed(
+        () => viewModeTimeZoneValue(props.toValue, true, actualTimeZone.value)
+      );
+      const viewModeTimeZoneValue = (value, endTime, displayTimeZone) => {
+        const stringDate = formatUtil.formatDateString(
+          value,
+          dateInputFormatByResolution("SECOND"),
+          actualTimeZone.value
+        );
+        const date = convertInputToDateString(
+          stringDate,
+          "SECOND",
+          endTime,
+          "SECOND",
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        );
+        return formatUtil.formatDateString(date, actualDisplayFormat.value, displayTimeZone);
+      };
+      const maxlength = vue.computed(() => inputFormat.value.length);
+      const disabled = vue.computed(() => props.disabledFrom && props.disabledTo);
+      const fieldFrom = vue.ref();
+      const fieldTo = vue.ref();
+      const fieldContext = useFieldContext();
+      const errors = vue.computed(() => {
+        const merged = [...errorsFrom.value];
+        errorsTo.value.forEach((err) => {
+          if (!merged.find((mergedErr) => mergedErr.code === err.code))
+            merged.push(err);
+        });
+        return merged;
+      });
+      const isValidFrom = async (value, phase) => {
+        const errors2 = [];
+        const text = value?.trim() ?? "";
+        executeRequiredValidation(
+          text,
+          props.required || props.requiredFrom,
+          props.validationMessageRequired,
+          errors2
+        ) || props.validateDateOrder && executeDateRangeValidation(
+          text,
+          props.toValue,
+          props.validationMessageDateOrder,
+          errors2
+        );
+        await executeFieldValidationRule(
+          text,
+          props.extraValidationRules,
+          errors2,
+          phase,
+          fieldContext
+        );
+        return errors2;
+      };
+      const validationDisabledFrom = vue.computed(
+        () => props.viewMode || props.disabledFrom
+      );
+      const {
+        stringValue: stringValueFrom,
+        errors: errorsFrom,
+        handleInput: handleInputFrom,
+        handleChange: handleChangeFrom,
+        handleFocus: handleFocusFrom,
+        handleBlur: handleBlurFrom,
+        validateValue: validateValueFrom
+      } = fieldValidator({
+        field: fieldFrom,
+        disabled: validationDisabledFrom,
+        initialValue: props.fromValue,
+        isValid: isValidFrom,
+        convertToValue: (input) => convertInputToDateString(
+          input,
+          inputFormat.value,
+          false,
+          props.resolution,
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        ),
+        convertFromValue: (date) => formatUtil.formatDateString(date, inputFormat.value, actualTimeZone.value)
+      });
+      const handlersFrom = {
+        input: async (event) => {
+          stringValueFrom.value = normalizeDateInput(
+            event.target.value
+          );
+          await handleInputFrom(event);
+        },
+        focus: (event) => {
+          focusedFrom.value = true;
+          handleFocusFrom(event);
+        },
+        blur: (event) => {
+          focusedFrom.value = false;
+          handleBlurFrom(event);
+        },
+        change: (event) => {
+          handleChangeFrom(event);
+          const date = convertInputToDateString(
+            stringValueFrom.value,
+            inputFormat.value,
+            false,
+            props.resolution,
+            actualTimeZone.value,
+            actualMinDateValue.value,
+            actualMaxDateValue.value
+          );
+          emit("update:fromValue", date);
+          stringValueFrom.value = convertDateToInputString(
+            date,
+            inputFormat.value,
+            actualTimeZone.value
+          );
+        }
+      };
+      const isValidTo = async (value, phase) => {
+        const errors2 = [];
+        const text = value?.trim() ?? "";
+        executeRequiredValidation(
+          text,
+          props.required || props.requiredTo,
+          props.validationMessageRequired,
+          errors2
+        ) || props.validateDateOrder && executeDateRangeValidation(
+          props.fromValue,
+          text,
+          props.validationMessageDateOrder,
+          errors2
+        );
+        await executeFieldValidationRule(
+          text,
+          props.extraValidationRules,
+          errors2,
+          phase,
+          fieldContext
+        );
+        return errors2;
+      };
+      const validationDisabledTo = vue.computed(() => props.viewMode || props.disabledTo);
+      const {
+        stringValue: stringValueTo,
+        errors: errorsTo,
+        handleInput: handleInputTo,
+        handleChange: handleChangeTo,
+        handleFocus: handleFocusTo,
+        handleBlur: handleBlurTo,
+        validateValue: validateValueTo
+      } = fieldValidator({
+        field: fieldTo,
+        disabled: validationDisabledTo,
+        initialValue: props.toValue,
+        isValid: isValidTo,
+        convertToValue: (input) => convertInputToDateString(
+          input,
+          inputFormat.value,
+          true,
+          props.resolution,
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        ),
+        convertFromValue: (date) => formatUtil.formatDateString(date, inputFormat.value, actualTimeZone.value)
+      });
+      const handlersTo = {
+        input: async (event) => {
+          stringValueTo.value = normalizeDateInput(
+            event.target.value
+          );
+          await handleInputTo(event);
+        },
+        focus: (event) => {
+          focusedTo.value = true;
+          handleFocusTo(event);
+        },
+        blur: (event) => {
+          focusedTo.value = false;
+          handleBlurTo(event);
+        },
+        change: (event) => {
+          handleChangeTo(event);
+          const date = convertInputToDateString(
+            stringValueTo.value,
+            inputFormat.value,
+            true,
+            props.resolution,
+            actualTimeZone.value,
+            actualMinDateValue.value,
+            actualMaxDateValue.value
+          );
+          emit("update:toValue", date);
+          stringValueTo.value = convertDateToInputString(
+            date,
+            inputFormat.value,
+            actualTimeZone.value
+          );
+        }
+      };
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandlerFrom = savePoint?.registerField({
+        field: fieldFrom,
+        getCurrentValue: () => props.fromValue || "",
+        setCurrentValue: (value) => emit("update:fromValue", value || "")
+      });
+      const modifiedFrom = vue.computed(
+        () => !!savePointHandlerFrom?.isModified(props.fromValue || "")
+      );
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(fieldFrom));
+      const savePointHandlerTo = savePoint?.registerField({
+        field: fieldTo,
+        getCurrentValue: () => props.toValue || "",
+        setCurrentValue: (value) => emit("update:toValue", value || "")
+      });
+      const modifiedTo = vue.computed(
+        () => !!savePointHandlerTo?.isModified(props.toValue || "")
+      );
+      vue.onBeforeUnmount(() => savePoint?.unregisterField(fieldTo));
+      const modified = vue.computed(() => modifiedFrom.value || modifiedTo.value);
+      const showPopup = vue.ref(false);
+      const togglePopup = (show) => {
+        if ((!props.disabledFrom || !props.disabledTo) && !props.viewMode) {
+          showPopup.value = show === void 0 ? !showPopup.value : show;
+        }
+      };
+      const setFromValueFromPopup = async (value) => {
+        const checkedValue = checkDateMinMaxValue(
+          value,
+          inputFormat.value,
+          false,
+          props.resolution,
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        );
+        emit("update:fromValue", checkedValue);
+        await vue.nextTick();
+        await validateValueAll("change");
+      };
+      const setToValueFromPopup = async (value) => {
+        const checkedValue = checkDateMinMaxValue(
+          value,
+          inputFormat.value,
+          true,
+          props.resolution,
+          actualTimeZone.value,
+          actualMinDateValue.value,
+          actualMaxDateValue.value
+        );
+        emit("update:toValue", checkedValue);
+        await vue.nextTick();
+        await validateValueAll("change");
+      };
+      return (_ctx, _cache) => {
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          ref: "root",
+          class: vue.normalizeClass([{ required: __props.required, disabled: disabled.value, modified: modified.value, error: errors.value.length > 0 }, "bs-date-range bs-input-wrap position-relative"]),
+          style: vue.normalizeStyle({ width: __props.width }),
+          onKeydown: _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+        }, [
+          __props.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+            vue.createElementVNode("span", null, vue.toDisplayString(formattedDateRange.value), 1)
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass([{ "bs-clickable": !disabled.value }, "font-icon"]),
+              onClick: _cache[0] || (_cache[0] = () => togglePopup())
+            }, " calendar_month ", 2),
+            vue.createElementVNode("input", vue.mergeProps({
+              id: __props.idFrom,
+              ref_key: "fieldFrom",
+              ref: fieldFrom,
+              placeholder: __props.placeholderFrom,
+              disabled: __props.disabledFrom,
+              maxlength: maxlength.value,
+              name: __props.nameFrom,
+              tabindex: __props.tabindex,
+              value: focusedFrom.value ? vue.unref(stringValueFrom) : formattedFrom.value,
+              type: "text"
+            }, vue.toHandlers(handlersFrom, true)), null, 16, _hoisted_3$2),
+            _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "px-4" }, "~", -1)),
+            vue.createElementVNode("input", vue.mergeProps({
+              id: __props.idTo,
+              ref_key: "fieldTo",
+              ref: fieldTo,
+              placeholder: __props.placeholderTo,
+              disabled: __props.disabledTo,
+              maxlength: maxlength.value,
+              name: __props.nameTo,
+              tabindex: __props.tabindex,
+              value: focusedTo.value ? vue.unref(stringValueTo) : formattedTo.value,
+              type: "text"
+            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_4$2)
+          ])),
+          !__props.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+            key: 2,
+            errors: errors.value,
+            "hide-error-message": __props.hideErrorMessage || disabled.value && !__props.showErrorMessageOnDisabled
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true),
+          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
+            key: 3,
+            "base-element": rootRef.value,
+            "disabled-from": __props.disabledFrom,
+            "disabled-to": __props.disabledTo,
+            "display-format": __props.popupDisplayFormat || actualDisplayFormat.value,
+            from: __props.fromValue,
+            "hide-extra-date": __props.hidePopupExtraDate,
+            "popup-align": __props.popupAlign,
+            "popup-direction": __props.popupDirection,
+            resolution: __props.resolution,
+            "select-end-year": __props.popupEndYear,
+            "select-start-year": __props.popupStartYear,
+            "time-zone": __props.timeZone,
+            to: __props.toValue,
+            onClose: _cache[1] || (_cache[1] = () => togglePopup(false)),
+            "onUpdate:from": setFromValueFromPopup,
+            "onUpdate:to": setToValueFromPopup
+          }, null, 8, ["base-element", "disabled-from", "disabled-to", "display-format", "from", "hide-extra-date", "popup-align", "popup-direction", "resolution", "select-end-year", "select-start-year", "time-zone", "to"])) : vue.createCommentVNode("", true)
+        ], 38)), [
+          [vue.unref(vClickOutside), () => togglePopup(false)]
+        ]);
+      };
+    }
+  });
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    __name: "SlideDownTransition",
+    setup(__props) {
+      const beforeEnter = (el) => {
+        if (el instanceof HTMLElement) {
+          requestAnimationFrame(() => {
+            el.style.maxHeight = "0px";
+          });
+        }
+      };
+      const enter = (el) => {
+        if (el instanceof HTMLElement) {
+          requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
+              el.style.maxHeight = `${el.scrollHeight}px`;
+            });
+          });
+        }
+      };
+      const afterEnter = (el) => {
+        if (el instanceof HTMLElement) {
+          el.style.maxHeight = "none";
+        }
+      };
+      const beforeLeave = (el) => {
+        if (el instanceof HTMLElement) {
+          requestAnimationFrame(() => {
+            el.style.maxHeight = `${el.scrollHeight}px`;
+          });
+        }
+      };
+      const leave = (el) => {
+        if (el instanceof HTMLElement) {
+          requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
+              el.style.maxHeight = `0px`;
+            });
+          });
+        }
+      };
+      const afterLeave = (el) => {
+        if (el instanceof HTMLElement) {
+          el.style.maxHeight = "none";
+        }
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Transition, {
+          name: "slide-down",
+          onEnter: enter,
+          onLeave: leave,
+          onBeforeEnter: beforeEnter,
+          onAfterEnter: afterEnter,
+          onBeforeLeave: beforeLeave,
+          onAfterLeave: afterLeave
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        });
+      };
+    }
+  });
+  const _hoisted_1$3 = {
+    key: 0,
+    class: "card-layout-header flex flex-row items-center"
+  };
+  const _hoisted_2$2 = ["textContent"];
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSCardLayout",
+    props: {
+      title: {},
+      hideTitle: { type: Boolean },
+      cardBodyClass: {}
+    },
+    setup(__props) {
+      const expanded = vue.ref(true);
+      const toggleExpand = () => expanded.value = !expanded.value;
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([{ expanded: expanded.value }, "bs-card-layout"])
+        }, [
+          !__props.hideTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+            vue.createElementVNode("span", {
+              class: "expand-btn font-icon bs-clickable",
+              onClick: toggleExpand
+            }, "label"),
+            vue.createElementVNode("div", {
+              textContent: vue.toDisplayString(__props.title),
+              class: "card-layout-title"
+            }, null, 8, _hoisted_2$2),
+            _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "grow" }, null, -1)),
+            vue.createElementVNode("div", null, [
+              vue.renderSlot(_ctx.$slots, "title-right")
+            ])
+          ])) : vue.createCommentVNode("", true),
+          vue.createVNode(_sfc_main$4, null, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("div", {
+                class: vue.normalizeClass(__props.cardBodyClass)
+              }, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ], 2), [
+                [vue.vShow, expanded.value]
+              ])
+            ]),
+            _: 3
+          })
+        ], 2);
+      };
+    }
+  });
+  const _hoisted_1$2 = { class: "bs-notification-container" };
+  const _hoisted_2$1 = { class: "top-notification inline-flex flex-col items-center gap-1" };
+  const _hoisted_3$1 = ["textContent"];
+  const _hoisted_4$1 = { class: "bottom-notification inline-flex flex-col items-end gap-1" };
+  const _hoisted_5 = { class: "tooltip-container" };
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSNotificationContainer",
+    setup(__props) {
+      const tooltip = vue.ref();
+      const setCursorInTooltip = (isIn, event) => {
+        if (tooltipEntry.value && tooltip.value && !tooltip.value.$el?.contains(event.relatedTarget)) {
+          tooltipEntry.value.cursorInTooltip = isIn;
+          if (!isIn) hideTooltip();
+        }
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+          vue.createElementVNode("div", _hoisted_2$1, [
+            vue.createVNode(vue.TransitionGroup, { name: "notification" }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(notificationEntries), (entry) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: entry.entryId,
+                    textContent: vue.toDisplayString(entry.message),
+                    class: vue.normalizeClass(entry.style)
+                  }, null, 10, _hoisted_3$1);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          vue.createElementVNode("div", _hoisted_4$1, [
+            vue.createVNode(vue.TransitionGroup, { name: "alarm" }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(alarmEntries), (entry) => {
+                  return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(entry.component), {
+                    key: entry.entryId,
+                    "alarm-entry-id": entry.entryId,
+                    class: "bs-alarm-frame"
+                  }, null, 8, ["alarm-entry-id"]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.unref(tooltipEntry) ? (vue.openBlock(), vue.createBlock(_sfc_main$n, {
+              key: 0,
+              ref_key: "tooltip",
+              ref: tooltip,
+              content: vue.unref(tooltipEntry).content,
+              target: vue.unref(tooltipEntry).target,
+              onMouseout: _cache[0] || (_cache[0] = ($event) => setCursorInTooltip(false, $event)),
+              onMouseover: _cache[1] || (_cache[1] = ($event) => setCursorInTooltip(true, $event))
+            }, null, 8, ["content", "target"])) : vue.createCommentVNode("", true)
+          ]),
+          vue.unref(showLoadingIcon) ? (vue.openBlock(), vue.createBlock(BSLoadingIcon, { key: 0 })) : vue.createCommentVNode("", true)
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$1 = ["data-menu-id"];
+  const _hoisted_2 = ["textContent", "href", "target"];
+  const _hoisted_3 = ["data-menu-id"];
+  const _hoisted_4 = ["textContent", "data-menu-id", "onMouseenter", "onClick"];
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSContextMenu",
+    props: {
+      menuItems: {},
+      popupId: {},
+      baseElement: {},
+      left: {},
+      top: {},
+      zIndex: {},
+      direction: {}
+    },
+    emits: ["menuClicked", "requestClose"],
+    setup(__props, { emit: __emit }) {
+      const emit = __emit;
+      const contextMenu = useContextMenu();
+      const handleMenuClick = (menu) => {
+        if (menu.disabled) return;
+        if (menu.children) ;
+        else {
+          menu.handler?.();
+          contextMenu.hideContextMenu();
+          emit("menuClicked", menu);
+        }
+      };
+      const handleLinkClick = () => {
+        contextMenu.hideContextMenu();
+      };
+      const requestClose = () => {
+        hideContextMenu();
+        emit("requestClose");
+      };
+      const submenu = vue.ref();
+      const submenuParent = vue.ref();
+      const showSubmenu = (event, menu) => {
+        if (menu.children) {
+          submenuParent.value = event.target;
+          submenu.value = menu.children;
+        } else {
+          submenu.value = void 0;
+          submenuParent.value = void 0;
+        }
+      };
+      const hideContextMenu = () => {
+        contextMenu.hideContextMenu();
+      };
+      return (_ctx, _cache) => {
+        const _component_router_link = vue.resolveComponent("router-link");
+        const _component_BSContextMenu = vue.resolveComponent("BSContextMenu", true);
+        return vue.openBlock(), vue.createBlock(_sfc_main$o, {
+          ref: "root",
+          "base-element": __props.baseElement || { left: __props.left || 0, top: __props.top || 0 },
+          "popup-direction": __props.direction,
+          "popup-id": __props.popupId,
+          "z-index": __props.zIndex,
+          "extra-class": "bs-context-menu",
+          onRequestClose: requestClose,
+          onKeydown: vue.withKeys(hideContextMenu, ["esc"])
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menuItems, (menu) => {
+              return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: menu }, [
+                menu.type === "separator" ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: "menu separator",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                })) : menu.type === "custom" && menu.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menu.component), {
+                  key: 1,
+                  class: "menu custom"
+                })) : menu.type === "link" ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 2,
+                  "data-menu-id": menu.menuId,
+                  class: "menu no-padding",
+                  "data-id": "context-menu-item"
+                }, [
+                  vue.createElementVNode("a", {
+                    textContent: vue.toDisplayString(menu.caption),
+                    href: menu.href,
+                    target: menu.target,
+                    onClick: vue.withModifiers(handleLinkClick, ["stop"])
+                  }, null, 8, _hoisted_2)
+                ], 8, _hoisted_1$1)) : menu.type === "route" ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 3,
+                  "data-menu-id": menu.menuId,
+                  class: "menu no-padding",
+                  "data-id": "context-menu-item"
+                }, [
+                  vue.createVNode(_component_router_link, {
+                    textContent: vue.toDisplayString(menu.caption),
+                    to: menu.href || "",
+                    onClick: vue.withModifiers(handleLinkClick, ["stop"])
+                  }, null, 8, ["textContent", "to"])
+                ], 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 4,
+                  textContent: vue.toDisplayString(menu.caption),
+                  class: vue.normalizeClass([{ "has-submenu": menu.children, disabled: menu.disabled }, "menu"]),
+                  "data-menu-id": menu.menuId,
+                  "data-id": "context-menu-item",
+                  onMouseenter: ($event) => showSubmenu($event, menu),
+                  onClick: vue.withModifiers(($event) => handleMenuClick(menu), ["stop"])
+                }, null, 42, _hoisted_4))
+              ], 64);
+            }), 128)),
+            submenu.value && submenuParent.value ? (vue.openBlock(), vue.createBlock(_component_BSContextMenu, {
+              key: 0,
+              "base-element": submenuParent.value,
+              "menu-items": submenu.value,
+              direction: "auto-right"
+            }, null, 8, ["base-element", "menu-items"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["base-element", "popup-direction", "popup-id", "z-index"]);
+      };
+    }
+  });
+  const _hoisted_1 = { class: "bs-context-menu-container" };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSContextMenuContainer",
+    setup(__props) {
+      const contextMenu = useContextMenu();
+      const menuItems = vue.computed(() => contextMenu.contextMenuItems.value);
+      const position = vue.computed(() => contextMenu.position.value || { x: 0, y: 0 });
+      const options = vue.computed(() => contextMenu.options.value);
+      const hideContextMenu = () => {
+        contextMenu.hideContextMenu();
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          menuItems.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "context-menu-curtain",
+            tabindex: "0",
+            onClick: vue.withModifiers(hideContextMenu, ["prevent"]),
+            onContextmenu: vue.withModifiers(hideContextMenu, ["prevent"])
+          }, null, 32)) : vue.createCommentVNode("", true),
+          menuItems.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1, {
+            key: 1,
+            left: position.value.x,
+            "menu-items": menuItems.value,
+            top: position.value.y,
+            "z-index": options.value?.zIndex
+          }, null, 8, ["left", "menu-items", "top", "z-index"])) : vue.createCommentVNode("", true),
+          _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "bs-popup-container" }, null, -1))
+        ]);
+      };
+    }
+  });
+  exports2.BSButton = _sfc_main$r;
+  exports2.BSCalendar = _sfc_main$j;
+  exports2.BSCalendarRange = _sfc_main$i;
+  exports2.BSCardLayout = _sfc_main$3;
+  exports2.BSCheckbox = _sfc_main$d;
+  exports2.BSCheckboxGroup = _sfc_main$c;
+  exports2.BSContextMenu = _sfc_main$1;
+  exports2.BSContextMenuContainer = _sfc_main;
+  exports2.BSContextMenuPlugin = BSContextMenuPlugin;
+  exports2.BSDateInput = _sfc_main$7;
+  exports2.BSDateInputPopup = _sfc_main$8;
+  exports2.BSDateRange = _sfc_main$5;
+  exports2.BSDateRangeInputPopup = _sfc_main$6;
+  exports2.BSLoadingIcon = BSLoadingIcon;
+  exports2.BSMultiSelect = _sfc_main$9;
+  exports2.BSNotificationContainer = _sfc_main$2;
+  exports2.BSNumberInput = _sfc_main$f;
+  exports2.BSPageNavigation = _sfc_main$q;
+  exports2.BSPopup = _sfc_main$o;
+  exports2.BSRadioButton = _sfc_main$b;
+  exports2.BSRadioButtonGroup = _sfc_main$a;
+  exports2.BSSelect = _sfc_main$k;
+  exports2.BSTextArea = _sfc_main$e;
+  exports2.BSTextInput = _sfc_main$g;
+  exports2.BSTooltip = _sfc_main$n;
+  exports2.BlueseaPlugin = BlueseaPlugin;
+  exports2.ContextMenuPluginKey = ContextMenuPluginKey;
+  exports2.SavePointImpl = SavePointImpl;
+  exports2.cancelProvidedSavePoint = cancelProvidedSavePoint;
+  exports2.createContextMenuPlugin = createContextMenuPlugin;
+  exports2.debounce = debounce;
+  exports2.notNull = notNull;
+  exports2.provideFieldContext = provideFieldContext;
+  exports2.provideSavePoint = provideSavePoint;
+  exports2.tryUntil = tryUntil;
+  exports2.useContextMenu = useContextMenu;
+  exports2.useContextMenuOptional = useContextMenuOptional;
+  exports2.useFieldContext = useFieldContext;
+  exports2.useSavePoint = useSavePoint;
+  exports2.vClickOutside = vClickOutside;
+  exports2.vFocusOnLoad = vFocusOnLoad;
+  exports2.vTooltip = vTooltip;
+  exports2.waitDuring = waitDuring;
+  exports2.waitUntil = waitUntil;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+}));