@toife/vue 1.2.52 → 1.2.53

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.umd.js CHANGED
@@ -1 +1 @@
1
- (function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@toife/gesture"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@toife/gesture","vue-router"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.ToifeVue={},g.Vue,g.ToifeGesture,g.VueRouter))})(this,(function(g,e,I,P){"use strict";const O=t=>t&&(t.tagName=="INPUT"||t.tagName=="TEXTAREA"||t.isContentEditable),X=()=>{const t=document.activeElement;t&&(t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.isContentEditable)&&t.blur()},J=()=>{document.addEventListener("contextmenu",t=>t.preventDefault()),document.addEventListener("selectstart",t=>t.preventDefault()),document.addEventListener("pointerup",t=>{!O(t.target)&&X()})},f=(t,n)=>{const o=t.__vccOpts||t;for(const[r,s]of n)o[r]=s;return o},Q={},Z={class:"t-app"};function Y(t,n){return e.openBlock(),e.createElementBlock("div",Z,[e.renderSlot(t.$slots,"default")])}const ee=f(Q,[["render",Y]]),C=f(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"},style:{},class:{}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=e.ref(0),s=e.ref(!1),c=e.ref(),d=e.ref(),l=t,i=o,p=e.computed(()=>s.value||l.keepalive),u=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),a=m=>{l.backdrop?m?.backdropOpacity&&(u["--t-present-backdrop-opacity"]=m.backdropOpacity):u["--t-present-backdrop-opacity"]="0",m?.transition&&(u["--t-present-transition"]=m.transition,u["--t-present-transition"]=m.transition),m?.contentTransform&&(u["--t-present-content-transform"]=m.contentTransform),m?.contentOpacity&&(u["--t-present-content-opacity"]=m.contentOpacity)},_=()=>{a({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},y=()=>{let m="0px",E="1";l.placement=="bottom"||l.placement=="right"?m="100%":l.placement=="top"||l.placement=="left"?m="-100%":l.placement=="center"&&(m="0px",E="0"),a({contentTransform:m,transition:"0.2s",contentOpacity:E,backdropOpacity:"0"})};e.watch(()=>l.visible,()=>{l.visible?(s.value=!0,r.value=W.getNewIndex(),setTimeout(()=>{_()},50)):(y(),setTimeout(()=>{s.value=!1},200))}),n({render:a,open:_,close:y});const h=m=>{m.preventDefault(),i("dismiss","backdrop")};return y(),(m,E)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[p.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",[{[m.placement]:!0},l.class]]),ref_key:"present",ref:d,style:e.normalizeStyle([u,{zIndex:r.value},l.style])},[e.renderSlot(m.$slots,"default",{},void 0,!0)],6)),[[e.vShow,s.value]]):e.createCommentVNode("",!0),p.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",onClick:h,ref_key:"backdrop",ref:c,style:e.normalizeStyle([u,{zIndex:r.value-1},l.style])},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-8eb6e6e4"]]),x=f(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-text)"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("span",{class:"t-loading-icon",style:e.normalizeStyle({width:t.size,height:t.size,borderTopColor:t.color}),role:"status","aria-label":"Loading..."},null,4))}}),[["__scopeId","data-v-7c463303"]]),te={class:"t-button-content"},oe={key:0,class:"loader"},v=f(e.defineComponent({__name:"t-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(t){const n=t,o=e.computed(()=>{let r;return n.variant=="default"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--border":"none","--color":"var(--t-color-status-"+n.color+"-text)","--background":"var(--t-color-status-"+n.color+")"}:r={"--border":"none","--color":"var(--t-color-text)","--background":n.color}:r={"--border":"none","--color":"var(--t-color-text)","--background":"var(--t-color-surface)"}),n.variant=="text"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--border":"none","--color":"var(--t-color-status-"+n.color+")","--background":"transparent"}:r={"--border":"none","--color":n.color,"--background":"transparent"}:r={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),n.variant=="outline"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--border":"0.55px solid var(--t-color-status-"+n.color+")","--color":"var(--t-color-status-"+n.color+")","--background":"transparent"}:r={"--border":"0.55px solid "+n.color,"--color":n.color,"--background":"transparent"}:r={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),r});return(r,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":n.activeBackground,rounded:n.rounded,block:n.block,["size-"+n.size]:!0}]),style:e.normalizeStyle(o.value)},[e.withDirectives(e.createElementVNode("span",te,[e.renderSlot(r.$slots,"default",{},void 0,!0)],512),[[e.vShow,!n.loading]]),n.loading?(e.openBlock(),e.createElementBlock("span",oe,[e.createVNode(x,{color:"var(--color)",type:n.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-185a9e49"]]),ne={key:0,class:"t-alert-header"},re={class:"t-alert-content"},se={class:"t-alert-footer"},q=f(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{},dismiss:{}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=t,s=e.ref(!1),c=o,d=e.ref(),l=e.ref(!1),i=()=>{s.value=!0},p=a=>{s.value=!1,a.handler&&a.handler(),c("dismiss","choose",a?.data)},u=a=>{r.dismiss&&r.dismiss.includes(a)?(s.value=!1,c("dismiss",a)):a=="backdrop"&&(l.value=!0,setTimeout(()=>{l.value=!1},300))};return n({open:i}),(a,_)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:u},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:l.value}]),ref_key:"container",ref:d},[e.renderSlot(a.$slots,"header",{},()=>[r.title?(e.openBlock(),e.createElementBlock("div",ne,e.toDisplayString(r.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(a.$slots,"content",{},()=>[e.createElementVNode("div",re,e.toDisplayString(r.message),1)],!0),e.renderSlot(a.$slots,"footer",{},()=>[e.createElementVNode("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.actions,y=>(e.openBlock(),e.createBlock(v,{color:y.color,variant:y.variant,onClick:h=>p(y)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.text),1)]),_:2},1032,["color","variant","onClick"]))),256))])],!0)],2)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-05d0c578"]]),ae=(t={})=>({open(){return new Promise(n=>{let o=document.body.querySelector(".t-app");if(!o)return;const r=document.createElement("div"),s=e.ref();o.appendChild(r);const c=e.createApp({render(){return e.h(q,{...t,ref:s,onDismiss:(d,l)=>{setTimeout(()=>{c.unmount(),r.remove()},300),n({type:d,data:l})}})}});c.mount(r),setTimeout(()=>{s.value?.open?.()},50)})}}),le=f(e.defineComponent({__name:"t-action",props:{actions:{},visible:{type:Boolean,default:!1},dismiss:{}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=t,s=e.ref(!1),c=o,d=e.ref(),l=e.ref(!1),i=()=>{s.value=!0},p=a=>{s.value=!1,a.handler&&a.handler(),c("dismiss","choose",a?.data)},u=a=>{r.dismiss&&r.dismiss.includes(a)?(s.value=!1,c("dismiss",a)):a=="backdrop"&&(l.value=!0,setTimeout(()=>{l.value=!1},300))};return e.watch(()=>r.visible,a=>{a?i():close()}),n({open:i,close}),(a,_)=>(e.openBlock(),e.createBlock(C,{placement:"bottom",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:u},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-action",{pop:l.value}]),ref_key:"container",ref:d},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.actions,y=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y,h=>(e.openBlock(),e.createBlock(v,{color:h.color,size:h.size,variant:h.variant,onClick:m=>p(h),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-e693a02a"]]),ce=(t={})=>({open(){return new Promise(n=>{let o=document.body.querySelector(".t-app");if(!o)return;const r=document.createElement("div"),s=e.ref();o.appendChild(r);const c=e.createApp({render(){return e.h(le,{...t,ref:s,onDismiss:(d,l)=>{setTimeout(()=>{c.unmount(),r.remove()},300),n({type:d,data:l})}})}});c.mount(r),setTimeout(()=>{s.value?.open?.()},50)})}}),ie={class:"t-loading"},de=f(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=t,s=e.ref(!1);return n({open:()=>{s.value=!0},close:()=>{s.value=!1}}),(l,i)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value},{default:e.withCtx(()=>[e.createElementVNode("div",ie,[e.renderSlot(l.$slots,"default",{},()=>[e.createVNode(x,{type:r.type},null,8,["type"])],!0)])]),_:3},8,["visible"]))}}),[["__scopeId","data-v-8f84c14e"]]),pe=(t={})=>{const n=e.ref(),o=document.body.querySelector(".t-app");let r=null,s=null;return{open(){return new Promise(c=>{o&&(s=document.createElement("div"),o.appendChild(s),r=e.createApp({render(){return e.h(de,{...t,ref:n})}}),r.mount(s),setTimeout(()=>{n.value?.open?.(),c(!0)},50))})},close(){return new Promise(c=>{n.value?.close?.(),setTimeout(()=>{r?.unmount?.(),s?.remove?.(),c(!0)},300)})}}},L=e.ref(1e3),W={getNewIndex(){return L.value+=2,L.value}},w=e.reactive([]),z=e.ref(!0),B=e.ref(!1),S=e.ref(-1),b=e.computed(()=>w[S.value]),T=e.computed(()=>w[S.value+1]||void 0),$=e.computed(()=>w[w.length-2]),F=e.computed(()=>!B.value&&z.value&&$.value),V={reset(){B.value=!0;const t=b.value.target,n=$.value.target;t.style.transition="transform 0.35s ease",t.style.transform="translateX(0px)",n.style.transition="transform 0.35s ease",n.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{B.value=!1},400)},move(t){if(!F.value)return;const n=window.innerWidth,o=t/n*100,r=b.value.target,s=$.value.target;t>15&&t<=n&&(t=t>0?t:0,r.style.transition="transform 0s ease",r.style.transform=`translateX(${t}px)`,s.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),s.style.transform=`translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${o}))) scale(${.5+.5/100*o}) perspective(var(--t-app-width)) rotateY(${30-30/100*o}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*o}`))},back(t){$.value&&(b.value.target.style.transition="transform 0.35s ease",b.value.target.style.transform="translateX(var(--t-app-width)) scale(1)",$.value.target.style.transition="transform 0.35s ease",$.value.target.style.transform="translateX(0px) scale(1) perspective(var(--t-app-width)) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),B.value=!0,setTimeout(()=>{D(),B.value=!1,S.value-=1,t&&t()},400))},next(t){if(!T.value)return;if(S.value==-1){S.value+=1,t&&t();return}B.value=!0;let n=T.value.target;n.style.transform="translateX(var(--t-app-width))",n.transitionOrigin="center",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{n.style.transition="transform 0.35s ease",n.style.transform="translateX(0px)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),b.value&&(b.value.target.style.transitionOrigin="left center",b.value.target.style.transition="transform 0.35s ease",b.value.target.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"),setTimeout(()=>{B.value=!1,S.value+=1,t&&t()},400)},100)}},N={reset(){B.value=!0;const t=b.value.target,n=$.value.target;t.style.transition="transform 0.35s ease",t.style.transform="translateX(0px)",n.style.transition="transform 0.35s ease",n.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1))",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{B.value=!1},400)},move(t){const n=window.innerWidth,o=t/n*100,r=b.value.target,s=$.value.target;t>15&&t<=n&&(t=t>0?t:0,r.style.transition="transform 0s ease",r.style.transform=`translateX(${t}px)`,s.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),s.style.transform=`translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${o})))`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*o}`))},back(t){$.value&&(b.value.target.style.transition="transform 0.35s ease",b.value.target.style.transform="translateX(var(--t-app-width)) scale(1)",$.value.target.style.transition="transform 0.35s ease",$.value.target.style.transform="translateX(0px)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),B.value=!0,setTimeout(()=>{D(),B.value=!1,S.value-=1,t&&t()},400))},next(t){if(!T.value)return;if(S.value==-1){S.value+=1,t&&t();return}B.value=!0;let n=T.value.target;n.style.transform="translateX(var(--t-app-width))",n.transitionOrigin="center",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{n.style.transition="transform 0.35s ease",n.style.transform="translateX(0px)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),b.value&&(b.value.target.style.transitionOrigin="left center",b.value.target.style.transition="transform 0.35s ease",b.value.target.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1))"),setTimeout(()=>{B.value=!1,S.value+=1,t&&t()},400)},100)}},me=t=>{w.push(t)},fe=(t,n)=>{w[t].target=n},D=t=>{t||w.pop()},k={isBusy:B,isSwipeable:F,reset:t=>{t=="scale"&&V.reset(),t=="transform"&&N.reset()},next:(t,n)=>{t=="scale"&&V.next(n),t=="transform"&&N.next(n)},back:(t,n)=>{t=="scale"&&V.back(n),t=="transform"&&N.back(n)},move:(t,n)=>{t=="scale"&&V.move(n),t=="transform"&&N.move(n)},screens:w,addScreen:me,addScreenEl:fe,removeScreen:D,removeAllScreen:()=>{w.splice(0,w.length)},lockSwipe:()=>{z.value=!1},unlockSwipe:()=>{z.value=!0},swipeable:z,currentScreen:b,lastScreen:$,nextScreen:T},ue={class:"t-toast-content"},j=f(e.defineComponent({__name:"t-toast",props:{message:{},space:{default:"0px"},placement:{default:"bottom"},color:{default:null},variant:{default:"default"},visible:{type:Boolean,default:!1}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=t,s=o,c=e.ref(!1),d=e.ref(!1),l=e.ref(!1),i=()=>{d.value=!0,l.value=!1,setTimeout(()=>{c.value=!0},10)},p=()=>{l.value=!0,setTimeout(()=>{d.value=!1,c.value=!1,s("dismiss")},300)};e.watch(()=>r.visible,a=>{a?i():p()});const u=e.computed(()=>{let a;return r.variant=="default"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?a={"--border":"none","--color":"var(--t-color-status-"+r.color+"-text)","--background":"rgba(var(--t-color-status-"+r.color+"-rgb), 1)"}:a={"--border":"none","--color":"var(--t-color-text)","--background":r.color}:a={"--border":"none","--color":"var(--t-color-text)","--background":"rgba(var(--t-color-surface-rgb), 1)"}),r.variant=="text"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?a={"--border":"none","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:a={"--border":"none","--color":r.color,"--background":"transparent"}:a={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),r.variant=="outline"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?a={"--border":"0.55px solid var(--t-color-status-"+r.color+")","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:a={"--border":"0.55px solid "+r.color,"--color":r.color,"--background":"transparent"}:a={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),a});return n({open:i,close:p}),(a,_)=>d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[r.placement]:!0,open:c.value,closing:l.value}]),style:e.normalizeStyle({"--space":r.space,...u.value})},[e.renderSlot(a.$slots,"content",{},()=>[e.createElementVNode("div",ue,e.toDisplayString(r.message),1)],!0)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-7011351e"]]),_e=(t={})=>({open(){let n=document.body.querySelector(".t-app");if(!n)return;const o=document.createElement("div"),r=e.ref();n.appendChild(o);const s=e.createApp({render(){return e.h(j,{...t,ref:r,onDismiss:()=>{setTimeout(()=>{s.unmount(),o.remove()},300)}})}});s.mount(o),setTimeout(()=>{r.value?.open?.(),setTimeout(()=>{r.value?.close?.()},t.duration+10)},50)}}),ye=e.ref(0);function A(){return{height:ye}}const ke=f(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!1},placement:{default:"bottom"}},setup(t){const n=t,{height:o}=A();return e.provide("cableState",{placement:n.placement}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:n.keyboard&&e.unref(o)>0,[n.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":e.unref(o)+"px","--t-keyboard-transition":e.unref(o)>0?"0.3s":"0.1s"})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-6cae224b"]]),ge=e.defineComponent({__name:"t-card",props:{color:{default:null}},setup(t){const n=t,o=e.computed(()=>{let r;return n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--background":"var(--t-color-status-"+n.color+")"}:r={"--background":n.color}:r={"--background":"var(--t-color-surface)"},r});return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-card",style:e.normalizeStyle(o.value)},[e.renderSlot(r.$slots,"default")],4))}}),he={},be={class:"t-content"};function Be(t,n){return e.openBlock(),e.createElementBlock("div",be,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const H=f(he,[["render",Be],["__scopeId","data-v-af750e89"]]),U=80,$e=f(e.defineComponent({__name:"t-refresher",emits:["refresh","move","cancel","start"],setup(t,{emit:n}){const o=n,r=e.ref(0),s=e.ref(!1),c=e.ref();let d,l=!1;const i=()=>{s.value=!1,r.value=0,d&&d.cancel(),setTimeout(()=>{l=!1},2e3)},p=()=>{l=!0,s.value=!0,r.value=U,o("refresh",i)};return e.watch(()=>c.value,()=>{d&&d.destroy();let u=c.value.closest(".t-content");u&&(d=I.gesture(u,{isMoving:!1,options:{minDist:60},down(){this.isMoving=!1,o("start")},move({deltaY:a,initialDirection:_}){s.value||l||_!="down"||(a>=120?(this.isMoving=!1,p()):(a>10||this.isMoving)&&(this.isMoving=!0,r.value=a>0?a:0,o("move",a)))},up({deltaY:a,initialDirection:_}){this.isMoving=!1,!(s.value||l)&&(a>U&&_=="down"?p():(r.value=0,o("cancel")))},cancel(){this.isMoving=!1,!(s.value||l)&&(s.value=!1,r.value=0,o("cancel"))}},{passive:!1}))}),e.onUnmounted(()=>{d&&d.destroy()}),(u,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:c,style:e.normalizeStyle({height:`${r.value}px`})},[e.createElementVNode("img",{class:e.normalizeClass({spiner:s.value}),src:"https://static.toikit.com/toikit/home_2.png?v=3",alt:"Loading...",style:{width:"22px",height:"22px"}},null,2)],4)),[[e.vShow,r.value>0]])}}),[["__scopeId","data-v-abd4007f"]]),we={},Se={class:"t-screen"};function Ee(t,n){return e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const G=f(we,[["render",Ee],["__scopeId","data-v-c2a3436c"]]),Ce=f(e.defineComponent({__name:"t-swipe-screen",props:{variant:{default:"scale"}},emits:["change"],setup(t,{emit:n}){let o={};const r=P.useRouter(),s=P.useRoute(),c=r.getRoutes(),d=n,l=t;let i;for(let a of c)o[a.name]=a.components;const p=a=>{a&&k.addScreen({name:a,target:null,component:e.markRaw(o[a]||null)})},u=(a,_)=>{!_||k.screens[a].target||(k.addScreenEl(a,_.$el),k.nextScreen&&k.next(l.variant,()=>{d("change")}))};return e.watch(()=>s.name,(a,_)=>{a!=k.currentScreen.value.name&&(k.lastScreen.value?.name==a?k.back(l.variant,()=>{d("change")}):p(s.name))}),e.onMounted(()=>{i=I.gesture(document.body,{beforeEvent(a){return!!k.isSwipeable.value},fast({initialDirection:a}){k.lastScreen.value&&a=="right"&&r.back()},move({deltaX:a,initialDirection:_}){_=="right"&&k.move(l.variant,a)},up({deltaX:a,initialDirection:_}){if(_!="right"){k.reset(l.variant);return}const y=window.innerWidth;a/y*100>=50?r.back():k.reset(l.variant)},cancel(){k.reset(l.variant)}})}),e.onUnmounted(()=>{i&&i.destroy(),k.removeAllScreen()}),p(s.name),(a,_)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k).screens,(y,h)=>(e.openBlock(),e.createBlock(G,{ref_for:!0,ref:m=>u(h,m),style:e.normalizeStyle({zIndex:h+(h==e.unref(k).screens.length-1?2:1)}),key:h},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(k).screens.length})},null,4)],64))}}),[["__scopeId","data-v-b6917f76"]]),Te=f(e.defineComponent({__name:"t-toolbar",props:{placement:{default:null},safe:{type:Boolean,default:!0},size:{default:"50px"}},setup(t){const n=t,o=e.inject("cableState"),r=e.computed(()=>n?.placement||o?.placement);return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[r.value]:!0,safe:n.safe}]),style:e.normalizeStyle({"--t-size-toolbar":n.size})},[e.createElementVNode("div",null,[e.renderSlot(s.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-1ee9866d"]]),xe=f(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(t){const n=P.useRouter(),o=t,r=e.useAttrs(),s=c=>{if(r.onBack){r.onBack(c);return}k.lastScreen.value?n?.back?.():o.to&&n?.push?.(o.to)};return(c,d)=>c.to||e.unref(k).lastScreen?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:s},[e.renderSlot(c.$slots,"default",{},()=>[d[0]||(d[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-25ab48bb"]]),M=f(e.defineComponent({__name:"t-text",props:{color:{default:"var(--t-color-text)"},size:{default:"standard"}},setup(t){const n=t,o=e.computed(()=>{let r,s=n.color;return n.size=="standard"?r="var(--t-fs-10)":n.size=="small"?r="var(--t-fs-08)":n.size=="large"?r="var(--t-fs-12)":r=n.size,["warning","info","danger","primary","secondary","success"].includes(n.color)&&(s=`var(--t-color-status-${n.color})`),{"--color":s,"--font-size":r}});return(r,s)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(o.value)},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-f0f94f05"]]),K=f(e.defineComponent({__name:"t-gesture-indicator",props:{placement:{default:"bottom"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-gesture-indicator",{[n.placement]:!0}])},null,2))}}),[["__scopeId","data-v-ed8f7308"]]),ve=f(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-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:!0},radius:{type:Boolean,default:!0},indicator:{type:Boolean,default:!0},style:{}},emits:["dismiss"],setup(t,{emit:n}){const o=t,r=n,s=e.ref(),c=e.ref(),d=e.ref(!1);let l=null;const i=e.computed(()=>{if(o.placement=="bottom")return"down";if(o.placement=="top")return"up";if(o.placement=="left")return"left";if(o.placement=="right")return"right"}),p=a=>{r("dismiss",a)},u=()=>{d.value=!0,setTimeout(()=>{d.value=!1},300)};return e.watch(()=>s.value,a=>{a&&(l=I.gesture(s.value,{isMoving:!1,options:{minDist:30},beforeEvent(_){return!(d.value||!o.gesture||o.placement=="center")},down(){this.isMoving=!1},fast({initialDirection:_}){u(),_==i.value?r("dismiss","gesture"):c.value.open()},move({deltaY:_,deltaX:y,initialDirection:h}){if(h!=i.value)return;let m=0;o.placement=="bottom"||o.placement=="top"?m=_:m=y,o.placement=="bottom"&&(m=_>0?_:0),o.placement=="top"&&(m=_<0?_:0),o.placement=="left"&&(m=y<0?y:0),o.placement=="right"&&(m=y>0?y:0),(o.placement=="bottom"&&(m>=10||this.isMoving)||o.placement=="top"&&(m<=-10||this.isMoving)||o.placement=="left"&&(m<=-10||this.isMoving)||o.placement=="right"&&(m>=10||this.isMoving))&&(this.isMoving=!0,c.value.render({contentTransform:m+"px",transition:"0s"}))},up({deltaY:_,deltaX:y,initialDirection:h}){if(this.isMoving=!1,u(),h!=i.value){c.value.open();return}let m,E,R;o.placement=="bottom"||o.placement=="top"?(m=s.value.offsetHeight,R=_):(m=s.value.offsetWidth,R=y),E=R/m*100,E>50?r("dismiss","gesture"):c.value.open()},cancel(){this.isMoving=!1,u(),c.value.open()}}))}),e.onUnmounted(()=>{l&&l.destroy()}),(a,_)=>(e.openBlock(),e.createBlock(C,{ref_key:"present",ref:c,class:e.normalizeClass(o.class),placement:o.placement,backdrop:a.backdrop,visible:o.visible,keepalive:o.keepalive,onDismiss:p,style:e.normalizeStyle(o.style)},{default:e.withCtx(()=>[o.gesture&&o.indicator&&o.placement!="center"?(e.openBlock(),e.createBlock(K,{key:0,placement:o.placement},null,8,["placement"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:o.fullscreen,[o.placement]:!0,rounded:a.rounded,radius:o.radius}]),style:e.normalizeStyle({"--background":o.background}),ref_key:"sheet",ref:s},[e.renderSlot(a.$slots,"default",{},void 0,!0)],6)]),_:3},8,["class","placement","backdrop","visible","keepalive","style"]))}}),[["__scopeId","data-v-71a5b877"]]),ze={class:"t-input-label"},Ve={class:"t-input-content"},Ne=["type","placeholder","value"],Ie=f(e.defineComponent({__name:"t-input",props:{size:{default:"standard"},rounded:{type:Boolean,default:!1},label:{default:""},placeholder:{default:""},type:{default:"text"},help:{},error:{},modelValue:{default:""},variant:{default:"default"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,s=c=>{r("update:modelValue",c.target.value)};return(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:o.rounded,["size-"+o.size]:!0,["variant-"+o.variant]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",ze,e.toDisplayString(c.label),1),e.createElementVNode("div",Ve,[e.renderSlot(c.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:c.type,placeholder:c.placeholder,value:c.modelValue,onInput:s},null,40,Ne),e.renderSlot(c.$slots,"end",{},void 0,!0)])]),o.error?(e.openBlock(),e.createBlock(M,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.error),1)]),_:1})):o.help?(e.openBlock(),e.createBlock(M,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-1a9425cf"]]),Pe={};function De(t,n){return e.openBlock(),e.createElementBlock("textarea")}const Ae=f(Pe,[["render",De]]),Me={};function Re(t,n){return e.openBlock(),e.createElementBlock("div")}const Oe=f(Me,[["render",Re]]),Xe={},qe={class:"t-grid"};function Le(t,n){return e.openBlock(),e.createElementBlock("div",qe)}const We=f(Xe,[["render",Le]]),Fe={},je={class:"t-grid-item"};function He(t,n){return e.openBlock(),e.createElementBlock("div",je)}const Ue=f(Fe,[["render",He]]),Ge=f(e.defineComponent({__name:"t-divider",props:{direction:{default:"horizontal"}},setup(t){const n=t;return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[n.direction]:!0}])},null,2))}}),[["__scopeId","data-v-47ee8991"]]),Ke=f(e.defineComponent({__name:"t-toggle-password",props:{color:{default:"warning"}},emits:["change"],setup(t,{emit:n}){const o=t,r=n,s=e.ref(!1),c=e.ref(),d=e.computed(()=>{let p=o.color;return["warning","info","danger","primary","secondary","success"].includes(o.color)&&(p=`var(--t-color-status-${o.color})`),{"--color":p}}),l=()=>c.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let p=l();p&&(s.value=p.type!="password",r("change",s.value))});const i=()=>{let p=l();p&&(s.value=!s.value,s.value?p.type="text":p.type="password",r("change",s.value))};return(p,u)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toggle",ref:c,class:"t-toggle-password",style:e.normalizeStyle(d.value),onClick:i},[s.value?e.renderSlot(p.$slots,"on",{key:0},()=>[u[0]||(u[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):e.renderSlot(p.$slots,"off",{key:1},()=>[u[1]||(u[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-3268e9e3"]]),Je=f(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(t){const n=t,o=e.computed(()=>n.size=="small"?"24px":n.size=="standard"?"40px":n.size=="large"?"60px":n.size);return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-avatar",{square:r.square}]),style:e.normalizeStyle({"--size":o.value})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Qe={class:"t-collapse-title"},Ze={key:0,class:"icon"},Ye={key:1,class:"icon"},et={class:"t-collapse-content"},tt=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(t,{emit:n}){const o=t,r=n,s=e.ref(!1),c=e.ref(""),d=e.ref(),l=()=>{s.value=!s.value,c.value=`calc(${d.value.offsetHeight}px + 2rem)`,r("change",s.value)};return r("change",s.value),(i,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-collapse",{open:s.value}]),style:e.normalizeStyle({"--height":c.value})},[e.createElementVNode("div",{class:"t-collapse-header",onClick:l},[e.renderSlot(i.$slots,"icon"),e.createElementVNode("div",Qe,[e.renderSlot(i.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),e.renderSlot(i.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",Ze,[...p[0]||(p[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Ye,[...p[1]||(p[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",et,[e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(i.$slots,"content",{},()=>[e.renderSlot(i.$slots,"default")])],512)])],6))}}),ot=f(e.defineComponent({__name:"t-switch",props:{modelValue:{type:Boolean},color:{default:"primary"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,s=()=>{r("update:modelValue",!o.modelValue)},c=e.computed(()=>{let d={"--background":o.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(o.color)&&(d={"--background":`var(--t-color-status-${o.color})`,"--color":`var(--t-color-status-${o.color}-text)`}),d});return(d,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-switch",{on:o.modelValue}]),style:e.normalizeStyle(c.value),onClick:s},[...l[0]||(l[0]=[e.createElementVNode("div",{class:"t-switch-icon"},null,-1)])],6))}}),[["__scopeId","data-v-3616970e"]]),nt=f(e.defineComponent({__name:"t-tab",props:{value:{}},setup(t){const n=t,o=e.inject("tabsState"),r=e.computed(()=>o.active.value===n.value),s=()=>{o.setActive(n.value)};return(c,d)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["t-tab",{active:r.value}])},[e.createVNode(v,{variant:"text",onClick:s,size:e.unref(o).size,color:r.value&&e.unref(o).variant=="text"?e.unref(o).color:void 0},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default",{},void 0,!0)]),_:3},8,["size","color"])],2))}}),[["__scopeId","data-v-f810d905"]]),rt=f(e.defineComponent({__name:"t-tabs",props:{placement:{default:"top-start"},variant:{default:"border-under"},color:{default:"primary"},modelValue:{},border:{default:30},size:{default:"standard"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,s=e.ref("0px"),c=e.ref(),d=e.computed(()=>{let i=o.color;return["warning","info","danger","primary","secondary","success"].includes(i)&&(i=`var(--t-color-status-${i})`),i}),l=()=>{setTimeout(()=>{if(o.placement.startsWith("top-")||o.placement.startsWith("bottom-")){let i=c.value.querySelector(".active");if(i){let p=i.getBoundingClientRect().left-c.value.getBoundingClientRect().left+c.value.scrollLeft,u=i.offsetWidth/2;s.value=p+u-o.border/2+"px"}}else if(o.placement.startsWith("left-")||o.placement.startsWith("right-")){let i=c.value.querySelector(".active");if(i){let p=i.getBoundingClientRect().top-c.value.getBoundingClientRect().top+c.value.scrollTop,u=i.offsetHeight/2;s.value=p+u-o.border/2+"px"}}},50)};return e.provide("tabsState",{active:e.computed(()=>o.modelValue),color:d.value,size:o.size,variant:o.variant,setActive:i=>{r("update:modelValue",i),l()}}),e.onMounted(()=>{l()}),(i,p)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"container",ref:c,class:e.normalizeClass(["t-tabs",{[i.placement]:!0,[i.variant]:!0}]),style:e.normalizeStyle({"--color":d.value,"--transform":s.value,"--border":i.border+"px"})},[e.renderSlot(i.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-3a46d2df"]]),st=f(e.defineComponent({__name:"t-loading-app",setup(t){return(n,o)=>(e.openBlock(),e.createBlock(H,null,{default:e.withCtx(()=>[e.createVNode(x,{type:"spinner"})]),_:1}))}}),[["__scopeId","data-v-1436aa9f"]]),at={key:0},lt={key:0,class:"t-checkbox-label"},ct=f(e.defineComponent({__name:"t-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(t,{emit:n}){const o=t,r=n,s=e.computed(()=>{let l={"--background":o.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(o.color)&&(l={"--background":`var(--t-color-status-${o.color})`,"--color":`var(--t-color-status-${o.color}-text)`}),l}),c=e.computed(()=>o.multiple?o.modelValue.includes(o.value):o.value===void 0?o.modelValue:o.modelValue==o.value),d=()=>{if(o.multiple){let l=o.modelValue;o.modelValue.includes(o.value)?l.splice(l.indexOf(o.value),1):l.push(o.value),r("update:modelValue",l)}else o.value===void 0?r("update:modelValue",!o.modelValue):r("update:modelValue",o.value)};return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-checkbox",{active:c.value}]),style:e.normalizeStyle(s.value),onClick:d},[e.createElementVNode("div",{class:e.normalizeClass(`t-checkbox-${l.type}`)},[l.type=="radio"?(e.openBlock(),e.createElementBlock("div",at)):e.createCommentVNode("",!0),l.type=="check"?e.renderSlot(l.$slots,"icon",{key:1},()=>[i[0]||(i[0]=e.createElementVNode("i",{class:"ri-check-line"},null,-1))],!0):e.createCommentVNode("",!0)],2),l.label?(e.openBlock(),e.createElementBlock("span",lt,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-d558d0b0"]]),it=f(e.defineComponent({__name:"t-keyboard",setup(t){const{height:n}=A();return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"t-keyboard",style:e.normalizeStyle({"--height":e.unref(n)+"px"})},null,4))}}),[["__scopeId","data-v-5d3fa1da"]]),dt=f(e.defineComponent({__name:"t-skeleton",props:{width:{default:"100%"},height:{default:"1rem"},radius:{default:"8px"},color:{default:null}},setup(t){const n=t,o=e.computed(()=>({"--width":n.width,"--height":n.height,"--radius":n.radius}));return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-skeleton",style:e.normalizeStyle(o.value)},null,4))}}),[["__scopeId","data-v-877bbdb5"]]),pt=f(e.defineComponent({__name:"t-ripple",props:{color:{default:"primary"}},setup(t){const n=t,o=e.computed(()=>{let r={};return n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--color":"var(--t-color-status-"+n.color+")"}:r={"--color":n.color}:r={"--color":"var(--t-color-surface)"},r});return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-ripple",style:e.normalizeStyle(o.value)},null,4))}}),[["__scopeId","data-v-42cb3d71"]]),mt=()=>({install:t=>{J(),t.component("t-app",ee),t.component("t-screen",G),t.component("t-swipe-screen",Ce),t.component("t-cable",ke),t.component("t-toolbar",Te),t.component("t-content",H),t.component("t-card",ge),t.component("t-refresher",$e),t.component("t-button",v),t.component("t-back-button",xe),t.component("t-present",C),t.component("t-text",M),t.component("t-sheet",ve),t.component("t-gesture-indicator",K),t.component("t-input",Ie),t.component("t-textarea",Ae),t.component("t-rich-text",Oe),t.component("t-grid",We),t.component("t-grid-item",Ue),t.component("t-divider",Ge),t.component("t-toggle-password",Ke),t.component("t-loading-icon",x),t.component("t-alert",q),t.component("t-avatar",Je),t.component("t-collapse",tt),t.component("t-toast",j),t.component("t-switch",ot),t.component("t-tab",nt),t.component("t-tabs",rt),t.component("t-loading-app",st),t.component("t-checkbox",ct),t.component("t-keyboard",it),t.component("t-skeleton",dt),t.component("t-ripple",pt)}});g.blurCurrentActive=X,g.createAction=ce,g.createAlert=ae,g.createLoading=pe,g.createToast=_e,g.createToife=mt,g.isFormElement=O,g.presentController=W,g.screenController=k,g.useKeyboard=A,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@toife/gesture"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@toife/gesture","vue-router"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.ToifeVue={},g.Vue,g.ToifeGesture,g.VueRouter))})(this,(function(g,e,I,P){"use strict";const O=t=>t&&(t.tagName=="INPUT"||t.tagName=="TEXTAREA"||t.isContentEditable),X=()=>{const t=document.activeElement;t&&(t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.isContentEditable)&&t.blur()},J=()=>{document.addEventListener("contextmenu",t=>t.preventDefault()),document.addEventListener("selectstart",t=>t.preventDefault()),document.addEventListener("pointerup",t=>{!O(t.target)&&X()})},u=(t,n)=>{const o=t.__vccOpts||t;for(const[r,s]of n)o[r]=s;return o},Q={},Z={class:"t-app"};function Y(t,n){return e.openBlock(),e.createElementBlock("div",Z,[e.renderSlot(t.$slots,"default")])}const ee=u(Q,[["render",Y]]),C=u(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"},style:{},class:{}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=e.ref(0),s=e.ref(!1),a=e.ref(),d=e.ref(),l=t,i=o,f=e.computed(()=>s.value||l.keepalive),_=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),c=m=>{l.backdrop?m?.backdropOpacity&&(_["--t-present-backdrop-opacity"]=m.backdropOpacity):_["--t-present-backdrop-opacity"]="0",m?.transition&&(_["--t-present-transition"]=m.transition,_["--t-present-transition"]=m.transition),m?.contentTransform&&(_["--t-present-content-transform"]=m.contentTransform),m?.contentOpacity&&(_["--t-present-content-opacity"]=m.contentOpacity)},p=()=>{c({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},y=()=>{let m="0px",E="1";l.placement=="bottom"||l.placement=="right"?m="100%":l.placement=="top"||l.placement=="left"?m="-100%":l.placement=="center"&&(m="0px",E="0"),c({contentTransform:m,transition:"0.2s",contentOpacity:E,backdropOpacity:"0"})};e.watch(()=>l.visible,()=>{l.visible?(s.value=!0,r.value=W.getNewIndex(),setTimeout(()=>{p()},50)):(y(),setTimeout(()=>{s.value=!1},200))}),n({render:c,open:p,close:y});const b=m=>{m.preventDefault(),i("dismiss","backdrop")};return y(),(m,E)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[f.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",[{[m.placement]:!0},l.class]]),ref_key:"present",ref:d,style:e.normalizeStyle([_,{zIndex:r.value},l.style])},[e.renderSlot(m.$slots,"default",{},void 0,!0)],6)),[[e.vShow,s.value]]):e.createCommentVNode("",!0),f.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",onClick:b,ref_key:"backdrop",ref:a,style:e.normalizeStyle([_,{zIndex:r.value-1},l.style])},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-8eb6e6e4"]]),x=u(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-text)"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("span",{class:"t-loading-icon",style:e.normalizeStyle({width:t.size,height:t.size,borderTopColor:t.color}),role:"status","aria-label":"Loading..."},null,4))}}),[["__scopeId","data-v-7c463303"]]),te={class:"t-button-content"},oe={key:0,class:"loader"},v=u(e.defineComponent({__name:"t-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(t){const n=t,o=e.computed(()=>{let r;return n.variant=="default"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--border":"none","--color":"var(--t-color-status-"+n.color+"-text)","--background":"var(--t-color-status-"+n.color+")"}:r={"--border":"none","--color":"var(--t-color-text)","--background":n.color}:r={"--border":"none","--color":"var(--t-color-text)","--background":"var(--t-color-surface)"}),n.variant=="text"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--border":"none","--color":"var(--t-color-status-"+n.color+")","--background":"transparent"}:r={"--border":"none","--color":n.color,"--background":"transparent"}:r={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),n.variant=="outline"&&(n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--border":"0.55px solid var(--t-color-status-"+n.color+")","--color":"var(--t-color-status-"+n.color+")","--background":"transparent"}:r={"--border":"0.55px solid "+n.color,"--color":n.color,"--background":"transparent"}:r={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),r});return(r,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":n.activeBackground,rounded:n.rounded,block:n.block,["size-"+n.size]:!0}]),style:e.normalizeStyle(o.value)},[e.withDirectives(e.createElementVNode("span",te,[e.renderSlot(r.$slots,"default",{},void 0,!0)],512),[[e.vShow,!n.loading]]),n.loading?(e.openBlock(),e.createElementBlock("span",oe,[e.createVNode(x,{color:"var(--color)",type:n.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-185a9e49"]]),ne={key:0,class:"t-alert-header"},re={class:"t-alert-content"},se={class:"t-alert-footer"},q=u(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{},dismiss:{}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=t,s=e.ref(!1),a=o,d=e.ref(),l=e.ref(!1),i=()=>{s.value=!0},f=c=>{s.value=!1,c.handler&&c.handler(),a("dismiss","choose",c?.data)},_=c=>{r.dismiss&&r.dismiss.includes(c)?(s.value=!1,a("dismiss",c)):c=="backdrop"&&(l.value=!0,setTimeout(()=>{l.value=!1},300))};return n({open:i}),(c,p)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:l.value}]),ref_key:"container",ref:d},[e.renderSlot(c.$slots,"header",{},()=>[r.title?(e.openBlock(),e.createElementBlock("div",ne,e.toDisplayString(r.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(c.$slots,"content",{},()=>[e.createElementVNode("div",re,e.toDisplayString(r.message),1)],!0),e.renderSlot(c.$slots,"footer",{},()=>[e.createElementVNode("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.actions,y=>(e.openBlock(),e.createBlock(v,{color:y.color,variant:y.variant,onClick:b=>f(y)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.text),1)]),_:2},1032,["color","variant","onClick"]))),256))])],!0)],2)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-05d0c578"]]),ae=(t={})=>({open(){return new Promise(n=>{let o=document.body.querySelector(".t-app");if(!o)return;const r=document.createElement("div"),s=e.ref();o.appendChild(r);const a=e.createApp({render(){return e.h(q,{...t,ref:s,onDismiss:(d,l)=>{setTimeout(()=>{a.unmount(),r.remove()},300),n({type:d,data:l})}})}});a.mount(r),setTimeout(()=>{s.value?.open?.()},50)})}}),le=u(e.defineComponent({__name:"t-action",props:{actions:{},visible:{type:Boolean,default:!1},dismiss:{}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=t,s=e.ref(!1),a=o,d=e.ref(),l=e.ref(!1),i=()=>{s.value=!0},f=c=>{s.value=!1,c.handler&&c.handler(),a("dismiss","choose",c?.data)},_=c=>{r.dismiss&&r.dismiss.includes(c)?(s.value=!1,a("dismiss",c)):c=="backdrop"&&(l.value=!0,setTimeout(()=>{l.value=!1},300))};return e.watch(()=>r.visible,c=>{c?i():close()}),n({open:i,close}),(c,p)=>(e.openBlock(),e.createBlock(C,{placement:"bottom",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-action",{pop:l.value}]),ref_key:"container",ref:d},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.actions,y=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y,b=>(e.openBlock(),e.createBlock(v,{color:b.color,size:b.size,variant:b.variant,onClick:m=>f(b),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(b.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-e693a02a"]]),ce=(t={})=>({open(){return new Promise(n=>{let o=document.body.querySelector(".t-app");if(!o)return;const r=document.createElement("div"),s=e.ref();o.appendChild(r);const a=e.createApp({render(){return e.h(le,{...t,ref:s,onDismiss:(d,l)=>{setTimeout(()=>{a.unmount(),r.remove()},300),n({type:d,data:l})}})}});a.mount(r),setTimeout(()=>{s.value?.open?.()},50)})}}),ie={class:"t-loading"},de=u(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=t,s=e.ref(!1);return n({open:()=>{s.value=!0},close:()=>{s.value=!1}}),(l,i)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value},{default:e.withCtx(()=>[e.createElementVNode("div",ie,[e.renderSlot(l.$slots,"default",{},()=>[e.createVNode(x,{type:r.type},null,8,["type"])],!0)])]),_:3},8,["visible"]))}}),[["__scopeId","data-v-8f84c14e"]]),pe=(t={})=>{const n=e.ref(),o=document.body.querySelector(".t-app");let r=null,s=null;return{open(){return new Promise(a=>{o&&(s=document.createElement("div"),o.appendChild(s),r=e.createApp({render(){return e.h(de,{...t,ref:n})}}),r.mount(s),setTimeout(()=>{n.value?.open?.(),a(!0)},50))})},close(){return new Promise(a=>{n.value?.close?.(),setTimeout(()=>{r?.unmount?.(),s?.remove?.(),a(!0)},300)})}}},L=e.ref(1e3),W={getNewIndex(){return L.value+=2,L.value}},w=e.reactive([]),z=e.ref(!0),B=e.ref(!1),S=e.ref(-1),h=e.computed(()=>w[S.value]),T=e.computed(()=>w[S.value+1]||void 0),$=e.computed(()=>w[w.length-2]),F=e.computed(()=>!B.value&&z.value&&$.value),V={reset(){B.value=!0;const t=h.value.target,n=$.value.target;t.style.transition="transform 0.35s ease",t.style.transform="translateX(0px)",n.style.transition="transform 0.35s ease",n.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{B.value=!1},400)},move(t){if(!F.value)return;const n=window.innerWidth,o=t/n*100,r=h.value.target,s=$.value.target;t>15&&t<=n&&(t=t>0?t:0,r.style.transition="transform 0s ease",r.style.transform=`translateX(${t}px)`,s.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),s.style.transform=`translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${o}))) scale(${.5+.5/100*o}) perspective(var(--t-app-width)) rotateY(${30-30/100*o}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*o}`))},back(t){$.value&&(h.value.target.style.transition="transform 0.35s ease",h.value.target.style.transform="translateX(var(--t-app-width)) scale(1)",$.value.target.style.transition="transform 0.35s ease",$.value.target.style.transform="translateX(0px) scale(1) perspective(var(--t-app-width)) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),B.value=!0,setTimeout(()=>{D(),B.value=!1,S.value-=1,t&&t()},400))},next(t){if(!T.value)return;if(S.value==-1){S.value+=1,t&&t();return}B.value=!0;let n=T.value.target;n.style.transform="translateX(var(--t-app-width))",n.transitionOrigin="center",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{n.style.transition="transform 0.35s ease",n.style.transform="translateX(0px)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),h.value&&(h.value.target.style.transitionOrigin="left center",h.value.target.style.transition="transform 0.35s ease",h.value.target.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"),setTimeout(()=>{B.value=!1,S.value+=1,t&&t()},400)},100)}},N={reset(){B.value=!0;const t=h.value.target,n=$.value.target;t.style.transition="transform 0.35s ease",t.style.transform="translateX(0px)",n.style.transition="transform 0.35s ease",n.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1))",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{B.value=!1},400)},move(t){const n=window.innerWidth,o=t/n*100,r=h.value.target,s=$.value.target;t>15&&t<=n&&(t=t>0?t:0,r.style.transition="transform 0s ease",r.style.transform=`translateX(${t}px)`,s.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),s.style.transform=`translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${o})))`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*o}`))},back(t){$.value&&(h.value.target.style.transition="transform 0.35s ease",h.value.target.style.transform="translateX(var(--t-app-width)) scale(1)",$.value.target.style.transition="transform 0.35s ease",$.value.target.style.transform="translateX(0px)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),B.value=!0,setTimeout(()=>{D(),B.value=!1,S.value-=1,t&&t()},400))},next(t){if(!T.value)return;if(S.value==-1){S.value+=1,t&&t();return}B.value=!0;let n=T.value.target;n.style.transform="translateX(var(--t-app-width))",n.transitionOrigin="center",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{n.style.transition="transform 0.35s ease",n.style.transform="translateX(0px)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),h.value&&(h.value.target.style.transitionOrigin="left center",h.value.target.style.transition="transform 0.35s ease",h.value.target.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1))"),setTimeout(()=>{B.value=!1,S.value+=1,t&&t()},400)},100)}},me=t=>{w.push(t)},fe=(t,n)=>{w[t].target=n},D=t=>{t||w.pop()},k={isBusy:B,isSwipeable:F,reset:t=>{t=="scale"&&V.reset(),t=="transform"&&N.reset()},next:(t,n)=>{t=="scale"&&V.next(n),t=="transform"&&N.next(n)},back:(t,n)=>{t=="scale"&&V.back(n),t=="transform"&&N.back(n)},move:(t,n)=>{t=="scale"&&V.move(n),t=="transform"&&N.move(n)},screens:w,addScreen:me,addScreenEl:fe,removeScreen:D,removeAllScreen:()=>{w.splice(0,w.length)},lockSwipe:()=>{z.value=!1},unlockSwipe:()=>{z.value=!0},swipeable:z,currentScreen:h,lastScreen:$,nextScreen:T},ue={class:"t-toast-content"},j=u(e.defineComponent({__name:"t-toast",props:{message:{},space:{default:"0px"},placement:{default:"bottom"},color:{default:null},variant:{default:"default"},visible:{type:Boolean,default:!1}},emits:["dismiss"],setup(t,{expose:n,emit:o}){const r=t,s=o,a=e.ref(!1),d=e.ref(!1),l=e.ref(!1),i=()=>{d.value=!0,l.value=!1,setTimeout(()=>{a.value=!0},10)},f=()=>{l.value=!0,setTimeout(()=>{d.value=!1,a.value=!1,s("dismiss")},300)};e.watch(()=>r.visible,c=>{c?i():f()});const _=e.computed(()=>{let c;return r.variant=="default"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?c={"--border":"none","--color":"var(--t-color-status-"+r.color+"-text)","--background":"rgba(var(--t-color-status-"+r.color+"-rgb), 1)"}:c={"--border":"none","--color":"var(--t-color-text)","--background":r.color}:c={"--border":"none","--color":"var(--t-color-text)","--background":"rgba(var(--t-color-surface-rgb), 1)"}),r.variant=="text"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?c={"--border":"none","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:c={"--border":"none","--color":r.color,"--background":"transparent"}:c={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),r.variant=="outline"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?c={"--border":"0.55px solid var(--t-color-status-"+r.color+")","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:c={"--border":"0.55px solid "+r.color,"--color":r.color,"--background":"transparent"}:c={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),c});return n({open:i,close:f}),(c,p)=>d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[r.placement]:!0,open:a.value,closing:l.value}]),style:e.normalizeStyle({"--space":r.space,..._.value})},[e.renderSlot(c.$slots,"content",{},()=>[e.createElementVNode("div",ue,e.toDisplayString(r.message),1)],!0)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-7011351e"]]),_e=(t={})=>({open(){let n=document.body.querySelector(".t-app");if(!n)return;const o=document.createElement("div"),r=e.ref();n.appendChild(o);const s=e.createApp({render(){return e.h(j,{...t,ref:r,onDismiss:()=>{setTimeout(()=>{s.unmount(),o.remove()},300)}})}});s.mount(o),setTimeout(()=>{r.value?.open?.(),setTimeout(()=>{r.value?.close?.()},t.duration+10)},50)}}),ye=e.ref(0);function A(){return{height:ye}}const ke=u(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!1},placement:{default:"bottom"}},setup(t){const n=t,{height:o}=A();return e.provide("cableState",{placement:n.placement}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:n.keyboard&&e.unref(o)>0,[n.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":e.unref(o)+"px","--t-keyboard-transition":e.unref(o)>0?"0.3s":"0.1s"})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-6cae224b"]]),ge=e.defineComponent({__name:"t-card",props:{color:{default:null}},setup(t){const n=t,o=e.computed(()=>{let r;return n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--background":"var(--t-color-status-"+n.color+")"}:r={"--background":n.color}:r={"--background":"var(--t-color-surface)"},r});return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-card",style:e.normalizeStyle(o.value)},[e.renderSlot(r.$slots,"default")],4))}}),he={},be={class:"t-content"};function Be(t,n){return e.openBlock(),e.createElementBlock("div",be,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const H=u(he,[["render",Be],["__scopeId","data-v-af750e89"]]),U=80,$e=u(e.defineComponent({__name:"t-refresher",emits:["refresh","move","cancel","start"],setup(t,{emit:n}){const o=n,r=e.ref(0),s=e.ref(!1),a=e.ref();let d,l=!1;const i=()=>{s.value=!1,r.value=0,d&&d.cancel(),setTimeout(()=>{l=!1},2e3)},f=()=>{l=!0,s.value=!0,r.value=U,o("refresh",i)};return e.watch(()=>a.value,()=>{d&&d.destroy();let _=a.value.closest(".t-content");_&&(d=I.gesture(_,{isMoving:!1,options:{minDist:60},down(){this.isMoving=!1,o("start")},move({deltaY:c,initialDirection:p}){s.value||l||p!="down"||(c>=120?(this.isMoving=!1,f()):(c>10||this.isMoving)&&(this.isMoving=!0,r.value=c>0?c:0,o("move",c)))},up({deltaY:c,initialDirection:p}){this.isMoving=!1,!(s.value||l)&&(c>U&&p=="down"?f():(r.value=0,o("cancel")))},cancel(){this.isMoving=!1,!(s.value||l)&&(s.value=!1,r.value=0,o("cancel"))}},{passive:!1}))}),e.onUnmounted(()=>{d&&d.destroy()}),(_,c)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:a,style:e.normalizeStyle({height:`${r.value}px`})},[e.createElementVNode("img",{class:e.normalizeClass({spiner:s.value}),src:"https://static.toikit.com/toikit/home_2.png?v=3",alt:"Loading...",style:{width:"22px",height:"22px"}},null,2)],4)),[[e.vShow,r.value>0]])}}),[["__scopeId","data-v-abd4007f"]]),we={},Se={class:"t-screen"};function Ee(t,n){return e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const G=u(we,[["render",Ee],["__scopeId","data-v-c2a3436c"]]),Ce=e.defineComponent({__name:"t-swipe-screen",props:{variant:{default:"scale"},router:{default:P.useRouter()},route:{default:P.useRoute()}},emits:["change"],setup(t,{emit:n}){let o={};const r=n,s=t,{variant:a,route:d,router:l}=s;let i;const f=l.getRoutes();for(let p of f)o[p.name]=p.components;const _=p=>{p&&k.addScreen({name:p,target:null,component:e.markRaw(o[p]||null)})},c=(p,y)=>{!y||k.screens[p].target||(k.addScreenEl(p,y.$el),k.nextScreen&&k.next(a,()=>{r("change")}))};return e.watch(()=>d.name,(p,y)=>{p!=k.currentScreen.value.name&&(k.lastScreen.value?.name==p?k.back(a,()=>{r("change")}):_(d.name))}),e.onMounted(()=>{i=I.gesture(document.body,{beforeEvent(p){return!!k.isSwipeable.value},fast({initialDirection:p}){k.lastScreen.value&&p=="right"&&l.back()},move({deltaX:p,initialDirection:y}){y=="right"&&k.move(a,p)},up({deltaX:p,initialDirection:y}){if(y!="right"){k.reset(a);return}const b=window.innerWidth;p/b*100>=50?l.back():k.reset(a)},cancel(){k.reset(a)}})}),e.onUnmounted(()=>{i&&i.destroy(),k.removeAllScreen()}),_(d.name),(p,y)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k).screens,(b,m)=>(e.openBlock(),e.createBlock(G,{ref_for:!0,ref:E=>c(m,E),style:e.normalizeStyle({zIndex:m+(m==e.unref(k).screens.length-1?2:1)}),key:m},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(k).screens.length})},null,4)],64))}}),Te=u(Ce,[["__scopeId","data-v-7ced9f26"]]),xe=u(e.defineComponent({__name:"t-toolbar",props:{placement:{default:null},safe:{type:Boolean,default:!0},size:{default:"50px"}},setup(t){const n=t,o=e.inject("cableState"),r=e.computed(()=>n?.placement||o?.placement);return(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[r.value]:!0,safe:n.safe}]),style:e.normalizeStyle({"--t-size-toolbar":n.size})},[e.createElementVNode("div",null,[e.renderSlot(s.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-1ee9866d"]]),ve=u(e.defineComponent({__name:"t-back-button",props:{to:{},router:{}},setup(t){const n=t,o=e.useAttrs(),r=n.router||P.useRouter(),s=a=>{if(o.onBack){o.onBack(a);return}k.lastScreen.value?r?.back?.():n.to&&r?.push?.(n.to)};return(a,d)=>a.to||e.unref(k).lastScreen?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:s},[e.renderSlot(a.$slots,"default",{},()=>[d[0]||(d[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-dcf9d363"]]),M=u(e.defineComponent({__name:"t-text",props:{color:{default:"var(--t-color-text)"},size:{default:"standard"}},setup(t){const n=t,o=e.computed(()=>{let r,s=n.color;return n.size=="standard"?r="var(--t-fs-10)":n.size=="small"?r="var(--t-fs-08)":n.size=="large"?r="var(--t-fs-12)":r=n.size,["warning","info","danger","primary","secondary","success"].includes(n.color)&&(s=`var(--t-color-status-${n.color})`),{"--color":s,"--font-size":r}});return(r,s)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(o.value)},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-f0f94f05"]]),K=u(e.defineComponent({__name:"t-gesture-indicator",props:{placement:{default:"bottom"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-gesture-indicator",{[n.placement]:!0}])},null,2))}}),[["__scopeId","data-v-ed8f7308"]]),ze=u(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-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:!0},radius:{type:Boolean,default:!0},indicator:{type:Boolean,default:!0},style:{}},emits:["dismiss"],setup(t,{emit:n}){const o=t,r=n,s=e.ref(),a=e.ref(),d=e.ref(!1);let l=null;const i=e.computed(()=>{if(o.placement=="bottom")return"down";if(o.placement=="top")return"up";if(o.placement=="left")return"left";if(o.placement=="right")return"right"}),f=c=>{r("dismiss",c)},_=()=>{d.value=!0,setTimeout(()=>{d.value=!1},300)};return e.watch(()=>s.value,c=>{c&&(l=I.gesture(s.value,{isMoving:!1,options:{minDist:30},beforeEvent(p){return!(d.value||!o.gesture||o.placement=="center")},down(){this.isMoving=!1},fast({initialDirection:p}){_(),p==i.value?r("dismiss","gesture"):a.value.open()},move({deltaY:p,deltaX:y,initialDirection:b}){if(b!=i.value)return;let m=0;o.placement=="bottom"||o.placement=="top"?m=p:m=y,o.placement=="bottom"&&(m=p>0?p:0),o.placement=="top"&&(m=p<0?p:0),o.placement=="left"&&(m=y<0?y:0),o.placement=="right"&&(m=y>0?y:0),(o.placement=="bottom"&&(m>=10||this.isMoving)||o.placement=="top"&&(m<=-10||this.isMoving)||o.placement=="left"&&(m<=-10||this.isMoving)||o.placement=="right"&&(m>=10||this.isMoving))&&(this.isMoving=!0,a.value.render({contentTransform:m+"px",transition:"0s"}))},up({deltaY:p,deltaX:y,initialDirection:b}){if(this.isMoving=!1,_(),b!=i.value){a.value.open();return}let m,E,R;o.placement=="bottom"||o.placement=="top"?(m=s.value.offsetHeight,R=p):(m=s.value.offsetWidth,R=y),E=R/m*100,E>50?r("dismiss","gesture"):a.value.open()},cancel(){this.isMoving=!1,_(),a.value.open()}}))}),e.onUnmounted(()=>{l&&l.destroy()}),(c,p)=>(e.openBlock(),e.createBlock(C,{ref_key:"present",ref:a,class:e.normalizeClass(o.class),placement:o.placement,backdrop:c.backdrop,visible:o.visible,keepalive:o.keepalive,onDismiss:f,style:e.normalizeStyle(o.style)},{default:e.withCtx(()=>[o.gesture&&o.indicator&&o.placement!="center"?(e.openBlock(),e.createBlock(K,{key:0,placement:o.placement},null,8,["placement"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:o.fullscreen,[o.placement]:!0,rounded:c.rounded,radius:o.radius}]),style:e.normalizeStyle({"--background":o.background}),ref_key:"sheet",ref:s},[e.renderSlot(c.$slots,"default",{},void 0,!0)],6)]),_:3},8,["class","placement","backdrop","visible","keepalive","style"]))}}),[["__scopeId","data-v-71a5b877"]]),Ve={class:"t-input-label"},Ne={class:"t-input-content"},Ie=["type","placeholder","value"],Pe=u(e.defineComponent({__name:"t-input",props:{size:{default:"standard"},rounded:{type:Boolean,default:!1},label:{default:""},placeholder:{default:""},type:{default:"text"},help:{},error:{},modelValue:{default:""},variant:{default:"default"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,s=a=>{r("update:modelValue",a.target.value)};return(a,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:o.rounded,["size-"+o.size]:!0,["variant-"+o.variant]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",Ve,e.toDisplayString(a.label),1),e.createElementVNode("div",Ne,[e.renderSlot(a.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:a.type,placeholder:a.placeholder,value:a.modelValue,onInput:s},null,40,Ie),e.renderSlot(a.$slots,"end",{},void 0,!0)])]),o.error?(e.openBlock(),e.createBlock(M,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.error),1)]),_:1})):o.help?(e.openBlock(),e.createBlock(M,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-1a9425cf"]]),De={};function Ae(t,n){return e.openBlock(),e.createElementBlock("textarea")}const Me=u(De,[["render",Ae]]),Re={};function Oe(t,n){return e.openBlock(),e.createElementBlock("div")}const Xe=u(Re,[["render",Oe]]),qe={},Le={class:"t-grid"};function We(t,n){return e.openBlock(),e.createElementBlock("div",Le)}const Fe=u(qe,[["render",We]]),je={},He={class:"t-grid-item"};function Ue(t,n){return e.openBlock(),e.createElementBlock("div",He)}const Ge=u(je,[["render",Ue]]),Ke=u(e.defineComponent({__name:"t-divider",props:{direction:{default:"horizontal"}},setup(t){const n=t;return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[n.direction]:!0}])},null,2))}}),[["__scopeId","data-v-47ee8991"]]),Je=u(e.defineComponent({__name:"t-toggle-password",props:{color:{default:"warning"}},emits:["change"],setup(t,{emit:n}){const o=t,r=n,s=e.ref(!1),a=e.ref(),d=e.computed(()=>{let f=o.color;return["warning","info","danger","primary","secondary","success"].includes(o.color)&&(f=`var(--t-color-status-${o.color})`),{"--color":f}}),l=()=>a.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let f=l();f&&(s.value=f.type!="password",r("change",s.value))});const i=()=>{let f=l();f&&(s.value=!s.value,s.value?f.type="text":f.type="password",r("change",s.value))};return(f,_)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toggle",ref:a,class:"t-toggle-password",style:e.normalizeStyle(d.value),onClick:i},[s.value?e.renderSlot(f.$slots,"on",{key:0},()=>[_[0]||(_[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):e.renderSlot(f.$slots,"off",{key:1},()=>[_[1]||(_[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-3268e9e3"]]),Qe=u(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(t){const n=t,o=e.computed(()=>n.size=="small"?"24px":n.size=="standard"?"40px":n.size=="large"?"60px":n.size);return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-avatar",{square:r.square}]),style:e.normalizeStyle({"--size":o.value})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Ze={class:"t-collapse-title"},Ye={key:0,class:"icon"},et={key:1,class:"icon"},tt={class:"t-collapse-content"},ot=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(t,{emit:n}){const o=t,r=n,s=e.ref(!1),a=e.ref(""),d=e.ref(),l=()=>{s.value=!s.value,a.value=`calc(${d.value.offsetHeight}px + 2rem)`,r("change",s.value)};return r("change",s.value),(i,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-collapse",{open:s.value}]),style:e.normalizeStyle({"--height":a.value})},[e.createElementVNode("div",{class:"t-collapse-header",onClick:l},[e.renderSlot(i.$slots,"icon"),e.createElementVNode("div",Ze,[e.renderSlot(i.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),e.renderSlot(i.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",Ye,[...f[0]||(f[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",et,[...f[1]||(f[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",tt,[e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(i.$slots,"content",{},()=>[e.renderSlot(i.$slots,"default")])],512)])],6))}}),nt=u(e.defineComponent({__name:"t-switch",props:{modelValue:{type:Boolean},color:{default:"primary"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,s=()=>{r("update:modelValue",!o.modelValue)},a=e.computed(()=>{let d={"--background":o.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(o.color)&&(d={"--background":`var(--t-color-status-${o.color})`,"--color":`var(--t-color-status-${o.color}-text)`}),d});return(d,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-switch",{on:o.modelValue}]),style:e.normalizeStyle(a.value),onClick:s},[...l[0]||(l[0]=[e.createElementVNode("div",{class:"t-switch-icon"},null,-1)])],6))}}),[["__scopeId","data-v-3616970e"]]),rt=u(e.defineComponent({__name:"t-tab",props:{value:{}},setup(t){const n=t,o=e.inject("tabsState"),r=e.computed(()=>o.active.value===n.value),s=()=>{o.setActive(n.value)};return(a,d)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["t-tab",{active:r.value}])},[e.createVNode(v,{variant:"text",onClick:s,size:e.unref(o).size,color:r.value&&e.unref(o).variant=="text"?e.unref(o).color:void 0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["size","color"])],2))}}),[["__scopeId","data-v-f810d905"]]),st=u(e.defineComponent({__name:"t-tabs",props:{placement:{default:"top-start"},variant:{default:"border-under"},color:{default:"primary"},modelValue:{},border:{default:30},size:{default:"standard"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=n,s=e.ref("0px"),a=e.ref(),d=e.computed(()=>{let i=o.color;return["warning","info","danger","primary","secondary","success"].includes(i)&&(i=`var(--t-color-status-${i})`),i}),l=()=>{setTimeout(()=>{if(o.placement.startsWith("top-")||o.placement.startsWith("bottom-")){let i=a.value.querySelector(".active");if(i){let f=i.getBoundingClientRect().left-a.value.getBoundingClientRect().left+a.value.scrollLeft,_=i.offsetWidth/2;s.value=f+_-o.border/2+"px"}}else if(o.placement.startsWith("left-")||o.placement.startsWith("right-")){let i=a.value.querySelector(".active");if(i){let f=i.getBoundingClientRect().top-a.value.getBoundingClientRect().top+a.value.scrollTop,_=i.offsetHeight/2;s.value=f+_-o.border/2+"px"}}},50)};return e.provide("tabsState",{active:e.computed(()=>o.modelValue),color:d.value,size:o.size,variant:o.variant,setActive:i=>{r("update:modelValue",i),l()}}),e.onMounted(()=>{l()}),(i,f)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"container",ref:a,class:e.normalizeClass(["t-tabs",{[i.placement]:!0,[i.variant]:!0}]),style:e.normalizeStyle({"--color":d.value,"--transform":s.value,"--border":i.border+"px"})},[e.renderSlot(i.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-3a46d2df"]]),at=u(e.defineComponent({__name:"t-loading-app",setup(t){return(n,o)=>(e.openBlock(),e.createBlock(H,null,{default:e.withCtx(()=>[e.createVNode(x,{type:"spinner"})]),_:1}))}}),[["__scopeId","data-v-1436aa9f"]]),lt={key:0},ct={key:0,class:"t-checkbox-label"},it=u(e.defineComponent({__name:"t-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(t,{emit:n}){const o=t,r=n,s=e.computed(()=>{let l={"--background":o.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(o.color)&&(l={"--background":`var(--t-color-status-${o.color})`,"--color":`var(--t-color-status-${o.color}-text)`}),l}),a=e.computed(()=>o.multiple?o.modelValue.includes(o.value):o.value===void 0?o.modelValue:o.modelValue==o.value),d=()=>{if(o.multiple){let l=o.modelValue;o.modelValue.includes(o.value)?l.splice(l.indexOf(o.value),1):l.push(o.value),r("update:modelValue",l)}else o.value===void 0?r("update:modelValue",!o.modelValue):r("update:modelValue",o.value)};return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-checkbox",{active:a.value}]),style:e.normalizeStyle(s.value),onClick:d},[e.createElementVNode("div",{class:e.normalizeClass(`t-checkbox-${l.type}`)},[l.type=="radio"?(e.openBlock(),e.createElementBlock("div",lt)):e.createCommentVNode("",!0),l.type=="check"?e.renderSlot(l.$slots,"icon",{key:1},()=>[i[0]||(i[0]=e.createElementVNode("i",{class:"ri-check-line"},null,-1))],!0):e.createCommentVNode("",!0)],2),l.label?(e.openBlock(),e.createElementBlock("span",ct,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-d558d0b0"]]),dt=u(e.defineComponent({__name:"t-keyboard",setup(t){const{height:n}=A();return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"t-keyboard",style:e.normalizeStyle({"--height":e.unref(n)+"px"})},null,4))}}),[["__scopeId","data-v-5d3fa1da"]]),pt=u(e.defineComponent({__name:"t-skeleton",props:{width:{default:"100%"},height:{default:"1rem"},radius:{default:"8px"},color:{default:null}},setup(t){const n=t,o=e.computed(()=>({"--width":n.width,"--height":n.height,"--radius":n.radius}));return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-skeleton",style:e.normalizeStyle(o.value)},null,4))}}),[["__scopeId","data-v-877bbdb5"]]),mt=u(e.defineComponent({__name:"t-ripple",props:{color:{default:"primary"}},setup(t){const n=t,o=e.computed(()=>{let r={};return n.color?["warning","info","danger","primary","secondary","success"].includes(n.color)?r={"--color":"var(--t-color-status-"+n.color+")"}:r={"--color":n.color}:r={"--color":"var(--t-color-surface)"},r});return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-ripple",style:e.normalizeStyle(o.value)},null,4))}}),[["__scopeId","data-v-42cb3d71"]]),ft=()=>({install:t=>{J(),t.component("t-app",ee),t.component("t-screen",G),t.component("t-swipe-screen",Te),t.component("t-cable",ke),t.component("t-toolbar",xe),t.component("t-content",H),t.component("t-card",ge),t.component("t-refresher",$e),t.component("t-button",v),t.component("t-back-button",ve),t.component("t-present",C),t.component("t-text",M),t.component("t-sheet",ze),t.component("t-gesture-indicator",K),t.component("t-input",Pe),t.component("t-textarea",Me),t.component("t-rich-text",Xe),t.component("t-grid",Fe),t.component("t-grid-item",Ge),t.component("t-divider",Ke),t.component("t-toggle-password",Je),t.component("t-loading-icon",x),t.component("t-alert",q),t.component("t-avatar",Qe),t.component("t-collapse",ot),t.component("t-toast",j),t.component("t-switch",nt),t.component("t-tab",rt),t.component("t-tabs",st),t.component("t-loading-app",at),t.component("t-checkbox",it),t.component("t-keyboard",dt),t.component("t-skeleton",pt),t.component("t-ripple",mt)}});g.blurCurrentActive=X,g.createAction=ce,g.createAlert=ae,g.createLoading=pe,g.createToast=_e,g.createToife=ft,g.isFormElement=O,g.presentController=W,g.screenController=k,g.useKeyboard=A,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toife/vue",
3
- "version": "1.2.52",
3
+ "version": "1.2.53",
4
4
  "description": "A Frontend framework for Vue",
5
5
  "type": "module",
6
6
  "main": "dist/index.umd.js",