@vue/devtools-ui 7.0.20 → 7.0.22
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 +1 -1
- package/dist/index.js +26 -31
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
|
|
3
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("floating-vue"),e=require("vue"),J=(t,n)=>{const o=t.__vccOpts||t;for(const[l,r]of n)o[l]=r;return o},ue={},ce={class:"h-3 w-3 $ui-inline-fcc"},de=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),fe=[de];function pe(t,n){return e.openBlock(),e.createElementBlock("div",ce,fe)}const U=J(ue,[["render",pe]]),me={key:2},D=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,l=n,r=e.useAttrs(),i=e.computed(()=>r.to?"router-link":r.href?"a":"button"),a=e.computed(()=>o.loading||o.disabled);function s(c){if(a.value){c.preventDefault(),c.stopPropagation(),c.stopImmediatePropagation();return}l("click",c)}const u={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"}},f=e.useSlots(),d=e.computed(()=>o.flat?u.flat[o.type]:o.outlined?u.outlined[o.type]:u.normal[o.type]);return(c,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),e.mergeProps(c.$attrs,{role:"button","aria-disabled":a.value,class:["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition",[[u.common[o.type]],{"rounded-full":o.round==="full","$ui-base-br":o.round==="normal","opacity-50 cursor-not-allowed":a.value,"bg-transparent":o.flat||o.outlined},[c.outlined?"b-1 $ui-border-base active:ring-3 shadow-sm":"border-none",c.size==="mini"?"px1 text-3 h5.5":"px3.5 text-3.5 h8",d.value]]],onClickCapture:s}),{default:e.withCtx(()=>[c.loading?(e.openBlock(),e.createBlock(U,{key:0,class:"mt0.5 h-full w3"})):e.renderSlot(c.$slots,"icon",{key:1,class:"h-full w3 $ui-inline-fcc"}),e.unref(f).default?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(c.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),ge={},ve={class:"mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function he(t,n){return e.openBlock(),e.createElementBlock("span",ve,[e.renderSlot(t.$slots,"default")])}const be=J(ge,[["render",he]]),F=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(n.inline?"span":"div"),{class:e.normalizeClass(["$ui-base",[n.icon,n.action?"cursor-pointer hover:op50":""]])},null,8,["class"]))}});function j(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ye(t,n,{enumerable:o=!1,unwrap:l=!0}={}){for(const[r,i]of Object.entries(n))r!=="value"&&(e.isRef(i)&&l?Object.defineProperty(t,r,{get(){return i.value},set(a){i.value=a},enumerable:o}):Object.defineProperty(t,r,{value:i,enumerable:o}));return t}function B(t){return typeof t=="function"?t():e.unref(t)}const X=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const we=t=>typeof t<"u",ke=Object.prototype.toString,Ce=t=>ke.call(t)==="[object Object]",L=()=>{},K=Be();function Be(){var t,n;return X&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||((n=window==null?void 0:window.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function Q(t,n){function o(...l){return new Promise((r,i)=>{Promise.resolve(t(()=>n.apply(this,l),{fn:n,thisArg:this,args:l})).then(r).catch(i)})}return o}const Z=t=>t();function Ve(t,n={}){let o,l,r=L;const i=s=>{clearTimeout(s),r(),r=L};return s=>{const u=B(t),f=B(n.maxWait);return o&&i(o),u<=0||f!==void 0&&f<=0?(l&&(i(l),l=null),Promise.resolve(s())):new Promise((d,c)=>{r=n.rejectOnCancel?c:d,f&&!l&&(l=setTimeout(()=>{o&&i(o),l=null,d(s())},f)),o=setTimeout(()=>{l&&i(l),l=null,d(s())},u)})}}function $e(t=Z){const n=e.ref(!0);function o(){n.value=!1}function l(){n.value=!0}const r=(...i)=>{n.value&&t(...i)};return{isActive:e.readonly(n),pause:o,resume:l,eventFilter:r}}function Se(t){return t||e.getCurrentInstance()}function ee(...t){if(t.length!==1)return e.toRef(...t);const n=t[0];return typeof n=="function"?e.readonly(e.customRef(()=>({get:n,set:L}))):e.ref(n)}function _e(t,n=200,o={}){return Q(Ve(n,o),t)}function Ne(t,n=200,o={}){const l=e.ref(t.value),r=_e(()=>{l.value=t.value},n,o);return e.watch(t,()=>r()),l}function Ee(t,n={}){let o=t,l,r;const i=e.customRef((p,m)=>(l=p,r=m,{get(){return a()},set(v){s(v)}}));function a(p=!0){return p&&l(),o}function s(p,m=!0){var v,h;if(p===o)return;const w=o;((v=n.onBeforeChange)==null?void 0:v.call(n,p,w))!==!1&&(o=p,(h=n.onChanged)==null||h.call(n,p,w),m&&r())}return ye(i,{get:a,set:s,untrackedGet:()=>a(!1),silentSet:p=>s(p,!1),peek:()=>a(!1),lay:p=>s(p,!1)},{enumerable:!0})}function Te(t,n,o={}){const{eventFilter:l=Z,...r}=o;return e.watch(t,Q(l,n),r)}function xe(t,n,o={}){const{eventFilter:l,...r}=o,{eventFilter:i,pause:a,resume:s,isActive:u}=$e(l);return{stop:Te(t,n,{...r,eventFilter:i}),pause:a,resume:s,isActive:u}}function G(t,n=!0,o){Se()?e.onMounted(t,o):n?t():e.nextTick(t)}function De(t=!1,n={}){const{truthyValue:o=!0,falsyValue:l=!1}=n,r=e.isRef(t),i=e.ref(t);function a(s){if(arguments.length)return i.value=s,i.value;{const u=B(o);return i.value=i.value===u?B(l):u,i.value}}return r?a:[i,a]}function E(t){var n;const o=B(t);return(n=o==null?void 0:o.$el)!=null?n:o}const T=X?window:void 0;function W(...t){let n,o,l,r;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,l,r]=t,n=T):[n,o,l,r]=t,!n)return L;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const i=[],a=()=>{i.forEach(d=>d()),i.length=0},s=(d,c,p,m)=>(d.addEventListener(c,p,m),()=>d.removeEventListener(c,p,m)),u=e.watch(()=>[E(n),B(r)],([d,c])=>{if(a(),!d)return;const p=Ce(c)?{...c}:c;i.push(...o.flatMap(m=>l.map(v=>s(d,m,v,p))))},{immediate:!0,flush:"post"}),f=()=>{u(),a()};return j(f),f}function ze(t){return typeof t=="function"?t:typeof t=="string"?n=>n.key===t:Array.isArray(t)?n=>t.includes(n.key):()=>!0}function te(...t){let n,o,l={};t.length===3?(n=t[0],o=t[1],l=t[2]):t.length===2?typeof t[1]=="object"?(n=!0,o=t[0],l=t[1]):(n=t[0],o=t[1]):(n=!0,o=t[0]);const{target:r=T,eventName:i="keydown",passive:a=!1,dedupe:s=!1}=l,u=ze(n);return W(r,i,d=>{d.repeat&&B(s)||u(d)&&o(d)},a)}function Me(){const t=e.ref(!1),n=e.getCurrentInstance();return n&&e.onMounted(()=>{t.value=!0},n),t}function oe(t){const n=Me();return e.computed(()=>(n.value,!!t()))}function Oe(t,n={}){const{window:o=T}=n,l=oe(()=>o&&"matchMedia"in o&&typeof o.matchMedia=="function");let r;const i=e.ref(!1),a=f=>{i.value=f.matches},s=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",a):r.removeListener(a))},u=e.watchEffect(()=>{l.value&&(s(),r=o.matchMedia(B(t)),"addEventListener"in r?r.addEventListener("change",a):r.addListener(a),i.value=r.matches)});return j(()=>{u(),s(),r=void 0}),i}function Pe(t){return JSON.parse(JSON.stringify(t))}const P=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},A="__vueuse_ssr_handlers__",Ae=Re();function Re(){return A in P||(P[A]=P[A]||{}),P[A]}function ne(t,n){return Ae[t]||n}function Fe(t){return t==null?"any":t instanceof Set?"set":t instanceof Map?"map":t instanceof Date?"date":typeof t=="boolean"?"boolean":typeof t=="string"?"string":typeof t=="object"?"object":Number.isNaN(t)?"any":"number"}const Le={boolean:{read:t=>t==="true",write:t=>String(t)},object:{read:t=>JSON.parse(t),write:t=>JSON.stringify(t)},number:{read:t=>Number.parseFloat(t),write:t=>String(t)},any:{read:t=>t,write:t=>String(t)},string:{read:t=>t,write:t=>String(t)},map:{read:t=>new Map(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t.entries()))},set:{read:t=>new Set(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t))},date:{read:t=>new Date(t),write:t=>t.toISOString()}},Y="vueuse-storage";function We(t,n,o,l={}){var r;const{flush:i="pre",deep:a=!0,listenToStorageChanges:s=!0,writeDefaults:u=!0,mergeDefaults:f=!1,shallow:d,window:c=T,eventFilter:p,onError:m=g=>{console.error(g)},initOnMounted:v}=l,h=(d?e.shallowRef:e.ref)(typeof n=="function"?n():n);if(!o)try{o=ne("getDefaultStorage",()=>{var g;return(g=T)==null?void 0:g.localStorage})()}catch(g){m(g)}if(!o)return h;const w=B(n),_=Fe(w),V=(r=l.serializer)!=null?r:Le[_],{pause:y,resume:b}=xe(h,()=>S(h.value),{flush:i,deep:a,eventFilter:p});c&&s&&G(()=>{W(c,"storage",$),W(c,Y,M),v&&$()}),v||$();function C(g,k){c&&c.dispatchEvent(new CustomEvent(Y,{detail:{key:t,oldValue:g,newValue:k,storageArea:o}}))}function S(g){try{const k=o.getItem(t);if(g==null)C(k,null),o.removeItem(t);else{const N=V.write(g);k!==N&&(o.setItem(t,N),C(k,N))}}catch(k){m(k)}}function z(g){const k=g?g.newValue:o.getItem(t);if(k==null)return u&&w!=null&&o.setItem(t,V.write(w)),w;if(!g&&f){const N=V.read(k);return typeof f=="function"?f(N,w):_==="object"&&!Array.isArray(N)?{...w,...N}:N}else return typeof k!="string"?k:V.read(k)}function $(g){if(!(g&&g.storageArea!==o)){if(g&&g.key==null){h.value=w;return}if(!(g&&g.key!==t)){y();try{(g==null?void 0:g.newValue)!==V.write(h.value)&&(h.value=z(g))}catch(k){m(k)}finally{g?e.nextTick(b):b()}}}}function M(g){$(g.detail)}return h}function je(t){return Oe("(prefers-color-scheme: dark)",t)}function Ie(t={}){const{selector:n="html",attribute:o="class",initialValue:l="auto",window:r=T,storage:i,storageKey:a="vueuse-color-scheme",listenToStorageChanges:s=!0,storageRef:u,emitAuto:f,disableTransition:d=!0}=t,c={auto:"",light:"light",dark:"dark",...t.modes||{}},p=je({window:r}),m=e.computed(()=>p.value?"dark":"light"),v=u||(a==null?ee(l):We(a,l,i,{window:r,listenToStorageChanges:s})),h=e.computed(()=>v.value==="auto"?m.value:v.value),w=ne("updateHTMLAttrs",(b,C,S)=>{const z=typeof b=="string"?r==null?void 0:r.document.querySelector(b):E(b);if(!z)return;let $;if(d){$=r.document.createElement("style");const M="*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";$.appendChild(document.createTextNode(M)),r.document.head.appendChild($)}if(C==="class"){const M=S.split(/\s/g);Object.values(c).flatMap(g=>(g||"").split(/\s/g)).filter(Boolean).forEach(g=>{M.includes(g)?z.classList.add(g):z.classList.remove(g)})}else z.setAttribute(C,S);d&&(r.getComputedStyle($).opacity,document.head.removeChild($))});function _(b){var C;w(n,o,(C=c[b])!=null?C:b)}function V(b){t.onChanged?t.onChanged(b,_):_(b)}e.watch(h,V,{flush:"post",immediate:!0}),G(()=>V(h.value));const y=e.computed({get(){return f?v.value:h.value},set(b){v.value=b}});try{return Object.assign(y,{store:v,system:m,state:h})}catch{return y}}function He(t,n,o={}){const{window:l=T,...r}=o;let i;const a=oe(()=>l&&"ResizeObserver"in l),s=()=>{i&&(i.disconnect(),i=void 0)},u=e.computed(()=>Array.isArray(t)?t.map(c=>E(c)):[E(t)]),f=e.watch(u,c=>{if(s(),a.value&&l){i=new ResizeObserver(n);for(const p of c)p&&i.observe(p,r)}},{immediate:!0,flush:"post"}),d=()=>{s(),f()};return j(d),{isSupported:a,stop:d}}function Je(t,n={width:0,height:0},o={}){const{window:l=T,box:r="content-box"}=o,i=e.computed(()=>{var c,p;return(p=(c=E(t))==null?void 0:c.namespaceURI)==null?void 0:p.includes("svg")}),a=e.ref(n.width),s=e.ref(n.height),{stop:u}=He(t,([c])=>{const p=r==="border-box"?c.borderBoxSize:r==="content-box"?c.contentBoxSize:c.devicePixelContentBoxSize;if(l&&i.value){const m=E(t);if(m){const v=l.getComputedStyle(m);a.value=Number.parseFloat(v.width),s.value=Number.parseFloat(v.height)}}else if(p){const m=Array.isArray(p)?p:[p];a.value=m.reduce((v,{inlineSize:h})=>v+h,0),s.value=m.reduce((v,{blockSize:h})=>v+h,0)}else a.value=c.contentRect.width,s.value=c.contentRect.height},o);G(()=>{const c=E(t);c&&(a.value="offsetWidth"in c?c.offsetWidth:n.width,s.value="offsetHeight"in c?c.offsetHeight:n.height)});const f=e.watch(()=>E(t),c=>{a.value=c?n.width:0,s.value=c?n.height:0});function d(){u(),f()}return{width:a,height:s,stop:d}}function I(t){return typeof Window<"u"&&t instanceof Window?t.document.documentElement:typeof Document<"u"&&t instanceof Document?t.documentElement:t}function re(t){const n=window.getComputedStyle(t);if(n.overflowX==="scroll"||n.overflowY==="scroll"||n.overflowX==="auto"&&t.clientWidth<t.scrollWidth||n.overflowY==="auto"&&t.clientHeight<t.scrollHeight)return!0;{const o=t.parentNode;return!o||o.tagName==="BODY"?!1:re(o)}}function Ue(t){const n=t||window.event,o=n.target;return re(o)?!1:n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)}const R=new WeakMap;function Ge(t,n=!1){const o=e.ref(n);let l=null;e.watch(ee(t),a=>{const s=I(B(a));if(s){const u=s;R.get(u)||R.set(u,u.style.overflow),o.value&&(u.style.overflow="hidden")}},{immediate:!0});const r=()=>{const a=I(B(t));!a||o.value||(K&&(l=W(a,"touchmove",s=>{Ue(s)},{passive:!1})),a.style.overflow="hidden",o.value=!0)},i=()=>{var a;const s=I(B(t));!s||!o.value||(K&&(l==null||l()),s.style.overflow=(a=R.get(s))!=null?a:"",R.delete(s),o.value=!1)};return j(i),e.computed({get(){return o.value},set(a){a?r():i()}})}function x(t,n,o,l={}){var r,i,a;const{clone:s=!1,passive:u=!1,eventName:f,deep:d=!1,defaultValue:c,shouldEmit:p}=l,m=e.getCurrentInstance(),v=o||(m==null?void 0:m.emit)||((r=m==null?void 0:m.$emit)==null?void 0:r.bind(m))||((a=(i=m==null?void 0:m.proxy)==null?void 0:i.$emit)==null?void 0:a.bind(m==null?void 0:m.proxy));let h=f;n||(n="modelValue"),h=h||`update:${n.toString()}`;const w=y=>s?typeof s=="function"?s(y):Pe(y):y,_=()=>we(t[n])?w(t[n]):c,V=y=>{p?p(y)&&v(h,y):v(h,y)};if(u){const y=_(),b=e.ref(y);let C=!1;return e.watch(()=>t[n],S=>{C||(C=!0,b.value=w(S),e.nextTick(()=>C=!1))}),e.watch(b,S=>{!C&&(S!==t[n]||d)&&V(S)},{deep:d}),b}else return e.computed({get(){return _()},set(y){V(y)}})}const qe={class:"$ui-dark-toggle-vtr"},Ke=e.defineComponent({__name:"DarkToggle",props:{isDark:{type:Boolean,default:!1},animation:{type:Boolean,default:!0},animationDuration:{default:400}},setup(t){const n=t,o=x(n,"isDark"),l=Ie({initialValue:o.value?"dark":"light",onChanged:s=>{o.value=s==="dark"}}),r=e.computed({get:()=>l.value==="dark",set:s=>l.value=s?"dark":"light"}),i=document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function a(s){if(!i||!s||!n.animation){r.value=!r.value;return}const u=s.clientX,f=s.clientY,d=Math.hypot(Math.max(u,innerWidth-u),Math.max(f,innerHeight-f));document.startViewTransition(async()=>{r.value=!r.value,await e.nextTick()}).ready.then(()=>{const p=[`circle(0px at ${u}px ${f}px)`,`circle(${d}px at ${u}px ${f}px)`];document.documentElement.animate({clipPath:r.value?[...p].reverse():p},{duration:n.animationDuration,easing:"ease-in",pseudoElement:r.value?"::view-transition-old(root)":"::view-transition-new(root)"})})}return(s,u)=>(e.openBlock(),e.createElementBlock("span",qe,[e.renderSlot(s.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(l),isDark:r.value,toggle:a})))]))}}),Ye={},Xe={class:"$ui-base border $ui-border-base rounded shadow-sm"};function Qe(t,n){return e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(t.$slots,"default")])}const Ze=J(Ye,[["render",Qe]]),q=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base",[n.dim?"bg-opacity-50!":"bg-opacity-0!",n.blur?"backdrop-blur-sm":""]])},[e.renderSlot(n.$slots,"default")],2))}}),et={class:"h7.5 w-full $ui-fbc"},tt={class:"text-4.5"},ot=e.createElementVNode("div",{class:"i-carbon-close"},null,-1),nt=[ot],rt={class:"content transition-all transition-duration-300"},at={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},lt={class:"$ui-fcc"},ae=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}},emits:["close","update:modelValue"],setup(t,{emit:n}){const o=t,r=x(o,"modelValue",n,{passive:!0}),i=Ge(()=>window.document.documentElement);e.watchEffect(()=>{r.value?i.value=!0:i.value=!1});function a(){r.value&&o.autoClose&&(r.value=!1)}te("Escape",()=>{a()});const s=e.ref(!1);return e.onMounted(()=>s.value=!0),(u,f)=>s.value||u.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:u.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(q,{key:0,dim:u.dim,blur:u.blur},{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",et,[e.createElementVNode("div",tt,[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),u.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:a},nt)):e.createCommentVNode("",!0)]),e.createElementVNode("div",rt,[e.renderSlot(u.$slots,"default")]),e.createElementVNode("div",at,[e.renderSlot(u.$slots,"footer",{},()=>[e.renderSlot(u.$slots,"footer",{},()=>[e.createElementVNode("div",lt,[e.createVNode(D,{type:"primary",onClick:a},{default:e.withCtx(()=>[e.createTextVNode(" close ")]),_:1})])])])])],4)]),_:3},8,["dim","blur"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),it=["type","placeholder","disabled"],st={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"},H="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",le=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,l=n,r=x(o,"modelValue",l),i=Ne(e.computed(()=>o.loading),o.loadingDebounceTime),a=Ee(!1,{onChanged(c){l("updateFocused",c)}}),s=e.computed(()=>o.variant==="flat"||o.variant==="warning"||o.disabled||o.readonly),u=e.computed(()=>o.disabled||i.value),f=e.ref();let d=!1;return e.watchEffect(()=>{i.value&&a.value?d=!0:!i.value&&d&&(d=!1,e.nextTick(()=>{a.value=!0}))}),e.onMounted(()=>{o.autoFocus&&(a.value=!0)}),e.watchEffect(()=>{var c;a.value&&((c=f.value)==null||c.focus())}),(c,p)=>(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":c.variant==="flat","cursor-not-allowed opacity-50":u.value,accent:c.variant==="accent",focused:e.unref(a)},[c.variant==="warning"?"border-warning-500 dark:border-warning-300":"border-primary-100 dark:border-gray-700"]]]),onClick:p[2]||(p[2]=()=>{a.value=!0})},[c.leftIcon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(H)},[e.createVNode(F,{icon:c.leftIcon},null,8,["icon"])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:f,"onUpdate:modelValue":p[0]||(p[0]=m=>e.isRef(r)?r.value=m:null),class:"$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",type:c.type,placeholder:c.placeholder,disabled:u.value||c.readonly,onBlur:p[1]||(p[1]=m=>a.value=!1)},null,40,it),[[e.vModelDynamic,e.unref(r)]]),e.unref(i)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(H)},[e.createVNode(U)])):c.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(H)},[e.createVNode(F,{icon:c.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",st))],2))}}),ut={class:"$ui-base"},ct=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=x(o,"modelValue",n),i=e.ref(!1),a=e.computed(()=>o.message&&o.message.length&&o.showMessage),s={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"},u={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(f,d)=>(e.openBlock(),e.createElementBlock("div",ut,[e.createVNode(le,{modelValue:e.unref(r),"onUpdate:modelValue":d[0]||(d[0]=c=>e.isRef(r)?r.value=c:null),placeholder:f.placeholder,onUpdateFocused:d[1]||(d[1]=c=>i.value=c)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[s[f.status],{"opacity-65":!i.value}]])},[f.status!=="normal"&&a.value?(e.openBlock(),e.createBlock(F,{key:0,inline:"",icon:u[f.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(a.value?f.message:""),1)],2)]))}}),dt={class:"overflow-hidden rounded-lg shadow-lg"},ft=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1),ie=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,l)=>(e.openBlock(),e.createBlock(e.unref(O.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":l[0]||(l[0]=r=>o.$emit("update:visible",r)),onClick:l[1]||(l[1]=r=>{r.stopPropagation()})},{popper:e.withCtx(({hide:r})=>[e.createElementVNode("div",dt,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:r})),()=>[ft])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(D,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"]))}}),pt=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(l,r)=>e.withDirectives((e.openBlock(),e.createBlock(D,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(l.$slots,"icon")]),default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["disabled"])),[[e.unref(O.VClosePopper)]])}}),mt={class:"$ui-fec gap2.5"},gt=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,l=n,r=x(o,"modelValue",l);e.watchEffect(()=>{r.value||l("close")});function i(a=!1){(o.autoClose||a)&&(r.value=!1)}return(a,s)=>(e.openBlock(),e.createBlock(ae,{modelValue:e.unref(r),"onUpdate:modelValue":s[2]||(s[2]=u=>e.isRef(r)?r.value=u:null),width:a.width,height:a.height,title:a.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",mt,[e.createVNode(D,{onClick:s[0]||(s[0]=()=>{l("cancel"),i(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.cancelText),1)]),_:1}),e.createVNode(D,{loading:a.loading,type:"primary",onClick:s[1]||(s[1]=()=>{l("confirm"),i()})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.confirmText),1)]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{class:"h-auto w-auto"},()=>[e.createTextVNode(e.toDisplayString(a.content),1)])]),_:3},8,["modelValue","width","height","title"]))}}),vt={class:"m1 min-w-35 w-auto flex flex-col"},ht=["onClick"],bt=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1),yt=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,l=n,r=e.useSlots(),i=e.computed({get:()=>o.modelValue,set:u=>l("update:modelValue",u)}),a=e.computed(()=>{const u=o.options.find(f=>f.value===i.value);return u!=null&&u.label?o.labelRenderer(u.label):o.placeholder});function s(u){o.multiple?i.value=i.value.includes(u.value)?i.value.filter(f=>f!==u.value):[...i.value,u.value]:i.value=u.value}return(u,f)=>(e.openBlock(),e.createBlock(ie,e.mergeProps({label:a.value},{buttonProps:u.buttonProps,disabled:u.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",vt,[e.unref(r).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.options,d=>(e.openBlock(),e.createElementBlock("div",{key:d.value,class:"cursor-pointer",onClick:c=>s(d)},[e.renderSlot(u.$slots,"item",e.normalizeProps(e.guardReactiveProps({item:d,active:u.multiple?i.value.includes(d.value):d.value===i.value,disabled:u.disabled})))],8,ht))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(u.options,d=>e.withDirectives((e.openBlock(),e.createBlock(D,{key:d.value,disabled:u.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:u.multiple?i.value.includes(d.value):d.value===i.value}]),onClick:c=>s(d)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(O.VClosePopper),u.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[bt]),_:2},[e.unref(r).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(u.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),wt=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){const r=x(t,"modelValue",n),i=De(r);return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[a.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:s[0]||(s[0]=u=>!a.disabled&&e.unref(i)())},[e.renderSlot(a.$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":!a.disabled},{"opacity-65":a.disabled}]])},null,2)],2)],2))}}),kt=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:n}){const r=x(t,"modelValue",n);return(i,a)=>(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(r)?i.variant==="normal"?"bg-primary-500 border-primary-200 dark:border-primary-100":"bg-accent-500 border-accent-200 dark:border-accent-100":""]]),onClick:a[0]||(a[0]=s=>r.value=!e.unref(r))},[e.createElementVNode("div",{class:e.normalizeClass([[e.unref(r)?"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))}}),Ct=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}},emits:["update:modelValue","close"],setup(t,{emit:n}){const o=t,l=n,{height:r}=Je(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),i=x(o,"modelValue",l),a={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%"}};te("Escape",()=>{o.closable&&(i.value=!1)});const s=e.computed(()=>a[o.placement]),u=e.ref(!1);return e.onMounted(()=>u.value=!0),(f,d)=>u.value||f.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:f.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${s.value.transition}`,"leave-to-class":`${s.value.transition}`},{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createBlock(q,{key:0,class:e.normalizeClass({"pointer-events-none":f.permanent}),dim:f.dim,blur:f.blur,onClick:d[2]||(d[2]=c=>f.closeOutside&&f.closable&&(i.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[s.value.class,f.contentClass??"",f.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:f.placement==="bottom"?"auto":`${e.unref(r)}px`,height:["top","bottom"].includes(f.placement)?"auto":`calc(100% - ${e.unref(r)}px)`}),onClick:d[1]||(d[1]=e.withModifiers(()=>{},["stop"]))},[f.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]=c=>i.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(f.$slots,"default")],6)]),_:3},8,["class","dim","blur"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),se=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"},l={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},n.duration)});const i=e.computed(()=>n.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 right-0 $ui-z-max-override text-center",[{"top-0":a.placement.startsWith("top")},{"bottom-0":a.placement.startsWith("bottom")}]])},[e.createVNode(e.Transition,{"enter-from-class":i.value,"leave-to-class":i.value,onAfterLeave:s[0]||(s[0]=()=>{var u;r.value||(u=a.onClose)==null||u.call(a)})},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex transition-all duration-300",style:e.normalizeStyle({justifyContent:a.placement.includes("right")?"right":a.placement.includes("left")?"left":"center"})},[e.createElementVNode("div",{class:e.normalizeClass(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base",[a.classes,l[a.type]]])},[e.createElementVNode("div",{class:e.normalizeClass(o[a.type])},null,2),e.createElementVNode("div",null,e.toDisplayString(a.message),1)],2)],4)):e.createCommentVNode("",!0)]),_:1},8,["enter-from-class","leave-to-class"])],2))}}),Bt=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(O.Tooltip),e.mergeProps({disabled:n.disabled,placement:n.placement},n.$attrs),{popper:e.withCtx(()=>[e.renderSlot(n.$slots,"popper")]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["disabled","placement"]))}});function Vt(t){const n=document.createElement("div");n.classList.add("$ui-z-max-override","fixed"),document.body.appendChild(n);const o=t.onClose;function l(){e.render(null,n)}t.onClose=()=>{l(),o==null||o(),document.body.removeChild(n)};const r=e.h(se,t);e.render(r,n)}Object.defineProperty(exports,"VTooltip",{enumerable:!0,get:()=>O.VTooltip});exports.VueBadge=be;exports.VueButton=D;exports.VueCard=Ze;exports.VueCheckbox=kt;exports.VueConfirm=gt;exports.VueDarkToggle=Ke;exports.VueDialog=ae;exports.VueDrawer=Ct;exports.VueDropdown=ie;exports.VueDropdownButton=pt;exports.VueFormField=ct;exports.VueIcon=F;exports.VueInput=le;exports.VueLoadingIndicator=U;exports.VueNotification=se;exports.VueOverlay=q;exports.VueSelect=yt;exports.VueSwitch=wt;exports.VueTooltip=Bt;exports.showVueNotification=Vt;
|
|
3
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("floating-vue"),e=require("vue"),J=(t,n)=>{const o=t.__vccOpts||t;for(const[l,r]of n)o[l]=r;return o},ue={},ce={class:"h-3 w-3 $ui-inline-fcc"},de=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),fe=[de];function pe(t,n){return e.openBlock(),e.createElementBlock("div",ce,fe)}const U=J(ue,[["render",pe]]),me={key:2},D=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,l=n,r=e.useAttrs(),i=e.computed(()=>r.to?"router-link":r.href?"a":"button"),a=e.computed(()=>o.loading||o.disabled);function s(c){if(a.value){c.preventDefault(),c.stopPropagation(),c.stopImmediatePropagation();return}l("click",c)}const u={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"}},f=e.useSlots(),d=e.computed(()=>o.flat?u.flat[o.type]:o.outlined?u.outlined[o.type]:u.normal[o.type]);return(c,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),e.mergeProps(c.$attrs,{role:"button","aria-disabled":a.value,class:["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition",[[u.common[o.type]],{"rounded-full":o.round==="full","$ui-base-br":o.round==="normal","opacity-50 cursor-not-allowed":a.value,"bg-transparent":o.flat||o.outlined},[c.outlined?"b-1 $ui-border-base active:ring-3 shadow-sm":"border-none",c.size==="mini"?"px1 text-3 h5.5":"px3.5 text-3.5 h8",d.value]]],onClickCapture:s}),{default:e.withCtx(()=>[c.loading?(e.openBlock(),e.createBlock(U,{key:0,class:"mt0.5 h-full w3"})):e.renderSlot(c.$slots,"icon",{key:1,class:"h-full w3 $ui-inline-fcc"}),e.unref(f).default?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(c.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),ge={},ve={class:"mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function he(t,n){return e.openBlock(),e.createElementBlock("span",ve,[e.renderSlot(t.$slots,"default")])}const be=J(ge,[["render",he]]),F=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(n.inline?"span":"div"),{class:e.normalizeClass(["$ui-base",[n.icon,n.action?"cursor-pointer hover:op50":""]])},null,8,["class"]))}});function j(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ye(t,n,{enumerable:o=!1,unwrap:l=!0}={}){for(const[r,i]of Object.entries(n))r!=="value"&&(e.isRef(i)&&l?Object.defineProperty(t,r,{get(){return i.value},set(a){i.value=a},enumerable:o}):Object.defineProperty(t,r,{value:i,enumerable:o}));return t}function B(t){return typeof t=="function"?t():e.unref(t)}const X=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const we=t=>typeof t<"u",ke=Object.prototype.toString,Ce=t=>ke.call(t)==="[object Object]",L=()=>{},K=Be();function Be(){var t,n;return X&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||((n=window==null?void 0:window.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function Q(t,n){function o(...l){return new Promise((r,i)=>{Promise.resolve(t(()=>n.apply(this,l),{fn:n,thisArg:this,args:l})).then(r).catch(i)})}return o}const Z=t=>t();function Ve(t,n={}){let o,l,r=L;const i=s=>{clearTimeout(s),r(),r=L};return s=>{const u=B(t),f=B(n.maxWait);return o&&i(o),u<=0||f!==void 0&&f<=0?(l&&(i(l),l=null),Promise.resolve(s())):new Promise((d,c)=>{r=n.rejectOnCancel?c:d,f&&!l&&(l=setTimeout(()=>{o&&i(o),l=null,d(s())},f)),o=setTimeout(()=>{l&&i(l),l=null,d(s())},u)})}}function $e(t=Z){const n=e.ref(!0);function o(){n.value=!1}function l(){n.value=!0}const r=(...i)=>{n.value&&t(...i)};return{isActive:e.readonly(n),pause:o,resume:l,eventFilter:r}}function Se(t){return t||e.getCurrentInstance()}function ee(...t){if(t.length!==1)return e.toRef(...t);const n=t[0];return typeof n=="function"?e.readonly(e.customRef(()=>({get:n,set:L}))):e.ref(n)}function _e(t,n=200,o={}){return Q(Ve(n,o),t)}function Ne(t,n=200,o={}){const l=e.ref(t.value),r=_e(()=>{l.value=t.value},n,o);return e.watch(t,()=>r()),l}function Ee(t,n={}){let o=t,l,r;const i=e.customRef((p,m)=>(l=p,r=m,{get(){return a()},set(v){s(v)}}));function a(p=!0){return p&&l(),o}function s(p,m=!0){var v,h;if(p===o)return;const w=o;((v=n.onBeforeChange)==null?void 0:v.call(n,p,w))!==!1&&(o=p,(h=n.onChanged)==null||h.call(n,p,w),m&&r())}return ye(i,{get:a,set:s,untrackedGet:()=>a(!1),silentSet:p=>s(p,!1),peek:()=>a(!1),lay:p=>s(p,!1)},{enumerable:!0})}function Te(t,n,o={}){const{eventFilter:l=Z,...r}=o;return e.watch(t,Q(l,n),r)}function xe(t,n,o={}){const{eventFilter:l,...r}=o,{eventFilter:i,pause:a,resume:s,isActive:u}=$e(l);return{stop:Te(t,n,{...r,eventFilter:i}),pause:a,resume:s,isActive:u}}function G(t,n=!0,o){Se()?e.onMounted(t,o):n?t():e.nextTick(t)}function De(t=!1,n={}){const{truthyValue:o=!0,falsyValue:l=!1}=n,r=e.isRef(t),i=e.ref(t);function a(s){if(arguments.length)return i.value=s,i.value;{const u=B(o);return i.value=i.value===u?B(l):u,i.value}}return r?a:[i,a]}function E(t){var n;const o=B(t);return(n=o==null?void 0:o.$el)!=null?n:o}const T=X?window:void 0;function W(...t){let n,o,l,r;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,l,r]=t,n=T):[n,o,l,r]=t,!n)return L;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const i=[],a=()=>{i.forEach(d=>d()),i.length=0},s=(d,c,p,m)=>(d.addEventListener(c,p,m),()=>d.removeEventListener(c,p,m)),u=e.watch(()=>[E(n),B(r)],([d,c])=>{if(a(),!d)return;const p=Ce(c)?{...c}:c;i.push(...o.flatMap(m=>l.map(v=>s(d,m,v,p))))},{immediate:!0,flush:"post"}),f=()=>{u(),a()};return j(f),f}function ze(t){return typeof t=="function"?t:typeof t=="string"?n=>n.key===t:Array.isArray(t)?n=>t.includes(n.key):()=>!0}function te(...t){let n,o,l={};t.length===3?(n=t[0],o=t[1],l=t[2]):t.length===2?typeof t[1]=="object"?(n=!0,o=t[0],l=t[1]):(n=t[0],o=t[1]):(n=!0,o=t[0]);const{target:r=T,eventName:i="keydown",passive:a=!1,dedupe:s=!1}=l,u=ze(n);return W(r,i,d=>{d.repeat&&B(s)||u(d)&&o(d)},a)}function Me(){const t=e.ref(!1),n=e.getCurrentInstance();return n&&e.onMounted(()=>{t.value=!0},n),t}function oe(t){const n=Me();return e.computed(()=>(n.value,!!t()))}function Oe(t,n={}){const{window:o=T}=n,l=oe(()=>o&&"matchMedia"in o&&typeof o.matchMedia=="function");let r;const i=e.ref(!1),a=f=>{i.value=f.matches},s=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",a):r.removeListener(a))},u=e.watchEffect(()=>{l.value&&(s(),r=o.matchMedia(B(t)),"addEventListener"in r?r.addEventListener("change",a):r.addListener(a),i.value=r.matches)});return j(()=>{u(),s(),r=void 0}),i}function Pe(t){return JSON.parse(JSON.stringify(t))}const P=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},A="__vueuse_ssr_handlers__",Ae=Re();function Re(){return A in P||(P[A]=P[A]||{}),P[A]}function ne(t,n){return Ae[t]||n}function Fe(t){return t==null?"any":t instanceof Set?"set":t instanceof Map?"map":t instanceof Date?"date":typeof t=="boolean"?"boolean":typeof t=="string"?"string":typeof t=="object"?"object":Number.isNaN(t)?"any":"number"}const Le={boolean:{read:t=>t==="true",write:t=>String(t)},object:{read:t=>JSON.parse(t),write:t=>JSON.stringify(t)},number:{read:t=>Number.parseFloat(t),write:t=>String(t)},any:{read:t=>t,write:t=>String(t)},string:{read:t=>t,write:t=>String(t)},map:{read:t=>new Map(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t.entries()))},set:{read:t=>new Set(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t))},date:{read:t=>new Date(t),write:t=>t.toISOString()}},Y="vueuse-storage";function We(t,n,o,l={}){var r;const{flush:i="pre",deep:a=!0,listenToStorageChanges:s=!0,writeDefaults:u=!0,mergeDefaults:f=!1,shallow:d,window:c=T,eventFilter:p,onError:m=g=>{console.error(g)},initOnMounted:v}=l,h=(d?e.shallowRef:e.ref)(typeof n=="function"?n():n);if(!o)try{o=ne("getDefaultStorage",()=>{var g;return(g=T)==null?void 0:g.localStorage})()}catch(g){m(g)}if(!o)return h;const w=B(n),_=Fe(w),V=(r=l.serializer)!=null?r:Le[_],{pause:y,resume:b}=xe(h,()=>S(h.value),{flush:i,deep:a,eventFilter:p});c&&s&&G(()=>{W(c,"storage",$),W(c,Y,O),v&&$()}),v||$();function C(g,k){c&&c.dispatchEvent(new CustomEvent(Y,{detail:{key:t,oldValue:g,newValue:k,storageArea:o}}))}function S(g){try{const k=o.getItem(t);if(g==null)C(k,null),o.removeItem(t);else{const N=V.write(g);k!==N&&(o.setItem(t,N),C(k,N))}}catch(k){m(k)}}function z(g){const k=g?g.newValue:o.getItem(t);if(k==null)return u&&w!=null&&o.setItem(t,V.write(w)),w;if(!g&&f){const N=V.read(k);return typeof f=="function"?f(N,w):_==="object"&&!Array.isArray(N)?{...w,...N}:N}else return typeof k!="string"?k:V.read(k)}function $(g){if(!(g&&g.storageArea!==o)){if(g&&g.key==null){h.value=w;return}if(!(g&&g.key!==t)){y();try{(g==null?void 0:g.newValue)!==V.write(h.value)&&(h.value=z(g))}catch(k){m(k)}finally{g?e.nextTick(b):b()}}}}function O(g){$(g.detail)}return h}function je(t){return Oe("(prefers-color-scheme: dark)",t)}function Ie(t={}){const{selector:n="html",attribute:o="class",initialValue:l="auto",window:r=T,storage:i,storageKey:a="vueuse-color-scheme",listenToStorageChanges:s=!0,storageRef:u,emitAuto:f,disableTransition:d=!0}=t,c={auto:"",light:"light",dark:"dark",...t.modes||{}},p=je({window:r}),m=e.computed(()=>p.value?"dark":"light"),v=u||(a==null?ee(l):We(a,l,i,{window:r,listenToStorageChanges:s})),h=e.computed(()=>v.value==="auto"?m.value:v.value),w=ne("updateHTMLAttrs",(b,C,S)=>{const z=typeof b=="string"?r==null?void 0:r.document.querySelector(b):E(b);if(!z)return;let $;if(d&&($=r.document.createElement("style"),$.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),r.document.head.appendChild($)),C==="class"){const O=S.split(/\s/g);Object.values(c).flatMap(g=>(g||"").split(/\s/g)).filter(Boolean).forEach(g=>{O.includes(g)?z.classList.add(g):z.classList.remove(g)})}else z.setAttribute(C,S);d&&(r.getComputedStyle($).opacity,document.head.removeChild($))});function _(b){var C;w(n,o,(C=c[b])!=null?C:b)}function V(b){t.onChanged?t.onChanged(b,_):_(b)}e.watch(h,V,{flush:"post",immediate:!0}),G(()=>V(h.value));const y=e.computed({get(){return f?v.value:h.value},set(b){v.value=b}});try{return Object.assign(y,{store:v,system:m,state:h})}catch{return y}}function He(t,n,o={}){const{window:l=T,...r}=o;let i;const a=oe(()=>l&&"ResizeObserver"in l),s=()=>{i&&(i.disconnect(),i=void 0)},u=e.computed(()=>Array.isArray(t)?t.map(c=>E(c)):[E(t)]),f=e.watch(u,c=>{if(s(),a.value&&l){i=new ResizeObserver(n);for(const p of c)p&&i.observe(p,r)}},{immediate:!0,flush:"post"}),d=()=>{s(),f()};return j(d),{isSupported:a,stop:d}}function Je(t,n={width:0,height:0},o={}){const{window:l=T,box:r="content-box"}=o,i=e.computed(()=>{var c,p;return(p=(c=E(t))==null?void 0:c.namespaceURI)==null?void 0:p.includes("svg")}),a=e.ref(n.width),s=e.ref(n.height),{stop:u}=He(t,([c])=>{const p=r==="border-box"?c.borderBoxSize:r==="content-box"?c.contentBoxSize:c.devicePixelContentBoxSize;if(l&&i.value){const m=E(t);if(m){const v=l.getComputedStyle(m);a.value=Number.parseFloat(v.width),s.value=Number.parseFloat(v.height)}}else if(p){const m=Array.isArray(p)?p:[p];a.value=m.reduce((v,{inlineSize:h})=>v+h,0),s.value=m.reduce((v,{blockSize:h})=>v+h,0)}else a.value=c.contentRect.width,s.value=c.contentRect.height},o);G(()=>{const c=E(t);c&&(a.value="offsetWidth"in c?c.offsetWidth:n.width,s.value="offsetHeight"in c?c.offsetHeight:n.height)});const f=e.watch(()=>E(t),c=>{a.value=c?n.width:0,s.value=c?n.height:0});function d(){u(),f()}return{width:a,height:s,stop:d}}function I(t){return typeof Window<"u"&&t instanceof Window?t.document.documentElement:typeof Document<"u"&&t instanceof Document?t.documentElement:t}function re(t){const n=window.getComputedStyle(t);if(n.overflowX==="scroll"||n.overflowY==="scroll"||n.overflowX==="auto"&&t.clientWidth<t.scrollWidth||n.overflowY==="auto"&&t.clientHeight<t.scrollHeight)return!0;{const o=t.parentNode;return!o||o.tagName==="BODY"?!1:re(o)}}function Ue(t){const n=t||window.event,o=n.target;return re(o)?!1:n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)}const R=new WeakMap;function Ge(t,n=!1){const o=e.ref(n);let l=null;e.watch(ee(t),a=>{const s=I(B(a));if(s){const u=s;R.get(u)||R.set(u,u.style.overflow),o.value&&(u.style.overflow="hidden")}},{immediate:!0});const r=()=>{const a=I(B(t));!a||o.value||(K&&(l=W(a,"touchmove",s=>{Ue(s)},{passive:!1})),a.style.overflow="hidden",o.value=!0)},i=()=>{var a;const s=I(B(t));!s||!o.value||(K&&(l==null||l()),s.style.overflow=(a=R.get(s))!=null?a:"",R.delete(s),o.value=!1)};return j(i),e.computed({get(){return o.value},set(a){a?r():i()}})}function x(t,n,o,l={}){var r,i,a;const{clone:s=!1,passive:u=!1,eventName:f,deep:d=!1,defaultValue:c,shouldEmit:p}=l,m=e.getCurrentInstance(),v=o||(m==null?void 0:m.emit)||((r=m==null?void 0:m.$emit)==null?void 0:r.bind(m))||((a=(i=m==null?void 0:m.proxy)==null?void 0:i.$emit)==null?void 0:a.bind(m==null?void 0:m.proxy));let h=f;n||(n="modelValue"),h=h||`update:${n.toString()}`;const w=y=>s?typeof s=="function"?s(y):Pe(y):y,_=()=>we(t[n])?w(t[n]):c,V=y=>{p?p(y)&&v(h,y):v(h,y)};if(u){const y=_(),b=e.ref(y);let C=!1;return e.watch(()=>t[n],S=>{C||(C=!0,b.value=w(S),e.nextTick(()=>C=!1))}),e.watch(b,S=>{!C&&(S!==t[n]||d)&&V(S)},{deep:d}),b}else return e.computed({get(){return _()},set(y){V(y)}})}const qe={class:"$ui-dark-toggle-vtr"},Ke=e.defineComponent({__name:"DarkToggle",props:{isDark:{type:Boolean,default:!1},animation:{type:Boolean,default:!0},animationDuration:{default:400}},setup(t){const n=t,o=x(n,"isDark"),l=Ie({initialValue:o.value?"dark":"light",onChanged:s=>{o.value=s==="dark"}}),r=e.computed({get:()=>l.value==="dark",set:s=>l.value=s?"dark":"light"}),i=document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function a(s){if(!i||!s||!n.animation){r.value=!r.value;return}const u=s.clientX,f=s.clientY,d=Math.hypot(Math.max(u,innerWidth-u),Math.max(f,innerHeight-f));document.startViewTransition(async()=>{r.value=!r.value,await e.nextTick()}).ready.then(()=>{const p=[`circle(0px at ${u}px ${f}px)`,`circle(${d}px at ${u}px ${f}px)`];document.documentElement.animate({clipPath:r.value?[...p].reverse():p},{duration:n.animationDuration,easing:"ease-in",pseudoElement:r.value?"::view-transition-old(root)":"::view-transition-new(root)"})})}return(s,u)=>(e.openBlock(),e.createElementBlock("span",qe,[e.renderSlot(s.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(l),isDark:r.value,toggle:a})))]))}}),Ye={},Xe={class:"$ui-base border $ui-border-base rounded shadow-sm"};function Qe(t,n){return e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(t.$slots,"default")])}const Ze=J(Ye,[["render",Qe]]),q=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base",[n.dim?"bg-opacity-50!":"bg-opacity-0!",n.blur?"backdrop-blur-sm":""]])},[e.renderSlot(n.$slots,"default")],2))}}),et={class:"h7.5 w-full $ui-fbc"},tt={class:"text-4.5"},ot=e.createElementVNode("div",{class:"i-carbon-close"},null,-1),nt=[ot],rt={class:"content transition-all transition-duration-300"},at={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},lt={class:"$ui-fcc"},ae=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}},emits:["close","update:modelValue"],setup(t,{emit:n}){const o=t,r=x(o,"modelValue",n,{passive:!0}),i=Ge(()=>window.document.documentElement);e.watchEffect(()=>{r.value?i.value=!0:i.value=!1});function a(){r.value&&o.autoClose&&(r.value=!1)}te("Escape",()=>{a()});const s=e.ref(!1);return e.onMounted(()=>s.value=!0),(u,f)=>s.value||u.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:u.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(q,{key:0,dim:u.dim,blur:u.blur},{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",et,[e.createElementVNode("div",tt,[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),u.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:a},nt)):e.createCommentVNode("",!0)]),e.createElementVNode("div",rt,[e.renderSlot(u.$slots,"default")]),e.createElementVNode("div",at,[e.renderSlot(u.$slots,"footer",{},()=>[e.renderSlot(u.$slots,"footer",{},()=>[e.createElementVNode("div",lt,[e.createVNode(D,{type:"primary",onClick:a},{default:e.withCtx(()=>[e.createTextVNode(" close ")]),_:1})])])])])],4)]),_:3},8,["dim","blur"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),it=["type","placeholder","disabled"],st={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"},H="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",le=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,l=n,r=x(o,"modelValue",l),i=Ne(e.computed(()=>o.loading),o.loadingDebounceTime),a=Ee(!1,{onChanged(c){l("updateFocused",c)}}),s=e.computed(()=>o.variant==="flat"||o.variant==="warning"||o.disabled||o.readonly),u=e.computed(()=>o.disabled||i.value),f=e.ref();let d=!1;return e.watchEffect(()=>{i.value&&a.value?d=!0:!i.value&&d&&(d=!1,e.nextTick(()=>{a.value=!0}))}),e.onMounted(()=>{o.autoFocus&&(a.value=!0)}),e.watchEffect(()=>{var c;a.value&&((c=f.value)==null||c.focus())}),(c,p)=>(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":c.variant==="flat","cursor-not-allowed opacity-50":u.value,accent:c.variant==="accent",focused:e.unref(a)},[c.variant==="warning"?"border-warning-500 dark:border-warning-300":"border-primary-100 dark:border-gray-700"]]]),onClick:p[2]||(p[2]=()=>{a.value=!0})},[c.leftIcon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(H)},[e.createVNode(F,{icon:c.leftIcon},null,8,["icon"])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:f,"onUpdate:modelValue":p[0]||(p[0]=m=>e.isRef(r)?r.value=m:null),class:"$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",type:c.type,placeholder:c.placeholder,disabled:u.value||c.readonly,onBlur:p[1]||(p[1]=m=>a.value=!1)},null,40,it),[[e.vModelDynamic,e.unref(r)]]),e.unref(i)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(H)},[e.createVNode(U)])):c.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(H)},[e.createVNode(F,{icon:c.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",st))],2))}}),ut={class:"$ui-base"},ct=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=x(o,"modelValue",n),i=e.ref(!1),a=e.computed(()=>o.message&&o.message.length&&o.showMessage),s={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"},u={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(f,d)=>(e.openBlock(),e.createElementBlock("div",ut,[e.createVNode(le,{modelValue:e.unref(r),"onUpdate:modelValue":d[0]||(d[0]=c=>e.isRef(r)?r.value=c:null),placeholder:f.placeholder,onUpdateFocused:d[1]||(d[1]=c=>i.value=c)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[s[f.status],{"opacity-65":!i.value}]])},[f.status!=="normal"&&a.value?(e.openBlock(),e.createBlock(F,{key:0,inline:"",icon:u[f.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(a.value?f.message:""),1)],2)]))}}),dt={class:"overflow-hidden rounded-lg shadow-lg"},ft=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1),ie=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,l)=>(e.openBlock(),e.createBlock(e.unref(M.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":l[0]||(l[0]=r=>o.$emit("update:visible",r)),onClick:l[1]||(l[1]=r=>{r.stopPropagation()})},{popper:e.withCtx(({hide:r})=>[e.createElementVNode("div",dt,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:r})),()=>[ft])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(D,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"]))}}),pt=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(l,r)=>e.withDirectives((e.openBlock(),e.createBlock(D,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(l.$slots,"icon")]),default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["disabled"])),[[e.unref(M.VClosePopper)]])}}),mt={class:"$ui-fec gap2.5"},gt=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,l=n,r=x(o,"modelValue",l);e.watchEffect(()=>{r.value||l("close")});function i(a=!1){(o.autoClose||a)&&(r.value=!1)}return(a,s)=>(e.openBlock(),e.createBlock(ae,{modelValue:e.unref(r),"onUpdate:modelValue":s[2]||(s[2]=u=>e.isRef(r)?r.value=u:null),width:a.width,height:a.height,title:a.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",mt,[e.createVNode(D,{onClick:s[0]||(s[0]=()=>{l("cancel"),i(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.cancelText),1)]),_:1}),e.createVNode(D,{loading:a.loading,type:"primary",onClick:s[1]||(s[1]=()=>{l("confirm"),i()})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.confirmText),1)]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{class:"h-auto w-auto"},()=>[e.createTextVNode(e.toDisplayString(a.content),1)])]),_:3},8,["modelValue","width","height","title"]))}}),vt={class:"m1 min-w-35 w-auto flex flex-col"},ht=["onClick"],bt=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1),yt=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,l=n,r=e.useSlots(),i=e.computed({get:()=>o.modelValue,set:u=>l("update:modelValue",u)}),a=e.computed(()=>{const u=o.options.find(f=>f.value===i.value);return u!=null&&u.label?o.labelRenderer(u.label):o.placeholder});function s(u){o.multiple?i.value=i.value.includes(u.value)?i.value.filter(f=>f!==u.value):[...i.value,u.value]:i.value=u.value}return(u,f)=>(e.openBlock(),e.createBlock(ie,e.mergeProps({label:a.value},{buttonProps:u.buttonProps,disabled:u.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",vt,[e.unref(r).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.options,d=>(e.openBlock(),e.createElementBlock("div",{key:d.value,class:"cursor-pointer",onClick:c=>s(d)},[e.renderSlot(u.$slots,"item",e.normalizeProps(e.guardReactiveProps({item:d,active:u.multiple?i.value.includes(d.value):d.value===i.value,disabled:u.disabled})))],8,ht))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(u.options,d=>e.withDirectives((e.openBlock(),e.createBlock(D,{key:d.value,disabled:u.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:u.multiple?i.value.includes(d.value):d.value===i.value}]),onClick:c=>s(d)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(M.VClosePopper),u.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[bt]),_:2},[e.unref(r).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(u.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),wt=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){const r=x(t,"modelValue",n),i=De(r);return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[a.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:s[0]||(s[0]=u=>!a.disabled&&e.unref(i)())},[e.renderSlot(a.$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":!a.disabled},{"opacity-65":a.disabled}]])},null,2)],2)],2))}}),kt=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:n}){const r=x(t,"modelValue",n);return(i,a)=>(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(r)?i.variant==="normal"?"bg-primary-500 border-primary-200 dark:border-primary-100":"bg-accent-500 border-accent-200 dark:border-accent-100":""]]),onClick:a[0]||(a[0]=s=>r.value=!e.unref(r))},[e.createElementVNode("div",{class:e.normalizeClass([[e.unref(r)?"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))}}),Ct=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}},emits:["update:modelValue","close"],setup(t,{emit:n}){const o=t,l=n,{height:r}=Je(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),i=x(o,"modelValue",l),a={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%"}};te("Escape",()=>{o.closable&&(i.value=!1)});const s=e.computed(()=>a[o.placement]),u=e.ref(!1);return e.onMounted(()=>u.value=!0),(f,d)=>u.value||f.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:f.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${s.value.transition}`,"leave-to-class":`${s.value.transition}`},{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createBlock(q,{key:0,class:e.normalizeClass({"pointer-events-none":f.permanent}),dim:f.dim,blur:f.blur,onClick:d[2]||(d[2]=c=>f.closeOutside&&f.closable&&(i.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[s.value.class,f.contentClass??"",f.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:f.placement==="bottom"?"auto":`${e.unref(r)}px`,height:["top","bottom"].includes(f.placement)?"auto":`calc(100% - ${e.unref(r)}px)`}),onClick:d[1]||(d[1]=e.withModifiers(()=>{},["stop"]))},[f.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]=c=>i.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(f.$slots,"default")],6)]),_:3},8,["class","dim","blur"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),se=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"},l={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},n.duration)});const i=e.computed(()=>n.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 right-0 $ui-z-max-override text-center",[{"top-0":a.placement.startsWith("top")},{"bottom-0":a.placement.startsWith("bottom")}]])},[e.createVNode(e.Transition,{"enter-from-class":i.value,"leave-to-class":i.value,onAfterLeave:s[0]||(s[0]=()=>{var u;r.value||(u=a.onClose)==null||u.call(a)})},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex transition-all duration-300",style:e.normalizeStyle({justifyContent:a.placement.includes("right")?"right":a.placement.includes("left")?"left":"center"})},[e.createElementVNode("div",{class:e.normalizeClass(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base",[a.classes,l[a.type]]])},[e.createElementVNode("div",{class:e.normalizeClass(o[a.type])},null,2),e.createElementVNode("div",null,e.toDisplayString(a.message),1)],2)],4)):e.createCommentVNode("",!0)]),_:1},8,["enter-from-class","leave-to-class"])],2))}}),Bt=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(M.Tooltip),e.mergeProps({disabled:n.disabled,placement:n.placement},n.$attrs),{popper:e.withCtx(()=>[e.renderSlot(n.$slots,"popper")]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["disabled","placement"]))}});function Vt(t){const n=document.createElement("div");n.classList.add("$ui-z-max-override","fixed"),document.body.appendChild(n);const o=t.onClose;function l(){e.render(null,n)}t.onClose=()=>{l(),o==null||o(),document.body.removeChild(n)};const r=e.h(se,t);e.render(r,n)}Object.defineProperty(exports,"VTooltip",{enumerable:!0,get:()=>M.VTooltip});exports.VueBadge=be;exports.VueButton=D;exports.VueCard=Ze;exports.VueCheckbox=kt;exports.VueConfirm=gt;exports.VueDarkToggle=Ke;exports.VueDialog=ae;exports.VueDrawer=Ct;exports.VueDropdown=ie;exports.VueDropdownButton=pt;exports.VueFormField=ct;exports.VueIcon=F;exports.VueInput=le;exports.VueLoadingIndicator=U;exports.VueNotification=se;exports.VueOverlay=q;exports.VueSelect=yt;exports.VueSwitch=wt;exports.VueTooltip=Bt;exports.showVueNotification=Vt;
|
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { Dropdown as xe, VClosePopper as _e, Tooltip as ze } from "floating-vue";
|
|
4
4
|
import { VTooltip as _o } from "floating-vue";
|
|
5
|
-
import { openBlock as p, createElementBlock as $, createElementVNode as b, defineComponent as T, useAttrs as je, computed as _, useSlots as Ce, createBlock as M, resolveDynamicComponent as Ve, mergeProps as
|
|
5
|
+
import { openBlock as p, createElementBlock as $, createElementVNode as b, defineComponent as T, useAttrs as je, computed as _, useSlots as Ce, createBlock as M, resolveDynamicComponent as Ve, mergeProps as q, withCtx as y, renderSlot as w, unref as k, createCommentVNode as E, normalizeClass as V, ref as B, watch as R, customRef as Se, isRef as Q, getCurrentScope as Ie, onScopeDispose as He, toRef as Je, readonly as Be, onMounted as Y, nextTick as Z, getCurrentInstance as de, shallowRef as Ue, watchEffect as X, normalizeProps as ce, guardReactiveProps as fe, Teleport as Te, createVNode as W, Transition as pe, normalizeStyle as me, createTextVNode as I, toDisplayString as H, withDirectives as ve, vModelDynamic as Ge, provide as Ke, createSlots as De, inject as Ye, Fragment as be, renderList as ye, withModifiers as Xe, h as qe, render as we } from "vue";
|
|
6
6
|
const ge = (e, o) => {
|
|
7
7
|
const t = e.__vccOpts || e;
|
|
8
8
|
for (const [a, n] of o)
|
|
@@ -93,7 +93,7 @@ const Oe = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, K = /* @__
|
|
|
93
93
|
success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
|
|
94
94
|
}
|
|
95
95
|
}, c = Ce(), d = _(() => t.flat ? i.flat[t.type] : t.outlined ? i.outlined[t.type] : i.normal[t.type]);
|
|
96
|
-
return (u, f) => (p(), M(Ve(l.value),
|
|
96
|
+
return (u, f) => (p(), M(Ve(l.value), q(u.$attrs, {
|
|
97
97
|
role: "button",
|
|
98
98
|
"aria-disabled": r.value,
|
|
99
99
|
class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
|
|
@@ -152,7 +152,7 @@ function le(e) {
|
|
|
152
152
|
}
|
|
153
153
|
function st(e, o, { enumerable: t = !1, unwrap: a = !0 } = {}) {
|
|
154
154
|
for (const [n, l] of Object.entries(o))
|
|
155
|
-
n !== "value" && (
|
|
155
|
+
n !== "value" && (Q(l) && a ? Object.defineProperty(e, n, {
|
|
156
156
|
get() {
|
|
157
157
|
return l.value;
|
|
158
158
|
},
|
|
@@ -295,13 +295,13 @@ function yt(e, o, t = {}) {
|
|
|
295
295
|
), pause: r, resume: s, isActive: i };
|
|
296
296
|
}
|
|
297
297
|
function he(e, o = !0, t) {
|
|
298
|
-
mt() ? Y(e, t) : o ? e() :
|
|
298
|
+
mt() ? Y(e, t) : o ? e() : Z(e);
|
|
299
299
|
}
|
|
300
300
|
function wt(e = !1, o = {}) {
|
|
301
301
|
const {
|
|
302
302
|
truthyValue: t = !0,
|
|
303
303
|
falsyValue: a = !1
|
|
304
|
-
} = o, n =
|
|
304
|
+
} = o, n = Q(e), l = B(e);
|
|
305
305
|
function r(s) {
|
|
306
306
|
if (arguments.length)
|
|
307
307
|
return l.value = s, l.value;
|
|
@@ -374,7 +374,7 @@ function _t(e, o = {}) {
|
|
|
374
374
|
l.value = c.matches;
|
|
375
375
|
}, s = () => {
|
|
376
376
|
n && ("removeEventListener" in n ? n.removeEventListener("change", r) : n.removeListener(r));
|
|
377
|
-
}, i =
|
|
377
|
+
}, i = X(() => {
|
|
378
378
|
a.value && (s(), n = t.matchMedia(N(e)), "addEventListener" in n ? n.addEventListener("change", r) : n.addListener(r), l.value = n.matches);
|
|
379
379
|
});
|
|
380
380
|
return le(() => {
|
|
@@ -461,7 +461,7 @@ function Dt(e, o, t, a = {}) {
|
|
|
461
461
|
{ flush: l, deep: r, eventFilter: f }
|
|
462
462
|
);
|
|
463
463
|
u && s && he(() => {
|
|
464
|
-
ae(u, "storage", F), ae(u, $e,
|
|
464
|
+
ae(u, "storage", F), ae(u, $e, ee), g && F();
|
|
465
465
|
}), g || F();
|
|
466
466
|
function A(v, O) {
|
|
467
467
|
u && u.dispatchEvent(new CustomEvent($e, {
|
|
@@ -509,12 +509,12 @@ function Dt(e, o, t, a = {}) {
|
|
|
509
509
|
} catch (O) {
|
|
510
510
|
m(O);
|
|
511
511
|
} finally {
|
|
512
|
-
v ?
|
|
512
|
+
v ? Z(C) : C();
|
|
513
513
|
}
|
|
514
514
|
}
|
|
515
515
|
}
|
|
516
516
|
}
|
|
517
|
-
function
|
|
517
|
+
function ee(v) {
|
|
518
518
|
F(v.detail);
|
|
519
519
|
}
|
|
520
520
|
return h;
|
|
@@ -546,15 +546,10 @@ function Mt(e = {}) {
|
|
|
546
546
|
if (!G)
|
|
547
547
|
return;
|
|
548
548
|
let F;
|
|
549
|
-
if (d) {
|
|
550
|
-
|
|
551
|
-
const X = "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
|
|
552
|
-
F.appendChild(document.createTextNode(X)), n.document.head.appendChild(F);
|
|
553
|
-
}
|
|
554
|
-
if (A === "class") {
|
|
555
|
-
const X = L.split(/\s/g);
|
|
549
|
+
if (d && (F = n.document.createElement("style"), F.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), n.document.head.appendChild(F)), A === "class") {
|
|
550
|
+
const ee = L.split(/\s/g);
|
|
556
551
|
Object.values(u).flatMap((v) => (v || "").split(/\s/g)).filter(Boolean).forEach((v) => {
|
|
557
|
-
|
|
552
|
+
ee.includes(v) ? G.classList.add(v) : G.classList.remove(v);
|
|
558
553
|
});
|
|
559
554
|
} else
|
|
560
555
|
G.setAttribute(A, L);
|
|
@@ -721,7 +716,7 @@ function U(e, o, t, a = {}) {
|
|
|
721
716
|
return R(
|
|
722
717
|
() => e[o],
|
|
723
718
|
(L) => {
|
|
724
|
-
A || (A = !0, C.value = D(L),
|
|
719
|
+
A || (A = !0, C.value = D(L), Z(() => A = !1));
|
|
725
720
|
}
|
|
726
721
|
), R(
|
|
727
722
|
C,
|
|
@@ -767,7 +762,7 @@ const Wt = { class: "$ui-dark-toggle-vtr" }, uo = /* @__PURE__ */ T({
|
|
|
767
762
|
Math.max(c, innerHeight - c)
|
|
768
763
|
);
|
|
769
764
|
document.startViewTransition(async () => {
|
|
770
|
-
n.value = !n.value, await
|
|
765
|
+
n.value = !n.value, await Z();
|
|
771
766
|
}).ready.then(() => {
|
|
772
767
|
const f = [
|
|
773
768
|
`circle(0px at ${i}px ${c}px)`,
|
|
@@ -829,7 +824,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
829
824
|
emits: ["close", "update:modelValue"],
|
|
830
825
|
setup(e, { emit: o }) {
|
|
831
826
|
const t = e, n = U(t, "modelValue", o, { passive: !0 }), l = Pt(() => window.document.documentElement);
|
|
832
|
-
|
|
827
|
+
X(() => {
|
|
833
828
|
n.value ? l.value = !0 : l.value = !1;
|
|
834
829
|
});
|
|
835
830
|
function r() {
|
|
@@ -930,13 +925,13 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
930
925
|
}
|
|
931
926
|
}), s = _(() => t.variant === "flat" || t.variant === "warning" || t.disabled || t.readonly), i = _(() => t.disabled || l.value), c = B();
|
|
932
927
|
let d = !1;
|
|
933
|
-
return
|
|
934
|
-
l.value && r.value ? d = !0 : !l.value && d && (d = !1,
|
|
928
|
+
return X(() => {
|
|
929
|
+
l.value && r.value ? d = !0 : !l.value && d && (d = !1, Z(() => {
|
|
935
930
|
r.value = !0;
|
|
936
931
|
}));
|
|
937
932
|
}), Y(() => {
|
|
938
933
|
t.autoFocus && (r.value = !0);
|
|
939
|
-
}),
|
|
934
|
+
}), X(() => {
|
|
940
935
|
var u;
|
|
941
936
|
r.value && ((u = c.value) == null || u.focus());
|
|
942
937
|
}), (u, f) => (p(), $("div", {
|
|
@@ -964,7 +959,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
964
959
|
ve(b("input", {
|
|
965
960
|
ref_key: "inputRef",
|
|
966
961
|
ref: c,
|
|
967
|
-
"onUpdate:modelValue": f[0] || (f[0] = (m) =>
|
|
962
|
+
"onUpdate:modelValue": f[0] || (f[0] = (m) => Q(n) ? n.value = m : null),
|
|
968
963
|
class: "$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",
|
|
969
964
|
type: u.type,
|
|
970
965
|
placeholder: u.placeholder,
|
|
@@ -1011,7 +1006,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
1011
1006
|
return (c, d) => (p(), $("div", qt, [
|
|
1012
1007
|
W(Xt, {
|
|
1013
1008
|
modelValue: k(n),
|
|
1014
|
-
"onUpdate:modelValue": d[0] || (d[0] = (u) =>
|
|
1009
|
+
"onUpdate:modelValue": d[0] || (d[0] = (u) => Q(n) ? n.value = u : null),
|
|
1015
1010
|
placeholder: c.placeholder,
|
|
1016
1011
|
onUpdateFocused: d[1] || (d[1] = (u) => l.value = u)
|
|
1017
1012
|
}, null, 8, ["modelValue", "placeholder"]),
|
|
@@ -1068,7 +1063,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
1068
1063
|
]),
|
|
1069
1064
|
default: y(() => [
|
|
1070
1065
|
w(t.$slots, "default", {}, () => [
|
|
1071
|
-
W(K,
|
|
1066
|
+
W(K, q({
|
|
1072
1067
|
...t.buttonProps,
|
|
1073
1068
|
disabled: t.disabled
|
|
1074
1069
|
}, { class: t.buttonClass }), De({
|
|
@@ -1107,7 +1102,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
1107
1102
|
},
|
|
1108
1103
|
setup(e) {
|
|
1109
1104
|
const o = e, t = Ye("$ui-dropdown-disabled", void 0);
|
|
1110
|
-
return (a, n) => ve((p(), M(K,
|
|
1105
|
+
return (a, n) => ve((p(), M(K, q({
|
|
1111
1106
|
...o,
|
|
1112
1107
|
round: !1
|
|
1113
1108
|
}, {
|
|
@@ -1141,7 +1136,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
1141
1136
|
emits: ["update:modelValue", "confirm", "cancel", "close"],
|
|
1142
1137
|
setup(e, { emit: o }) {
|
|
1143
1138
|
const t = e, a = o, n = U(t, "modelValue", a);
|
|
1144
|
-
|
|
1139
|
+
X(() => {
|
|
1145
1140
|
n.value || a("close");
|
|
1146
1141
|
});
|
|
1147
1142
|
function l(r = !1) {
|
|
@@ -1149,7 +1144,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
1149
1144
|
}
|
|
1150
1145
|
return (r, s) => (p(), M(Gt, {
|
|
1151
1146
|
modelValue: k(n),
|
|
1152
|
-
"onUpdate:modelValue": s[2] || (s[2] = (i) =>
|
|
1147
|
+
"onUpdate:modelValue": s[2] || (s[2] = (i) => Q(n) ? n.value = i : null),
|
|
1153
1148
|
width: r.width,
|
|
1154
1149
|
height: r.height,
|
|
1155
1150
|
title: r.title,
|
|
@@ -1213,7 +1208,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
1213
1208
|
function s(i) {
|
|
1214
1209
|
t.multiple ? l.value = l.value.includes(i.value) ? l.value.filter((c) => c !== i.value) : [...l.value, i.value] : l.value = i.value;
|
|
1215
1210
|
}
|
|
1216
|
-
return (i, c) => (p(), M(eo,
|
|
1211
|
+
return (i, c) => (p(), M(eo, q({ label: r.value }, {
|
|
1217
1212
|
buttonProps: i.buttonProps,
|
|
1218
1213
|
disabled: i.disabled
|
|
1219
1214
|
}), De({
|
|
@@ -1469,7 +1464,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
|
|
|
1469
1464
|
shown: { type: Boolean }
|
|
1470
1465
|
},
|
|
1471
1466
|
setup(e) {
|
|
1472
|
-
return (o, t) => (p(), M(k(ze),
|
|
1467
|
+
return (o, t) => (p(), M(k(ze), q({
|
|
1473
1468
|
disabled: o.disabled,
|
|
1474
1469
|
placement: o.placement
|
|
1475
1470
|
}, o.$attrs), {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vue/devtools-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "7.0.
|
|
4
|
+
"version": "7.0.22",
|
|
5
5
|
"author": "webfansplz",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"exports": {
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@histoire/plugin-vue": "^0.17.14",
|
|
41
|
-
"@types/node": "^20.11.
|
|
41
|
+
"@types/node": "^20.11.30",
|
|
42
42
|
"@unocss/reset": "^0.58.6",
|
|
43
43
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
44
44
|
"floating-vue": "5.2.2",
|