@toife/vue 1.0.3 → 1.0.5

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