@toife/vue 1.0.12 → 1.0.14

package/dist/index.umd.js

@@ -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,$,T){"use strict";const E=t=>t&&(t.tagName=="INPUT"||t.tagName=="TEXTAREA"||t.isContentEditable),S=()=>{const t=document.activeElement;t&&(t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.isContentEditable)&&t.blur()},O=()=>{document.addEventListener("contextmenu",t=>t.preventDefault()),document.addEventListener("dblclick",t=>t.preventDefault()),document.addEventListener("selectstart",t=>t.preventDefault()),document.addEventListener("gesturestart",t=>t.preventDefault()),document.addEventListener("pointerup",t=>{!E(t.target)&&S()})},_=(t,o)=>{const r=t.__vccOpts||t;for(const[n,a]of o)r[n]=a;return r},X={},F={class:"t-app"};function U(t,o){return e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(t.$slots,"default")])}const j=_(X,[["render",U]]),C=_(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"}},emits:["dismiss"],setup(t,{expose:o,emit:r}){const n=e.ref(0),a=e.ref(!1),l=e.ref(),c=e.ref(),p=t,u=r,m=e.computed(()=>a.value||p.keepalive),f=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),y=i=>{p.backdrop?i?.backdropOpacity&&(f["--t-present-backdrop-opacity"]=i.backdropOpacity):f["--t-present-backdrop-opacity"]="0",i?.transition&&(f["--t-present-transition"]=i.transition,f["--t-present-transition"]=i.transition),i?.contentTransform&&(f["--t-present-content-transform"]=i.contentTransform),i?.contentOpacity&&(f["--t-present-content-opacity"]=i.contentOpacity)},s=()=>{y({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},d=()=>{let i="0px",b="1";p.placement=="bottom"||p.placement=="right"?i="100%":p.placement=="top"||p.placement=="left"?i="-100%":p.placement=="center"&&(i="0px",b="0"),y({contentTransform:i,transition:"0.2s",contentOpacity:b,backdropOpacity:"0"})};e.watch(()=>p.visible,()=>{p.visible?(a.value=!0,n.value=D.getNewIndex(),setTimeout(()=>{s()},50)):(d(),setTimeout(()=>{a.value=!1},200))}),o({render:y,open:s,close:d});let k;return e.watch(()=>l.value,i=>{i&&(k=$.gesture(l.value,{beforeEvent(b){return b.stopPropagation(),E(b.target)||(b.preventDefault(),S()),b.type=="pointerup"},up(){u("dismiss","backdrop")}}))}),e.onUnmounted(()=>{k&&k.destroy()}),d(),(i,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[i.placement]:!0}]),ref_key:"present",ref:c,style:e.normalizeStyle({...f,zIndex:n.value})},[e.renderSlot(i.$slots,"default",{},void 0,!0)],6)),[[e.vShow,a.value]]):e.createCommentVNode("",!0),m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",ref_key:"backdrop",ref:l,style:e.normalizeStyle({...f,zIndex:n.value-1})},null,4)),[[e.vShow,a.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-dc2a4bc9"]]),w=_(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-text)"}},setup(t){return(o,r)=>(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"]]),v={key:0,class:"loader"},z=_(e.defineComponent({__name:"t-button",props:{color:{default:""},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 o=t,r=e.computed(()=>{let n;return o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?n={"--color":"var(--t-color-status-"+o.color+"-text)","--background-color":"var(--t-color-status-"+o.color+")"}:n={"--color":"var(--t-color-text)","--background-color":o.color}:n={"--color":"var(--t-color-text)","--background-color":"transparent"},n});return(n,a)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":o.activeBackground,rounded:o.rounded,block:o.block,["size-"+o.size]:!0,["variant-"+o.variant]:!0}]),style:e.normalizeStyle(r.value)},[e.withDirectives(e.createElementVNode("span",null,[e.renderSlot(n.$slots,"default",{},void 0,!0)],512),[[e.vShow,!o.loading]]),o.loading?(e.openBlock(),e.createElementBlock("span",v,[e.createVNode(w,{color:"var(--color)",type:o.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-cdfe6af8"]]),Y={key:0,class:"t-alert-header"},G={class:"t-alert-content"},M={class:"t-alert-footer"},I=_(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{}},emits:["close"],setup(t,{expose:o,emit:r}){const n=t,a=e.ref(!1),l=r,c=e.ref();let p;const u=e.ref(!1),m=()=>{a.value=!0},f=s=>{a.value=!1,s.handler&&s.handler(),l("close",s?.data)},y=s=>{s=="backdrop"&&(u.value=!0,setTimeout(()=>{u.value=!1},300))};return o({open:m}),e.watch(()=>c.value,s=>{s&&(p=$.gesture(c.value,{beforeEvent(d){return d.stopPropagation(),E(d.target)||(d.preventDefault(),S()),!1}}))}),e.onUnmounted(()=>{p&&p.destroy()}),(s,d)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:a.value,onDismiss:y},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:u.value}]),ref_key:"container",ref:c},[e.renderSlot(s.$slots,"header",{},()=>[n.title?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(s.$slots,"content",{},()=>[e.createElementVNode("div",G,e.toDisplayString(n.message),1)],!0),e.renderSlot(s.$slots,"footer",{},()=>[e.createElementVNode("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.actions,k=>(e.openBlock(),e.createBlock(z,{color:k.color,variant:k.variant,onClick:i=>f(k)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k.text),1)]),_:2},1032,["color","variant","onClick"]))),256))])],!0)],2)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-0063c9df"]]),W=(t={})=>({open(){return new Promise(o=>{let r=document.body.querySelector(".t-app");if(!r)return;const n=document.createElement("div"),a=e.ref();r.appendChild(n);const l=e.createApp({render(){return e.h(I,{...t,ref:a,onClose:c=>{setTimeout(()=>{l.unmount(),n.remove()},300),o(c)}})}});l.mount(n),setTimeout(()=>{a.value?.open?.()},50)})}}),H=_(e.defineComponent({__name:"t-action",props:{actions:{}},emits:["close"],setup(t,{expose:o,emit:r}){const n=t,a=e.ref(!1),l=r,c=e.ref();let p;const u=e.ref(!1),m=()=>{a.value=!0},f=s=>{a.value=!1,s.handler&&s.handler(),l("close",s?.data)},y=s=>{s=="backdrop"&&(u.value=!0,setTimeout(()=>{u.value=!1},300))};return o({open:m}),e.watch(()=>c.value,s=>{s&&(p=$.gesture(c.value,{beforeEvent(d){return d.stopPropagation(),E(d.target)||(d.preventDefault(),S()),!1}}))}),e.onUnmounted(()=>{p&&p.destroy()}),(s,d)=>(e.openBlock(),e.createBlock(C,{placement:"bottom",backdrop:!0,keepalive:!1,visible:a.value,onDismiss:y},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-action",{pop:u.value}]),ref_key:"container",ref:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.actions,k=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k,i=>(e.openBlock(),e.createBlock(z,{color:i.color,size:i.size,variant:i.variant,onClick:b=>f(i),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-42000b04"]]),K=(t={})=>({open(){return new Promise(o=>{let r=document.body.querySelector(".t-app");if(!r)return;const n=document.createElement("div"),a=e.ref();r.appendChild(n);const l=e.createApp({render(){return e.h(H,{...t,ref:a,onClose:c=>{setTimeout(()=>{l.unmount(),n.remove()},300),o(c)}})}});l.mount(n),setTimeout(()=>{a.value?.open?.()},50)})}}),J=_(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["close"],setup(t,{expose:o,emit:r}){const n=t,a=e.ref(!1),l=e.ref();let c;return o({open:()=>{a.value=!0},close:()=>{a.value=!1}}),e.watch(()=>l.value,m=>{m&&(c=$.gesture(l.value,{beforeEvent(f){return f.stopPropagation(),E(f.target)||(f.preventDefault(),S()),!1}}))}),e.onUnmounted(()=>{c&&c.destroy()}),(m,f)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:a.value},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"t-loading",ref_key:"container",ref:l},[e.renderSlot(m.$slots,"default",{},()=>[e.createVNode(w,{type:n.type},null,8,["type"])],!0)],512)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-96624ceb"]]),Q=(t={})=>{const o=e.ref(),r=document.body.querySelector(".t-app");let n=null,a=null;return{open(){return new Promise(l=>{r&&(a=document.createElement("div"),r.appendChild(a),n=e.createApp({render(){return e.h(J,{...t,ref:o})}}),n.mount(a),setTimeout(()=>{o.value?.open?.(),l(!0)},50))})},close(){return new Promise(l=>{o.value?.close?.(),setTimeout(()=>{n?.unmount?.(),a?.remove?.(),l(!0)},300)})}}},x=e.ref(1e3),D={getNewIndex(){return x.value+=2,x.value}},B=e.reactive([]),h={screens:B,addScreen:t=>{B.push(t)},removeScreen:t=>{t||B.pop()},hasPrevious:e.computed(()=>B.length>1),currentScreen:e.computed(()=>B[B.length-1]),lastScreen:e.computed(()=>{if(!(B.length<2))return B[B.length-2]})},P=_(e.defineComponent({__name:"t-toast",props:{message:{},space:{default:"0px"},placement:{default:"bottom"},duration:{default:2e3},color:{default:"secondary"},variant:{default:"default"}},emits:["close"],setup(t,{expose:o,emit:r}){const n=t,a=r,l=e.ref(!1),c=e.ref(!1),p=e.ref(!1),u=()=>{c.value=!0,p.value=!1,setTimeout(()=>{l.value=!0},10),setTimeout(()=>{m()},n.duration+10)},m=()=>{p.value=!0,setTimeout(()=>{c.value=!1,l.value=!1,a("close")},300)},f=e.computed(()=>["warning","info","danger","primary","secondary","success"].includes(n.color)?`var(--t-color-status-${n.color}-rgb)`:n.color);return o({open:u}),(y,s)=>c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[n.placement]:!0,open:l.value,closing:p.value,["variant-"+n.variant]:!0}]),style:e.normalizeStyle({"--space":n.space,"--color":f.value})},e.toDisplayString(n.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-5b3334bc"]]),Z=(t={})=>({open(){let o=document.body.querySelector(".t-app");if(!o)return;const r=document.createElement("div"),n=e.ref();o.appendChild(r);const a=e.createApp({render(){return e.h(P,{...t,ref:n,onClose:()=>{setTimeout(()=>{a.unmount(),r.remove()},300)}})}});a.mount(r),setTimeout(()=>{n.value?.open?.()},50)}}),ee=e.ref(0);function A(){return{height:ee}}const te=_(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!0},placement:{default:"bottom"}},setup(t){const o=t,{height:r}=A();return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:o.keyboard&&e.unref(r)>0,[o.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":e.unref(r)+"px","--t-keyboard-transition":e.unref(r)>0?"0.3s":"0.1s"})},[e.renderSlot(n.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-ecb72421"]]),ne={},oe={class:"t-card"};function re(t,o){return e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(t.$slots,"default")])}const se=_(ne,[["render",re]]),ae={},le={class:"t-content"};function ce(t,o){return e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const ie=_(ae,[["render",ce],["__scopeId","data-v-9a833657"]]),R=80,de=_(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(t,{emit:o}){const r=o,n=e.ref(0),a=e.ref(!1),l=e.ref();let c,p=!1;const u=()=>{a.value=!1,n.value=0,c&&c.cancel(),setTimeout(()=>{p=!1},2e3)},m=()=>{p=!0,a.value=!0,n.value=R,r("refresh",u)};return e.watch(()=>l.value,()=>{c&&c.destroy();let f=l.value.closest(".t-screen");c=$.gesture(f,{options:{minDist:60},move({dy:y}){a.value||p||y<0||(y>=120?m():n.value=y)},up({dy:y}){a.value||p||(y>R?m():n.value=0)},cancel(){a.value=!1,n.value=0}})}),e.onUnmounted(()=>{c&&c.destroy()}),(f,y)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:l,style:e.normalizeStyle({height:`${n.value}px`})},[e.createElementVNode("img",{class:e.normalizeClass({spiner:a.value}),src:"https://static.toikit.com/toikit/home_2.png?v=3",alt:"Loading...",style:{width:"22px",height:"22px"}},null,2)],4)),[[e.vShow,n.value>0]])}}),[["__scopeId","data-v-7f97bb1a"]]),pe={},me={class:"t-screen"};function fe(t,o){return e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const L=_(pe,[["render",fe],["__scopeId","data-v-66ea8649"]]),ue=_(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(t,{emit:o}){let r={};const n=T.useRouter(),a=T.useRoute(),l=n.getRoutes(),c=e.ref(!1),p=o;for(let s of l)r[s.name]=s.components;const u=s=>{s&&h.addScreen({name:s,target:null,component:e.markRaw(r[s]||null)})},m=(s,d)=>{!d||h.screens[s].target||(h.screens[s].target=d.$el,s>0&&(c.value=!0,d.$el.style.transform="translateX(100vw)",d.$el.transitionOrigin="center",document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{d.$el.style.transition="transform 0.35s ease",d.$el.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.screens.length>1&&(h.lastScreen.value.target.style.transitionOrigin="left center",h.lastScreen.value.target.style.transition="transform 0.35s ease",h.lastScreen.value.target.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"),setTimeout(()=>{p("change"),c.value=!1},400)},100)))},f=()=>{h.currentScreen.value.target.style.transition="transform 0.35s ease",h.currentScreen.value.target.style.transform="translateX(100vw) scale(1)",h.lastScreen.value.target.style.transition="transform 0.35s ease",h.lastScreen.value.target.style.transform="translateX(0px) scale(1) perspective(100vw) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),c.value=!0,setTimeout(()=>{h.removeScreen(),p("change"),c.value=!1},400)};u(a.name),e.watch(()=>a.name,(s,d)=>{s!=h.currentScreen.value.name&&(h.lastScreen.value?.name==s?f():u(s))});const y=()=>{c.value=!0;const s=h.currentScreen.value.target,d=h.lastScreen.value.target;s.style.transition="transform 0.35s ease",s.style.transform="translateX(0px)",d.style.transition="transform 0.35s ease",d.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{c.value=!1},400)};return e.onMounted(()=>{$.gesture(document,{pointerId:null,beforeEvent(s){return c.value||h.screens.length<2?!1:(s.type=="pointerdown"&&!this.pointerId&&(this.pointerId=s.pointerId),this.pointerId==s.pointerId)},afterEvent(s){(s.type=="pointerup"||s.type=="pointercancel")&&(this.pointerId=null)},fast({d:s}){s=="right"&&n.back()},move({dx:s}){const d=window.innerWidth,k=s/d*100,i=h.currentScreen.value.target,b=h.lastScreen?.value?.target;if(s>0&&s<=d){i.style.transition="transform 0s ease",i.style.transform=`translateX(${s}px)`,b.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),b.style.transform=`translateX(calc(-30vw + (30vw / 100 * ${k}))) scale(${.5+.5/100*k}) perspective(100vw) rotateY(${30-30/100*k}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*k}`);return}},up({dx:s}){const d=window.innerWidth;s/d*100>=50?n.back():y()},cancel(){y()}})}),(s,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(h).screens,(k,i)=>(e.openBlock(),e.createBlock(L,{ref_for:!0,ref:b=>m(i,b),style:e.normalizeStyle({zIndex:i+(i==e.unref(h).screens.length-1?2:1)}),key:i},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(h).screens.length})},null,4)],64))}}),[["__scopeId","data-v-a048cc07"]]),_e=_(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},size:{default:"50px"}},setup(t){const o=t;return(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[o.placement]:!0}]),style:e.normalizeStyle({"--t-size-toolbar":o.size})},[e.createElementVNode("div",null,[e.renderSlot(r.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-3b3a7896"]]),ye=_(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(t){const o=T.useRouter(),r=t,n=()=>{h.hasPrevious.value?o?.back?.():r.to&&o?.push?.(r.to)};return(a,l)=>a.to||e.unref(h).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:n},[e.renderSlot(a.$slots,"default",{},()=>[l[0]||(l[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-ed626a3d"]]),N=_(e.defineComponent({__name:"t-text",props:{color:{default:"var(--t-color-text)"},size:{default:"standard"}},setup(t){const o=t,r=e.computed(()=>{let n,a=o.color;return o.size=="standard"?n="var(--t-fs-10)":o.size=="small"?n="var(--t-fs-08)":o.size=="large"?n="var(--t-fs-12)":n=o.size,["warning","info","danger","primary","secondary","success"].includes(o.color)&&(a=`var(--t-color-status-${o.color})`),{"--color":a,"--font-size":n}});return(n,a)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(r.value)},[e.renderSlot(n.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-f0f94f05"]]),q=_(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(t){return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[o.placement]:!0}])},null,2))}}),[["__scopeId","data-v-0e72394a"]]),ke=_(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-color-surface)"},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},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(t,{emit:o}){const r=t,n=o,a=e.ref(),l=e.ref(),c=e.ref(!1);let p=null;const u=e.computed(()=>{if(r.placement=="bottom")return"down";if(r.placement=="top")return"up";if(r.placement=="left")return"left";if(r.placement=="right")return"right"}),m=y=>{n("dismiss",y)},f=()=>{c.value=!0,setTimeout(()=>{c.value=!1},300)};return e.watch(()=>a.value,y=>{y&&(p=$.gesture(a.value,{options:{minDist:30},pointerId:null,beforeEvent(s){let d=!1,k=!1;return c.value||!r.gesture||r.placement=="center"?d=!0:this.pointerId?(d=!0,k=this.pointerId==s.pointerId):s.type=="pointerdown"&&(this.pointerId=s.pointerId,d=!0,k=!0),d&&(s.stopPropagation(),E(s.target)||(s.preventDefault(),S())),k},afterEvent(s){(s.type=="pointerup"||s.type=="pointercancel")&&(this.pointerId=null)},fast({d:s}){f(),s==u.value?n("dismiss","gesture"):l.value.open()},move({dy:s,dx:d,d:k}){if(k!=u.value)return;let i=0;r.placement=="bottom"||r.placement=="top"?i=s:i=d,l.value.render({contentTransform:i+"px",transition:"0s"})},up({dy:s,dx:d,d:k}){if(f(),k!=u.value){l.value.open();return}let i,b,V;r.placement=="bottom"||r.placement=="top"?(i=a.value.offsetHeight,V=s):(i=a.value.offsetWidth,V=d),b=V/i*100,b>50?n("dismiss","gesture"):l.value.open()},cancel(){f(),l.value.open()}}))}),e.onUnmounted(()=>{p&&p.destroy()}),(y,s)=>(e.openBlock(),e.createBlock(C,{ref_key:"present",ref:l,placement:r.placement,backdrop:y.backdrop,visible:r.visible,keepalive:r.keepalive,onDismiss:m},{default:e.withCtx(()=>[r.gesture&&r.placement!="center"?(e.openBlock(),e.createBlock(q,{key:0,placement:r.placement},null,8,["placement"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:r.fullscreen,[r.placement]:!0,rounded:y.rounded}]),style:e.normalizeStyle({"--background":r.background}),ref_key:"sheet",ref:a},[r.closeButton&&r.placement=="center"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-sheet-close",onClick:s[0]||(s[0]=d=>m("close-button"))},[e.renderSlot(y.$slots,"close-icon",{},()=>[s[1]||(s[1]=e.createElementVNode("i",{class:"ri-close-large-line"},null,-1))],!0)])):e.createCommentVNode("",!0),e.renderSlot(y.$slots,"default",{},void 0,!0)],6)]),_:3},8,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-c181f6ad"]]),he={class:"t-input-label"},ge={class:"t-input-content"},be=["type","placeholder","value"],Be=_(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:"normal"}},emits:["update:modelValue"],setup(t,{emit:o}){const r=t,n=o,a=l=>{n("update:modelValue",l.target.value)};return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:r.rounded,["size-"+r.size]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",he,e.toDisplayString(l.label),1),e.createElementVNode("div",ge,[e.renderSlot(l.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:l.type,placeholder:l.placeholder,value:l.modelValue,onInput:a},null,40,be),e.renderSlot(l.$slots,"end",{},void 0,!0)])]),r.error?(e.openBlock(),e.createBlock(N,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.error),1)]),_:1})):r.help?(e.openBlock(),e.createBlock(N,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-75bf0d19"]]),$e={};function Ee(t,o){return e.openBlock(),e.createElementBlock("textarea")}const Se=_($e,[["render",Ee]]),Ce={};function Te(t,o){return e.openBlock(),e.createElementBlock("div")}const we=_(Ce,[["render",Te]]),ze={},Ne={class:"t-grid"};function Ve(t,o){return e.openBlock(),e.createElementBlock("div",Ne)}const Ie=_(ze,[["render",Ve]]),xe={},De={class:"t-grid-item"};function Pe(t,o){return e.openBlock(),e.createElementBlock("div",De)}const Ae=_(xe,[["render",Pe]]),Re=_(e.defineComponent({__name:"t-divider",props:{type:{default:"horizontal"}},setup(t){const o=t;return(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[o.type]:!0}])},null,2))}}),[["__scopeId","data-v-ea7dc220"]]),Le=_(e.defineComponent({__name:"t-toogle-password",props:{color:{default:"warning"}},emits:["change"],setup(t,{emit:o}){const r=t,n=o,a=e.ref(!1),l=e.ref(),c=e.computed(()=>{let m=r.color;return["warning","info","danger","primary","secondary","success"].includes(r.color)&&(m=`var(--t-color-status-${r.color})`),{"--color":m}}),p=()=>l.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let m=p();m&&(a.value=m.type!="password",n("change",a.value))});const u=()=>{let m=p();m&&(a.value=!a.value,a.value?m.type="text":m.type="password",n("change",a.value))};return(m,f)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toogle",ref:l,class:"t-toogle-password",style:e.normalizeStyle(c.value),onClick:u},[a.value?e.renderSlot(m.$slots,"on",{key:0},()=>[f[0]||(f[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),a.value?e.createCommentVNode("",!0):e.renderSlot(m.$slots,"off",{key:1},()=>[f[1]||(f[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-f133b8be"]]),qe=_(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(t){const o=t,r=e.computed(()=>o.size=="small"?"24px":o.size=="standard"?"40px":o.size=="large"?"60px":o.size);return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-avatar",{square:n.square}]),style:e.normalizeStyle({"--size":r.value})},[e.renderSlot(n.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Oe={class:"t-collapse-title"},Xe={key:0,class:"icon"},Fe={key:1,class:"icon"},Ue={class:"t-collapse-content"},je=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(t,{emit:o}){const r=t,n=o,a=e.ref(!1),l=e.ref(""),c=e.ref(),p=()=>{a.value=!a.value,l.value=`calc(${c.value.offsetHeight}px + 2rem)`,n("change",a.value)};return n("change",a.value),(u,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-collapse",{open:a.value}]),style:e.normalizeStyle({"--height":l.value})},[e.createElementVNode("div",{class:"t-collapse-header",onClick:p},[e.renderSlot(u.$slots,"icon"),e.createElementVNode("div",Oe,[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(r.title),1)])]),e.renderSlot(u.$slots,"toogle",{},()=>[a.value?(e.openBlock(),e.createElementBlock("div",Xe,[...m[0]||(m[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Fe,[...m[1]||(m[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",Ue,[e.createElementVNode("div",{ref_key:"content",ref:c},[e.renderSlot(u.$slots,"content",{},()=>[e.renderSlot(u.$slots,"default")])],512)])],6))}}),ve=()=>({install:t=>{O(),t.component("t-app",j),t.component("t-screen",L),t.component("t-swipe-screen",ue),t.component("t-cable",te),t.component("t-toolbar",_e),t.component("t-content",ie),t.component("t-card",se),t.component("t-refresher",de),t.component("t-button",z),t.component("t-back-button",ye),t.component("t-present",C),t.component("t-text",N),t.component("t-sheet",ke),t.component("t-pull-signal",q),t.component("t-input",Be),t.component("t-textarea",Se),t.component("t-rich-text",we),t.component("t-grid",Ie),t.component("t-grid-item",Ae),t.component("t-divider",Re),t.component("t-toogle-password",Le),t.component("t-loading-icon",w),t.component("t-alert",I),t.component("t-avatar",qe),t.component("t-collapse",je),t.component("t-toast",P)}});g.blurCurrentActive=S,g.createAction=K,g.createAlert=W,g.createLoading=Q,g.createToast=Z,g.createToife=ve,g.isFormElement=E,g.presentController=D,g.screenController=h,g.useKeyboard=A,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
+(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,$,C){"use strict";const E=t=>t&&(t.tagName=="INPUT"||t.tagName=="TEXTAREA"||t.isContentEditable),S=()=>{const t=document.activeElement;t&&(t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.isContentEditable)&&t.blur()},O=()=>{document.addEventListener("contextmenu",t=>t.preventDefault()),document.addEventListener("dblclick",t=>t.preventDefault()),document.addEventListener("selectstart",t=>t.preventDefault()),document.addEventListener("gesturestart",t=>t.preventDefault()),document.addEventListener("pointerup",t=>{!E(t.target)&&S()})},_=(t,r)=>{const n=t.__vccOpts||t;for(const[o,s]of r)n[o]=s;return n},X={},F={class:"t-app"};function U(t,r){return e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(t.$slots,"default")])}const Y=_(X,[["render",U]]),w=_(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"}},emits:["dismiss"],setup(t,{expose:r,emit:n}){const o=e.ref(0),s=e.ref(!1),a=e.ref(),c=e.ref(),i=t,u=n,m=e.computed(()=>s.value||i.keepalive),f=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),y=d=>{i.backdrop?d?.backdropOpacity&&(f["--t-present-backdrop-opacity"]=d.backdropOpacity):f["--t-present-backdrop-opacity"]="0",d?.transition&&(f["--t-present-transition"]=d.transition,f["--t-present-transition"]=d.transition),d?.contentTransform&&(f["--t-present-content-transform"]=d.contentTransform),d?.contentOpacity&&(f["--t-present-content-opacity"]=d.contentOpacity)},l=()=>{y({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},p=()=>{let d="0px",b="1";i.placement=="bottom"||i.placement=="right"?d="100%":i.placement=="top"||i.placement=="left"?d="-100%":i.placement=="center"&&(d="0px",b="0"),y({contentTransform:d,transition:"0.2s",contentOpacity:b,backdropOpacity:"0"})};e.watch(()=>i.visible,()=>{i.visible?(s.value=!0,o.value=D.getNewIndex(),setTimeout(()=>{l()},50)):(p(),setTimeout(()=>{s.value=!1},200))}),r({render:y,open:l,close:p});let k;return e.watch(()=>a.value,d=>{d&&(k=$.gesture(a.value,{beforeEvent(b){return b.stopPropagation(),E(b.target)||(b.preventDefault(),S()),b.type=="pointerup"},up(){u("dismiss","backdrop")}}))}),e.onUnmounted(()=>{k&&k.destroy()}),p(),(d,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[d.placement]:!0}]),ref_key:"present",ref:c,style:e.normalizeStyle({...f,zIndex:o.value})},[e.renderSlot(d.$slots,"default",{},void 0,!0)],6)),[[e.vShow,s.value]]):e.createCommentVNode("",!0),m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",ref_key:"backdrop",ref:a,style:e.normalizeStyle({...f,zIndex:o.value-1})},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-dc2a4bc9"]]),T=_(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-text)"}},setup(t){return(r,n)=>(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"]]),j={key:0,class:"loader"},z=_(e.defineComponent({__name:"t-button",props:{color:{default:""},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 r=t,n=e.computed(()=>{let o;return r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--color":"var(--t-color-status-"+r.color+"-text)","--background-color":"var(--t-color-status-"+r.color+")"}:o={"--color":"var(--t-color-text)","--background-color":r.color}:o={"--color":"var(--t-color-text)","--background-color":"transparent"},o});return(o,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":r.activeBackground,rounded:r.rounded,block:r.block,["size-"+r.size]:!0,["variant-"+r.variant]:!0}]),style:e.normalizeStyle(n.value)},[e.withDirectives(e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},void 0,!0)],512),[[e.vShow,!r.loading]]),r.loading?(e.openBlock(),e.createElementBlock("span",j,[e.createVNode(T,{color:"var(--color)",type:r.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-cdfe6af8"]]),G={key:0,class:"t-alert-header"},M={class:"t-alert-content"},W={class:"t-alert-footer"},I=_(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{}},emits:["close"],setup(t,{expose:r,emit:n}){const o=t,s=e.ref(!1),a=n,c=e.ref();let i;const u=e.ref(!1),m=()=>{s.value=!0},f=l=>{s.value=!1,l.handler&&l.handler(),a("close",l?.data)},y=l=>{l=="backdrop"&&(u.value=!0,setTimeout(()=>{u.value=!1},300))};return r({open:m}),e.watch(()=>c.value,l=>{l&&(i=$.gesture(c.value,{beforeEvent(p){return p.stopPropagation(),E(p.target)||(p.preventDefault(),S()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(l,p)=>(e.openBlock(),e.createBlock(w,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:y},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:u.value}]),ref_key:"container",ref:c},[e.renderSlot(l.$slots,"header",{},()=>[o.title?(e.openBlock(),e.createElementBlock("div",G,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(l.$slots,"content",{},()=>[e.createElementVNode("div",M,e.toDisplayString(o.message),1)],!0),e.renderSlot(l.$slots,"footer",{},()=>[e.createElementVNode("div",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actions,k=>(e.openBlock(),e.createBlock(z,{color:k.color,variant:k.variant,onClick:d=>f(k)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k.text),1)]),_:2},1032,["color","variant","onClick"]))),256))])],!0)],2)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-5b4773ce"]]),v=(t={})=>({open(){return new Promise(r=>{let n=document.body.querySelector(".t-app");if(!n)return;const o=document.createElement("div"),s=e.ref();n.appendChild(o);const a=e.createApp({render(){return e.h(I,{...t,ref:s,onClose:c=>{setTimeout(()=>{a.unmount(),o.remove()},300),r(c)}})}});a.mount(o),setTimeout(()=>{s.value?.open?.()},50)})}}),H=_(e.defineComponent({__name:"t-action",props:{actions:{}},emits:["close"],setup(t,{expose:r,emit:n}){const o=t,s=e.ref(!1),a=n,c=e.ref();let i;const u=e.ref(!1),m=()=>{s.value=!0},f=l=>{s.value=!1,l.handler&&l.handler(),a("close",l?.data)},y=l=>{l=="backdrop"&&(u.value=!0,setTimeout(()=>{u.value=!1},300))};return r({open:m}),e.watch(()=>c.value,l=>{l&&(i=$.gesture(c.value,{beforeEvent(p){return p.stopPropagation(),E(p.target)||(p.preventDefault(),S()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(l,p)=>(e.openBlock(),e.createBlock(w,{placement:"bottom",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:y},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-action",{pop:u.value}]),ref_key:"container",ref:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actions,k=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k,d=>(e.openBlock(),e.createBlock(z,{color:d.color,size:d.size,variant:d.variant,onClick:b=>f(d),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-42000b04"]]),K=(t={})=>({open(){return new Promise(r=>{let n=document.body.querySelector(".t-app");if(!n)return;const o=document.createElement("div"),s=e.ref();n.appendChild(o);const a=e.createApp({render(){return e.h(H,{...t,ref:s,onClose:c=>{setTimeout(()=>{a.unmount(),o.remove()},300),r(c)}})}});a.mount(o),setTimeout(()=>{s.value?.open?.()},50)})}}),J=_(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["close"],setup(t,{expose:r,emit:n}){const o=t,s=e.ref(!1),a=e.ref();let c;return r({open:()=>{s.value=!0},close:()=>{s.value=!1}}),e.watch(()=>a.value,m=>{m&&(c=$.gesture(a.value,{beforeEvent(f){return f.stopPropagation(),E(f.target)||(f.preventDefault(),S()),!1}}))}),e.onUnmounted(()=>{c&&c.destroy()}),(m,f)=>(e.openBlock(),e.createBlock(w,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"t-loading",ref_key:"container",ref:a},[e.renderSlot(m.$slots,"default",{},()=>[e.createVNode(T,{type:o.type},null,8,["type"])],!0)],512)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-96624ceb"]]),Q=(t={})=>{const r=e.ref(),n=document.body.querySelector(".t-app");let o=null,s=null;return{open(){return new Promise(a=>{n&&(s=document.createElement("div"),n.appendChild(s),o=e.createApp({render(){return e.h(J,{...t,ref:r})}}),o.mount(s),setTimeout(()=>{r.value?.open?.(),a(!0)},50))})},close(){return new Promise(a=>{r.value?.close?.(),setTimeout(()=>{o?.unmount?.(),s?.remove?.(),a(!0)},300)})}}},x=e.ref(1e3),D={getNewIndex(){return x.value+=2,x.value}},B=e.reactive([]),h={screens:B,addScreen:t=>{B.push(t)},removeScreen:t=>{t||B.pop()},hasPrevious:e.computed(()=>B.length>1),currentScreen:e.computed(()=>B[B.length-1]),lastScreen:e.computed(()=>{if(!(B.length<2))return B[B.length-2]})},P=_(e.defineComponent({__name:"t-toast",props:{message:{},space:{default:"0px"},placement:{default:"bottom"},duration:{default:2e3},color:{default:"secondary"},variant:{default:"default"}},emits:["close"],setup(t,{expose:r,emit:n}){const o=t,s=n,a=e.ref(!1),c=e.ref(!1),i=e.ref(!1),u=()=>{c.value=!0,i.value=!1,setTimeout(()=>{a.value=!0},10),setTimeout(()=>{m()},o.duration+10)},m=()=>{i.value=!0,setTimeout(()=>{c.value=!1,a.value=!1,s("close")},300)},f=e.computed(()=>["warning","info","danger","primary","secondary","success"].includes(o.color)?`var(--t-color-status-${o.color}-rgb)`:o.color);return r({open:u}),(y,l)=>c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[o.placement]:!0,open:a.value,closing:i.value,["variant-"+o.variant]:!0}]),style:e.normalizeStyle({"--space":o.space,"--color":f.value})},e.toDisplayString(o.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-5b3334bc"]]),Z=(t={})=>({open(){let r=document.body.querySelector(".t-app");if(!r)return;const n=document.createElement("div"),o=e.ref();r.appendChild(n);const s=e.createApp({render(){return e.h(P,{...t,ref:o,onClose:()=>{setTimeout(()=>{s.unmount(),n.remove()},300)}})}});s.mount(n),setTimeout(()=>{o.value?.open?.()},50)}}),ee=e.ref(0);function A(){return{height:ee}}const te=_(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!0},placement:{default:"bottom"}},setup(t){const r=t,{height:n}=A();return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:r.keyboard&&e.unref(n)>0,[r.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":e.unref(n)+"px","--t-keyboard-transition":e.unref(n)>0?"0.3s":"0.1s"})},[e.renderSlot(o.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-ecb72421"]]),ne={},oe={class:"t-card"};function re(t,r){return e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(t.$slots,"default")])}const se=_(ne,[["render",re]]),le={},ae={class:"t-content"};function ce(t,r){return e.openBlock(),e.createElementBlock("div",ae,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const ie=_(le,[["render",ce],["__scopeId","data-v-9a833657"]]),R=80,de=_(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(t,{emit:r}){const n=r,o=e.ref(0),s=e.ref(!1),a=e.ref();let c,i=!1;const u=()=>{s.value=!1,o.value=0,c&&c.cancel(),setTimeout(()=>{i=!1},2e3)},m=()=>{i=!0,s.value=!0,o.value=R,n("refresh",u)};return e.watch(()=>a.value,()=>{c&&c.destroy();let f=a.value.closest(".t-screen");c=$.gesture(f,{options:{minDist:60},move({dy:y}){s.value||i||y<0||(y>=120?m():o.value=y)},up({dy:y}){s.value||i||(y>R?m():o.value=0)},cancel(){s.value=!1,o.value=0}})}),e.onUnmounted(()=>{c&&c.destroy()}),(f,y)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:a,style:e.normalizeStyle({height:`${o.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,o.value>0]])}}),[["__scopeId","data-v-7f97bb1a"]]),pe={},me={class:"t-screen"};function fe(t,r){return e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const L=_(pe,[["render",fe],["__scopeId","data-v-66ea8649"]]),ue=_(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(t,{emit:r}){let n={};const o=C.useRouter(),s=C.useRoute(),a=o.getRoutes(),c=e.ref(!1),i=r;for(let l of a)n[l.name]=l.components;const u=l=>{l&&h.addScreen({name:l,target:null,component:e.markRaw(n[l]||null)})},m=(l,p)=>{!p||h.screens[l].target||(h.screens[l].target=p.$el,l>0&&(c.value=!0,p.$el.style.transform="translateX(100vw)",p.$el.transitionOrigin="center",document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{p.$el.style.transition="transform 0.35s ease",p.$el.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.screens.length>1&&(h.lastScreen.value.target.style.transitionOrigin="left center",h.lastScreen.value.target.style.transition="transform 0.35s ease",h.lastScreen.value.target.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"),setTimeout(()=>{i("change"),c.value=!1},400)},100)))},f=()=>{h.currentScreen.value.target.style.transition="transform 0.35s ease",h.currentScreen.value.target.style.transform="translateX(100vw) scale(1)",h.lastScreen.value.target.style.transition="transform 0.35s ease",h.lastScreen.value.target.style.transform="translateX(0px) scale(1) perspective(100vw) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),c.value=!0,setTimeout(()=>{h.removeScreen(),i("change"),c.value=!1},400)};u(s.name),e.watch(()=>s.name,(l,p)=>{l!=h.currentScreen.value.name&&(h.lastScreen.value?.name==l?f():u(l))});const y=()=>{c.value=!0;const l=h.currentScreen.value.target,p=h.lastScreen.value.target;l.style.transition="transform 0.35s ease",l.style.transform="translateX(0px)",p.style.transition="transform 0.35s ease",p.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{c.value=!1},400)};return e.onMounted(()=>{$.gesture(document,{pointerId:null,beforeEvent(l){return c.value||h.screens.length<2?!1:(l.type=="pointerdown"&&!this.pointerId&&(this.pointerId=l.pointerId),this.pointerId==l.pointerId)},afterEvent(l){(l.type=="pointerup"||l.type=="pointercancel")&&(this.pointerId=null)},fast({d:l}){l=="right"&&o.back()},move({dx:l}){const p=window.innerWidth,k=l/p*100,d=h.currentScreen.value.target,b=h.lastScreen?.value?.target;if(l>0&&l<=p){d.style.transition="transform 0s ease",d.style.transform=`translateX(${l}px)`,b.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),b.style.transform=`translateX(calc(-30vw + (30vw / 100 * ${k}))) scale(${.5+.5/100*k}) perspective(100vw) rotateY(${30-30/100*k}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*k}`);return}},up({dx:l}){const p=window.innerWidth;l/p*100>=50?o.back():y()},cancel(){y()}})}),(l,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(h).screens,(k,d)=>(e.openBlock(),e.createBlock(L,{ref_for:!0,ref:b=>m(d,b),style:e.normalizeStyle({zIndex:d+(d==e.unref(h).screens.length-1?2:1)}),key:d},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(h).screens.length})},null,4)],64))}}),[["__scopeId","data-v-a048cc07"]]),_e=_(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},size:{default:"50px"}},setup(t){const r=t;return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[r.placement]:!0}]),style:e.normalizeStyle({"--t-size-toolbar":r.size})},[e.createElementVNode("div",null,[e.renderSlot(n.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-3b3a7896"]]),ye=_(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(t){const r=C.useRouter(),n=t,o=()=>{h.hasPrevious.value?r?.back?.():n.to&&r?.push?.(n.to)};return(s,a)=>s.to||e.unref(h).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:o},[e.renderSlot(s.$slots,"default",{},()=>[a[0]||(a[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-ed626a3d"]]),V=_(e.defineComponent({__name:"t-text",props:{color:{default:"var(--t-color-text)"},size:{default:"standard"}},setup(t){const r=t,n=e.computed(()=>{let o,s=r.color;return r.size=="standard"?o="var(--t-fs-10)":r.size=="small"?o="var(--t-fs-08)":r.size=="large"?o="var(--t-fs-12)":o=r.size,["warning","info","danger","primary","secondary","success"].includes(r.color)&&(s=`var(--t-color-status-${r.color})`),{"--color":s,"--font-size":o}});return(o,s)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(n.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-f0f94f05"]]),q=_(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(t){return(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[r.placement]:!0}])},null,2))}}),[["__scopeId","data-v-d2297b66"]]),ke=_(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-color-surface)"},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},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(t,{emit:r}){const n=t,o=r,s=e.ref(),a=e.ref(),c=e.ref(!1);let i=null;const u=e.computed(()=>{if(n.placement=="bottom")return"down";if(n.placement=="top")return"up";if(n.placement=="left")return"left";if(n.placement=="right")return"right"}),m=y=>{o("dismiss",y)},f=()=>{c.value=!0,setTimeout(()=>{c.value=!1},300)};return e.watch(()=>s.value,y=>{y&&(i=$.gesture(s.value,{options:{minDist:30},pointerId:null,beforeEvent(l){let p=!1,k=!1;return c.value||!n.gesture||n.placement=="center"?p=!0:this.pointerId?(p=!0,k=this.pointerId==l.pointerId):l.type=="pointerdown"&&(this.pointerId=l.pointerId,p=!0,k=!0),p&&(l.stopPropagation(),E(l.target)||(l.preventDefault(),S())),k},afterEvent(l){(l.type=="pointerup"||l.type=="pointercancel")&&(this.pointerId=null)},fast({d:l}){f(),l==u.value?o("dismiss","gesture"):a.value.open()},move({dy:l,dx:p,d:k}){if(k!=u.value)return;let d=0;n.placement=="bottom"||n.placement=="top"?d=l:d=p,a.value.render({contentTransform:d+"px",transition:"0s"})},up({dy:l,dx:p,d:k}){if(f(),k!=u.value){a.value.open();return}let d,b,N;n.placement=="bottom"||n.placement=="top"?(d=s.value.offsetHeight,N=l):(d=s.value.offsetWidth,N=p),b=N/d*100,b>50?o("dismiss","gesture"):a.value.open()},cancel(){f(),a.value.open()}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(y,l)=>(e.openBlock(),e.createBlock(w,{ref_key:"present",ref:a,placement:n.placement,backdrop:y.backdrop,visible:n.visible,keepalive:n.keepalive,onDismiss:m},{default:e.withCtx(()=>[n.gesture&&n.placement!="center"?(e.openBlock(),e.createBlock(q,{key:0,placement:n.placement},null,8,["placement"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:n.fullscreen,[n.placement]:!0,rounded:y.rounded}]),style:e.normalizeStyle({"--background":n.background}),ref_key:"sheet",ref:s},[n.closeButton&&n.placement=="center"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-sheet-close",onClick:l[0]||(l[0]=p=>m("close-button"))},[e.renderSlot(y.$slots,"close-icon",{},()=>[l[1]||(l[1]=e.createElementVNode("i",{class:"ri-close-large-line"},null,-1))],!0)])):e.createCommentVNode("",!0),e.renderSlot(y.$slots,"default",{},void 0,!0)],6)]),_:3},8,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-d5772132"]]),he={class:"t-input-label"},ge={class:"t-input-content"},be=["type","placeholder","value"],Be=_(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:"normal"}},emits:["update:modelValue"],setup(t,{emit:r}){const n=t,o=r,s=a=>{o("update:modelValue",a.target.value)};return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:n.rounded,["size-"+n.size]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",he,e.toDisplayString(a.label),1),e.createElementVNode("div",ge,[e.renderSlot(a.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:a.type,placeholder:a.placeholder,value:a.modelValue,onInput:s},null,40,be),e.renderSlot(a.$slots,"end",{},void 0,!0)])]),n.error?(e.openBlock(),e.createBlock(V,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.error),1)]),_:1})):n.help?(e.openBlock(),e.createBlock(V,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-75bf0d19"]]),$e={};function Ee(t,r){return e.openBlock(),e.createElementBlock("textarea")}const Se=_($e,[["render",Ee]]),we={};function Ce(t,r){return e.openBlock(),e.createElementBlock("div")}const Te=_(we,[["render",Ce]]),ze={},Ve={class:"t-grid"};function Ne(t,r){return e.openBlock(),e.createElementBlock("div",Ve)}const Ie=_(ze,[["render",Ne]]),xe={},De={class:"t-grid-item"};function Pe(t,r){return e.openBlock(),e.createElementBlock("div",De)}const Ae=_(xe,[["render",Pe]]),Re=_(e.defineComponent({__name:"t-divider",props:{type:{default:"horizontal"}},setup(t){const r=t;return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[r.type]:!0}])},null,2))}}),[["__scopeId","data-v-816784be"]]),Le=_(e.defineComponent({__name:"t-toggle-password",props:{color:{default:"warning"}},emits:["change"],setup(t,{emit:r}){const n=t,o=r,s=e.ref(!1),a=e.ref(),c=e.computed(()=>{let m=n.color;return["warning","info","danger","primary","secondary","success"].includes(n.color)&&(m=`var(--t-color-status-${n.color})`),{"--color":m}}),i=()=>a.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let m=i();m&&(s.value=m.type!="password",o("change",s.value))});const u=()=>{let m=i();m&&(s.value=!s.value,s.value?m.type="text":m.type="password",o("change",s.value))};return(m,f)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toggle",ref:a,class:"t-toggle-password",style:e.normalizeStyle(c.value),onClick:u},[s.value?e.renderSlot(m.$slots,"on",{key:0},()=>[f[0]||(f[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):e.renderSlot(m.$slots,"off",{key:1},()=>[f[1]||(f[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-3268e9e3"]]),qe=_(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(t){const r=t,n=e.computed(()=>r.size=="small"?"24px":r.size=="standard"?"40px":r.size=="large"?"60px":r.size);return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-avatar",{square:o.square}]),style:e.normalizeStyle({"--size":n.value})},[e.renderSlot(o.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Oe={class:"t-collapse-title"},Xe={key:0,class:"icon"},Fe={key:1,class:"icon"},Ue={class:"t-collapse-content"},Ye=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(t,{emit:r}){const n=t,o=r,s=e.ref(!1),a=e.ref(""),c=e.ref(),i=()=>{s.value=!s.value,a.value=`calc(${c.value.offsetHeight}px + 2rem)`,o("change",s.value)};return o("change",s.value),(u,m)=>(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:i},[e.renderSlot(u.$slots,"icon"),e.createElementVNode("div",Oe,[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])]),e.renderSlot(u.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",Xe,[...m[0]||(m[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Fe,[...m[1]||(m[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",Ue,[e.createElementVNode("div",{ref_key:"content",ref:c},[e.renderSlot(u.$slots,"content",{},()=>[e.renderSlot(u.$slots,"default")])],512)])],6))}}),je=_(e.defineComponent({__name:"t-switch",props:{modelValue:{type:Boolean},color:{default:"primary"}},emits:["update:modelValue"],setup(t,{emit:r}){const n=t,o=r,s=()=>{o("update:modelValue",!n.modelValue)},a=e.computed(()=>["warning","info","danger","primary","secondary","success"].includes(n.color)?`var(--t-color-status-${n.color})`:n.color);return(c,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-switch",{on:n.modelValue}]),style:e.normalizeStyle({"--background-color":a.value}),onClick:s},[...i[0]||(i[0]=[e.createElementVNode("div",{class:"t-switch-icon"},null,-1)])],6))}}),[["__scopeId","data-v-ef10da22"]]),Ge=()=>({install:t=>{O(),t.component("t-app",Y),t.component("t-screen",L),t.component("t-swipe-screen",ue),t.component("t-cable",te),t.component("t-toolbar",_e),t.component("t-content",ie),t.component("t-card",se),t.component("t-refresher",de),t.component("t-button",z),t.component("t-back-button",ye),t.component("t-present",w),t.component("t-text",V),t.component("t-sheet",ke),t.component("t-pull-signal",q),t.component("t-input",Be),t.component("t-textarea",Se),t.component("t-rich-text",Te),t.component("t-grid",Ie),t.component("t-grid-item",Ae),t.component("t-divider",Re),t.component("t-toggle-password",Le),t.component("t-loading-icon",T),t.component("t-alert",I),t.component("t-avatar",qe),t.component("t-collapse",Ye),t.component("t-toast",P),t.component("t-switch",je)}});g.blurCurrentActive=S,g.createAction=K,g.createAlert=v,g.createLoading=Q,g.createToast=Z,g.createToife=Ge,g.isFormElement=E,g.presentController=D,g.screenController=h,g.useKeyboard=A,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toife/vue",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "A Frontend framework for Vue",
   "type": "module",
   "main": "dist/index.umd.js",