@rocketui/vue 0.0.1 → 0.0.2

package/dist/rocket-ui-vue.umd.cjs

@@ -0,0 +1 @@
+(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x["rocket-ui-vue"]={},x.Vue))})(this,function(x,e){"use strict";const fo="",po="",uo="",mo="",ho="",go="",_o="",ko="",bo="",yo="",wo="",xo="",Co="",Bo="",Eo="",No="",Mo="",C=e.defineComponent({__name:"Icon",props:{name:{default:""},kind:{default:"round"},fontSize:{default:24},color:{default:""},fontWeight:{default:"normal"}},setup(t){const n=t,o=e.computed(()=>({fontSize:`${n.fontSize}px`,fontWeight:n.fontWeight,color:n.color,display:"inline-flex",alignItems:"center",justifyContent:"center"})),s=e.computed(()=>n.kind==="filled"?"material-icons":`material-icons-${n.kind}`);return(l,a)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s)),style:e.normalizeStyle(e.unref(o))},e.toDisplayString(n.name),7))}}),Me={class:"icon"},$e={class:"texts"},ze={class:"texts__title"},Ve={class:"texts__description"},Te={key:0,class:"close"},Ae=e.defineComponent({__name:"Alert",props:{type:{default:"info"},title:{default:""},description:{default:""},size:{default:"medium"},closable:{type:Boolean,default:!0}},emits:["close"],setup(t,{emit:n}){const o=t,s=e.computed(()=>({alert:!0,[`alert--${o.type}`]:!0,[`alert--${o.size}`]:!0})),l=e.computed(()=>({success:"check_circle",error:"error",warning:"warning",info:"info"})[o.type]),a=e.computed(()=>({small:12,medium:16,large:20})[o.size]),i=()=>{n("close")};return(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s))},[e.createElementVNode("div",Me,[e.createVNode(C,{name:e.unref(l),size:e.unref(a)},null,8,["name","size"])]),e.createElementVNode("div",$e,[e.createElementVNode("p",ze,e.toDisplayString(o.title),1),e.createElementVNode("p",Ve,e.toDisplayString(o.description),1)]),o.closable?(e.openBlock(),e.createElementBlock("div",Te,[r.$slots.close?e.renderSlot(r.$slots,"close",{key:1}):(e.openBlock(),e.createBlock(C,{key:0,class:"close__button",name:"close",size:"16",onClick:i}))])):e.createCommentVNode("",!0)],2))}}),ie="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K",De={class:"avatar__wrapper"},Ie=["alt","src"],Se=e.defineComponent({__name:"Avatar",props:{type:{default:"image"},src:{default:ie},alt:{default:"Avatar"},size:{default:"2xl"},online:{type:Boolean,default:!1},text:{default:""}},setup(t){const n=t,o=e.computed(()=>({avatar:!0,[`avatar--${n.size}`]:!0})),s=e.computed(()=>n.type==="image"&&!n.src),l=e.computed(()=>s.value?ie:n.src),a=i=>{const r=i.split(" ");return r.length===1?r[0].substring(0,2):`${r[0].charAt(0)}${r[1].charAt(0)}`};return(i,r)=>(e.openBlock(),e.createElementBlock("div",De,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o))},[n.type==="text"?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass({avatar__text:!0,[`avatar__text--${n.size}`]:!0})},e.toDisplayString(a(n.text)),3)):(e.openBlock(),e.createElementBlock("img",{key:1,alt:n.alt,class:e.normalizeClass({avatar__image:!0,[`avatar__image--${n.size}`]:!0,"avatar__image--anonymous":e.unref(s)}),src:e.unref(l)},null,10,Ie))],2),n.online?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass({avatar__online:!0,[`avatar__online--${n.size}`]:!0})},null,2)):e.createCommentVNode("",!0)]))}}),Le={class:"badge-wrapper group"},Oe=e.defineComponent({__name:"Badge",props:{variant:{default:"primary"},placement:{default:"right"},overlap:{type:Boolean,default:!1},hover:{type:Boolean,default:!1},content:{default:""},outside:{type:Boolean,default:!1}},emits:["click"],setup(t){const n=t,o=e.computed(()=>({badge:!0,badge__content:n.content,[`badge--overlap-${n.placement}`]:n.overlap,[`badge--${n.placement}`]:n.placement,[`badge--outside-${n.placement}`]:n.outside,"badge--hover":n.hover,"badge--no-content":!n.content,[`badge--${n.variant}`]:n.variant}));return(s,l)=>(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o)),onClick:l[0]||(l[0]=a=>s.$emit("click"))},e.toDisplayString(n.content),3),e.renderSlot(s.$slots,"default")]))}}),je=["disabled"],re=e.defineComponent({__name:"Button",props:{variant:{default:"primary"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},prependIcon:{default:""},appendIcon:{default:""},onlyIcon:{type:Boolean,default:!1},size:{default:"medium"},height:{default:""},block:{type:Boolean,default:!1},backgroundColor:{default:""}},emits:["click"],setup(t){const n=t,o=e.computed(()=>({button:!0,[`button--${n.variant}`]:!0,["button--loading"]:n.loading,[`button--${n.size||"medium"}`]:!0,["button--only-icon"]:n.onlyIcon,["button--block"]:n.block})),s=e.computed(()=>n.size==="large"?20:16),l=e.computed(()=>{const{backgroundColor:a,height:i}=n;return{backgroundColor:a,height:i?`${i}px`:""}});return(a,i)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(a.$attrs,{class:e.unref(o),disabled:t.disabled||t.loading,style:e.unref(l),onClick:i[0]||(i[0]=e.withModifiers(r=>a.$emit("click"),["stop"]))}),[e.renderSlot(a.$slots,"custom-icon"),a.$slots["custom-icon"]?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0,class:e.normalizeClass({"button__prepend-icon":!0,"button__prepend-icon--only":n.onlyIcon}),name:n.prependIcon,size:e.unref(s)},null,8,["class","name","size"])),n.onlyIcon?e.createCommentVNode("",!0):e.renderSlot(a.$slots,"default",{key:1}),!a.$slots["custom-icon"]&&!n.onlyIcon?(e.openBlock(),e.createBlock(C,{key:2,class:"button__append-icon",name:n.appendIcon,size:e.unref(s)},null,8,["name","size"])):e.createCommentVNode("",!0)],16,je))}}),Re={class:"checkbox-wrapper"},Pe={class:"checkbox-container"},Fe=["id","checked","disabled","indeterminate"],He=["data-disabled"],Ye={class:"checkbox-texts"},We=["data-disabled","for"],Ue={key:0,class:"checkbox-texts__error"},Xe={key:1,class:"checkbox-texts__hint"},Ze=e.defineComponent({__name:"Checkbox",props:{id:{default:""},modelValue:{default:!1},label:{default:""},indeterminate:{default:!1},disabled:{default:!1},hint:{default:""},errorMsg:{default:""}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,s=e.reactive({checked:!1,indeterminate:!1}),l={checked:"check",unchecked:"",indeterminate:"remove"},a=e.computed(()=>s.indeterminate?l.indeterminate:s.checked?l.checked:l.unchecked),i=e.computed(()=>({checkbox:!0,"checkbox--checked":s.checked,"checkbox--disabled":o.disabled,"checkbox--indeterminate":s.indeterminate,"checkbox--error":!!o.errorMsg})),r=c=>{o.disabled||(s.checked=c.target.checked,s.indeterminate=!1,n("update:modelValue",s.checked))};return e.watch(()=>o.indeterminate,c=>{s.indeterminate=c,c===!0&&(s.checked=!1,n("update:modelValue",s.checked))},{immediate:!0}),e.watch(()=>o.modelValue,c=>{s.checked=c},{immediate:!0}),(c,f)=>(e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("div",Pe,[e.createElementVNode("input",{id:o.id,checked:s.checked,class:"checkbox-container__input",disabled:o.disabled,indeterminate:s.indeterminate,type:"checkbox",onChange:r},null,40,Fe),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)),"data-disabled":o.disabled},[e.createVNode(C,{name:e.unref(a),size:"16"},null,8,["name"])],10,He)]),e.createElementVNode("div",Ye,[e.createElementVNode("label",{class:"checkbox-texts__label","data-disabled":o.disabled,for:o.id},e.toDisplayString(o.label),9,We),o.errorMsg?(e.openBlock(),e.createElementBlock("p",Ue,e.toDisplayString(o.errorMsg),1)):(e.openBlock(),e.createElementBlock("p",Xe,e.toDisplayString(o.hint),1))])]))}}),ce=e.defineComponent({__name:"Chip",props:{variant:{default:"primary"},size:{default:"medium"},label:{default:"label"},disabled:{type:Boolean,default:!1},prependIcon:{default:""},appendIcon:{default:""},ghost:{type:Boolean,default:!1}},emits:["click:chip","click:close"],setup(t,{emit:n}){const o=t,s=e.computed(()=>({chip:!0,"chip--disabled":o.disabled,[`chip__${o.variant}`]:o.variant,[`chip--${o.size}`]:o.size,[`chip__${o.variant}--ghost`]:o.ghost})),l=e.computed(()=>o.size==="small"?"10":o.size==="large"?"16":"12"),a=r=>{o.disabled||n("click:chip",r)},i=r=>{o.disabled||n("click:close",r)};return(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s))},[e.createElementVNode("div",{class:"chip__content",onClick:c[0]||(c[0]=e.withModifiers(f=>a(f),["stop"]))},[o.prependIcon?(e.openBlock(),e.createBlock(C,{key:0,"aria-disabled":o.disabled,class:"chip__prepend-icon",name:o.prependIcon,size:e.unref(l)},null,8,["aria-disabled","name","size"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(o.label),1)]),o.appendIcon?(e.openBlock(),e.createBlock(C,{key:0,"aria-disabled":o.disabled,class:"chip__append-icon",name:o.appendIcon,size:e.unref(l),onClick:c[1]||(c[1]=e.withModifiers(f=>i(f),["stop"]))},null,8,["aria-disabled","name","size"])):e.createCommentVNode("",!0)],2))}}),Qe={class:"dropdown"},Ke={key:0,class:"select__tags"},Ge={key:1,class:"select__multiple"},Je=["disabled","placeholder"],qe=["onClick"],ve={style:{display:"flex","align-items":"center"}},et=e.defineComponent({__name:"Dropdown",props:{placeholder:{default:""},options:{default:()=>[]},taggable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},prependIcon:{default:""},appendIcon:{default:"expand_less"},modelValue:{default:""}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,s=e.ref(""),l=e.reactive([]),a=e.ref(!1),i=e.ref(""),r=e.ref(null),c=e.ref(null),f=u=>{var m,d,_,b,w,B;if(!o.disabled){if(u.stopPropagation(),a.value=!a.value,a.value){(m=r.value)==null||m.classList.add("select--active"),(d=r.value)==null||d.focus(),(_=c.value)==null||_.focus(),document.addEventListener("click",f);return}(b=r.value)==null||b.classList.remove("select--active"),(w=r.value)==null||w.blur(),(B=c.value)==null||B.blur(),document.removeEventListener("click",f)}},k=(u,m)=>{var d;if(o.multiple||o.taggable){u.stopPropagation(),l.includes(m)?l.splice(l.indexOf(m),1):l.push(m),i.value="",(d=c.value)==null||d.focus();return}else n("update:modelValue",m.value),s.value=m.label,i.value=m.label},p=(u,m)=>{if(u instanceof KeyboardEvent&&u.key!=="Backspace"||i.value!=="")return;u.stopPropagation();const d=l.findIndex(_=>_.value===m.value);l.splice(d,1)},h=u=>{var _;if(!o.taggable)return;u.stopPropagation();const m=i.value;if(m==="")return;o.options.find(b=>b.label===m)||(l.push({value:m,label:m}),i.value="",(_=c.value)==null||_.focus())},g=e.computed(()=>o.options.filter(m=>m.label.toLowerCase().includes(i.value.toLowerCase())));return e.watch(l,u=>{n("update:modelValue",u)}),(u,m)=>(e.openBlock(),e.createElementBlock("div",Qe,[e.createElementVNode("div",{ref_key:"select",ref:r,class:e.normalizeClass({select:!0,"select--disabled":o.disabled}),onClick:f},[e.createElementVNode("div",{class:e.normalizeClass({"select__prepend-icon":!0,"select__prepend-icon--active":a.value})},[e.renderSlot(u.$slots,"prepend-icon"),u.$slots["prepend-icon"]?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0,name:o.prependIcon},null,8,["name"]))],2),o.taggable?(e.openBlock(),e.createElementBlock("div",Ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l,(d,_)=>(e.openBlock(),e.createBlock(ce,{key:_,appendIcon:"close",class:"select__tags__chip",label:d.label,variant:"primary",onClickIcon:b=>p(b,d)},null,8,["label","onClickIcon"]))),128))])):e.createCommentVNode("",!0),o.multiple?(e.openBlock(),e.createElementBlock("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l,(d,_)=>(e.openBlock(),e.createElementBlock("p",{key:_},e.toDisplayString(d.label+","),1))),128))])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:"select",ref_key:"input",ref:c,"onUpdate:modelValue":m[0]||(m[0]=d=>i.value=d),class:"select__input",disabled:o.disabled,placeholder:o.placeholder,type:"text",onKeydown:[m[1]||(m[1]=e.withKeys(d=>p(d,l[l.length-1]),["backspace"])),m[2]||(m[2]=e.withKeys(d=>h(d),["enter"]))]},null,40,Je),[[e.vModelText,i.value]]),e.createElementVNode("div",{class:e.normalizeClass({"select__append-icon":!0,"select__append-icon--active":a.value})},[e.renderSlot(u.$slots,"append-icon"),u.$slots["append-icon"]?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0,name:o.appendIcon},null,8,["name"]))],2)],2),e.createElementVNode("ul",{class:e.normalizeClass({"select-options":!0,"select-options--active":a.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),d=>(e.openBlock(),e.createElementBlock("li",{key:d.value,class:e.normalizeClass({"select-options__option":!0,"select-options__option--active":d.label===s.value||(l==null?void 0:l.includes(d))}),onClick:_=>k(_,d)},[e.createElementVNode("div",ve,[e.renderSlot(u.$slots,"option-prepend"),u.$slots["option-prepend"]?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0,class:e.normalizeClass({"select-options__option__prepend-icon":!0,"select-options__option__prepend-icon--active":d.label===s.value||(l==null?void 0:l.includes(d))}),name:"face"},null,8,["class"])),e.createElementVNode("p",{class:e.normalizeClass({"select-options__option__label":!0,"select-options__option__label--active":d.label===s.value||(l==null?void 0:l.includes(d))})},e.toDisplayString(d.label),3)]),d.label===s.value||(l==null?void 0:l.includes(d))?(e.openBlock(),e.createBlock(C,{key:0,class:e.normalizeClass({"select-options__option__append-icon":!0,"select-options__option__append-icon--active":d.label===s.value||(l==null?void 0:l.includes(d))}),name:"check"},null,8,["class"])):e.createCommentVNode("",!0)],10,qe))),128))],2)]))}}),tt=["id","for"],te=e.defineComponent({__name:"Label",props:{id:{default:""},for:{default:""},text:{default:""}},setup(t){const n=t;return(o,s)=>(e.openBlock(),e.createElementBlock("label",{id:n.id,for:n.for},e.toDisplayString(n.text),9,tt))}}),ot={class:"snackbar__text"},nt={key:0,class:"snackbar__action"},lt={key:1,class:"snackbar__close"},st=e.defineComponent({__name:"Snackbar",props:{text:{default:""},actionText:{default:""},showAction:{type:Boolean,default:!1},showClose:{type:Boolean,default:!1},left:{type:Boolean,default:!1},show:{type:Boolean,default:!1},timeout:{default:0}},emits:["click:action","click:close"],setup(t,{emit:n}){const o=t,s=e.ref(!1),l=()=>{n("click:action")},a=()=>{s.value=!1,n("click:close")};return e.onMounted(()=>{o.timeout&&setTimeout(()=>{s.value=!1,n("click:close")},o.timeout)}),e.watch(()=>o.show,i=>{s.value=i},{immediate:!0}),(i,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({snackbar:!0,"snackbar--closed":!s.value,[o.left?"snackbar--left":"snackbar--right"]:!0})},[e.createElementVNode("div",ot,e.toDisplayString(o.text),1),o.showAction?(e.openBlock(),e.createElementBlock("div",nt,[e.renderSlot(i.$slots,"action"),i.$slots.action?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(re,{key:0,size:"small",variant:"ghost",onClick:l},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionText),1)]),_:1}))])):e.createCommentVNode("",!0),o.showClose?(e.openBlock(),e.createElementBlock("div",lt,[e.renderSlot(i.$slots,"close"),i.$slots.close?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0,name:"close",size:"14",onClick:e.withModifiers(a,["stop"])},null,8,["onClick"]))])):e.createCommentVNode("",!0)],2))}}),at={class:"switch-container"},it=["id","checked"],rt=e.createElementVNode("span",{class:"slider round"},null,-1),ct=["id","for"],dt={key:0,class:"switch-texts__error"},ft={key:1,class:"switch-texts__hint"},pt=e.defineComponent({__name:"Switch",props:{id:{default:"switch"},modelValue:{default:!1},disabled:{default:!1},label:{default:""},hint:{default:""},errorMsg:{default:""},size:{default:"medium"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,s=e.reactive({checked:!1}),l=e.computed(()=>({switch:!0,"switch--disabled":o.disabled,[`switch--${o.size}`]:o.size,"switch--error":o.errorMsg})),a=i=>{o.disabled||(s.checked=i.target.checked,n("update:modelValue",s.checked))};return e.watch(()=>o.modelValue,i=>{s.checked=i},{immediate:!0}),(i,r)=>(e.openBlock(),e.createElementBlock("div",at,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("input",{id:o.id,checked:s.checked,class:"switch__input",type:"checkbox",onChange:a},null,40,it),rt],2),e.createElementVNode("div",{class:e.normalizeClass({"switch-texts":!0,[`switch-texts--${o.size}`]:!0})},[e.createElementVNode("label",{id:o.id,class:"switch-texts__label",for:o.id},e.toDisplayString(o.label),9,ct),o.errorMsg?(e.openBlock(),e.createElementBlock("p",dt,e.toDisplayString(o.errorMsg),1)):(e.openBlock(),e.createElementBlock("p",ft,e.toDisplayString(o.hint),1))],2)]))}});var U=(t=>(t.DEFAULT="default",t.TEXT_ONLY="text-only",t.ICON_ONLY="icon-only",t))(U||{});const ut=["aria-disabled","aria-selected","disabled"],mt={key:1,class:"tab-item__label"},de=e.defineComponent({__name:"TabItem",props:{id:null,variant:{default:U.DEFAULT},label:{default:""},icon:{default:""},disabled:{default:!1},active:{default:!1},modelValue:{default:""}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,s=e.computed(()=>({"tab-item":!0,[`tab-item--${o.variant}`]:!0}));function l(a){n("update:modelValue",a)}return(a,i)=>(e.openBlock(),e.createElementBlock("button",{"aria-disabled":o.disabled,"aria-selected":o.active,class:e.normalizeClass(e.unref(s)),disabled:o.disabled,onClick:i[0]||(i[0]=r=>l(o.id))},[e.renderSlot(a.$slots,"icon"),!a.$slots.icon&&t.variant!==e.unref(U).TEXT_ONLY?(e.openBlock(),e.createBlock(C,{key:0,class:"tab-item__icon",name:o.icon,size:"16"},null,8,["name"])):e.createCommentVNode("",!0),t.variant!==e.unref(U).ICON_ONLY?(e.openBlock(),e.createElementBlock("span",mt,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],10,ut))}}),ht={class:"tabs-wrapper"},gt={class:"tab-content"},_t=e.defineComponent({__name:"Tabs",props:{tabs:{default:()=>[]},scrollable:{type:Boolean,default:!1}},setup(t){const n=t,o=e.ref(0),s=e.computed(()=>({tabs:!0,"tabs--scrollable":n.scrollable}));return(l,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",ht,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.tabs,(i,r)=>(e.openBlock(),e.createBlock(de,{id:i.id,key:r,modelValue:o.value,"onUpdate:modelValue":a[0]||(a[0]=c=>o.value=c),active:r===o.value,disabled:i.disabled,icon:i.icon,label:i.label},null,8,["id","modelValue","active","disabled","icon","label"]))),128))],2)]),e.createElementVNode("div",gt,[e.renderSlot(l.$slots,"tab",{activeTab:o.value})])],64))}}),$o="",kt={class:"container"},bt=["id","disabled","placeholder","value"],yt={key:1,class:"textarea__error"},wt={key:2,class:"textarea__hint"},xt=e.defineComponent({__name:"TextArea",props:{id:{default:""},modelValue:{default:""},label:{default:""},placeholder:{default:""},disabled:{default:!1},hint:{default:"This is a hint"},errorMsg:{default:""}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,s=e.reactive({value:""});function l(a){n("update:modelValue",a.target.value)}return e.watch(()=>o.modelValue,a=>{s.value=a},{immediate:!0}),(a,i)=>(e.openBlock(),e.createElementBlock("div",kt,[o.label?(e.openBlock(),e.createBlock(te,{key:0,id:"textarea",class:"textarea__label",for:"textarea",text:o.label},null,8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("textarea",{id:o.id,class:e.normalizeClass(["textarea",{"textarea--error":o.errorMsg,"textarea--disabled":o.disabled}]),disabled:o.disabled,placeholder:o.placeholder,value:s.value,onInput:l},null,42,bt),o.errorMsg?(e.openBlock(),e.createElementBlock("p",yt,e.toDisplayString(o.errorMsg),1)):(e.openBlock(),e.createElementBlock("p",wt,e.toDisplayString(o.hint),1))]))}}),Ct={class:e.normalizeClass({textfield__wrapper:!0})},Bt={class:"input-wrapper"},Et=["id","disabled","placeholder","type","value"],Nt={class:"textfield__error"},Mt={key:0,class:"textfield__hint"},$t=e.defineComponent({__name:"Textfield",props:{id:{default:""},type:{default:"text"},modelValue:{default:""},label:{default:""},placeholder:{default:""},errorMsg:{default:""},hint:{default:""},prependIcon:{default:""},appendIcon:{default:""},iconColor:{default:""},disabled:{default:!1},loading:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","click:icon","click:clear"],setup(t,{emit:n}){const o=t,s=e.ref(),l=e.reactive({value:""}),a=e.ref(o.type),i={password:"lock_outline",email:"mail_outline",tel:"phone",url:"link",number:"123",text:""},r=e.ref(!1),c=e.computed(()=>!!l.value),f=e.computed(()=>{const{disabled:y,loading:N,clearable:$,errorMsg:M}=o;return{textfield:!0,"textfield--error":M==null?void 0:M.length,"textfield--loading":N,"textfield--disabled":y,"textfield--clearable":$,"textfield--focus":r.value,"textfield--filled":c.value}}),k=e.computed(()=>({"textfield__prepend-icon":!0,"textfield__prepend-icon--loading":o.loading,"textfield__prepend-icon--error":g.value&&c.value})),p=e.computed(()=>({"textfield__append-icon":!0,"textfield__append-icon--clear":u.value,"textfield__append-icon--error":g.value})),h=e.computed(()=>l.value.length>0),g=e.computed(()=>{var y;return(y=o.errorMsg)==null?void 0:y.length}),u=e.computed(()=>o.clearable&&h.value),m=e.computed(()=>{const{prependIcon:y,type:N}=o;return y||i[N]}),d=e.computed(()=>{const{appendIcon:y,type:N}=o;return g.value?"error_outline":u.value&&["text","email"].includes(N)?"clear":N==="password"&&a.value==="password"?"visibility":N==="password"&&a.value==="text"?"visibility_off":y}),_=()=>{r.value=!0,n("focus",{value:l.value})},b=()=>{r.value=!1,n("blur",{value:l.value})},w=()=>{var y;if(u.value){l.value="",(y=s.value)==null||y.focus(),n("click:clear",{value:l.value});return}n("click:icon",{value:l.value}),B()},B=()=>{a.value=a.value==="password"?"text":"password"},E=y=>{const N=y.target;l.value=N.value};return e.watch(()=>o.modelValue,y=>{l.value=y},{immediate:!0}),e.watch(()=>l.value,y=>{n("update:modelValue",y)}),(y,N)=>(e.openBlock(),e.createElementBlock("fieldset",null,[e.createElementVNode("div",Ct,[e.createVNode(te,{id:o.id,class:e.normalizeClass({textfield__label:!0}),for:o.id,text:o.label},null,8,["id","for","text"]),e.createElementVNode("div",Bt,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f))},[e.unref(m)?(e.openBlock(),e.createBlock(C,{key:0,class:e.normalizeClass(e.unref(k)),name:e.unref(m),size:16},null,8,["class","name"])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:o.id,ref_key:"inputRef",ref:s,disabled:o.disabled,placeholder:o.placeholder,type:a.value,value:l.value,onBlur:b,onFocus:_,onInput:E},null,40,Et),e.unref(d)?(e.openBlock(),e.createBlock(C,{key:1,class:e.normalizeClass(e.unref(p)),color:o.iconColor,name:`${e.unref(d)}`,size:16,onClick:w},null,8,["class","color","name"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",Nt,e.toDisplayString(o.errorMsg),1),o.errorMsg?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Mt,e.toDisplayString(o.hint),1))])])]))}});function j(t){return t.split("-")[0]}function X(t){return t.split("-")[1]}function R(t){return["top","bottom"].includes(j(t))?"x":"y"}function oe(t){return t==="y"?"height":"width"}function fe(t,n,o){let{reference:s,floating:l}=t;const a=s.x+s.width/2-l.width/2,i=s.y+s.height/2-l.height/2,r=R(n),c=oe(r),f=s[c]/2-l[c]/2,k=j(n),p=r==="x";let h;switch(k){case"top":h={x:a,y:s.y-l.height};break;case"bottom":h={x:a,y:s.y+s.height};break;case"right":h={x:s.x+s.width,y:i};break;case"left":h={x:s.x-l.width,y:i};break;default:h={x:s.x,y:s.y}}switch(X(n)){case"start":h[r]-=f*(o&&p?-1:1);break;case"end":h[r]+=f*(o&&p?-1:1);break}return h}const zt=async(t,n,o)=>{const{placement:s="bottom",strategy:l="absolute",middleware:a=[],platform:i}=o,r=a.filter(Boolean),c=await(i.isRTL==null?void 0:i.isRTL(n));if(process.env.NODE_ENV!=="production"){if(i==null&&console.error(["Floating UI: `platform` property was not passed to config. If you","want to use Floating UI on the web, install @floating-ui/dom","instead of the /core package. Otherwise, you can create your own","`platform`: https://floating-ui.com/docs/platform"].join(" ")),r.filter(m=>{let{name:d}=m;return d==="autoPlacement"||d==="flip"}).length>1)throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware","detected. This will lead to an infinite loop. Ensure only one of","either has been passed to the `middleware` array."].join(" "));(!t||!n)&&console.error(["Floating UI: The reference and/or floating element was not defined","when `computePosition()` was called. Ensure that both elements have","been created and can be measured."].join(" "))}let f=await i.getElementRects({reference:t,floating:n,strategy:l}),{x:k,y:p}=fe(f,s,c),h=s,g={},u=0;for(let m=0;m<r.length;m++){const{name:d,fn:_}=r[m],{x:b,y:w,data:B,reset:E}=await _({x:k,y:p,initialPlacement:s,placement:h,strategy:l,middlewareData:g,rects:f,platform:i,elements:{reference:t,floating:n}});if(k=b!=null?b:k,p=w!=null?w:p,g={...g,[d]:{...g[d],...B}},process.env.NODE_ENV!=="production"&&u>50&&console.warn(["Floating UI: The middleware lifecycle appears to be running in an","infinite loop. This is usually caused by a `reset` continually","being returned without a break condition."].join(" ")),E&&u<=50){u++,typeof E=="object"&&(E.placement&&(h=E.placement),E.rects&&(f=E.rects===!0?await i.getElementRects({reference:t,floating:n,strategy:l}):E.rects),{x:k,y:p}=fe(f,h,c)),m=-1;continue}}return{x:k,y:p,placement:h,strategy:l,middlewareData:g}};function Vt(t){return{top:0,right:0,bottom:0,left:0,...t}}function pe(t){return typeof t!="number"?Vt(t):{top:t,right:t,bottom:t,left:t}}function Z(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function Q(t,n){var o;n===void 0&&(n={});const{x:s,y:l,platform:a,rects:i,elements:r,strategy:c}=t,{boundary:f="clippingAncestors",rootBoundary:k="viewport",elementContext:p="floating",altBoundary:h=!1,padding:g=0}=n,u=pe(g),d=r[h?p==="floating"?"reference":"floating":p],_=Z(await a.getClippingRect({element:(o=await(a.isElement==null?void 0:a.isElement(d)))==null||o?d:d.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(r.floating)),boundary:f,rootBoundary:k,strategy:c})),b=Z(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:p==="floating"?{...i.floating,x:s,y:l}:i.reference,offsetParent:await(a.getOffsetParent==null?void 0:a.getOffsetParent(r.floating)),strategy:c}):i[p]);return{top:_.top-b.top+u.top,bottom:b.bottom-_.bottom+u.bottom,left:_.left-b.left+u.left,right:b.right-_.right+u.right}}const Tt=Math.min,At=Math.max;function ne(t,n,o){return At(t,Tt(n,o))}const Dt=t=>({name:"arrow",options:t,async fn(n){const{element:o,padding:s=0}=t!=null?t:{},{x:l,y:a,placement:i,rects:r,platform:c}=n;if(o==null)return process.env.NODE_ENV!=="production"&&console.warn("Floating UI: No `element` was passed to the `arrow` middleware."),{};const f=pe(s),k={x:l,y:a},p=R(i),h=X(i),g=oe(p),u=await c.getDimensions(o),m=p==="y"?"top":"left",d=p==="y"?"bottom":"right",_=r.reference[g]+r.reference[p]-k[p]-r.floating[g],b=k[p]-r.reference[p],w=await(c.getOffsetParent==null?void 0:c.getOffsetParent(o));let B=w?p==="y"?w.clientHeight||0:w.clientWidth||0:0;B===0&&(B=r.floating[g]);const E=_/2-b/2,y=f[m],N=B-u[g]-f[d],$=B/2-u[g]/2+E,M=ne(y,$,N),v=(h==="start"?f[m]:f[d])>0&&$!==M&&r.reference[g]<=r.floating[g]?$<y?y-$:N-$:0;return{[p]:k[p]-v,data:{[p]:M,centerOffset:$-M}}}}),It={left:"right",right:"left",bottom:"top",top:"bottom"};function K(t){return t.replace(/left|right|bottom|top/g,n=>It[n])}function St(t,n,o){o===void 0&&(o=!1);const s=X(t),l=R(t),a=oe(l);let i=l==="x"?s===(o?"end":"start")?"right":"left":s==="start"?"bottom":"top";return n.reference[a]>n.floating[a]&&(i=K(i)),{main:i,cross:K(i)}}const Lt={start:"end",end:"start"};function ue(t){return t.replace(/start|end/g,n=>Lt[n])}const Ot=["top","right","bottom","left"];function jt(t){const n=K(t);return[ue(t),n,ue(n)]}const Rt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(n){var o;const{placement:s,middlewareData:l,rects:a,initialPlacement:i,platform:r,elements:c}=n,{mainAxis:f=!0,crossAxis:k=!0,fallbackPlacements:p,fallbackStrategy:h="bestFit",flipAlignment:g=!0,...u}=t,m=j(s),_=p||(m===i||!g?[K(i)]:jt(i)),b=[i,..._],w=await Q(n,u),B=[];let E=((o=l.flip)==null?void 0:o.overflows)||[];if(f&&B.push(w[m]),k){const{main:M,cross:H}=St(s,a,await(r.isRTL==null?void 0:r.isRTL(c.floating)));B.push(w[M],w[H])}if(E=[...E,{placement:s,overflows:B}],!B.every(M=>M<=0)){var y,N;const M=((y=(N=l.flip)==null?void 0:N.index)!=null?y:0)+1,H=b[M];if(H)return{data:{index:M,overflows:E},reset:{placement:H}};let Y="bottom";switch(h){case"bestFit":{var $;const v=($=E.map(ee=>[ee,ee.overflows.filter(W=>W>0).reduce((W,co)=>W+co,0)]).sort((ee,W)=>ee[1]-W[1])[0])==null?void 0:$[0].placement;v&&(Y=v);break}case"initialPlacement":Y=i;break}if(s!==Y)return{reset:{placement:Y}}}return{}}}};function me(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function he(t){return Ot.some(n=>t[n]>=0)}const Pt=function(t){let{strategy:n="referenceHidden",...o}=t===void 0?{}:t;return{name:"hide",async fn(s){const{rects:l}=s;switch(n){case"referenceHidden":{const a=await Q(s,{...o,elementContext:"reference"}),i=me(a,l.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:he(i)}}}case"escaped":{const a=await Q(s,{...o,altBoundary:!0}),i=me(a,l.floating);return{data:{escapedOffsets:i,escaped:he(i)}}}default:return{}}}}};async function Ft(t,n){const{placement:o,platform:s,elements:l}=t,a=await(s.isRTL==null?void 0:s.isRTL(l.floating)),i=j(o),r=X(o),c=R(o)==="x",f=["left","top"].includes(i)?-1:1,k=a&&c?-1:1,p=typeof n=="function"?n(t):n;let{mainAxis:h,crossAxis:g,alignmentAxis:u}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return r&&typeof u=="number"&&(g=r==="end"?u*-1:u),c?{x:g*k,y:h*f}:{x:h*f,y:g*k}}const Ht=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(n){const{x:o,y:s}=n,l=await Ft(n,t);return{x:o+l.x,y:s+l.y,data:l}}}};function Yt(t){return t==="x"?"y":"x"}const Wt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(n){const{x:o,y:s,placement:l}=n,{mainAxis:a=!0,crossAxis:i=!1,limiter:r={fn:d=>{let{x:_,y:b}=d;return{x:_,y:b}}},...c}=t,f={x:o,y:s},k=await Q(n,c),p=R(j(l)),h=Yt(p);let g=f[p],u=f[h];if(a){const d=p==="y"?"top":"left",_=p==="y"?"bottom":"right",b=g+k[d],w=g-k[_];g=ne(b,g,w)}if(i){const d=h==="y"?"top":"left",_=h==="y"?"bottom":"right",b=u+k[d],w=u-k[_];u=ne(b,u,w)}const m=r.fn({...n,[p]:g,[h]:u});return{...m,data:{x:m.x-o,y:m.y-s}}}}};function ge(t){return t&&t.document&&t.location&&t.alert&&t.setInterval}function z(t){if(t==null)return window;if(!ge(t)){const n=t.ownerDocument;return n&&n.defaultView||window}return t}function V(t){return z(t).getComputedStyle(t)}function A(t){return ge(t)?"":t?(t.nodeName||"").toLowerCase():""}function _e(){const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?t.brands.map(n=>n.brand+"/"+n.version).join(" "):navigator.userAgent}function T(t){return t instanceof z(t).HTMLElement}function L(t){return t instanceof z(t).Element}function Ut(t){return t instanceof z(t).Node}function ke(t){if(typeof ShadowRoot>"u")return!1;const n=z(t).ShadowRoot;return t instanceof n||t instanceof ShadowRoot}function G(t){const{overflow:n,overflowX:o,overflowY:s,display:l}=V(t);return/auto|scroll|overlay|hidden/.test(n+s+o)&&!["inline","contents"].includes(l)}function Xt(t){return["table","td","th"].includes(A(t))}function le(t){const n=/firefox/i.test(_e()),o=V(t),s=o.backdropFilter||o.WebkitBackdropFilter;return o.transform!=="none"||o.perspective!=="none"||(s?s!=="none":!1)||n&&o.willChange==="filter"||n&&(o.filter?o.filter!=="none":!1)||["transform","perspective"].some(l=>o.willChange.includes(l))||["paint","layout","strict","content"].some(l=>{const a=o.contain;return a!=null?a.includes(l):!1})}function be(){return!/^((?!chrome|android).)*safari/i.test(_e())}function se(t){return["html","body","#document"].includes(A(t))}const ye=Math.min,P=Math.max,J=Math.round;function S(t,n,o){var s,l,a,i;n===void 0&&(n=!1),o===void 0&&(o=!1);const r=t.getBoundingClientRect();let c=1,f=1;n&&T(t)&&(c=t.offsetWidth>0&&J(r.width)/t.offsetWidth||1,f=t.offsetHeight>0&&J(r.height)/t.offsetHeight||1);const k=L(t)?z(t):window,p=!be()&&o,h=(r.left+(p&&(s=(l=k.visualViewport)==null?void 0:l.offsetLeft)!=null?s:0))/c,g=(r.top+(p&&(a=(i=k.visualViewport)==null?void 0:i.offsetTop)!=null?a:0))/f,u=r.width/c,m=r.height/f;return{width:u,height:m,top:g,right:h+u,bottom:g+m,left:h,x:h,y:g}}function D(t){return((Ut(t)?t.ownerDocument:t.document)||window.document).documentElement}function q(t){return L(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function we(t){return S(D(t)).left+q(t).scrollLeft}function Zt(t){const n=S(t);return J(n.width)!==t.offsetWidth||J(n.height)!==t.offsetHeight}function Qt(t,n,o){const s=T(n),l=D(n),a=S(t,s&&Zt(n),o==="fixed");let i={scrollLeft:0,scrollTop:0};const r={x:0,y:0};if(s||!s&&o!=="fixed")if((A(n)!=="body"||G(l))&&(i=q(n)),T(n)){const c=S(n,!0);r.x=c.x+n.clientLeft,r.y=c.y+n.clientTop}else l&&(r.x=we(l));return{x:a.left+i.scrollLeft-r.x,y:a.top+i.scrollTop-r.y,width:a.width,height:a.height}}function F(t){if(A(t)==="html")return t;const n=t.assignedSlot||t.parentNode||(ke(t)?t.host:null)||D(t);return ke(n)?n.host:n}function xe(t){return!T(t)||V(t).position==="fixed"?null:t.offsetParent}function Kt(t){let n=F(t);for(;T(n)&&!se(n);){if(le(n))return n;n=F(n)}return null}function Ce(t){const n=z(t);let o=xe(t);for(;o&&Xt(o)&&V(o).position==="static";)o=xe(o);return o&&(A(o)==="html"||A(o)==="body"&&V(o).position==="static"&&!le(o))?n:o||Kt(t)||n}function Gt(t){if(T(t))return{width:t.offsetWidth,height:t.offsetHeight};const n=S(t);return{width:n.width,height:n.height}}function Jt(t){let{rect:n,offsetParent:o,strategy:s}=t;const l=T(o),a=D(o);if(o===a)return n;let i={scrollLeft:0,scrollTop:0};const r={x:0,y:0};if((l||!l&&s!=="fixed")&&((A(o)!=="body"||G(a))&&(i=q(o)),T(o))){const c=S(o,!0);r.x=c.x+o.clientLeft,r.y=c.y+o.clientTop}return{...n,x:n.x-i.scrollLeft+r.x,y:n.y-i.scrollTop+r.y}}function qt(t,n){const o=z(t),s=D(t),l=o.visualViewport;let a=s.clientWidth,i=s.clientHeight,r=0,c=0;if(l){a=l.width,i=l.height;const f=be();(f||!f&&n==="fixed")&&(r=l.offsetLeft,c=l.offsetTop)}return{width:a,height:i,x:r,y:c}}function vt(t){var n;const o=D(t),s=q(t),l=(n=t.ownerDocument)==null?void 0:n.body,a=P(o.scrollWidth,o.clientWidth,l?l.scrollWidth:0,l?l.clientWidth:0),i=P(o.scrollHeight,o.clientHeight,l?l.scrollHeight:0,l?l.clientHeight:0);let r=-s.scrollLeft+we(t);const c=-s.scrollTop;return V(l||o).direction==="rtl"&&(r+=P(o.clientWidth,l?l.clientWidth:0)-a),{width:a,height:i,x:r,y:c}}function Be(t){const n=F(t);return se(n)?t.ownerDocument.body:T(n)&&G(n)?n:Be(n)}function Ee(t,n){var o;n===void 0&&(n=[]);const s=Be(t),l=s===((o=t.ownerDocument)==null?void 0:o.body),a=z(s),i=l?[a].concat(a.visualViewport||[],G(s)?s:[]):s,r=n.concat(i);return l?r:r.concat(Ee(i))}function eo(t,n){const o=S(t,!1,n==="fixed"),s=o.top+t.clientTop,l=o.left+t.clientLeft;return{top:s,left:l,x:l,y:s,right:l+t.clientWidth,bottom:s+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}function Ne(t,n,o){return n==="viewport"?Z(qt(t,o)):L(n)?eo(n,o):Z(vt(D(t)))}function to(t){let n=Ee(t).filter(a=>L(a)&&A(a)!=="body"),o=null;const s=V(t).position==="fixed";let l=s?F(t):t;for(;L(l)&&!se(l);){const a=V(l),i=le(l);(s?!i&&!o:!i&&a.position==="static"&&!!o&&["absolute","fixed"].includes(o.position))?n=n.filter(c=>c!==l):o=a,l=F(l)}return n}function oo(t){let{element:n,boundary:o,rootBoundary:s,strategy:l}=t;const i=[...o==="clippingAncestors"?to(n):[].concat(o),s],r=i[0],c=i.reduce((f,k)=>{const p=Ne(n,k,l);return f.top=P(p.top,f.top),f.right=ye(p.right,f.right),f.bottom=ye(p.bottom,f.bottom),f.left=P(p.left,f.left),f},Ne(n,r,l));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}const no={getClippingRect:oo,convertOffsetParentRelativeRectToViewportRelativeRect:Jt,isElement:L,getDimensions:Gt,getOffsetParent:Ce,getDocumentElement:D,async getElementRects(t){let{reference:n,floating:o,strategy:s}=t;const l=this.getOffsetParent||Ce,a=this.getDimensions;return{reference:Qt(n,await l(o),s),floating:{x:0,y:0,...await a(o)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>V(t).direction==="rtl"},lo=(t,n,o)=>zt(t,n,{platform:no,...o});function ae({value:t},{value:n},{value:o},s,l,a){!t||!n||lo(t,n,{placement:s,middleware:[Ht(l),Wt({padding:a}),Dt({element:o}),Rt(),Pt()]}).then(({x:i,y:r,placement:c,middlewareData:f})=>{if(Object.assign(n.style,{left:`${i}px`,top:`${r}px`}),o&&f.arrow){const{x:k,y:p}=f.arrow,h={top:O.Bottom,right:O.Left,bottom:O.Top,left:O.Right}[c.split("-")[0]];Object.assign(o.style,{left:i!=null?`${k}px`:"",top:r!=null?`${p}px`:"",right:"",bottom:"",[`${h}`]:"-4px"})}})}var O=(t=>(t.Top="top",t.Bottom="bottom",t.Left="left",t.Right="right",t.TopStart="top-start",t.TopEnd="top-end",t.RightStart="right-start",t.RightEnd="right-end",t.BottomStart="bottom-start",t.BottomEnd="bottom-end",t.LeftStart="left-start",t.LeftEnd="left-end",t))(O||{}),I=(t=>(t.Click="click",t.Hover="hover",t.Manual="manual",t))(I||{});const so=["aria-disabled","onClick","onMouseenter","onMouseleave","onMousemove"],ao=["innerHTML"],io=e.defineComponent({__name:"Tooltip",props:{placement:{default:O.Top},text:{default:""},dark:{type:Boolean,default:!0},light:{type:Boolean,default:!1},triggers:{default:I.Hover},autoHide:{type:Boolean,default:!0},hideDelay:{default:3e3},showDelay:{default:0},shown:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},offset:{default:0},padding:{default:2},outsideClick:{type:Boolean,default:!1},triggerContent:{default:""},resizable:{type:Boolean,default:!0}},emits:["show","hide"],setup(t,{emit:n}){const o=t;e.useCssVars(d=>({"11aba73c":e.unref(m)}));const s=e.ref(null),l=e.ref(null),a=e.ref(null);function i(){const{placement:d,offset:_,padding:b,disabled:w}=o;w||(l.value.style.display="block",n("show"),ae(s,l,a,d,_,b),c(),o.outsideClick&&f("add"))}function r(){l.value.style.display="",n("hide"),o.outsideClick&&f("remove")}const c=()=>{o.autoHide&&setTimeout(()=>{r()},o.hideDelay)},f=d=>{d==="add"&&document.addEventListener("click",r),d==="remove"&&document.removeEventListener("click",r)},k=()=>{o.disabled||o.triggers==I.Click&&(l.value.style.display==="block"?r():i())},p=()=>{o.disabled||o.triggers===I.Hover&&i()},h=()=>{if(!o.disabled)if(l.value.style.display===""&&o.triggers===I.Hover){i();return}else l.value.style.display!==""&&o.triggers===I.Hover&&r()},g=()=>{const{placement:d,offset:_,padding:b,disabled:w}=o;w||o.triggers===I.Hover&&ae(s,l,a,d,_,b)},u=e.computed(()=>({tooltip:!0,"tooltip--dark":o.dark,"tooltip--light":o.light}));window.onresize=()=>{const{placement:d,offset:_,padding:b,disabled:w}=o;w||o.resizable&&ae(s,l,a,d,_,b)},e.watchEffect(()=>{o.disabled||o.shown&&o.triggers===I.Manual&&i()},{flush:"post"});const m=e.computed(()=>`${o.showDelay}ms`);return(d,_)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"trigger",ref:s,"aria-disabled":o.disabled,class:"trigger",onClick:e.withModifiers(k,["stop"]),onMouseenter:e.withModifiers(p,["stop"]),onMouseleave:e.withModifiers(h,["stop"]),onMousemove:e.withModifiers(g,["stop"])},[e.renderSlot(d.$slots,"trigger",{},void 0,!0),d.$slots.trigger?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:o.triggerContent},null,8,ao))],40,so),e.createElementVNode("div",{id:"tooltip",ref_key:"tooltip",ref:l,class:e.normalizeClass(e.unref(u)),role:"tooltip"},[e.renderSlot(d.$slots,"content",{},void 0,!0),d.$slots.content?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass({tooltip__content:!0,"tooltip__content--dark":o.dark,"tooltip__content--light":o.light})},e.toDisplayString(o.text),3)),d.$slots.content?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,id:"arrow",ref_key:"arrowElement",ref:a,class:e.normalizeClass({tooltip__arrow:!0,"tooltip__arrow--dark":o.dark,"tooltip__arrow--light":o.light})},null,2))],2)],64))}}),zo="",ro=((t,n)=>{const o=t.__vccOpts||t;for(const[s,l]of n)o[s]=l;return o})(io,[["__scopeId","data-v-af8d63f8"]]);x.Alert=Ae,x.Avatar=Se,x.Badge=Oe,x.Button=re,x.Checkbox=Ze,x.Chip=ce,x.Dropdown=et,x.Icon=C,x.Label=te,x.Snackbar=st,x.Switch=pt,x.TabItem=de,x.Tabs=_t,x.TextArea=xt,x.Textfield=$t,x.Tooltip=ro,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});