@toife/vue 2.2.0 → 3.0.1

package/dist/index.umd.js

@@ -1 +0,0 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@toife/gesture")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@toife/gesture"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.ToifeVue={},d.Vue,d.VueRouter,d.ToifeGesture))})(this,(function(d,e,E,P){"use strict";const xe=e.defineComponent({__name:"app",setup(r,{expose:n}){n();const o={};return Object.defineProperty(o,"__isScriptSetup",{enumerable:!1,value:!0}),o}}),we={class:e.normalizeClass({"toife-app":!0})};function ze(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(r.$slots,"default")])}const g=(r,n)=>{const o=r.__vccOpts||r;for(const[t,a]of n)o[t]=a;return o},H=g(xe,[["render",ze]]),J=e.ref(1e3),v=()=>(J.value+=2,J.value),Ee=e.defineComponent({__name:"present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"},style:{},class:{},bounce:{},duration:{default:200}},emits:["dismiss"],setup(r,{expose:n,emit:o}){const t=e.ref(0),a=e.ref(!1),s=e.ref(),c=e.ref(),l=r,i=o,p=e.computed(()=>a.value||l.keepalive),m=e.ref(!1),y=e.reactive({"--toife-present-backdrop-opacity":"0.4","--toife-present-transition":"0.2s","--toife-present-content-transform":"0px","--toife-present-content-opacity":"1"}),_=e.computed(()=>l.duration/1e3+"s"),u=h=>{l.backdrop?h?.backdropOpacity&&(y["--toife-present-backdrop-opacity"]=h.backdropOpacity):y["--toife-present-backdrop-opacity"]="0",h.transition&&(y["--toife-present-transition"]=h.transition),h.contentTransform&&(y["--toife-present-content-transform"]=h.contentTransform),h.contentOpacity&&(y["--toife-present-content-opacity"]=h.contentOpacity)},b=()=>{if(l.bounce!==void 0&&!m.value){m.value=!0;let h=l.bounce;(l.placement=="bottom"||l.placement=="right")&&(h=`calc(${l.bounce} * -1)`),u({contentTransform:h,transition:_.value,backdropOpacity:"0.4",contentOpacity:"1"}),setTimeout(()=>{u({contentTransform:"0px"})},l.duration)}else u({contentTransform:"0px",transition:_.value,backdropOpacity:"0.4",contentOpacity:"1"})},f=()=>{let h="0px",V="1";l.placement=="bottom"||l.placement=="right"?h="100%":l.placement=="top"||l.placement=="left"?h="-100%":l.placement=="center"&&(h="0px",V="0"),u({contentTransform:h,transition:_.value,contentOpacity:V,backdropOpacity:"0"})};e.watch(()=>l.visible,()=>{l.visible?(m.value=!1,a.value=!0,t.value=v(),setTimeout(()=>{b()},50)):(f(),setTimeout(()=>{a.value=!1},200))}),n({render:u,open:b,close:f});const S=h=>{h.preventDefault(),i("dismiss","backdrop")};e.onMounted(()=>{l.visible?b():f()});const k={zIndex:t,isShow:a,backdrop:s,present:c,props:l,emit:i,isRender:p,isBounced:m,styles:y,time:_,render:u,open:b,close:f,onClickBackdrop:S,computed:e.computed,onMounted:e.onMounted,reactive:e.reactive,ref:e.ref,watch:e.watch,get getNewPresentIndex(){return v}};return Object.defineProperty(k,"__isScriptSetup",{enumerable:!1,value:!0}),k}});function Pe(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock(e.Fragment,null,[t.isRender?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass({"toife-present-backdrop":!0}),onPointerup:t.onClickBackdrop,ref:"backdrop",style:e.normalizeStyle([t.styles,{zIndex:t.zIndex-1},t.props.style])},null,36)),[[e.vShow,t.isShow]]):e.createCommentVNode("",!0),t.isRender?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,ref:"present",class:e.normalizeClass([{"toife-present":!0,[o.placement]:!0},t.props.class]),style:e.normalizeStyle([t.styles,{zIndex:t.zIndex},t.props.style])},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6)),[[e.vShow,t.isShow]]):e.createCommentVNode("",!0)],64)}const T=g(Ee,[["render",Pe],["__scopeId","data-v-dbddbda8"]]),Te=e.defineComponent({__name:"icon-spinner",props:{size:{default:"24px"},color:{default:"var(--toife-color-text)"}},setup(r,{expose:n}){n();const o={};return Object.defineProperty(o,"__isScriptSetup",{enumerable:!1,value:!0}),o}});function Ve(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass({"toife-icon-spinner":!0}),style:e.normalizeStyle({width:o.size,height:o.size,borderTopColor:o.color}),role:"status","aria-label":"Loading..."},null,4)}const R=g(Te,[["render",Ve],["__scopeId","data-v-bddf6a6e"]]),Ie=e.defineComponent({__name:"button",props:{color:{default:null},size:{default:"standard"},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingType:{default:"spinner"},variant:{default:"default"},activeBackground:{type:Boolean,default:!1}},setup(r,{expose:n}){n();const o=r,t=e.computed(()=>{let s;return o.variant=="default"&&(o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?s={"--border":"none","--color":"var(--toife-color-status-"+o.color+"-text)","--background":"var(--toife-color-status-"+o.color+")"}:s={"--border":"none","--color":"var(--toife-color-text)","--background":o.color}:s={"--border":"none","--color":"var(--toife-color-text)","--background":"var(--toife-color-surface)"}),o.variant=="text"&&(o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?s={"--border":"none","--color":"var(--toife-color-status-"+o.color+")","--background":"transparent"}:s={"--border":"none","--color":o.color,"--background":"transparent"}:s={"--border":"none","--color":"var(--toife-color-text)","--background":"transparent"}),o.variant=="outline"&&(o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?s={"--border":"0.55px solid var(--toife-color-status-"+o.color+")","--color":"var(--toife-color-status-"+o.color+")","--background":"transparent"}:s={"--border":"0.55px solid "+o.color,"--color":o.color,"--background":"transparent"}:s={"--border":"0.55px solid var(--toife-color-text)","--color":"var(--toife-color-text)","--background":"transparent"}),s}),a={props:o,styles:t,computed:e.computed,get IconSpinner(){return R}};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}}),Ne={class:e.normalizeClass({"toife-button-content":!0})},Oe={key:0,class:"loader"};function je(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("button",{style:e.normalizeStyle(t.styles),class:e.normalizeClass({"toife-button":!0,"active-background":t.props.activeBackground,rounded:t.props.rounded,block:t.props.block,["size-"+t.props.size]:!0})},[e.withDirectives(e.createElementVNode("span",Ne,[e.renderSlot(r.$slots,"default",{},void 0,!0)],512),[[e.vShow,!t.props.loading]]),t.props.loading?(e.openBlock(),e.createElementBlock("span",Oe,[e.createVNode(t.IconSpinner,{color:"var(--color)",type:t.props.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6)}const I=g(Ie,[["render",je],["__scopeId","data-v-3ab201fc"]]),Re=e.defineComponent({__name:"action",props:{actions:{default:()=>[]},visible:{type:Boolean,default:!1},dismiss:{default:()=>[]}},emits:["dismiss"],setup(r,{expose:n,emit:o}){const t=r,a=o,s=e.ref(!1),c=e.ref(),l=e.ref(!1),i=()=>{s.value=!0},p=()=>{s.value=!1},m=u=>{p(),u.handler&&u.handler(),a("dismiss","choose",u?.data)},y=u=>{t.dismiss&&t.dismiss.includes(u)?(p(),a("dismiss",u)):u==="backdrop"&&(l.value=!0,setTimeout(()=>{l.value=!1},300))};e.watch(()=>t.visible,u=>{u?i():p()},{immediate:!0}),n({open:i,close:p});const _={props:t,emit:a,_visible:s,container:c,pop:l,open:i,close:p,choose:m,onDismiss:y,ref:e.ref,watch:e.watch,get Present(){return T},get CustomButton(){return I}};return Object.defineProperty(_,"__isScriptSetup",{enumerable:!1,value:!0}),_}});function De(r,n,o,t,a,s){return e.openBlock(),e.createBlock(t.Present,{placement:"bottom",backdrop:!0,keepalive:!1,visible:t._visible,onDismiss:t.onDismiss},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({pop:t.pop,"toife-action":!0}),ref:"container"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.props.actions,(c,l)=>(e.openBlock(),e.createElementBlock("div",{key:l},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c,(i,p)=>(e.openBlock(),e.createBlock(t.CustomButton,{key:i.key??`${l}-${p}`,color:i.color,size:i.size,variant:i.variant,onPointerup:m=>t.choose(i),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.text),1)]),_:2},1032,["color","size","variant","onPointerup"]))),128))]))),128))],2)]),_:1},8,["visible"])}const X=g(Re,[["render",De],["__scopeId","data-v-9d4bf238"]]),Ae=(r={},n)=>({open(){return new Promise(o=>{let t=document.body.querySelector(".toife-app");if(!t)return;const a=document.createElement("div"),s=e.ref();t.appendChild(a);const c=e.createApp({render(){return e.h(n||X,{...r,ref:s,onDismiss:(l,i)=>{setTimeout(()=>{c.unmount(),a.remove()},300),o({type:l,data:i})}})}});c.mount(a),setTimeout(()=>{s.value?.open?.()},50)})}}),Me=e.defineComponent({__name:"alert",props:{title:{default:""},message:{default:""},actions:{default:()=>[]},dismiss:{default:()=>[]}},emits:["dismiss"],setup(r,{expose:n,emit:o}){const t=r,a=o,s=e.ref(!1),c=e.ref(),l=e.ref(!1),i=()=>{s.value=!0},p=_=>{s.value=!1,_.handler&&_.handler(),a("dismiss","choose",_?.data)},m=_=>{t.dismiss&&t.dismiss.includes(_)?(s.value=!1,a("dismiss",_)):_=="backdrop"&&(l.value=!0,setTimeout(()=>{l.value=!1},300))};n({open:i});const y={props:t,emit:a,visible:s,container:c,pop:l,open:i,choose:p,onDismiss:m,ref:e.ref,get Present(){return T},get CustomButton(){return I}};return Object.defineProperty(y,"__isScriptSetup",{enumerable:!1,value:!0}),y}}),ve={key:0,class:e.normalizeClass({"toife-alert-header":!0})},Xe={class:e.normalizeClass({"toife-alert-content":!0})},qe={class:e.normalizeClass({"toife-alert-footer":!0})};function We(r,n,o,t,a,s){return e.openBlock(),e.createBlock(t.Present,{placement:"center",backdrop:!0,keepalive:!1,visible:t.visible,onDismiss:t.onDismiss},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({pop:t.pop,"toife-alert":!0}),ref:"container"},[e.renderSlot(r.$slots,"header",{},()=>[t.props.title?(e.openBlock(),e.createElementBlock("div",ve,e.toDisplayString(t.props.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(r.$slots,"content",{},()=>[e.createElementVNode("div",Xe,e.toDisplayString(t.props.message),1)],!0),e.renderSlot(r.$slots,"footer",{},()=>[e.createElementVNode("div",qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.props.actions,c=>(e.openBlock(),e.createBlock(t.CustomButton,{color:c.color,variant:c.variant,onPointerup:l=>t.choose(c)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.text),1)]),_:2},1032,["color","variant","onPointerup"]))),256))])],!0)],2)]),_:3},8,["visible"])}const q=g(Me,[["render",We],["__scopeId","data-v-64e5ebe5"]]),Le=(r={},n)=>({open(){return new Promise(o=>{let t=document.body.querySelector(".toife-app");if(!t)return;const a=document.createElement("div"),s=e.ref();t.appendChild(a);const c=e.createApp({render(){return e.h(n||q,{...r,ref:s,onDismiss:(l,i)=>{setTimeout(()=>{c.unmount(),a.remove()},300),o({type:l,data:i})}})}});c.mount(a),setTimeout(()=>{s.value?.open?.()},50)})}}),Fe=e.defineComponent({__name:"avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(r,{expose:n}){n();const o=r,t=e.computed(()=>o.size=="small"?"24px":o.size=="standard"?"40px":o.size=="large"?"60px":o.size),a={props:o,width:t,computed:e.computed};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}});function Ue(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({square:o.square,"toife-avatar":!0}),style:e.normalizeStyle({"--size":t.width})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6)}const Q=g(Fe,[["render",Ue],["__scopeId","data-v-32c57a0d"]]),Ge=e.defineComponent({__name:"screen",setup(r,{expose:n}){n();const o={};return Object.defineProperty(o,"__isScriptSetup",{enumerable:!1,value:!0}),o}}),Ke={class:e.normalizeClass({"toife-screen":!0})};function He(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",Ke,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const W=g(Ge,[["render",He],["__scopeId","data-v-59be2187"]]),x=e.reactive([]),D=e.ref(!0),C=e.ref(!1),w=e.ref(-1),B=e.computed(()=>x[w.value]),N=e.computed(()=>x[w.value+1]||void 0),$=e.computed(()=>x[x.length-2]),Z=e.computed(()=>!C.value&&D.value&&$.value),z=(r=!0)=>{let o=B.value.target.closest(".toife-app").offsetWidth;return r?o+"px":o},A={reset(){C.value=!0;const r=z(),n=B.value.target,o=$.value.target;n.style.transition="transform 0.25s ease",n.style.transform="translateX(0px)",o.style.transition="transform 0.25s ease",o.style.transform=`translateX(calc(${r} / 100 * 30 * -1)) scale(0.5) perspective(${r}) rotateY(30deg)`,document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0.25s"),document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity","0.5"),setTimeout(()=>{C.value=!1},400)},move(r){if(!Z.value)return;const n=z(!1),o=n+"px",t=r/n*100,a=B.value.target,s=$.value.target;r>15&&r<=n&&(a.style.transition="transform 0s ease",a.style.transform=`translateX(${r}px)`,s.style.transition="transform 0s ease",document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0s"),s.style.transform=`translateX(calc((${o} / 100 * 30 * -1) + ((${o} / 100 * 30) / 100 * ${t}))) scale(${.5+.5/100*t}) perspective(${o}) rotateY(${30-30/100*t}deg)`,document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity",`${.5-.5/100*t}`))},back(r){if(!$.value)return;const n=z();B.value.target.style.transition="transform 0.25s ease",B.value.target.style.transform=`translateX(${n}) scale(1)`,$.value.target.style.transition="transform 0.25s ease",$.value.target.style.transform=`translateX(0px) scale(1) perspective(${n}) rotateY(0deg)`,document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0.25s"),document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity","0"),C.value=!0,setTimeout(()=>{L(),C.value=!1,w.value-=1,r&&r()},400)},next(r){if(!N.value)return;if(w.value==-1){w.value+=1,r&&r();return}C.value=!0;const n=N.value.target,o=z();n.style.transform=`translateX(${o})`,n.transitionOrigin="center",document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0s"),document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity","0"),setTimeout(()=>{n.style.transition="transform 0.25s ease",n.style.transform="translateX(0px)",document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0.25s"),document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity","0.5"),B.value&&(B.value.target.style.transitionOrigin="left center",B.value.target.style.transition="transform 0.25s ease",B.value.target.style.transform=`translateX(calc(${o} / 100 * 30 * -1)) scale(0.5) perspective(${o}) rotateY(30deg)`),setTimeout(()=>{C.value=!1,w.value+=1,r&&r()},400)},100)}},M={reset(){C.value=!0;const r=z(),n=B.value.target,o=$.value.target;n.style.transition="transform 0.25s ease",n.style.transform="translateX(0px)",o.style.transition="transform 0.25s ease",o.style.transform=`translateX(calc(${r} / 100 * 30 * -1))`,document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0.25s"),document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity","0.5"),setTimeout(()=>{C.value=!1},400)},move(r){const n=z(!1),o=n+"px",t=r/n*100,a=B.value.target,s=$.value.target;r>15&&r<=n&&(a.style.transition="transform 0s ease",a.style.transform=`translateX(${r}px)`,s.style.transition="transform 0s ease",document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0s"),s.style.transform=`translateX(calc((${o} / 100 * 30 * -1) + ((${o} / 100 * 30) / 100 * ${t})))`,document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity",`${.5-.5/100*t}`))},back(r){if(!$.value)return;const n=z();B.value.target.style.transition="transform 0.25s ease",B.value.target.style.transform=`translateX(${n}) scale(1)`,$.value.target.style.transition="transform 0.25s ease",$.value.target.style.transform="translateX(0px)",document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0.25s"),document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity","0"),C.value=!0,setTimeout(()=>{L(),C.value=!1,w.value-=1,r&&r()},400)},next(r){if(!N.value)return;if(w.value==-1){w.value+=1,r&&r();return}C.value=!0;const n=N.value.target,o=z();n.style.transform=`translateX(${o})`,n.transitionOrigin="center",document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0s"),document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity","0"),setTimeout(()=>{n.style.transition="transform 0.25s ease",n.style.transform="translateX(0px)",document.documentElement.style.setProperty("--toife-screen-backdrop-duration","0.25s"),document.documentElement.style.setProperty("--toife-swipe-backdrop-opacity","0.5"),B.value&&(B.value.target.style.transitionOrigin="left center",B.value.target.style.transition="transform 0.25s ease",B.value.target.style.transform=`translateX(calc(${o} / 100 * 30 * -1))`),setTimeout(()=>{C.value=!1,w.value+=1,r&&r()},400)},100)}},Je=r=>{x.push(r)},Qe=(r,n)=>{x[r].target=n},L=r=>{r||x.pop()},Ze=()=>{x.splice(0,x.length)},Ye=()=>{D.value=!1},et=()=>{D.value=!0},tt=(r,n)=>{r=="scale"&&A.next(n),r=="transform"&&M.next(n)},ot=(r,n)=>{r=="scale"&&A.back(n),r=="transform"&&M.back(n)},rt=(r,n)=>{r=="scale"&&A.move(n),r=="transform"&&M.move(n)},nt=r=>{r=="scale"&&A.reset(),r=="transform"&&M.reset()},O=()=>({isBusy:C,isSwipeable:Z,reset:nt,next:tt,back:ot,move:rt,screens:x,addScreen:Je,addScreenEl:Qe,removeScreen:L,removeAllScreen:Ze,lockSwipe:Ye,unlockSwipe:et,swipeable:D,currentScreen:B,lastScreen:$,nextScreen:N}),st=e.defineComponent({__name:"screen-router",props:{variant:{default:"scale"},router:{},route:{}},emits:["change"],setup(r,{expose:n,emit:o}){n();let t={};const a=o,s=r;let c;const l=s.router||E.useRouter(),i=s.route||E.useRoute(),p=l.getRoutes(),m=O(),y=e.ref();for(let f of p)t[f.name]=f.component||f.components;const _=f=>{f&&m.addScreen({name:f,target:null,component:e.markRaw(t[f]||null)})},u=(f,S)=>{!S||m.screens[f].target||(m.addScreenEl(f,S.$el),m.nextScreen&&m.next(s.variant,()=>{a("change")}))};e.watch(()=>i.name,(f,S)=>{f!=m.currentScreen.value?.name&&(m.lastScreen.value?.name==f?m.back(s.variant,()=>{a("change")}):_(i.name))}),e.onMounted(()=>{_(i.name),c=P.gesture(document.body,{beforeEvent(f){return!!m.isSwipeable.value},fast({initialDirection:f}){m.lastScreen.value&&f=="right"&&l.back()},move({deltaX:f,initialDirection:S}){S=="right"&&m.move(s.variant,f)},up({deltaX:f,initialDirection:S}){if(S!="right"){m.reset(s.variant);return}const k=y.value.offsetParent.offsetWidth;f/k*100>=50?l.back():m.reset(s.variant)},cancel(){m.reset(s.variant)}})}),e.onUnmounted(()=>{c&&c.destroy(),m.removeAllScreen()});const b={get routeComponents(){return t},set routeComponents(f){t=f},emit:a,props:s,get ges(){return c},set ges(f){c=f},_router:l,_route:i,routes:p,screenRouter:m,backdrop:y,addScreen:_,addScreenRef:u,markRaw:e.markRaw,onMounted:e.onMounted,onUnmounted:e.onUnmounted,ref:e.ref,watch:e.watch,get useRoute(){return E.useRoute},get useRouter(){return E.useRouter},get gesture(){return P.gesture},get Screen(){return W},get useScreenRouter(){return O}};return Object.defineProperty(b,"__isScriptSetup",{enumerable:!1,value:!0}),b}});function at(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.screenRouter.screens,(c,l)=>(e.openBlock(),e.createBlock(t.Screen,{ref_for:!0,ref:i=>t.addScreenRef(l,i),style:e.normalizeStyle({zIndex:l+(l==t.screenRouter.screens.length-1?2:1)}),key:l},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:e.normalizeClass({"toife-screen-router-backdrop":!0}),ref:"backdrop",style:e.normalizeStyle({zIndex:t.screenRouter.screens.length})},null,4)],64)}const Y=g(st,[["render",at],["__scopeId","data-v-c7ff05f0"]]),lt=e.defineComponent({__name:"back-button",props:{to:{},router:{}},setup(r,{expose:n}){n();const o=r,t=e.useAttrs(),a=o.router||E.useRouter(),s=O(),l={props:o,attrs:t,router:a,screenRouter:s,onClick:i=>{if(t.onBack){t.onBack(i);return}s.lastScreen.value?a?.back?.():o.to&&a?.push?.(o.to)},useAttrs:e.useAttrs,get useRouter(){return E.useRouter},get useScreenRouter(){return O}};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}});function ct(r,n,o,t,a,s){return o.to||t.screenRouter.lastScreen?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass({"toife-back-button":!0}),onPointerup:t.onClick},[e.renderSlot(r.$slots,"default",{},()=>[n[0]||(n[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)],32)):e.createCommentVNode("",!0)}const ee=g(lt,[["render",ct],["__scopeId","data-v-acb94acb"]]),it=e.ref(0);function j(){return{height:it}}const dt=e.defineComponent({__name:"keyboard-space",setup(r,{expose:n}){n();const{height:o}=j(),t={height:o,get useKeyboard(){return j}};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}});function pt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-keyboard-space":!0}),style:e.normalizeStyle({"--height":t.height+"px"})},null,4)}const te=g(dt,[["render",pt],["__scopeId","data-v-ae883ffe"]]),ft=e.defineComponent({__name:"cable",props:{keyboard:{type:Boolean,default:!1},placement:{default:"bottom"}},setup(r,{expose:n}){n();const o=r,{height:t}=j();e.provide("cableState",{placement:o.placement});const a={props:o,height:t,provide:e.provide,get useKeyboard(){return j}};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}});function ut(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-cable":!0,keyboard:t.props.keyboard&&t.height>0,[t.props.placement]:!0}),style:e.normalizeStyle({"--toife-keyboard-height":t.height+"px","--toife-keyboard-transition":t.height>0?"0.3s":"0.1s"})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6)}const oe=g(ft,[["render",ut],["__scopeId","data-v-2c9cb2cf"]]),mt=e.defineComponent({__name:"card",props:{color:{default:null}},setup(r,{expose:n}){n();const o=r,t=e.computed(()=>{let s;return o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?s={"--background":"var(--toife-color-status-"+o.color+")"}:s={"--background":o.color}:s={"--background":"var(--toife-color-surface)"},s}),a={props:o,styles:t,computed:e.computed};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}});function _t(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-card":!0}),style:e.normalizeStyle(t.styles)},[e.renderSlot(r.$slots,"default")],4)}const re=g(mt,[["render",_t]]),yt=e.defineComponent({__name:"checkbox",props:{label:{default:""},modelValue:{default:!1},variant:{},type:{default:"check"},multiple:{type:Boolean,default:!1},value:{default:void 0},color:{default:"primary"}},emits:["update:modelValue"],setup(r,{expose:n,emit:o}){n();const t=r,a=o,s=e.computed(()=>{let p={"--background":t.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(t.color)&&(p={"--background":`var(--toife-color-status-${t.color})`,"--color":`var(--toife-color-status-${t.color}-text)`}),p}),c=e.computed(()=>t.multiple?t.modelValue.includes(t.value):t.value===void 0?t.modelValue:t.modelValue==t.value),i={props:t,emit:a,styles:s,isActive:c,onToggle:p=>{if(p.preventDefault(),p.stopPropagation(),t.multiple){let m=t.modelValue;t.modelValue.includes(t.value)?m.splice(m.indexOf(t.value),1):m.push(t.value),a("update:modelValue",m)}else t.value===void 0?a("update:modelValue",!t.modelValue):a("update:modelValue",t.value)},computed:e.computed};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}}),bt={key:0},gt={key:0,class:e.normalizeClass({"toife-checkbox-label":!0})};function kt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-checkbox":!0,active:t.isActive}),style:e.normalizeStyle(t.styles),onPointerup:t.onToggle},[e.createElementVNode("div",{class:e.normalizeClass({[`toife-checkbox-${o.type}`]:!0})},[o.type=="radio"?(e.openBlock(),e.createElementBlock("div",bt)):e.createCommentVNode("",!0),o.type=="check"?e.renderSlot(r.$slots,"icon",{key:1},()=>[n[0]||(n[0]=e.createElementVNode("i",{class:"ri-check-line"},null,-1))],!0):e.createCommentVNode("",!0)],2),e.renderSlot(r.$slots,"label",{},()=>[o.label?(e.openBlock(),e.createElementBlock("span",gt,e.toDisplayString(t.props.label),1)):e.createCommentVNode("",!0)],!0)],38)}const ne=g(yt,[["render",kt],["__scopeId","data-v-6f47434a"]]),ht=e.defineComponent({__name:"collapse",props:{title:{}},emits:["change"],setup(r,{expose:n,emit:o}){n();const t=r,a=o,s=e.ref(!1),c=e.ref(""),l=e.ref(),i=()=>{s.value=!s.value,c.value=`calc(${l.value.offsetHeight}px + 2rem)`,a("change",s.value)};a("change",s.value);const p={props:t,emit:a,isOpen:s,height:c,content:l,onToggle:i,ref:e.ref};return Object.defineProperty(p,"__isScriptSetup",{enumerable:!1,value:!0}),p}}),St={class:e.normalizeClass({"toife-collapse-title":!0})},Bt={key:0,class:"icon"},Ct={key:1,class:"icon"},$t={class:e.normalizeClass({"toife-collapse-content":!0})},xt={ref:"content"};function wt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-collapse":!0,open:t.isOpen}),style:e.normalizeStyle({"--height":t.height})},[e.createElementVNode("div",{class:e.normalizeClass({"toife-collapse-header":!0}),onPointerup:t.onToggle},[e.renderSlot(r.$slots,"icon"),e.createElementVNode("div",St,[e.renderSlot(r.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.props.title),1)])]),e.renderSlot(r.$slots,"toggle",{},()=>[t.isOpen?(e.openBlock(),e.createElementBlock("div",Bt,[...n[0]||(n[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Ct,[...n[1]||(n[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])],32),e.createElementVNode("div",$t,[e.createElementVNode("div",xt,[e.renderSlot(r.$slots,"content",{},()=>[e.renderSlot(r.$slots,"default")])],512)])],6)}const se=g(ht,[["render",wt]]),zt=e.defineComponent({__name:"content",setup(r,{expose:n}){n();const o={};return Object.defineProperty(o,"__isScriptSetup",{enumerable:!1,value:!0}),o}}),Et={class:e.normalizeClass({"toife-content":!0})};function Pt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",Et,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const ae=g(zt,[["render",Pt],["__scopeId","data-v-90d3a187"]]),Tt=e.defineComponent({__name:"divider",props:{direction:{default:"horizontal"}},setup(r,{expose:n}){n();const t={props:r};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}});function Vt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-divider":!0,[t.props.direction]:!0})},null,2)}const le=g(Tt,[["render",Vt],["__scopeId","data-v-1fcdf04e"]]),It=e.defineComponent({__name:"flex",props:{gap:{default:0},direction:{default:"row"}},setup(r,{expose:n}){n();const o=r,t=e.computed(()=>isNaN(o.gap)?o.gap:`var(--toife-size-${o.gap})`),a={props:o,_gap:t,computed:e.computed};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}});function Nt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-flex":!0}),style:e.normalizeStyle({"--gap":t._gap,"--direction":t.props.direction})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4)}const ce=g(It,[["render",Nt],["__scopeId","data-v-d6021f57"]]),Ot=e.defineComponent({__name:"gesture-indicator",props:{placement:{default:"bottom"}},setup(r,{expose:n}){n();const t={props:r};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}});function jt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-gesture-indicator":!0,[o.placement]:!0})},null,2)}const F=g(Ot,[["render",jt],["__scopeId","data-v-65133446"]]),Rt=e.defineComponent({__name:"grid",props:{gap:{default:0},template:{default:"repeat(1, 1fr) / repeat(1, 1fr)"}},setup(r,{expose:n}){n();const o=r,t=e.computed(()=>isNaN(o.gap)?o.gap:`var(--toife-size-${o.gap})`),a={props:o,_gap:t,computed:e.computed};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}});function Dt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-grid":!0}),style:e.normalizeStyle({"--gap":t._gap,"--template":t.props.template})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4)}const ie=g(Rt,[["render",Dt],["__scopeId","data-v-797f9e41"]]),At=e.defineComponent({__name:"image",props:{defaultSrc:{},src:{}},setup(r,{expose:n}){n();const o=e.ref(""),t=()=>{r.defaultSrc&&(o.value=r.defaultSrc)};e.onMounted(()=>{o.value=r.src});const a={_src:o,handleError:t,onMounted:e.onMounted,ref:e.ref};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}}),Mt=["src"];function vt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("img",{onError:t.handleError,src:t._src},null,40,Mt)}const de=g(At,[["render",vt],["__scopeId","data-v-0eed0f1f"]]),Xt=e.defineComponent({__name:"text",props:{color:{default:"var(--toife-color-text)"},size:{default:"standard"}},setup(r,{expose:n}){n();const o=r,t=e.computed(()=>{let s,c=o.color;return o.size=="standard"?s="var(--toife-fs-10)":o.size=="small"?s="var(--toife-fs-08)":o.size=="large"?s="var(--toife-fs-12)":s=o.size,["warning","info","danger","primary","secondary","success"].includes(o.color)&&(c=`var(--toife-color-status-${o.color})`),{"--color":c,"--font-size":s}}),a={props:o,styles:t,computed:e.computed};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}});function qt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass({"toife-text":!0}),style:e.normalizeStyle(t.styles)},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4)}const U=g(Xt,[["render",qt],["__scopeId","data-v-116b375f"]]),Wt=e.defineComponent({__name:"input",props:{size:{default:"standard"},rounded:{type:Boolean,default:!1},label:{default:""},placeholder:{default:""},type:{default:"text"},help:{},error:{},modelValue:{default:""},variant:{default:"default"},readonly:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(r,{expose:n,emit:o}){n();const t=r,a=o,s=e.ref(!1),c=e.ref(null),l=e.computed(()=>!(t.modelValue===""||t.modelValue==null)),y={props:t,emit:a,isFocus:s,editable:c,hasValue:l,onInput:_=>{a("update:modelValue",_.target.value)},focus:async _=>{s.value=!0},blur:()=>{s.value=!1},ref:e.ref,computed:e.computed,get Text(){return U}};return Object.defineProperty(y,"__isScriptSetup",{enumerable:!1,value:!0}),y}}),Lt={class:e.normalizeClass({"toife-input-label":!0})},Ft={class:e.normalizeClass({"toife-input-content":!0})},Ut=["placeholder","value","type","readonly"];function Gt(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-input":!0,rounded:o.rounded,["size-"+o.size]:!0,["variant-"+o.variant]:!0,focus:t.isFocus,"has-value":t.hasValue,readonly:o.readonly})},[e.createElementVNode("label",null,[e.createElementVNode("span",Lt,e.toDisplayString(o.label),1),e.createElementVNode("div",Ft,[e.renderSlot(r.$slots,"start",{},void 0,!0),e.createElementVNode("input",{ref:"editable",class:e.normalizeClass({"toife-input-editable":!0}),placeholder:o.placeholder,value:o.modelValue,type:o.type,onInput:t.onInput,onFocus:t.focus,onBlur:t.blur,readonly:o.readonly},null,40,Ut),e.renderSlot(r.$slots,"end",{},void 0,!0)])]),o.error?(e.openBlock(),e.createBlock(t.Text,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.error),1)]),_:1})):o.help?(e.openBlock(),e.createBlock(t.Text,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.help),1)]),_:1})):e.createCommentVNode("",!0)],2)}const pe=g(Wt,[["render",Gt],["__scopeId","data-v-f7768bea"]]),Kt=e.defineComponent({__name:"loading",props:{type:{default:"spinner"}},emits:["dismiss"],setup(r,{expose:n,emit:o}){const t=r,a=e.ref(!1),s=o;let c;const l=()=>{a.value=!0},i=()=>{a.value=!1};n({open:l,close:i});const p={props:t,visible:a,emit:s,get ges(){return c},set ges(m){c=m},open:l,close:i,get Present(){return T},get IconSpinner(){return R},ref:e.ref};return Object.defineProperty(p,"__isScriptSetup",{enumerable:!1,value:!0}),p}}),Ht={class:e.normalizeClass({"toife-loading":!0})};function Jt(r,n,o,t,a,s){return e.openBlock(),e.createBlock(t.Present,{placement:"center",backdrop:!0,keepalive:!1,visible:t.visible},{default:e.withCtx(()=>[e.createElementVNode("div",Ht,[e.renderSlot(r.$slots,"default",{},()=>[o.type==="spinner"?(e.openBlock(),e.createBlock(t.IconSpinner,{key:0})):e.createCommentVNode("",!0)],!0)])]),_:3},8,["visible"])}const G=g(Kt,[["render",Jt],["__scopeId","data-v-188d5e1b"]]),Qt=(r={},n)=>{const o=e.ref(),t=document.body.querySelector(".toife-app");let a=null,s=null;return{open(){return new Promise(c=>{t&&(s=document.createElement("div"),t.appendChild(s),a=e.createApp({render(){return e.h(n||G,{...r,ref:o})}}),a.mount(s),setTimeout(()=>{o.value?.open?.(),c(!0)},50))})},close(){return new Promise(c=>{o.value?.close?.(),setTimeout(()=>{a?.unmount?.(),s?.remove?.(),c(!0)},300)})}}},Zt=e.defineComponent({__name:"refresher",props:{threshold:{default:120},safe:{type:Boolean,default:!1},variant:{default:"max"}},emits:["refresh","move","cancel","start"],setup(r,{expose:n,emit:o}){n();const t=o,a=r,s=e.ref(0),c=e.ref(!1),l=e.ref();let i,p=!1;const m=()=>{c.value=!1,s.value=0,p=!1},y=()=>{p=!0,c.value=!0,s.value=a.threshold,t("refresh",m)},_=()=>{s.value=0,c.value=!1,p=!1,t("cancel")};e.watch(()=>l.value,()=>{i&&i.destroy();let b=l.value.closest(".toife-content");b&&(i=P.gesture(b,{options:{minMove:20},beforeEvent(){return!(b.scrollTop>0)},down(){c.value||p||t("start")},move({deltaY:f,initialDirection:S}){if(c.value||p||S!="down")return;if(a.variant=="max"&&f>=a.threshold){y();return}const k=f<0?0:f;s.value=k,t("move",k)},up({deltaY:f,initialDirection:S}){c.value||p||S!="down"||(a.variant=="up"&&f>=a.threshold?y():_())},cancel(){c.value||p||_()}},{passive:!1}))}),e.onUnmounted(()=>{i&&i.destroy()});const u={emit:t,props:a,offset:s,refreshing:c,container:l,get cleanup(){return i},set cleanup(b){i=b},get locked(){return p},set locked(b){p=b},close:m,start:y,cancel:_,ref:e.ref,onUnmounted:e.onUnmounted,watch:e.watch,get gesture(){return P.gesture}};return Object.defineProperty(u,"__isScriptSetup",{enumerable:!1,value:!0}),u}});function Yt(r,n,o,t,a,s){return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-refresher":!0,safe:o.safe}),ref:"container"},[e.renderSlot(r.$slots,"default",{offset:t.offset,refreshing:t.refreshing},void 0,!0)],2)),[[e.vShow,t.offset>0]])}const fe=g(Zt,[["render",Yt],["__scopeId","data-v-69af4f52"]]),eo=e.defineComponent({__name:"richtext",setup(r,{expose:n}){n();const o={};return Object.defineProperty(o,"__isScriptSetup",{enumerable:!1,value:!0}),o}});function to(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div")}const ue=g(eo,[["render",to],["__scopeId","data-v-90f4e19d"]]),oo=e.defineComponent({__name:"ripple",props:{color:{default:"primary"}},setup(r,{expose:n}){n();const o=r,t=e.computed(()=>{let s={};return o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?s={"--color":"var(--toife-color-status-"+o.color+")"}:s={"--color":o.color}:s={"--color":"var(--toife-color-surface)"},s}),a={props:o,styles:t,computed:e.computed};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}});function ro(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-ripple":!0}),style:e.normalizeStyle(t.styles)},null,4)}const me=g(oo,[["render",ro],["__scopeId","data-v-2f24c046"]]),no=e.defineComponent({__name:"sheet",props:{background:{default:"var(--toife-color-surface)"},class:{},visible:{type:Boolean,default:!1},gesture:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},placement:{default:"bottom"},keepalive:{type:Boolean,default:!0},backdrop:{type:Boolean,default:!0},rounded:{type:Boolean,default:!1},indicator:{type:Boolean,default:!0},duration:{default:200},bounce:{},style:{}},emits:["dismiss"],setup(r,{expose:n,emit:o}){n();const t=r,a=o,s=e.ref(),c=e.ref(),l=e.ref(!1);let i=null;const p=e.computed(()=>{if(t.placement=="bottom")return"down";if(t.placement=="top")return"up";if(t.placement=="left")return"left";if(t.placement=="right")return"right"}),m=u=>{a("dismiss",u)},y=()=>{l.value=!0,setTimeout(()=>{l.value=!1},300)};e.watch(()=>s.value,u=>{u&&(i=P.gesture(s.value,{isMoving:!1,options:{minDist:30},beforeEvent(b){return!(l.value||!t.gesture||t.placement=="center")},down(){this.isMoving=!1},fast({initialDirection:b}){y(),b==p.value?a("dismiss","gesture"):c.value.open()},move({deltaY:b,deltaX:f,initialDirection:S}){if(S!=p.value)return;let k=0;t.placement=="bottom"||t.placement=="top"?k=b:k=f,t.placement=="bottom"&&(k=b>0?b:0),t.placement=="top"&&(k=b<0?b:0),t.placement=="left"&&(k=f<0?f:0),t.placement=="right"&&(k=f>0?f:0),(t.placement=="bottom"&&(k>=10||this.isMoving)||t.placement=="top"&&(k<=-10||this.isMoving)||t.placement=="left"&&(k<=-10||this.isMoving)||t.placement=="right"&&(k>=10||this.isMoving))&&(this.isMoving=!0,c.value.render({contentTransform:k+"px",transition:"0s"}))},up({deltaY:b,deltaX:f,initialDirection:S}){if(this.isMoving=!1,y(),S!=p.value){c.value.open();return}let k,h,V;t.placement=="bottom"||t.placement=="top"?(k=s.value.offsetHeight,V=b):(k=s.value.offsetWidth,V=f),h=V/k*100,h>50?a("dismiss","gesture"):c.value.open()},cancel(){this.isMoving=!1,y(),c.value.open()}}))}),e.onUnmounted(()=>{i&&i.destroy()});const _={props:t,emit:a,sheet:s,present:c,isBusy:l,get ges(){return i},set ges(u){i=u},gestureDir:p,close:m,busy:y,computed:e.computed,onUnmounted:e.onUnmounted,ref:e.ref,watch:e.watch,get toifeGesture(){return P.gesture},get Present(){return T},get GestureIndicator(){return F}};return Object.defineProperty(_,"__isScriptSetup",{enumerable:!1,value:!0}),_}});function so(r,n,o,t,a,s){return e.openBlock(),e.createBlock(t.Present,{ref:"present",duration:o.duration,bounce:o.bounce,class:e.normalizeClass(o.class),placement:o.placement,backdrop:o.backdrop,visible:o.visible,keepalive:o.keepalive,onDismiss:t.close,style:e.normalizeStyle(o.style)},{default:e.withCtx(()=>[o.gesture&&o.indicator&&o.placement!="center"?(e.openBlock(),e.createBlock(t.GestureIndicator,{key:0,placement:o.placement},null,8,["placement"])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"sheet",class:e.normalizeClass({"toife-sheet":!0,fullscreen:o.fullscreen,[o.placement]:!0,rounded:o.rounded}),style:e.normalizeStyle({"--background":o.background})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6)]),_:3},8,["duration","bounce","class","placement","backdrop","visible","keepalive","style"])}const _e=g(no,[["render",so],["__scopeId","data-v-0d1848cc"]]),ao=e.defineComponent({__name:"skeleton",props:{width:{default:"100%"},height:{default:"1rem"},radius:{default:"8px"},color:{default:null}},setup(r,{expose:n}){n();const o=r,t=e.computed(()=>({"--width":o.width,"--height":o.height,"--radius":o.radius})),a={props:o,styles:t,computed:e.computed};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}});function lo(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-skeleton":!0}),style:e.normalizeStyle(t.styles)},null,4)}const ye=g(ao,[["render",lo],["__scopeId","data-v-08e291f4"]]),co=e.defineComponent({__name:"switch",props:{modelValue:{type:Boolean},color:{default:"primary"}},emits:["update:modelValue"],setup(r,{expose:n,emit:o}){n();const t=r,a=o,s=()=>{a("update:modelValue",!t.modelValue)},c=e.computed(()=>{let i={"--background":t.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(t.color)&&(i={"--background":`var(--toife-color-status-${t.color})`,"--color":`var(--toife-color-status-${t.color}-text)`}),i}),l={props:t,emit:a,onSwitch:s,styles:c,computed:e.computed};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}});function io(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-switch":!0,on:t.props.modelValue}),style:e.normalizeStyle(t.styles),onPointerup:t.onSwitch},[...n[0]||(n[0]=[e.createElementVNode("div",{class:e.normalizeClass({"toife-switch-icon":!0})},null,-1)])],38)}const be=g(co,[["render",io],["__scopeId","data-v-b571ee39"]]),po=e.defineComponent({__name:"tab",props:{value:{},disabled:{type:Boolean,default:!1}},setup(r,{expose:n}){n();const o=r,t=e.inject("tabsState"),a=e.computed(()=>t.activeValue.value===o.value),c={props:o,tabs:t,isActive:a,handleClick:()=>{o.disabled||t.setValue(o.value)},inject:e.inject,computed:e.computed,get CustomButton(){return I}};return Object.defineProperty(c,"__isScriptSetup",{enumerable:!1,value:!0}),c}});function fo(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"toife-tab":!0,active:t.isActive})},[e.createVNode(t.CustomButton,{variant:"text",onPointerup:t.handleClick,size:t.tabs.size,color:t.isActive?t.tabs.color.text:void 0},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},void 0,!0)]),_:3},8,["size","color"])],2)}const ge=g(po,[["render",fo],["__scopeId","data-v-4dd31330"]]),uo=e.defineComponent({__name:"tabs",props:{placement:{default:"top-start"},variant:{default:"border-under"},color:{default:"primary"},modelValue:{},border:{default:30},size:{default:"standard"},margin:{default:[0,0]},radius:{default:4}},emits:["update:modelValue"],setup(r,{expose:n,emit:o}){n();const t=r,a=o,s=e.ref("0px"),c=e.ref(0),l=e.ref(0),i=e.ref(),p=e.computed(()=>{let u="",b="";return t.variant=="text"&&(u="transparent",["warning","info","danger","primary","secondary","success"].includes(t.color)?b=`var(--toife-color-status-${t.color})`:b=t.color),t.variant=="border-under"&&(b="currentColor",["warning","info","danger","primary","secondary","success"].includes(t.color)?u=`var(--toife-color-status-${t.color})`:u=t.color),t.variant=="tag"&&(["warning","info","danger","primary","secondary","success"].includes(t.color)?(u=`var(--toife-color-status-${t.color})`,b=`var(--toife-color-status-${t.color}-text)`):(u=t.color,b="currentColor")),{background:u,text:b}}),m=e.computed(()=>t.variant=="border-under"?{"--transform":s.value,"--border":t.border+"px"}:t.variant=="tag"?{"--top":t.margin[0]+"px","--height":l.value-t.margin[0]*2+"px","--left":t.margin[1]+"px","--width":c.value-t.margin[1]*2+"px","--transform":s.value,"--radius":t.radius+"px"}:{}),y=()=>{if(t.variant=="border-under"){let u=i.value.querySelector(".active");if(u){if(t.placement.startsWith("top-")||t.placement.startsWith("bottom-")){let b=u.getBoundingClientRect().left-i.value.getBoundingClientRect().left+i.value.scrollLeft,f=u.offsetWidth/2;s.value=b+f-t.border/2+"px"}else if(t.placement.startsWith("left-")||t.placement.startsWith("right-")){let b=u.getBoundingClientRect().top-i.value.getBoundingClientRect().top+i.value.scrollTop,f=u.offsetHeight/2;s.value=b+f-t.border/2+"px"}}}if(t.variant=="tag"){let u=i.value.querySelector(".active");if(u){let b=u.offsetWidth,f=u.offsetHeight;if(t.placement.startsWith("top-")||t.placement.startsWith("bottom-")){let S=u.getBoundingClientRect().left-i.value.getBoundingClientRect().left+i.value.scrollLeft;s.value=S+"px"}else if(t.placement.startsWith("left-")||t.placement.startsWith("right-")){let S=u.getBoundingClientRect().top-i.value.getBoundingClientRect().top+i.value.scrollTop;s.value=S+"px"}c.value=b,l.value=f}}};e.provide("tabsState",{activeValue:e.computed(()=>t.modelValue),color:p.value,size:t.size,variant:t.variant,setValue:u=>{a("update:modelValue",u)}}),e.watch(()=>t.modelValue,async()=>{await e.nextTick(),y()}),e.onMounted(async()=>{await e.nextTick(),y()});const _={props:t,emit:a,transform:s,width:c,height:l,container:i,__color:p,styles:m,calcTransform:y,nextTick:e.nextTick,onMounted:e.onMounted,provide:e.provide,ref:e.ref,watch:e.watch,computed:e.computed};return Object.defineProperty(_,"__isScriptSetup",{enumerable:!1,value:!0}),_}});function mo(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("ul",{ref:"container",class:e.normalizeClass({"toife-tabs":!0,[o.placement]:!0,[`variant-${o.variant}`]:!0}),style:e.normalizeStyle([{"--background":t.__color.background,"--color":t.__color.text},t.styles])},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6)}const ke=g(uo,[["render",mo],["__scopeId","data-v-c7fff5a0"]]),_o=e.defineComponent({__name:"textarea",setup(r,{expose:n}){n();const o={};return Object.defineProperty(o,"__isScriptSetup",{enumerable:!1,value:!0}),o}}),yo={class:e.normalizeClass({"toife-textarea":!0})};function bo(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",yo,[...n[0]||(n[0]=[e.createElementVNode("textarea",null,null,-1)])])}const he=g(_o,[["render",bo],["__scopeId","data-v-9e74bf55"]]),go=e.defineComponent({__name:"toast",props:{message:{},space:{default:"0px"},placement:{default:"bottom"},color:{default:null},variant:{default:"default"},visible:{type:Boolean,default:!1}},emits:["dismiss"],setup(r,{expose:n,emit:o}){const t=r,a=o,s=e.ref(!1),c=e.ref(!1),l=e.ref(!1),i=()=>{c.value=!0,l.value=!1,setTimeout(()=>{s.value=!0},10)},p=()=>{l.value=!0,setTimeout(()=>{c.value=!1,s.value=!1,a("dismiss")},300)};e.watch(()=>t.visible,_=>{_?i():p()});const m=e.computed(()=>{let _;return t.variant=="default"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?_={"--border":"none","--color":"var(--toife-color-status-"+t.color+"-text)","--background":"rgba(var(--toife-color-status-"+t.color+"-rgb), 1)"}:_={"--border":"none","--color":"var(--toife-color-text)","--background":t.color}:_={"--border":"none","--color":"var(--toife-color-text)","--background":"rgba(var(--toife-color-surface-rgb), 1)"}),t.variant=="text"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?_={"--border":"none","--color":"var(--toife-color-status-"+t.color+")","--background":"transparent"}:_={"--border":"none","--color":t.color,"--background":"transparent"}:_={"--border":"none","--color":"var(--toife-color-text)","--background":"transparent"}),t.variant=="outline"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?_={"--border":"0.55px solid var(--toife-color-status-"+t.color+")","--color":"var(--toife-color-status-"+t.color+")","--background":"transparent"}:_={"--border":"0.55px solid "+t.color,"--color":t.color,"--background":"transparent"}:_={"--border":"0.55px solid var(--toife-color-text)","--color":"var(--toife-color-text)","--background":"transparent"}),_});n({open:i,close:p});const y={props:t,emit:a,_visible:s,isRender:c,isClosing:l,open:i,close:p,styles:m,computed:e.computed,ref:e.ref,watch:e.watch};return Object.defineProperty(y,"__isScriptSetup",{enumerable:!1,value:!0}),y}}),ko={class:e.normalizeClass({"toife-toast-content":!0})};function ho(r,n,o,t,a,s){return t.isRender?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass({"toife-toast":!0,[t.props.placement]:!0,open:t._visible,closing:t.isClosing}),style:e.normalizeStyle({"--space":t.props.space,...t.styles})},[e.renderSlot(r.$slots,"content",{},()=>[e.createElementVNode("div",ko,e.toDisplayString(t.props.message),1)],!0)],6)):e.createCommentVNode("",!0)}const K=g(go,[["render",ho],["__scopeId","data-v-931010bd"]]),So=(r={},n)=>({open(){let o=document.body.querySelector(".toife-app");if(!o)return;const t=document.createElement("div"),a=e.ref();o.appendChild(t);const s=e.createApp({render(){return e.h(n||K,{...r,ref:a,onDismiss:()=>{setTimeout(()=>{s.unmount(),t.remove()},300)}})}});s.mount(t),setTimeout(()=>{a.value?.open?.(),setTimeout(()=>{a.value?.close?.()},(r.duration||2e3)+10)},50)}}),Bo=e.defineComponent({__name:"toggle-password",props:{color:{default:"warning"}},emits:["change"],setup(r,{expose:n,emit:o}){n();const t=r,a=o,s=e.ref(!1),c=e.ref(),l=e.computed(()=>{let y=t.color;return["warning","info","danger","primary","secondary","success"].includes(t.color)&&(y=`var(--toife-color-status-${t.color})`),{"--color":y}}),i=()=>c.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let y=i();y&&(s.value=y.type!="password",a("change",s.value))});const m={props:t,emit:a,isShow:s,toggle:c,style:l,el:i,onClick:()=>{let y=i();y&&(s.value=!s.value,s.value?y.type="text":y.type="password",a("change",s.value))},computed:e.computed,onMounted:e.onMounted,ref:e.ref};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}});function Co(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("button",{ref:"toggle",class:e.normalizeClass({"toife-toggle-password":!0}),style:e.normalizeStyle(t.style),onPointerup:t.onClick},[t.isShow?e.renderSlot(r.$slots,"on",{key:0},()=>[n[0]||(n[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),t.isShow?e.createCommentVNode("",!0):e.renderSlot(r.$slots,"off",{key:1},()=>[n[1]||(n[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],36)}const Se=g(Bo,[["render",Co],["__scopeId","data-v-97f88bfa"]]),$o=e.defineComponent({__name:"toolbar",props:{placement:{default:null},safe:{type:Boolean,default:!0},size:{default:"50px"}},setup(r,{expose:n}){n();const o=r,t=e.inject("cableState"),a=e.computed(()=>o?.placement||t?.placement),s={props:o,cable:t,placement:a,computed:e.computed,inject:e.inject};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}});function xo(r,n,o,t,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"toife-toolbar":!0,[t.placement]:!0,safe:t.props.safe}),style:e.normalizeStyle({"--toife-size-toolbar":t.props.size})},[e.createElementVNode("div",null,[e.renderSlot(r.$slots,"default",{},void 0,!0)])],6)}const Be=g($o,[["render",xo],["__scopeId","data-v-24f79d25"]]),wo=r=>({install:n=>{const o=r?.prefix||"t-";n.component(o+"app",H),n.component(o+"action",X),n.component(o+"screen",W),n.component(o+"screen-router",Y),n.component(o+"cable",oe),n.component(o+"toolbar",Be),n.component(o+"content",ae),n.component(o+"card",re),n.component(o+"refresher",fe),n.component(o+"button",I),n.component(o+"back-button",ee),n.component(o+"present",T),n.component(o+"text",U),n.component(o+"sheet",_e),n.component(o+"gesture-indicator",F),n.component(o+"input",pe),n.component(o+"textarea",he),n.component(o+"richtext",ue),n.component(o+"grid",ie),n.component(o+"divider",le),n.component(o+"toggle-password",Se),n.component(o+"icon-spinner",R),n.component(o+"alert",q),n.component(o+"avatar",Q),n.component(o+"collapse",se),n.component(o+"toast",K),n.component(o+"switch",be),n.component(o+"tab",ge),n.component(o+"tabs",ke),n.component(o+"checkbox",ne),n.component(o+"keyboard-space",te),n.component(o+"skeleton",ye),n.component(o+"ripple",me),n.component(o+"loading",G),n.component(o+"flex",ce),n.component(o+"image",de)}}),Ce=r=>r&&(r.tagName=="INPUT"||r.tagName=="TEXTAREA"||r.isContentEditable),$e=()=>{const r=document.activeElement;r&&(r.tagName==="INPUT"||r.tagName==="TEXTAREA"||r.isContentEditable)&&r.blur()},zo=Object.freeze(Object.defineProperty({__proto__:null,blurCurrentActive:$e,isFormElement:Ce,preventDefault:()=>{document.addEventListener("contextmenu",r=>r.preventDefault()),document.addEventListener("pointerup",r=>{!Ce(r.target)&&$e()}),"virtualKeyboard"in navigator&&(navigator.virtualKeyboard.overlaysContent=!0)}},Symbol.toStringTag,{value:"Module"}));d.Action=X,d.Alert=q,d.App=H,d.Avatar=Q,d.BackButton=ee,d.Button=I,d.Cable=oe,d.Card=re,d.Checkbox=ne,d.Collapse=se,d.Content=ae,d.Divider=le,d.Flex=ce,d.GestureIndicator=F,d.Grid=ie,d.IconSpinner=R,d.Image=de,d.Input=pe,d.KeyboardSpace=te,d.Loading=G,d.Present=T,d.Refresher=fe,d.Richtext=ue,d.Ripple=me,d.Screen=W,d.ScreenRouter=Y,d.Sheet=_e,d.Skeleton=ye,d.Switch=be,d.Tab=ge,d.Tabs=ke,d.Text=U,d.Textarea=he,d.Toast=K,d.TogglePassword=Se,d.Toolbar=Be,d.createAction=Ae,d.createAlert=Le,d.createLoading=Qt,d.createToast=So,d.createToife=wo,d.getNewPresentIndex=v,d.useKeyboard=j,d.useScreenRouter=O,d.utils=zo,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));

package/dist/utils/element.d.ts

@@ -1,2 +0,0 @@
-export declare const isFormElement: (target: any) => any;
-export declare const blurCurrentActive: () => void;

package/dist/utils/events.d.ts

@@ -1 +0,0 @@
-export declare const preventDefault: () => void;

package/dist/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from './element';
-export * from './events';