@vue/devtools-ui 8.0.1 → 8.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2 -2
- package/dist/index.js +418 -419
- package/package.json +8 -8
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
|
|
3
|
-
"use strict";var
|
|
4
|
-
`),(c,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l},[e.createElementVNode("span",{class:"line",textContent:e.toDisplayString(c)},null,8,ae),n[0]||(n[0]=e.createElementVNode("br",null,null,-1))],64))),128))])])],2))}}),C=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean},position:{default:"fixed"}},setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc $ui-bg-base transition-opacity transition-duration-300",[t.dim?"bg-opacity-50!":"bg-opacity-0!",t.blur?"backdrop-blur-sm":"",t.position]])},[e.renderSlot(t.$slots,"default")],2))}}),le={class:"h7.5 w-full $ui-fbc"},se={class:"text-4.5"},ie={class:"content transition-all transition-duration-300"},de={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},ce={class:"$ui-fcc"},N=e.defineComponent({__name:"Dialog",props:{modelValue:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0},title:{default:"Dialog"},width:{default:"32rem"},height:{default:"18rem"},closable:{type:Boolean,default:!0},mountTo:{default:"body"},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["close","update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i,{passive:!0}),s=m.useScrollLock(()=>window.document.documentElement);e.watchEffect(()=>{r.value?s.value=!0:s.value=!1});function n(){r.value&&o.autoClose&&(r.value=!1)}m.onKeyStroke("Escape",()=>{n()});const c=e.ref(!1);return e.onMounted(()=>c.value=!0),(l,d)=>c.value||l.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:l.mountTo},[e.createVNode(e.Transition,{"enter-from-class":"opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0","enter-to-class":"opacity-100 [&_.modal]:scale-100","leave-from-class":"opacity-100 [&_.modal]:scale-100","leave-to-class":"opacity-0 [&_.modal]:scale-95"},{default:e.withCtx(()=>[e.unref(r)?(e.openBlock(),e.createBlock(C,{key:0,dim:l.dim,blur:l.blur,position:l.position},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",style:e.normalizeStyle({width:o.width,height:o.height})},[e.createElementVNode("div",le,[e.createElementVNode("div",se,[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),l.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",onClick:n},d[0]||(d[0]=[e.createElementVNode("div",{class:"i-carbon-close"},null,-1)]))):e.createCommentVNode("",!0)]),e.createElementVNode("div",ie,[e.renderSlot(l.$slots,"default")]),e.createElementVNode("div",de,[e.renderSlot(l.$slots,"footer",{},()=>[e.renderSlot(l.$slots,"footer",{},()=>[e.createElementVNode("div",ce,[e.createVNode(v,{type:"primary",onClick:n},{default:e.withCtx(()=>d[1]||(d[1]=[e.createTextVNode(" close ",-1)])),_:1,__:[1]})])])])])],4)]),_:3},8,["dim","blur","position"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),ue={class:"$ui-fec gap2.5"},pe=e.defineComponent({__name:"Confirm",props:{modelValue:{type:Boolean},content:{},cancelText:{default:"Cancel"},confirmText:{default:"Confirm"},width:{default:"20%"},height:{default:"9rem"},title:{default:"Warning"},loading:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0}},emits:["update:modelValue","confirm","cancel","close"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i);e.watchEffect(()=>{r.value||i("close")});function s(n=!1){(o.autoClose||n)&&(r.value=!1)}return(n,c)=>(e.openBlock(),e.createBlock(N,{modelValue:e.unref(r),"onUpdate:modelValue":c[2]||(c[2]=l=>e.isRef(r)?r.value=l:null),width:n.width,height:n.height,title:n.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",ue,[e.createVNode(v,{onClick:c[0]||(c[0]=()=>{i("cancel"),s(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.cancelText),1)]),_:1}),e.createVNode(v,{loading:n.loading,type:"primary",onClick:c[1]||(c[1]=()=>{i("confirm"),s()})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.confirmText),1)]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{class:"h-auto w-auto"},()=>[e.createTextVNode(e.toDisplayString(n.content),1)])]),_:3},8,["modelValue","width","height","title"]))}}),_=e.defineComponent({__name:"Notification",props:{message:{},type:{default:"info"},classes:{},duration:{default:3e3},placement:{default:"top-center"},onClose:{}},setup(a){const t=a,o={success:"i-carbon-checkmark",info:"i-material-symbols-light-info",warning:"i-carbon-warning",error:"i-carbon-close"},i={success:"text-primary-500 border-primary-200 dark:text-primary-200 dark:border-primary-500",info:"text-blue-4 border-blue-2 dark:text-blue-2 dark:border-blue-4",warning:"text-amber-4 border-amber-2 dark:border-amber-4",error:"text-red-4 border-red-2 dark:border-red-4"},r=e.ref(!1);e.onMounted(()=>{r.value=!0,setTimeout(()=>{r.value=!1},t.duration)});const s=e.computed(()=>t.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 right-0 $ui-z-max-override text-center",[{"top-0":n.placement.startsWith("top")},{"bottom-0":n.placement.startsWith("bottom")}]])},[e.createVNode(e.Transition,{"enter-from-class":s.value,"leave-to-class":s.value,onAfterLeave:c[0]||(c[0]=()=>{r.value||n.onClose?.()})},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex transition-all duration-300",style:e.normalizeStyle({justifyContent:n.placement.includes("right")?"right":n.placement.includes("left")?"left":"center"})},[e.createElementVNode("div",{class:e.normalizeClass(["m3 flex-inline items-center gap2 b-1 b-1 rounded $ui-bg-base px4 py1 shadow transition-all duration-300",[n.classes,i[n.type]]])},[e.createElementVNode("div",{class:e.normalizeClass(o[n.type])},null,2),e.createElementVNode("div",null,e.toDisplayString(n.message),1)],2)],4)):e.createCommentVNode("",!0)]),_:1},8,["enter-from-class","leave-to-class"])],2))}});function me(a){const t=document.createElement("div");t.classList.add("$ui-z-max-override","fixed"),document.body.appendChild(t);const o=a.onClose;function i(){e.render(null,t)}a.onClose=()=>{i(),o?.(),document.body.removeChild(t)};const r=e.h(_,a);e.render(r,t)}const S="__vue-devtools-theme__";function T(a={}){const t=m.useColorMode({...a,storageKey:S});return{colorMode:t,isDark:e.computed(()=>t.value==="dark")}}const fe={class:"$ui-dark-toggle-vtr"},ge=e.defineComponent({__name:"DarkToggle",props:{isDark:{type:Boolean,default:!1},animation:{type:Boolean,default:!0},animationDuration:{default:400}},setup(a){const t=a,o=m.useVModel(t,"isDark"),{colorMode:i}=T({initialValue:o.value?"dark":"light",onChanged:c=>{o.value=c==="dark"}}),r=e.computed({get:()=>i.value==="dark",set:c=>i.value=c?"dark":"light"}),s=!!document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function n(c){if(!s||!c||!t.animation){r.value=!r.value;return}const l=c.clientX,d=c.clientY,p=Math.hypot(Math.max(l,innerWidth-l),Math.max(d,innerHeight-d));document.startViewTransition(async()=>{r.value=!r.value,await e.nextTick()}).ready.then(()=>{const g=[`circle(0px at ${l}px ${d}px)`,`circle(${p}px at ${l}px ${d}px)`];document.documentElement.animate({clipPath:r.value?[...g].reverse():g},{duration:t.animationDuration,easing:"ease-in",pseudoElement:r.value?"::view-transition-old(root)":"::view-transition-new(root)"})})}return(c,l)=>(e.openBlock(),e.createElementBlock("span",fe,[e.renderSlot(c.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(i),isDark:r.value,toggle:n})))]))}}),ve=e.defineComponent({__name:"Drawer",props:{modelValue:{type:Boolean},mountTo:{default:"body"},placement:{default:"right"},closeOutside:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},contentClass:{},permanent:{type:Boolean,default:!1},contentBlur:{type:Boolean,default:!1},top:{},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["update:modelValue","close"],setup(a,{emit:t}){const o=a,i=t,{height:r}=m.useElementSize(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),s=m.useVModel(o,"modelValue",i),n={left:{class:"left-0 h-full b-r",transition:"[&_.drawer]:translate-x--100%"},right:{class:"right-0 h-full b-l",transition:"[&_.drawer]:translate-x-full"},top:{class:"w-full b-b",transition:"[&_.drawer]:translate-y--100%"},bottom:{class:"bottom-0 w-full b-t",transition:"[&_.drawer]:translate-y-100%"}};m.onKeyStroke("Escape",()=>{o.closable&&(s.value=!1)});const c=e.computed(()=>n[o.placement]),l=e.ref(!1);return e.onMounted(()=>l.value=!0),(d,p)=>l.value||d.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:d.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${c.value.transition}`,"leave-to-class":`${c.value.transition}`},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createBlock(C,{key:0,class:e.normalizeClass({"pointer-events-none":d.permanent}),dim:d.dim,blur:d.blur,position:d.position,onClick:p[2]||(p[2]=u=>d.closeOutside&&d.closable&&(s.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[c.value.class,d.contentClass??"",d.contentBlur?"$ui-glass-effect":"$ui-bg-base"],"drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),style:e.normalizeStyle({top:d.placement==="bottom"?"auto":`${e.unref(r)}px`,height:["top","bottom"].includes(d.placement)?"auto":`calc(100% - ${e.unref(r)}px)`}),onClick:p[1]||(p[1]=e.withModifiers(()=>{},["stop"]))},[d.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-carbon-close absolute right-1.5 top-1.5 $ui-z-max cursor-pointer p1 text-lg $ui-text",onClick:p[0]||(p[0]=u=>s.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"default")],6)]),_:3},8,["class","dim","blur","position"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),be={class:"overflow-hidden rounded-lg shadow-lg"},D=e.defineComponent({__name:"Dropdown",props:{label:{},buttonProps:{default:()=>({})},buttonClass:{default:""},trigger:{default:"click"},distance:{default:0},skidding:{},placement:{},disabled:{type:Boolean,default:!1},shown:{type:Boolean}},emits:["update:visible"],setup(a){const t=a;return e.provide("$ui-dropdown-disabled",e.computed(()=>t.disabled)),(o,i)=>(e.openBlock(),e.createBlock(e.unref(b.Dropdown),{disabled:o.disabled,class:"inline-block w-auto",shown:o.shown,triggers:[o.trigger],distance:o.distance+6,placement:o.placement,skidding:o.skidding,"onUpdate:shown":i[0]||(i[0]=r=>o.$emit("update:visible",r)),onClick:i[1]||(i[1]=r=>{r.stopPropagation()})},{popper:e.withCtx(({hide:r})=>[e.createElementVNode("div",be,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:r})),()=>[i[2]||(i[2]=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1))])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(v,e.mergeProps({...o.buttonProps,disabled:o.disabled},{class:o.buttonClass}),e.createSlots({icon:e.withCtx(()=>[e.renderSlot(o.$slots,"button-icon")]),"icon-right":e.withCtx(()=>[e.renderSlot(o.$slots,"button-icon-right")]),_:2},[o.label?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),key:"0"}:void 0]),1040,["class"])])]),_:3},8,["disabled","shown","triggers","distance","placement","skidding"]))}}),he=e.defineComponent({__name:"DropdownButton",props:{type:{},round:{type:[String,Boolean]},loading:{type:Boolean},disabled:{type:Boolean},size:{},flat:{type:Boolean},outlined:{type:Boolean},keepOpen:{type:Boolean,default:!1}},setup(a){const t=a,o=e.inject("$ui-dropdown-disabled",void 0);return(i,r)=>e.withDirectives((e.openBlock(),e.createBlock(v,e.mergeProps({...t,round:!1},{disabled:e.unref(o),class:"w-full justify-start transition-colors not-action:bg-transparent!"}),{icon:e.withCtx(()=>[e.renderSlot(i.$slots,"icon")]),default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16,["disabled"])),[[e.unref(b.vClosePopper)]])}}),y=e.defineComponent({__name:"Icon",props:{icon:{},inline:{type:Boolean},action:{type:Boolean,default:!1}},setup(a){return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.inline?"span":"div"),{class:e.normalizeClass(["$ui-base",[t.icon,t.action?"cursor-pointer hover:op50":""]])},null,8,["class"]))}}),ye=["type","placeholder","disabled"],ke={key:3,class:"pointer-events-none absolute bottom--0.25 left-50% right-50% z-9999 h-0.75 bg-primary-500 opacity-0 transition-all duration-240 group-[&.focused]:left-0 group-[&.focused]:right-0 group-[&.focused]:opacity-100 group-[&.accent.focused]:bg-accent-500"},k="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",x=e.defineComponent({__name:"Input",props:{modelValue:{},placeholder:{default:""},variant:{default:"normal"},disabled:{type:Boolean,default:!1},leftIcon:{},rightIcon:{},loading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},loadingDebounceTime:{default:0},readonly:{type:Boolean,default:!1},type:{default:"text"}},emits:["update:modelValue","updateFocused","keyTab"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i),s=m.refDebounced(e.computed(()=>o.loading),o.loadingDebounceTime),n=m.refWithControl(!1,{onChanged(u){i("updateFocused",u)}}),c=e.computed(()=>o.variant==="flat"||o.variant==="warning"||o.disabled||o.readonly),l=e.computed(()=>o.disabled||s.value),d=e.ref();let p=!1;return e.watchEffect(()=>{s.value&&n.value?p=!0:!s.value&&p&&(p=!1,e.nextTick(()=>{n.value=!0}))}),e.onMounted(()=>{o.autoFocus&&(n.value=!0)}),e.watchEffect(()=>{n.value&&d.value?.focus()}),(u,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100",[{"border-none bg-transparent group":u.variant==="flat","cursor-not-allowed opacity-50":l.value,accent:u.variant==="accent",focused:e.unref(n)},[u.variant==="warning"?"border-warning-500 dark:border-warning-300":"border-primary-100 dark:border-gray-700"]]]),onClick:g[2]||(g[2]=()=>{n.value=!0})},[u.leftIcon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(k)},[e.createVNode(y,{icon:u.leftIcon},null,8,["icon"])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:d,"onUpdate:modelValue":g[0]||(g[0]=V=>e.isRef(r)?r.value=V:null),class:"$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",type:u.type,placeholder:u.placeholder,disabled:l.value||u.readonly,onBlur:g[1]||(g[1]=V=>n.value=!1)},null,40,ye),[[e.vModelDynamic,e.unref(r)]]),e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(k)},[e.createVNode(B)])):u.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(k)},[e.createVNode(y,{icon:u.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ke))],2))}}),we={class:"$ui-base"},Be=e.defineComponent({__name:"FormField",props:{modelValue:{},status:{default:"normal"},showMessage:{type:Boolean,default:!0},message:{default:""},placeholder:{}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i),s=e.ref(!1),n=e.computed(()=>o.message&&o.message.length&&o.showMessage),c={normal:"color-gray-600 dark:color-gray-400",warning:"color-warning-500 dark:color-warning-200",danger:"color-danger-500 dark:color-danger-200",success:"color-primary-700 dark:color-primary-500"},l={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(d,p)=>(e.openBlock(),e.createElementBlock("div",we,[e.createVNode(x,{modelValue:e.unref(r),"onUpdate:modelValue":p[0]||(p[0]=u=>e.isRef(r)?r.value=u:null),placeholder:d.placeholder,onUpdateFocused:p[1]||(p[1]=u=>s.value=u)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[c[d.status],{"opacity-65":!s.value}]])},[d.status!=="normal"&&n.value?(e.openBlock(),e.createBlock(y,{key:0,inline:"",icon:l[d.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.value?d.message:""),1)],2)]))}}),Ce=["innerHTML"],Ve=e.defineComponent({__name:"IcIcon",props:{name:{}},setup(a){const t=a,o=e.computed(()=>O.icIcons[t.name]??"");return(i,r)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:"custom-svg h-1em w-1em",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",innerHTML:o.value},null,8,Ce))]))}}),$e={class:"m1 min-w-35 w-auto flex flex-col"},Ee=["onClick"],Ne=e.defineComponent({__name:"Select",props:{modelValue:{},multiple:{default:!1},options:{},placeholder:{default:"Select..."},autoClose:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},labelRenderer:{type:Function,default:a=>String(a)},buttonProps:{default:()=>({})}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=e.useSlots(),s=e.computed({get:()=>o.modelValue,set:l=>i("update:modelValue",l)}),n=e.computed(()=>{const l=o.options.find(d=>d.value===s.value);return l?.label?o.labelRenderer(l.label):o.placeholder});function c(l){o.multiple?s.value=s.value.includes(l.value)?s.value.filter(d=>d!==l.value):[...s.value,l.value]:s.value=l.value}return(l,d)=>(e.openBlock(),e.createBlock(D,e.mergeProps({label:n.value},{buttonProps:l.buttonProps,disabled:l.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",$e,[e.unref(r).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,p=>(e.openBlock(),e.createElementBlock("div",{key:p.value,class:"cursor-pointer",onClick:u=>c(p)},[e.renderSlot(l.$slots,"item",e.mergeProps({ref_for:!0},{item:p,active:l.multiple?s.value.includes(p.value):p.value===s.value,disabled:l.disabled}))],8,Ee))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.options,p=>e.withDirectives((e.openBlock(),e.createBlock(v,{key:p.value,disabled:l.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:l.multiple?s.value.includes(p.value):p.value===s.value}]),onClick:u=>c(p)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(b.vClosePopper),l.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[d[0]||(d[0]=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1))]),_:2},[e.unref(r).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),_e=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i),s=m.useToggle(r);return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[n.disabled?"cursor-not-allowed":"cursor-pointer"],"$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),role:"checkbox",onClick:c[0]||(c[0]=l=>!n.disabled&&e.unref(s)())},[e.renderSlot(n.$slots,"default"),e.createElementVNode("div",{class:e.normalizeClass([{selected:e.unref(r)},"group relative $ui-base h4 w8 rounded-2 bg-primary-100 transition-colors dark:bg-gray-700 [&.selected]:bg-primary-500!"])},[e.createElementVNode("div",{class:e.normalizeClass(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white",[{"group-hover:opacity-75 group-active:scale-85":!n.disabled},{"opacity-65":n.disabled}]])},null,2)],2)],2))}}),Se=e.defineComponent({__name:"Tooltip",props:{trigger:{},distance:{},skidding:{},placement:{},disabled:{type:Boolean},shown:{type:Boolean}},setup(a){return(t,o)=>(e.openBlock(),e.createBlock(e.unref(b.Tooltip),e.mergeProps({disabled:t.disabled,placement:t.placement},t.$attrs),{popper:e.withCtx(()=>[e.renderSlot(t.$slots,"popper")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["disabled","placement"]))}});Object.defineProperty(exports,"vTooltip",{enumerable:!0,get:()=>b.vTooltip});exports.THEME_KEY=S;exports.VueBadge=W;exports.VueButton=v;exports.VueCard=Z;exports.VueCheckbox=ee;exports.VueCodeBlock=ne;exports.VueConfirm=pe;exports.VueDarkToggle=ge;exports.VueDialog=N;exports.VueDrawer=ve;exports.VueDropdown=D;exports.VueDropdownButton=he;exports.VueFormField=Be;exports.VueIcIcon=Ve;exports.VueIcon=y;exports.VueInput=x;exports.VueLoadingIndicator=B;exports.VueNotification=_;exports.VueOverlay=C;exports.VueSelect=Ne;exports.VueSwitch=_e;exports.VueTooltip=Se;exports.showVueNotification=me;exports.useDevToolsColorMode=T;
|
|
3
|
+
"use strict";var z=Object.create;var V=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var F=(t,n,o,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of I(n))!R.call(t,a)&&a!==o&&V(t,a,{get:()=>n[a],enumerable:!(r=P(n,a))||r.enumerable});return t};var f=(t,n,o)=>(o=t!=null?z(L(t)):{},F(n||!t||!t.__esModule?V(o,"default",{value:t,enumerable:!0}):o,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("floating-vue");;/* empty css */;/* empty css */const e=require("vue"),p=require("@vueuse/core"),H=require("shiki/core"),O=require("shiki/engine/javascript"),j=require("./ic-icons-data-G1Zhc3L0.cjs"),w=(t,n)=>{const o=t.__vccOpts||t;for(const[r,a]of n)o[r]=a;return o},q={},A={class:"mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function W(t,n){return e.openBlock(),e.createElementBlock("span",A,[e.renderSlot(t.$slots,"default")])}const K=w(q,[["render",W]]),U={},Y={class:"h-3 w-3 $ui-inline-fcc"};function J(t,n){return e.openBlock(),e.createElementBlock("div",Y,[...n[0]||(n[0]=[e.createElementVNode("svg",{class:"animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})],-1)])])}const B=w(U,[["render",J]]),X={key:2},v=e.defineComponent({inheritAttrs:!1,__name:"Button",props:{type:{default:"default"},round:{type:[String,Boolean],default:"normal"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:"normal"},flat:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:n}){const o=t,r=n,a=e.useAttrs(),l=e.computed(()=>a.to?"router-link":a.href?"a":"button"),c=e.computed(()=>o.loading||o.disabled);function i(m){if(c.value){m.preventDefault(),m.stopPropagation(),m.stopImmediatePropagation();return}r("click",m)}const s={common:{default:"active:bg-primary-100-darker dark:active:bg-gray-800-darker",primary:"active:bg-primary-500-darker",accent:"active:bg-accent-500-darker",danger:"active:bg-danger-500-darker",warning:"active:bg-warning-500-darker",info:"active:bg-primary-100-darker dark:active:bg-gray-800-darker",success:"active:bg-primary-100-darker dark:active:bg-gray-800-darker"},normal:{default:"bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter dark:hover:text-white",primary:" text-white bg-primary-500 hover:bg-primary-500-lighter dark:hover:bg-primary-500-darker",accent:"text-white bg-accent-500 hover:bg-accent-500-lighter dark:bg-accent-500-darker dark:bg-accent-300",danger:"text-white bg-danger-500 hover:bg-danger-500-lighter dark:hover:bg-danger-500-darker",warning:"text-white bg-warning-500 hover:bg-warning-500-lighter dark:hover:bg-warning-500-darker",info:"text-info-500 bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter",success:"text-primary-500 bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter"},flat:{default:"hover:bg-primary-100 hover:text-black !dark:text-white dark:hover:bg-primary-800",primary:"hover:bg-primary-500 hover:text-white",accent:"hover:bg-accent-500 hover:text-white",danger:"hover:bg-danger-500 hover:text-white",warning:"hover:bg-warning-500 hover:text-white",info:"hover:bg-primary-100 hover:text-info-500 dark:hover:bg-gray-800 dark:hover:text-info-400",success:"hover:bg-primary-100 hover:text-primary-500 dark:hover:bg-primary-800 dark:hover:text-primary-400"},outlined:{default:"hover:border-primary-100 hover:text-primary-300 hover:active:ring-primary-100:5 hover:active:bg-primary-100:5",primary:"hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5",accent:"hover:border-accent-500 hover:text-accent-500 active:ring-accent-500:5 active:bg-accent-500:5",danger:"hover:border-danger-500 hover:text-danger-500 active:ring-danger-500:5 active:bg-danger-500:5",warning:"hover:border-warning-500 hover:text-warning-500 active:ring-warning-500:5 active:bg-warning-500:5",info:"hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",success:"hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"}},u=e.useSlots(),d=e.computed(()=>o.flat?s.flat[o.type]:o.outlined?s.outlined[o.type]:s.normal[o.type]);return(m,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value),e.mergeProps(m.$attrs,{role:"button","aria-disabled":c.value,class:["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition",[[s.common[o.type]],{"rounded-full":o.round==="full","$ui-base-br":o.round==="normal","opacity-50 cursor-not-allowed":c.value,"bg-transparent":o.flat||o.outlined},[t.outlined?"b-1 $ui-border-base active:ring-3 shadow-sm":"border-none",t.size==="mini"?"px1 text-3 h5.5":"px3.5 text-3.5 h8",d.value]]],onClickCapture:i}),{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(B,{key:0,class:"mt0.5 h-full w3"})):e.renderSlot(m.$slots,"icon",{key:1,class:"h-full w3 $ui-inline-fcc"}),e.unref(u).default?(e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(m.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(m.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),G={},Q={class:"$ui-base border $ui-border-base rounded shadow-sm"};function Z(t,n){return e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(t.$slots,"default")])}const _=w(G,[["render",Z]]),ee=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,a=p.useVModel(o,"modelValue",r);return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out",[e.unref(a)?t.variant==="normal"?"bg-primary-500 border-primary-200 dark:border-primary-100":"bg-accent-500 border-accent-200 dark:border-accent-100":""]]),onClick:c[0]||(c[0]=i=>a.value=!e.unref(a))},[e.createElementVNode("div",{class:e.normalizeClass([[e.unref(a)?"opacity-100":"opacity-0"],"h-60% w-35% transform-translate-y--0.25 transform-rotate-45 border-width-[0_0.125rem_0.125rem_0] border-white border-solid transition-opacity duration-200 ease-in-out"])},null,2)],2))}}),h=e.shallowRef();let $=null;function te(t,n="text"){if(!$&&!h.value){const r=O.createJavaScriptRegexEngine();$=H.createHighlighterCore({themes:[import("shiki/themes/vitesse-dark.mjs"),import("shiki/themes/vitesse-light.mjs")],langs:[import("shiki/langs/json.mjs"),import("shiki/langs/yaml.mjs"),import("shiki/langs/css.mjs"),import("shiki/langs/javascript.mjs"),import("shiki/langs/typescript.mjs"),import("shiki/langs/vue.mjs"),import("shiki/langs/vue-html.mjs"),import("shiki/langs/html.mjs"),import("shiki/langs/diff.mjs"),import("shiki/langs/shellscript.mjs")],engine:r}).then(a=>{h.value=a})}const o=h.value?.getLoadedLanguages().includes(n);return o?{code:h.value.codeToHtml(t,{lang:n,themes:{dark:"vitesse-dark",light:"vitesse-light"}}),supported:!0}:{code:t,supported:o}}const oe=["innerHTML"],ae={class:"shiki"},ne=["textContent"],re=e.defineComponent({__name:"CodeBlock",props:{code:{},lang:{},lines:{type:Boolean,default:!0},transformRendered:{}},emits:["loaded"],setup(t,{emit:n}){const o=t,r=n,a=e.computed(()=>{const l=o.lang==="text"?{code:o.code,supported:!1}:te(o.code,o.lang)||{code:o.code,supported:!1};return l.supported&&o.transformRendered&&(l.code=o.transformRendered(l.code)),l.supported&&e.nextTick(()=>r("loaded")),l});return(l,c)=>t.lang&&a.value.supported?(e.openBlock(),e.createElementBlock("pre",{key:0,class:e.normalizeClass(["code-block",t.lines?"code-block-lines":""]),innerHTML:a.value.code},null,10,oe)):(e.openBlock(),e.createElementBlock("pre",{key:1,class:e.normalizeClass(["code-block",t.lines?"code-block-lines":""])},[e.createElementVNode("pre",ae,[e.createElementVNode("code",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.code.split(`
|
|
4
|
+
`),(i,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:s},[e.createElementVNode("span",{class:"line",textContent:e.toDisplayString(i)},null,8,ne),c[0]||(c[0]=e.createElementVNode("br",null,null,-1))],64))),128))])])],2))}}),C=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean},position:{default:"fixed"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc $ui-bg-base transition-opacity transition-duration-300",[t.dim?"bg-opacity-50!":"bg-opacity-0!",t.blur?"backdrop-blur-sm":"",t.position]])},[e.renderSlot(n.$slots,"default")],2))}}),le={class:"h7.5 w-full $ui-fbc"},ie={class:"text-4.5"},se={class:"content transition-all transition-duration-300"},ce={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},de={class:"$ui-fcc"},E=e.defineComponent({__name:"Dialog",props:{modelValue:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0},title:{default:"Dialog"},width:{default:"32rem"},height:{default:"18rem"},closable:{type:Boolean,default:!0},mountTo:{default:"body"},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["close","update:modelValue"],setup(t,{emit:n}){const o=t,r=n,a=p.useVModel(o,"modelValue",r,{passive:!0}),l=p.useScrollLock(()=>window.document.documentElement);e.watchEffect(()=>{a.value?l.value=!0:l.value=!1});function c(){a.value&&o.autoClose&&(a.value=!1)}p.onKeyStroke("Escape",()=>{c()});const i=e.ref(!1);return e.onMounted(()=>i.value=!0),(s,u)=>i.value||t.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:t.mountTo},[e.createVNode(e.Transition,{"enter-from-class":"opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0","enter-to-class":"opacity-100 [&_.modal]:scale-100","leave-from-class":"opacity-100 [&_.modal]:scale-100","leave-to-class":"opacity-0 [&_.modal]:scale-95"},{default:e.withCtx(()=>[e.unref(a)?(e.openBlock(),e.createBlock(C,{key:0,dim:t.dim,blur:t.blur,position:t.position},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",style:e.normalizeStyle({width:o.width,height:o.height})},[e.createElementVNode("div",le,[e.createElementVNode("div",ie,[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),t.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",onClick:c},[...u[0]||(u[0]=[e.createElementVNode("div",{class:"i-carbon-close"},null,-1)])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",se,[e.renderSlot(s.$slots,"default")]),e.createElementVNode("div",ce,[e.renderSlot(s.$slots,"footer",{},()=>[e.renderSlot(s.$slots,"footer",{},()=>[e.createElementVNode("div",de,[e.createVNode(v,{type:"primary",onClick:c},{default:e.withCtx(()=>[...u[1]||(u[1]=[e.createTextVNode(" close ",-1)])]),_:1})])])])])],4)]),_:3},8,["dim","blur","position"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),ue={class:"$ui-fec gap2.5"},me=e.defineComponent({__name:"Confirm",props:{modelValue:{type:Boolean},content:{},cancelText:{default:"Cancel"},confirmText:{default:"Confirm"},width:{default:"20%"},height:{default:"9rem"},title:{default:"Warning"},loading:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0}},emits:["update:modelValue","confirm","cancel","close"],setup(t,{emit:n}){const o=t,r=n,a=p.useVModel(o,"modelValue",r);e.watchEffect(()=>{a.value||r("close")});function l(c=!1){(o.autoClose||c)&&(a.value=!1)}return(c,i)=>(e.openBlock(),e.createBlock(E,{modelValue:e.unref(a),"onUpdate:modelValue":i[2]||(i[2]=s=>e.isRef(a)?a.value=s:null),width:t.width,height:t.height,title:t.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",ue,[e.createVNode(v,{onClick:i[0]||(i[0]=()=>{r("cancel"),l(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelText),1)]),_:1}),e.createVNode(v,{loading:t.loading,type:"primary",onClick:i[1]||(i[1]=()=>{r("confirm"),l()})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.confirmText),1)]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.renderSlot(c.$slots,"default",{class:"h-auto w-auto"},()=>[e.createTextVNode(e.toDisplayString(t.content),1)])]),_:3},8,["modelValue","width","height","title"]))}}),N=e.defineComponent({__name:"Notification",props:{message:{},type:{default:"info"},classes:{},duration:{default:3e3},placement:{default:"top-center"},onClose:{}},setup(t){const n=t,o={success:"i-carbon-checkmark",info:"i-material-symbols-light-info",warning:"i-carbon-warning",error:"i-carbon-close"},r={success:"text-primary-500 border-primary-200 dark:text-primary-200 dark:border-primary-500",info:"text-blue-4 border-blue-2 dark:text-blue-2 dark:border-blue-4",warning:"text-amber-4 border-amber-2 dark:border-amber-4",error:"text-red-4 border-red-2 dark:border-red-4"},a=e.ref(!1);e.onMounted(()=>{a.value=!0,setTimeout(()=>{a.value=!1},n.duration)});const l=e.computed(()=>n.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(c,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 right-0 $ui-z-max-override text-center",[{"top-0":t.placement.startsWith("top")},{"bottom-0":t.placement.startsWith("bottom")}]])},[e.createVNode(e.Transition,{"enter-from-class":l.value,"leave-to-class":l.value,onAfterLeave:i[0]||(i[0]=()=>{a.value||t.onClose?.()})},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex transition-all duration-300",style:e.normalizeStyle({justifyContent:t.placement.includes("right")?"right":t.placement.includes("left")?"left":"center"})},[e.createElementVNode("div",{class:e.normalizeClass(["m3 flex-inline items-center gap2 b-1 b-1 rounded $ui-bg-base px4 py1 shadow transition-all duration-300",[t.classes,r[t.type]]])},[e.createElementVNode("div",{class:e.normalizeClass(o[t.type])},null,2),e.createElementVNode("div",null,e.toDisplayString(t.message),1)],2)],4)):e.createCommentVNode("",!0)]),_:1},8,["enter-from-class","leave-to-class"])],2))}});function pe(t){const n=document.createElement("div");n.classList.add("$ui-z-max-override","fixed"),document.body.appendChild(n);const o=t.onClose;function r(){e.render(null,n)}t.onClose=()=>{r(),o?.(),document.body.removeChild(n)};const a=e.h(N,t);e.render(a,n)}const S="__vue-devtools-theme__";function T(t={}){const n=p.useColorMode({...t,storageKey:S});return{colorMode:n,isDark:e.computed(()=>n.value==="dark")}}const fe={class:"$ui-dark-toggle-vtr"},ge=e.defineComponent({__name:"DarkToggle",props:{isDark:{type:Boolean,default:!1},animation:{type:Boolean,default:!0},animationDuration:{default:400}},setup(t){const n=t,o=p.useVModel(n,"isDark"),{colorMode:r}=T({initialValue:o.value?"dark":"light",onChanged:i=>{o.value=i==="dark"}}),a=e.computed({get:()=>r.value==="dark",set:i=>r.value=i?"dark":"light"}),l=!!document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function c(i){if(!l||!i||!n.animation){a.value=!a.value;return}const s=i.clientX,u=i.clientY,d=Math.hypot(Math.max(s,innerWidth-s),Math.max(u,innerHeight-u));document.startViewTransition(async()=>{a.value=!a.value,await e.nextTick()}).ready.then(()=>{const g=[`circle(0px at ${s}px ${u}px)`,`circle(${d}px at ${s}px ${u}px)`];document.documentElement.animate({clipPath:a.value?[...g].reverse():g},{duration:n.animationDuration,easing:"ease-in",pseudoElement:a.value?"::view-transition-old(root)":"::view-transition-new(root)"})})}return(i,s)=>(e.openBlock(),e.createElementBlock("span",fe,[e.renderSlot(i.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(r),isDark:a.value,toggle:c})))]))}}),ve=e.defineComponent({__name:"Drawer",props:{modelValue:{type:Boolean},mountTo:{default:"body"},placement:{default:"right"},closeOutside:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},contentClass:{},permanent:{type:Boolean,default:!1},contentBlur:{type:Boolean,default:!1},top:{},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["update:modelValue","close"],setup(t,{emit:n}){const o=t,r=n,{height:a}=p.useElementSize(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),l=p.useVModel(o,"modelValue",r),c={left:{class:"left-0 h-full b-r",transition:"[&_.drawer]:translate-x--100%"},right:{class:"right-0 h-full b-l",transition:"[&_.drawer]:translate-x-full"},top:{class:"w-full b-b",transition:"[&_.drawer]:translate-y--100%"},bottom:{class:"bottom-0 w-full b-t",transition:"[&_.drawer]:translate-y-100%"}};p.onKeyStroke("Escape",()=>{o.closable&&(l.value=!1)});const i=e.computed(()=>c[o.placement]),s=e.ref(!1);return e.onMounted(()=>s.value=!0),(u,d)=>s.value||t.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:t.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${i.value.transition}`,"leave-to-class":`${i.value.transition}`},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createBlock(C,{key:0,class:e.normalizeClass({"pointer-events-none":t.permanent}),dim:t.dim,blur:t.blur,position:t.position,onClick:d[2]||(d[2]=m=>t.closeOutside&&t.closable&&(l.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[i.value.class,t.contentClass??"",t.contentBlur?"$ui-glass-effect":"$ui-bg-base"],"drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),style:e.normalizeStyle({top:t.placement==="bottom"?"auto":`${e.unref(a)}px`,height:["top","bottom"].includes(t.placement)?"auto":`calc(100% - ${e.unref(a)}px)`}),onClick:d[1]||(d[1]=e.withModifiers(()=>{},["stop"]))},[t.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-carbon-close absolute right-1.5 top-1.5 $ui-z-max cursor-pointer p1 text-lg $ui-text",onClick:d[0]||(d[0]=m=>l.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"default")],6)]),_:3},8,["class","dim","blur","position"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),be={class:"overflow-hidden rounded-lg shadow-lg"},D=e.defineComponent({__name:"Dropdown",props:{label:{},buttonProps:{default:()=>({})},buttonClass:{default:""},trigger:{default:"click"},distance:{default:0},skidding:{},placement:{},disabled:{type:Boolean,default:!1},shown:{type:Boolean}},emits:["update:visible"],setup(t){const n=t;return e.provide("$ui-dropdown-disabled",e.computed(()=>n.disabled)),(o,r)=>(e.openBlock(),e.createBlock(e.unref(b.Dropdown),{disabled:t.disabled,class:"inline-block w-auto",shown:t.shown,triggers:[t.trigger],distance:t.distance+6,placement:t.placement,skidding:t.skidding,"onUpdate:shown":r[0]||(r[0]=a=>o.$emit("update:visible",a)),onClick:r[1]||(r[1]=a=>{a.stopPropagation()})},{popper:e.withCtx(({hide:a})=>[e.createElementVNode("div",be,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:a})),()=>[r[2]||(r[2]=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1))])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(v,e.mergeProps({...t.buttonProps,disabled:t.disabled},{class:t.buttonClass}),e.createSlots({icon:e.withCtx(()=>[e.renderSlot(o.$slots,"button-icon")]),"icon-right":e.withCtx(()=>[e.renderSlot(o.$slots,"button-icon-right")]),_:2},[t.label?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),key:"0"}:void 0]),1040,["class"])])]),_:3},8,["disabled","shown","triggers","distance","placement","skidding"]))}}),he=e.defineComponent({__name:"DropdownButton",props:{type:{},round:{type:[String,Boolean]},loading:{type:Boolean},disabled:{type:Boolean},size:{},flat:{type:Boolean},outlined:{type:Boolean},keepOpen:{type:Boolean,default:!1}},setup(t){const n=t,o=e.inject("$ui-dropdown-disabled",void 0);return(r,a)=>e.withDirectives((e.openBlock(),e.createBlock(v,e.mergeProps({...n,round:!1},{disabled:e.unref(o),class:"w-full justify-start transition-colors not-action:bg-transparent!"}),{icon:e.withCtx(()=>[e.renderSlot(r.$slots,"icon")]),default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16,["disabled"])),[[e.unref(b.vClosePopper)]])}}),y=e.defineComponent({__name:"Icon",props:{icon:{},inline:{type:Boolean},action:{type:Boolean,default:!1}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.inline?"span":"div"),{class:e.normalizeClass(["$ui-base",[t.icon,t.action?"cursor-pointer hover:op50":""]])},null,8,["class"]))}}),ye=["type","placeholder","disabled"],ke={key:3,class:"pointer-events-none absolute bottom--0.25 left-50% right-50% z-9999 h-0.75 bg-primary-500 opacity-0 transition-all duration-240 group-[&.focused]:left-0 group-[&.focused]:right-0 group-[&.focused]:opacity-100 group-[&.accent.focused]:bg-accent-500"},k="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",M=e.defineComponent({__name:"Input",props:{modelValue:{},placeholder:{default:""},variant:{default:"normal"},disabled:{type:Boolean,default:!1},leftIcon:{},rightIcon:{},loading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},loadingDebounceTime:{default:0},readonly:{type:Boolean,default:!1},type:{default:"text"}},emits:["update:modelValue","updateFocused","keyTab"],setup(t,{emit:n}){const o=t,r=n,a=p.useVModel(o,"modelValue",r),l=p.refDebounced(e.computed(()=>o.loading),o.loadingDebounceTime),c=p.refWithControl(!1,{onChanged(m){r("updateFocused",m)}}),i=e.computed(()=>o.variant==="flat"||o.variant==="warning"||o.disabled||o.readonly),s=e.computed(()=>o.disabled||l.value),u=e.ref();let d=!1;return e.watchEffect(()=>{l.value&&c.value?d=!0:!l.value&&d&&(d=!1,e.nextTick(()=>{c.value=!0}))}),e.onMounted(()=>{o.autoFocus&&(c.value=!0)}),e.watchEffect(()=>{c.value&&u.value?.focus()}),(m,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100",[{"border-none bg-transparent group":t.variant==="flat","cursor-not-allowed opacity-50":s.value,accent:t.variant==="accent",focused:e.unref(c)},[t.variant==="warning"?"border-warning-500 dark:border-warning-300":"border-primary-100 dark:border-gray-700"]]]),onClick:g[2]||(g[2]=()=>{c.value=!0})},[t.leftIcon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(k)},[e.createVNode(y,{icon:t.leftIcon},null,8,["icon"])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:u,"onUpdate:modelValue":g[0]||(g[0]=x=>e.isRef(a)?a.value=x:null),class:"$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",type:t.type,placeholder:t.placeholder,disabled:s.value||t.readonly,onBlur:g[1]||(g[1]=x=>c.value=!1)},null,40,ye),[[e.vModelDynamic,e.unref(a)]]),e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(k)},[e.createVNode(B)])):t.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(k)},[e.createVNode(y,{icon:t.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),i.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ke))],2))}}),we={class:"$ui-base"},Be=e.defineComponent({__name:"FormField",props:{modelValue:{},status:{default:"normal"},showMessage:{type:Boolean,default:!0},message:{default:""},placeholder:{}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,a=p.useVModel(o,"modelValue",r),l=e.ref(!1),c=e.computed(()=>o.message&&o.message.length&&o.showMessage),i={normal:"color-gray-600 dark:color-gray-400",warning:"color-warning-500 dark:color-warning-200",danger:"color-danger-500 dark:color-danger-200",success:"color-primary-700 dark:color-primary-500"},s={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(u,d)=>(e.openBlock(),e.createElementBlock("div",we,[e.createVNode(M,{modelValue:e.unref(a),"onUpdate:modelValue":d[0]||(d[0]=m=>e.isRef(a)?a.value=m:null),placeholder:t.placeholder,onUpdateFocused:d[1]||(d[1]=m=>l.value=m)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[i[t.status],{"opacity-65":!l.value}]])},[t.status!=="normal"&&c.value?(e.openBlock(),e.createBlock(y,{key:0,inline:"",icon:s[t.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(c.value?t.message:""),1)],2)]))}}),Ce=["innerHTML"],xe=e.defineComponent({__name:"IcIcon",props:{name:{}},setup(t){const n=t,o=e.computed(()=>j.icIcons[n.name]??"");return(r,a)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:"custom-svg h-1em w-1em",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",innerHTML:o.value},null,8,Ce))]))}}),Ve={class:"m1 min-w-35 w-auto flex flex-col"},$e=["onClick"],Ee=e.defineComponent({__name:"Select",props:{modelValue:{},multiple:{default:!1},options:{},placeholder:{default:"Select..."},autoClose:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},labelRenderer:{type:Function,default:t=>String(t)},buttonProps:{default:()=>({})}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,a=e.useSlots(),l=e.computed({get:()=>o.modelValue,set:s=>r("update:modelValue",s)}),c=e.computed(()=>{const s=o.options.find(u=>u.value===l.value);return s?.label?o.labelRenderer(s.label):o.placeholder});function i(s){o.multiple?l.value=l.value.includes(s.value)?l.value.filter(u=>u!==s.value):[...l.value,s.value]:l.value=s.value}return(s,u)=>(e.openBlock(),e.createBlock(D,e.mergeProps({label:c.value},{buttonProps:t.buttonProps,disabled:t.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",Ve,[e.unref(a).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,d=>(e.openBlock(),e.createElementBlock("div",{key:d.value,class:"cursor-pointer",onClick:m=>i(d)},[e.renderSlot(s.$slots,"item",e.mergeProps({ref_for:!0},{item:d,active:t.multiple?l.value.includes(d.value):d.value===l.value,disabled:t.disabled}))],8,$e))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.options,d=>e.withDirectives((e.openBlock(),e.createBlock(v,{key:d.value,disabled:t.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:t.multiple?l.value.includes(d.value):d.value===l.value}]),onClick:m=>i(d)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(b.vClosePopper),t.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[u[0]||(u[0]=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1))]),_:2},[e.unref(a).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),Ne=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,a=p.useVModel(o,"modelValue",r),l=p.useToggle(a);return(c,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[t.disabled?"cursor-not-allowed":"cursor-pointer"],"$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),role:"checkbox",onClick:i[0]||(i[0]=s=>!t.disabled&&e.unref(l)())},[e.renderSlot(c.$slots,"default"),e.createElementVNode("div",{class:e.normalizeClass([{selected:e.unref(a)},"group relative $ui-base h4 w8 rounded-2 bg-primary-100 transition-colors dark:bg-gray-700 [&.selected]:bg-primary-500!"])},[e.createElementVNode("div",{class:e.normalizeClass(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white",[{"group-hover:opacity-75 group-active:scale-85":!t.disabled},{"opacity-65":t.disabled}]])},null,2)],2)],2))}}),Se=e.defineComponent({__name:"Tooltip",props:{trigger:{},distance:{},skidding:{},placement:{},disabled:{type:Boolean},shown:{type:Boolean}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.unref(b.Tooltip),e.mergeProps({disabled:t.disabled,placement:t.placement},n.$attrs),{popper:e.withCtx(()=>[e.renderSlot(n.$slots,"popper")]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["disabled","placement"]))}});Object.defineProperty(exports,"vTooltip",{enumerable:!0,get:()=>b.vTooltip});exports.THEME_KEY=S;exports.VueBadge=K;exports.VueButton=v;exports.VueCard=_;exports.VueCheckbox=ee;exports.VueCodeBlock=re;exports.VueConfirm=me;exports.VueDarkToggle=ge;exports.VueDialog=E;exports.VueDrawer=ve;exports.VueDropdown=D;exports.VueDropdownButton=he;exports.VueFormField=Be;exports.VueIcIcon=xe;exports.VueIcon=y;exports.VueInput=M;exports.VueLoadingIndicator=B;exports.VueNotification=N;exports.VueOverlay=C;exports.VueSelect=Ee;exports.VueSwitch=Ne;exports.VueTooltip=Se;exports.showVueNotification=pe;exports.useDevToolsColorMode=T;
|