@toife/vue 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.umd.js CHANGED
@@ -1 +1 @@
1
- (function(h,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):(h=typeof globalThis<"u"?globalThis:h||self,e(h.ToifeVue={},h.Vue,h.ToifeGesture,h.VueRouter))})(this,(function(h,e,S,x){"use strict";const C=o=>o&&(o.tagName=="INPUT"||o.tagName=="TEXTAREA"||o.isContentEditable),E=()=>{const o=document.activeElement;o&&(o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.isContentEditable)&&o.blur()},O=()=>{document.addEventListener("contextmenu",o=>o.preventDefault()),document.addEventListener("selectstart",o=>o.preventDefault()),document.addEventListener("pointerup",o=>{!C(o.target)&&E()})},k=(o,r)=>{const n=o.__vccOpts||o;for(const[t,s]of r)n[t]=s;return n},X={},F={class:"t-app"};function U(o,r){return e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(o.$slots,"default")])}const W=k(X,[["render",U]]),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(o,{expose:r,emit:n}){const t=e.ref(0),s=e.ref(!1),a=e.ref(),i=e.ref(),d=o,p=n,m=e.computed(()=>s.value||d.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"}),_=u=>{d.backdrop?u?.backdropOpacity&&(f["--t-present-backdrop-opacity"]=u.backdropOpacity):f["--t-present-backdrop-opacity"]="0",u?.transition&&(f["--t-present-transition"]=u.transition,f["--t-present-transition"]=u.transition),u?.contentTransform&&(f["--t-present-content-transform"]=u.contentTransform),u?.contentOpacity&&(f["--t-present-content-opacity"]=u.contentOpacity)},c=()=>{_({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},l=()=>{let u="0px",b="1";d.placement=="bottom"||d.placement=="right"?u="100%":d.placement=="top"||d.placement=="left"?u="-100%":d.placement=="center"&&(u="0px",b="0"),_({contentTransform:u,transition:"0.2s",contentOpacity:b,backdropOpacity:"0"})};e.watch(()=>d.visible,()=>{d.visible?(s.value=!0,t.value=v.getNewIndex(),setTimeout(()=>{c()},50)):(l(),setTimeout(()=>{s.value=!1},200))}),r({render:_,open:c,close:l});const y=u=>{u.preventDefault(),p("dismiss","backdrop")};return l(),(u,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[u.placement]:!0}]),ref_key:"present",ref:i,style:e.normalizeStyle({...f,zIndex:t.value})},[e.renderSlot(u.$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",onClick:y,ref_key:"backdrop",ref:a,style:e.normalizeStyle({...f,zIndex:t.value-1})},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-3d0c3227"]]),T=k(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-text)"}},setup(o){return(r,n)=>(e.openBlock(),e.createElementBlock("span",{class:"t-loading-icon",style:e.normalizeStyle({width:o.size,height:o.size,borderTopColor:o.color}),role:"status","aria-label":"Loading..."},null,4))}}),[["__scopeId","data-v-7c463303"]]),j={key:0,class:"loader"},z=k(e.defineComponent({__name:"t-button",props:{color:{default:null},size:{default:"standard"},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingType:{default:"spinner"},variant:{default:"default"},activeBackground:{type:Boolean,default:!1}},setup(o){const r=o,n=e.computed(()=>{let t;return r.variant=="default"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?t={"--border":"none","--color":"var(--t-color-status-"+r.color+"-text)","--background":"var(--t-color-status-"+r.color+")"}:t={"--border":"none","--color":"var(--t-color-text)","--background":r.color}:t={"--border":"none","--color":"var(--t-color-text)","--background":"var(--t-color-surface)"}),r.variant=="text"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?t={"--border":"none","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:t={"--border":"none","--color":r.color,"--background":"transparent"}:t={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),r.variant=="outline"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?t={"--border":"0.55px solid var(--t-color-status-"+r.color+")","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:t={"--border":"0.55px solid "+r.color,"--color":r.color,"--background":"transparent"}:t={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),t});return(t,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}]),style:e.normalizeStyle(n.value)},[e.withDirectives(e.createElementVNode("span",null,[e.renderSlot(t.$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-74d8380d"]]),M={key:0,class:"t-alert-header"},Y={class:"t-alert-content"},G={class:"t-alert-footer"},N=k(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{},dismiss:{}},emits:["dismiss"],setup(o,{expose:r,emit:n}){const t=o,s=e.ref(!1),a=n,i=e.ref();let d;const p=e.ref(!1),m=()=>{s.value=!0},f=c=>{s.value=!1,c.handler&&c.handler(),a("dismiss","choose",c?.data)},_=c=>{t.dismiss&&t.dismiss.includes(c)?(s.value=!1,a("dismiss",c)):c=="backdrop"&&(p.value=!0,setTimeout(()=>{p.value=!1},300))};return r({open:m}),e.watch(()=>i.value,c=>{c&&(d=S.gesture(i.value,{beforeEvent(l){return l.stopPropagation(),C(l.target)||(l.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{d&&d.destroy()}),(c,l)=>(e.openBlock(),e.createBlock(w,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:p.value}]),ref_key:"container",ref:i},[e.renderSlot(c.$slots,"header",{},()=>[t.title?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(c.$slots,"content",{},()=>[e.createElementVNode("div",Y,e.toDisplayString(t.message),1)],!0),e.renderSlot(c.$slots,"footer",{},()=>[e.createElementVNode("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,y=>(e.openBlock(),e.createBlock(z,{color:y.color,variant:y.variant,onClick:u=>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-5cf415ec"]]),H=(o={})=>({open(){return new Promise(r=>{let n=document.body.querySelector(".t-app");if(!n)return;const t=document.createElement("div"),s=e.ref();n.appendChild(t);const a=e.createApp({render(){return e.h(N,{...o,ref:s,onDismiss:(i,d)=>{setTimeout(()=>{a.unmount(),t.remove()},300),r(d)}})}});a.mount(t),setTimeout(()=>{s.value?.open?.()},50)})}}),K=k(e.defineComponent({__name:"t-action",props:{actions:{},dismiss:{}},emits:["dismiss"],setup(o,{expose:r,emit:n}){const t=o,s=e.ref(!1),a=n,i=e.ref();let d;const p=e.ref(!1),m=()=>{s.value=!0},f=c=>{s.value=!1,c.handler&&c.handler(),a("dismiss","choose",c?.data)},_=c=>{t.dismiss&&t.dismiss.includes(c)?(s.value=!1,a("dismiss",c)):c=="backdrop"&&(p.value=!0,setTimeout(()=>{p.value=!1},300))};return r({open:m}),e.watch(()=>i.value,c=>{c&&(d=S.gesture(i.value,{beforeEvent(l){return l.stopPropagation(),C(l.target)||(l.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{d&&d.destroy()}),(c,l)=>(e.openBlock(),e.createBlock(w,{placement:"bottom",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-action",{pop:p.value}]),ref_key:"container",ref:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,y=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y,u=>(e.openBlock(),e.createBlock(z,{color:u.color,size:u.size,variant:u.variant,onClick:b=>f(u),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-a87baaae"]]),J=(o={})=>({open(){return new Promise(r=>{let n=document.body.querySelector(".t-app");if(!n)return;const t=document.createElement("div"),s=e.ref();n.appendChild(t);const a=e.createApp({render(){return e.h(K,{...o,ref:s,onDismiss:(i,d)=>{setTimeout(()=>{a.unmount(),t.remove()},300),r(d)}})}});a.mount(t),setTimeout(()=>{s.value?.open?.()},50)})}}),Q=k(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["dismiss"],setup(o,{expose:r,emit:n}){const t=o,s=e.ref(!1),a=e.ref();let i;return r({open:()=>{s.value=!0},close:()=>{s.value=!1}}),e.watch(()=>a.value,m=>{m&&(i=S.gesture(a.value,{beforeEvent(f){return f.stopPropagation(),C(f.target)||(f.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{i&&i.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:t.type},null,8,["type"])],!0)],512)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-d048a41d"]]),Z=(o={})=>{const r=e.ref(),n=document.body.querySelector(".t-app");let t=null,s=null;return{open(){return new Promise(a=>{n&&(s=document.createElement("div"),n.appendChild(s),t=e.createApp({render(){return e.h(Q,{...o,ref:r})}}),t.mount(s),setTimeout(()=>{r.value?.open?.(),a(!0)},50))})},close(){return new Promise(a=>{r.value?.close?.(),setTimeout(()=>{t?.unmount?.(),s?.remove?.(),a(!0)},300)})}}},I=e.ref(1e3),v={getNewIndex(){return I.value+=2,I.value}},B=e.reactive([]),g={screens:B,addScreen:o=>{B.push(o)},removeScreen:o=>{o||B.pop()},removeAllScreen:()=>{B.splice(0,B.length)},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]})},D=k(e.defineComponent({__name:"t-toast",props:{message:{},space:{default:"0px"},placement:{default:"bottom"},duration:{default:2e3},color:{default:null},variant:{default:"default"}},emits:["dismiss"],setup(o,{expose:r,emit:n}){const t=o,s=n,a=e.ref(!1),i=e.ref(!1),d=e.ref(!1),p=()=>{i.value=!0,d.value=!1,setTimeout(()=>{a.value=!0},10),setTimeout(()=>{m()},t.duration+10)},m=()=>{d.value=!0,setTimeout(()=>{i.value=!1,a.value=!1,s("dismiss")},300)},f=e.computed(()=>{let _;return t.variant=="default"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?_={"--border":"none","--color":"var(--t-color-status-"+t.color+"-text)","--background":"rgba(var(--t-color-status-"+t.color+"-rgb), 0.6)"}:_={"--border":"none","--color":"var(--t-color-text)","--background":t.color}:_={"--border":"none","--color":"var(--t-color-text)","--background":"rgba(var(--t-color-surface-rgb), 0.6)"}),t.variant=="text"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?_={"--border":"none","--color":"var(--t-color-status-"+t.color+")","--background":"transparent"}:_={"--border":"none","--color":t.color,"--background":"transparent"}:_={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),t.variant=="outline"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?_={"--border":"0.55px solid var(--t-color-status-"+t.color+")","--color":"var(--t-color-status-"+t.color+")","--background":"transparent"}:_={"--border":"0.55px solid "+t.color,"--color":t.color,"--background":"transparent"}:_={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),_});return r({open:p}),(_,c)=>i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[t.placement]:!0,open:a.value,closing:d.value}]),style:e.normalizeStyle({"--space":t.space,...f.value})},e.toDisplayString(t.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-61960e03"]]),ee=(o={})=>({open(){let r=document.body.querySelector(".t-app");if(!r)return;const n=document.createElement("div"),t=e.ref();r.appendChild(n);const s=e.createApp({render(){return e.h(D,{...o,ref:t,onDismiss:()=>{setTimeout(()=>{s.unmount(),n.remove()},300)}})}});s.mount(n),setTimeout(()=>{t.value?.open?.()},50)}}),te=e.ref(0);function P(){return{height:te}}const oe=k(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!0},placement:{default:"bottom"}},setup(o){const r=o,{height:n}=P();return(t,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(t.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-ecb72421"]]),ne=e.defineComponent({__name:"t-card",props:{color:{default:null}},setup(o){const r=o,n=e.computed(()=>{let t;return r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?t={"--background":"var(--t-color-status-"+r.color+")"}:t={"--background":r.color}:t={"--background":"var(--t-color-surface)"},t});return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-card",style:e.normalizeStyle(n.value)},[e.renderSlot(t.$slots,"default")],4))}}),re={},se={class:"t-content"};function ae(o,r){return e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(o.$slots,"default",{},void 0,!0)])}const A=k(re,[["render",ae],["__scopeId","data-v-d58accf4"]]),R=80,le=k(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(o,{emit:r}){const n=r,t=e.ref(0),s=e.ref(!1),a=e.ref();let i,d=!1;const p=()=>{s.value=!1,t.value=0,i&&i.cancel(),setTimeout(()=>{d=!1},2e3)},m=()=>{d=!0,s.value=!0,t.value=R,n("refresh",p)};return e.watch(()=>a.value,()=>{i&&i.destroy();let f=a.value.closest(".t-content");f&&(i=S.gesture(f,{options:{minDist:60},move({dy:_,e:c}){s.value||d||_<0||(_>5&&f.scrollTop==0&&(c.preventDefault(),f.classList.add("scroll-hidden")),_>=120?m():_>10&&(t.value=_))},up({dy:_,e:c}){f.classList.remove("scroll-hidden"),!(s.value||d)&&(_>R?m():t.value=0)},cancel(){f.classList.remove("scroll-hidden"),!(s.value||d)&&(s.value=!1,t.value=0)}},{passive:!1}))}),e.onUnmounted(()=>{i&&i.destroy()}),(f,_)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:a,style:e.normalizeStyle({height:`${t.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,t.value>0]])}}),[["__scopeId","data-v-ac2b2370"]]),ce={},ie={class:"t-screen"};function de(o,r){return e.openBlock(),e.createElementBlock("div",ie,[e.renderSlot(o.$slots,"default",{},void 0,!0)])}const L=k(ce,[["render",de],["__scopeId","data-v-c2a3436c"]]),pe=k(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(o,{emit:r}){let n={};const t=x.useRouter(),s=x.useRoute(),a=t.getRoutes(),i=e.ref(!1),d=r;for(let l of a)n[l.name]=l.components;const p=l=>{l&&g.addScreen({name:l,target:null,component:e.markRaw(n[l]||null)})},m=(l,y)=>{!y||g.screens[l].target||(g.screens[l].target=y.$el,l>0&&(i.value=!0,y.$el.style.transform="translateX(var(--t-app-width))",y.$el.transitionOrigin="center",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{y.$el.style.transition="transform 0.35s ease",y.$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"),g.screens.length>1&&(g.lastScreen.value.target.style.transitionOrigin="left center",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.lastScreen.value.target.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"),setTimeout(()=>{d("change"),i.value=!1},400)},100)))},f=()=>{g.currentScreen.value.target.style.transition="transform 0.35s ease",g.currentScreen.value.target.style.transform="translateX(var(--t-app-width)) scale(1)",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.lastScreen.value.target.style.transform="translateX(0px) scale(1) perspective(var(--t-app-width)) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),i.value=!0,setTimeout(()=>{g.removeScreen(),d("change"),i.value=!1},400)};p(s.name),e.watch(()=>s.name,(l,y)=>{l!=g.currentScreen.value.name&&(g.lastScreen.value?.name==l?f():p(l))});const _=()=>{i.value=!0;const l=g.currentScreen.value.target,y=g.lastScreen.value.target;l.style.transition="transform 0.35s ease",l.style.transform="translateX(0px)",y.style.transition="transform 0.35s ease",y.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{i.value=!1},400)};let c;return e.onMounted(()=>{c=S.gesture(document,{pointerId:null,beforeEvent(l){return i.value||g.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"&&t.back()},move({dx:l}){const y=window.innerWidth,u=l/y*100,b=g.currentScreen.value.target,$=g.lastScreen?.value?.target;if(l>15&&l<=y){b.style.transition="transform 0s ease",b.style.transform=`translateX(${l}px)`,$.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),$.style.transform=`translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${u}))) scale(${.5+.5/100*u}) perspective(var(--t-app-width)) rotateY(${30-30/100*u}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*u}`);return}},up({dx:l}){const y=window.innerWidth;l/y*100>=50?t.back():_()},cancel(){_()}})}),e.onUnmounted(()=>{c&&c.destroy(),g.removeAllScreen()}),(l,y)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).screens,(u,b)=>(e.openBlock(),e.createBlock(L,{ref_for:!0,ref:$=>m(b,$),style:e.normalizeStyle({zIndex:b+(b==e.unref(g).screens.length-1?2:1)}),key:b},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(g).screens.length})},null,4)],64))}}),[["__scopeId","data-v-ae7abe9c"]]),me=k(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},safe:{type:Boolean,default:!0},size:{default:"50px"}},setup(o){const r=o;return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[r.placement]:!0,safe:r.safe}]),style:e.normalizeStyle({"--t-size-toolbar":r.size})},[e.createElementVNode("div",null,[e.renderSlot(n.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-db1924b1"]]),fe=k(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(o){const r=x.useRouter(),n=o,t=()=>{g.hasPrevious.value?r?.back?.():n.to&&r?.push?.(n.to)};return(s,a)=>s.to||e.unref(g).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:t},[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=k(e.defineComponent({__name:"t-text",props:{color:{default:"var(--t-color-text)"},size:{default:"standard"}},setup(o){const r=o,n=e.computed(()=>{let t,s=r.color;return r.size=="standard"?t="var(--t-fs-10)":r.size=="small"?t="var(--t-fs-08)":r.size=="large"?t="var(--t-fs-12)":t=r.size,["warning","info","danger","primary","secondary","success"].includes(r.color)&&(s=`var(--t-color-status-${r.color})`),{"--color":s,"--font-size":t}});return(t,s)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(n.value)},[e.renderSlot(t.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-f0f94f05"]]),q=k(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(o){return(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[r.placement]:!0}])},null,2))}}),[["__scopeId","data-v-daa38c85"]]),ue=k(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},radius:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(o,{emit:r}){const n=o,t=r,s=e.ref(),a=e.ref(),i=e.ref(!1);let d=null;const p=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=_=>{t("dismiss",_)},f=()=>{i.value=!0,setTimeout(()=>{i.value=!1},300)};return e.watch(()=>s.value,_=>{_&&(d=S.gesture(s.value,{options:{minDist:30},pointerId:null,beforeEvent(c){let l=!1,y=!1;return i.value||!n.gesture||n.placement=="center"?l=!0:this.pointerId?(l=!0,y=this.pointerId==c.pointerId):c.type=="pointerdown"&&(this.pointerId=c.pointerId,l=!0,y=!0),l&&(c.stopPropagation(),C(c.target)||(c.preventDefault(),E())),y},afterEvent(c){(c.type=="pointerup"||c.type=="pointercancel")&&(this.pointerId=null)},fast({d:c}){f(),c==p.value?t("dismiss","gesture"):a.value.open()},move({dy:c,dx:l,d:y}){if(y!=p.value)return;let u=0;n.placement=="bottom"||n.placement=="top"?u=c:u=l,a.value.render({contentTransform:u+"px",transition:"0s"})},up({dy:c,dx:l,d:y}){if(f(),y!=p.value){a.value.open();return}let u,b,$;n.placement=="bottom"||n.placement=="top"?(u=s.value.offsetHeight,$=c):(u=s.value.offsetWidth,$=l),b=$/u*100,b>50?t("dismiss","gesture"):a.value.open()},cancel(){f(),a.value.open()}}))}),e.onUnmounted(()=>{d&&d.destroy()}),(_,c)=>(e.openBlock(),e.createBlock(w,{ref_key:"present",ref:a,placement:n.placement,backdrop:_.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),n.closeButton&&n.placement=="center"?(e.openBlock(),e.createElementBlock("button",{key:1,class:"t-sheet-close",onClick:c[0]||(c[0]=l=>m("close-button"))},[e.renderSlot(_.$slots,"close-icon",{},()=>[c[1]||(c[1]=e.createElementVNode("i",{class:"ri-close-large-line"},null,-1))],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:n.fullscreen,[n.placement]:!0,rounded:_.rounded,radius:n.radius}]),style:e.normalizeStyle({"--background":n.background}),ref_key:"sheet",ref:s},[e.renderSlot(_.$slots,"default",{},void 0,!0)],6)]),_:3},8,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-e2e8445e"]]),_e={class:"t-input-label"},ye={class:"t-input-content"},ke=["type","placeholder","value"],ge=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:"default"}},emits:["update:modelValue"],setup(o,{emit:r}){const n=o,t=r,s=a=>{t("update:modelValue",a.target.value)};return(a,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:n.rounded,["size-"+n.size]:!0,["variant-"+n.variant]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",_e,e.toDisplayString(a.label),1),e.createElementVNode("div",ye,[e.renderSlot(a.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:a.type,placeholder:a.placeholder,value:a.modelValue,onInput:s},null,40,ke),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-1a9425cf"]]),he={};function be(o,r){return e.openBlock(),e.createElementBlock("textarea")}const Be=k(he,[["render",be]]),$e={};function Se(o,r){return e.openBlock(),e.createElementBlock("div")}const Ce=k($e,[["render",Se]]),Ee={},we={class:"t-grid"};function Te(o,r){return e.openBlock(),e.createElementBlock("div",we)}const ze=k(Ee,[["render",Te]]),xe={},Ve={class:"t-grid-item"};function Ne(o,r){return e.openBlock(),e.createElementBlock("div",Ve)}const Ie=k(xe,[["render",Ne]]),ve=k(e.defineComponent({__name:"t-divider",props:{direction:{default:"horizontal"}},setup(o){const r=o;return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[r.direction]:!0}])},null,2))}}),[["__scopeId","data-v-47ee8991"]]),De=k(e.defineComponent({__name:"t-toggle-password",props:{color:{default:"warning"}},emits:["change"],setup(o,{emit:r}){const n=o,t=r,s=e.ref(!1),a=e.ref(),i=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}}),d=()=>a.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let m=d();m&&(s.value=m.type!="password",t("change",s.value))});const p=()=>{let m=d();m&&(s.value=!s.value,s.value?m.type="text":m.type="password",t("change",s.value))};return(m,f)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toggle",ref:a,class:"t-toggle-password",style:e.normalizeStyle(i.value),onClick:p},[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"]]),Pe=k(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(o){const r=o,n=e.computed(()=>r.size=="small"?"24px":r.size=="standard"?"40px":r.size=="large"?"60px":r.size);return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-avatar",{square:t.square}]),style:e.normalizeStyle({"--size":n.value})},[e.renderSlot(t.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Ae={class:"t-collapse-title"},Re={key:0,class:"icon"},Le={key:1,class:"icon"},qe={class:"t-collapse-content"},Oe=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(o,{emit:r}){const n=o,t=r,s=e.ref(!1),a=e.ref(""),i=e.ref(),d=()=>{s.value=!s.value,a.value=`calc(${i.value.offsetHeight}px + 2rem)`,t("change",s.value)};return t("change",s.value),(p,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:d},[e.renderSlot(p.$slots,"icon"),e.createElementVNode("div",Ae,[e.renderSlot(p.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])]),e.renderSlot(p.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",Re,[...m[0]||(m[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Le,[...m[1]||(m[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",qe,[e.createElementVNode("div",{ref_key:"content",ref:i},[e.renderSlot(p.$slots,"content",{},()=>[e.renderSlot(p.$slots,"default")])],512)])],6))}}),Xe=k(e.defineComponent({__name:"t-switch",props:{modelValue:{type:Boolean},color:{default:"primary"}},emits:["update:modelValue"],setup(o,{emit:r}){const n=o,t=r,s=()=>{t("update:modelValue",!n.modelValue)},a=e.computed(()=>{let i={"--background":n.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(n.color)&&(i={"--background":`var(--t-color-status-${n.color})`,"--color":`var(--t-color-status-${n.color}-text)`}),i});return(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-switch",{on:n.modelValue}]),style:e.normalizeStyle(a.value),onClick:s},[...d[0]||(d[0]=[e.createElementVNode("div",{class:"t-switch-icon"},null,-1)])],6))}}),[["__scopeId","data-v-3616970e"]]),Fe=k(e.defineComponent({__name:"t-tab",props:{value:{}},setup(o){const r=o,n=e.inject("tabsState"),t=e.computed(()=>n.active.value===r.value),s=()=>{n.setActive(r.value)};return(a,i)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["t-tab",{active:t.value}])},[e.createVNode(z,{variant:"text",onClick:s,size:e.unref(n).size,color:t.value&&e.unref(n).variant=="text"?e.unref(n).color:void 0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["size","color"])],2))}}),[["__scopeId","data-v-36c12a50"]]),Ue=k(e.defineComponent({__name:"t-tabs",props:{placement:{default:"top-start"},variant:{default:"border-under"},color:{default:"primary"},modelValue:{},border:{default:30},size:{default:"standard"}},emits:["update:modelValue"],setup(o,{emit:r}){const n=o,t=r,s=e.ref("0px"),a=e.ref(),i=e.computed(()=>{let p=n.color;return["warning","info","danger","primary","secondary","success"].includes(p)&&(p=`var(--t-color-status-${p})`),p}),d=()=>{setTimeout(()=>{if(n.placement.startsWith("top-")||n.placement.startsWith("bottom-")){let p=a.value.querySelector(".active");if(p){let m=p.getBoundingClientRect().left-a.value.getBoundingClientRect().left+a.value.scrollLeft,f=p.offsetWidth/2;s.value=m+f-n.border/2+"px"}}else if(n.placement.startsWith("left-")||n.placement.startsWith("right-")){let p=a.value.querySelector(".active");if(p){let m=p.getBoundingClientRect().top-a.value.getBoundingClientRect().top+a.value.scrollTop,f=p.offsetHeight/2;s.value=m+f-n.border/2+"px"}}},50)};return e.provide("tabsState",{active:e.computed(()=>n.modelValue),color:i.value,size:n.size,variant:n.variant,setActive:p=>{t("update:modelValue",p),d()}}),e.onMounted(()=>{d()}),(p,m)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"container",ref:a,class:e.normalizeClass(["t-tabs",{[p.placement]:!0,[p.variant]:!0}]),style:e.normalizeStyle({"--color":i.value,"--transform":s.value,"--border":p.border+"px"})},[e.renderSlot(p.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-65a2c74c"]]),We=k(e.defineComponent({__name:"t-loading-app",setup(o){return(r,n)=>(e.openBlock(),e.createBlock(A,null,{default:e.withCtx(()=>[e.createVNode(T,{type:"spinner"})]),_:1}))}}),[["__scopeId","data-v-1436aa9f"]]),je=()=>({install:o=>{O(),o.component("t-app",W),o.component("t-screen",L),o.component("t-swipe-screen",pe),o.component("t-cable",oe),o.component("t-toolbar",me),o.component("t-content",A),o.component("t-card",ne),o.component("t-refresher",le),o.component("t-button",z),o.component("t-back-button",fe),o.component("t-present",w),o.component("t-text",V),o.component("t-sheet",ue),o.component("t-pull-signal",q),o.component("t-input",ge),o.component("t-textarea",Be),o.component("t-rich-text",Ce),o.component("t-grid",ze),o.component("t-grid-item",Ie),o.component("t-divider",ve),o.component("t-toggle-password",De),o.component("t-loading-icon",T),o.component("t-alert",N),o.component("t-avatar",Pe),o.component("t-collapse",Oe),o.component("t-toast",D),o.component("t-switch",Xe),o.component("t-tab",Fe),o.component("t-tabs",Ue),o.component("t-loading-app",We)}});h.blurCurrentActive=E,h.createAction=J,h.createAlert=H,h.createLoading=Z,h.createToast=ee,h.createToife=je,h.isFormElement=C,h.presentController=v,h.screenController=g,h.useKeyboard=P,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(h,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):(h=typeof globalThis<"u"?globalThis:h||self,e(h.ToifeVue={},h.Vue,h.ToifeGesture,h.VueRouter))})(this,(function(h,e,S,V){"use strict";const C=n=>n&&(n.tagName=="INPUT"||n.tagName=="TEXTAREA"||n.isContentEditable),E=()=>{const n=document.activeElement;n&&(n.tagName==="INPUT"||n.tagName==="TEXTAREA"||n.isContentEditable)&&n.blur()},O=()=>{document.addEventListener("contextmenu",n=>n.preventDefault()),document.addEventListener("selectstart",n=>n.preventDefault()),document.addEventListener("pointerup",n=>{!C(n.target)&&E()})},y=(n,r)=>{const t=n.__vccOpts||n;for(const[o,s]of r)t[o]=s;return t},X={},F={class:"t-app"};function U(n,r){return e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(n.$slots,"default")])}const W=y(X,[["render",U]]),w=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(n,{expose:r,emit:t}){const o=e.ref(0),s=e.ref(!1),a=e.ref(),d=e.ref(),l=n,p=t,m=e.computed(()=>s.value||l.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"}),_=u=>{l.backdrop?u?.backdropOpacity&&(f["--t-present-backdrop-opacity"]=u.backdropOpacity):f["--t-present-backdrop-opacity"]="0",u?.transition&&(f["--t-present-transition"]=u.transition,f["--t-present-transition"]=u.transition),u?.contentTransform&&(f["--t-present-content-transform"]=u.contentTransform),u?.contentOpacity&&(f["--t-present-content-opacity"]=u.contentOpacity)},i=()=>{_({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},c=()=>{let u="0px",b="1";l.placement=="bottom"||l.placement=="right"?u="100%":l.placement=="top"||l.placement=="left"?u="-100%":l.placement=="center"&&(u="0px",b="0"),_({contentTransform:u,transition:"0.2s",contentOpacity:b,backdropOpacity:"0"})};e.watch(()=>l.visible,()=>{l.visible?(s.value=!0,o.value=v.getNewIndex(),setTimeout(()=>{i()},50)):(c(),setTimeout(()=>{s.value=!1},200))}),r({render:_,open:i,close:c});const k=u=>{u.preventDefault(),p("dismiss","backdrop")};return c(),(u,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[u.placement]:!0}]),ref_key:"present",ref:d,style:e.normalizeStyle({...f,zIndex:o.value})},[e.renderSlot(u.$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",onClick:k,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-3d0c3227"]]),T=y(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-text)"}},setup(n){return(r,t)=>(e.openBlock(),e.createElementBlock("span",{class:"t-loading-icon",style:e.normalizeStyle({width:n.size,height:n.size,borderTopColor:n.color}),role:"status","aria-label":"Loading..."},null,4))}}),[["__scopeId","data-v-7c463303"]]),j={key:0,class:"loader"},z=y(e.defineComponent({__name:"t-button",props:{color:{default:null},size:{default:"standard"},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingType:{default:"spinner"},variant:{default:"default"},activeBackground:{type:Boolean,default:!1}},setup(n){const r=n,t=e.computed(()=>{let o;return r.variant=="default"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--border":"none","--color":"var(--t-color-status-"+r.color+"-text)","--background":"var(--t-color-status-"+r.color+")"}:o={"--border":"none","--color":"var(--t-color-text)","--background":r.color}:o={"--border":"none","--color":"var(--t-color-text)","--background":"var(--t-color-surface)"}),r.variant=="text"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--border":"none","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:o={"--border":"none","--color":r.color,"--background":"transparent"}:o={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),r.variant=="outline"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--border":"0.55px solid var(--t-color-status-"+r.color+")","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:o={"--border":"0.55px solid "+r.color,"--color":r.color,"--background":"transparent"}:o={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"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}]),style:e.normalizeStyle(t.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-74d8380d"]]),M={key:0,class:"t-alert-header"},Y={class:"t-alert-content"},G={class:"t-alert-footer"},N=y(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{},dismiss:{}},emits:["dismiss"],setup(n,{expose:r,emit:t}){const o=n,s=e.ref(!1),a=t,d=e.ref();let l;const p=e.ref(!1),m=()=>{s.value=!0},f=i=>{s.value=!1,i.handler&&i.handler(),a("dismiss","choose",i?.data)},_=i=>{o.dismiss&&o.dismiss.includes(i)?(s.value=!1,a("dismiss",i)):i=="backdrop"&&(p.value=!0,setTimeout(()=>{p.value=!1},300))};return r({open:m}),e.watch(()=>d.value,i=>{i&&(l=S.gesture(d.value,{beforeEvent(c){return c.stopPropagation(),C(c.target)||(c.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{l&&l.destroy()}),(i,c)=>(e.openBlock(),e.createBlock(w,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:p.value}]),ref_key:"container",ref:d},[e.renderSlot(i.$slots,"header",{},()=>[o.title?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(i.$slots,"content",{},()=>[e.createElementVNode("div",Y,e.toDisplayString(o.message),1)],!0),e.renderSlot(i.$slots,"footer",{},()=>[e.createElementVNode("div",G,[(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:u=>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-5cf415ec"]]),H=(n={})=>({open(){return new Promise(r=>{let t=document.body.querySelector(".t-app");if(!t)return;const o=document.createElement("div"),s=e.ref();t.appendChild(o);const a=e.createApp({render(){return e.h(N,{...n,ref:s,onDismiss:(d,l)=>{setTimeout(()=>{a.unmount(),o.remove()},300),r(l)}})}});a.mount(o),setTimeout(()=>{s.value?.open?.()},50)})}}),K=y(e.defineComponent({__name:"t-action",props:{actions:{},dismiss:{}},emits:["dismiss"],setup(n,{expose:r,emit:t}){const o=n,s=e.ref(!1),a=t,d=e.ref();let l;const p=e.ref(!1),m=()=>{s.value=!0},f=i=>{s.value=!1,i.handler&&i.handler(),a("dismiss","choose",i?.data)},_=i=>{o.dismiss&&o.dismiss.includes(i)?(s.value=!1,a("dismiss",i)):i=="backdrop"&&(p.value=!0,setTimeout(()=>{p.value=!1},300))};return r({open:m}),e.watch(()=>d.value,i=>{i&&(l=S.gesture(d.value,{beforeEvent(c){return c.stopPropagation(),C(c.target)||(c.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{l&&l.destroy()}),(i,c)=>(e.openBlock(),e.createBlock(w,{placement:"bottom",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-action",{pop:p.value}]),ref_key:"container",ref:d},[(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,u=>(e.openBlock(),e.createBlock(z,{color:u.color,size:u.size,variant:u.variant,onClick:b=>f(u),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-a87baaae"]]),J=(n={})=>({open(){return new Promise(r=>{let t=document.body.querySelector(".t-app");if(!t)return;const o=document.createElement("div"),s=e.ref();t.appendChild(o);const a=e.createApp({render(){return e.h(K,{...n,ref:s,onDismiss:(d,l)=>{setTimeout(()=>{a.unmount(),o.remove()},300),r(l)}})}});a.mount(o),setTimeout(()=>{s.value?.open?.()},50)})}}),Q=y(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["dismiss"],setup(n,{expose:r,emit:t}){const o=n,s=e.ref(!1),a=e.ref();let d;return r({open:()=>{s.value=!0},close:()=>{s.value=!1}}),e.watch(()=>a.value,m=>{m&&(d=S.gesture(a.value,{beforeEvent(f){return f.stopPropagation(),C(f.target)||(f.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{d&&d.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-d048a41d"]]),Z=(n={})=>{const r=e.ref(),t=document.body.querySelector(".t-app");let o=null,s=null;return{open(){return new Promise(a=>{t&&(s=document.createElement("div"),t.appendChild(s),o=e.createApp({render(){return e.h(Q,{...n,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)})}}},I=e.ref(1e3),v={getNewIndex(){return I.value+=2,I.value}},B=e.reactive([]),g={screens:B,addScreen:n=>{B.push(n)},removeScreen:n=>{n||B.pop()},removeAllScreen:()=>{B.splice(0,B.length)},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]})},D=y(e.defineComponent({__name:"t-toast",props:{message:{},space:{default:"0px"},placement:{default:"bottom"},duration:{default:2e3},color:{default:null},variant:{default:"default"}},emits:["dismiss"],setup(n,{expose:r,emit:t}){const o=n,s=t,a=e.ref(!1),d=e.ref(!1),l=e.ref(!1),p=()=>{d.value=!0,l.value=!1,setTimeout(()=>{a.value=!0},10),setTimeout(()=>{m()},o.duration+10)},m=()=>{l.value=!0,setTimeout(()=>{d.value=!1,a.value=!1,s("dismiss")},300)},f=e.computed(()=>{let _;return o.variant=="default"&&(o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?_={"--border":"none","--color":"var(--t-color-status-"+o.color+"-text)","--background":"rgba(var(--t-color-status-"+o.color+"-rgb), 0.6)"}:_={"--border":"none","--color":"var(--t-color-text)","--background":o.color}:_={"--border":"none","--color":"var(--t-color-text)","--background":"rgba(var(--t-color-surface-rgb), 0.6)"}),o.variant=="text"&&(o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?_={"--border":"none","--color":"var(--t-color-status-"+o.color+")","--background":"transparent"}:_={"--border":"none","--color":o.color,"--background":"transparent"}:_={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),o.variant=="outline"&&(o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?_={"--border":"0.55px solid var(--t-color-status-"+o.color+")","--color":"var(--t-color-status-"+o.color+")","--background":"transparent"}:_={"--border":"0.55px solid "+o.color,"--color":o.color,"--background":"transparent"}:_={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),_});return r({open:p}),(_,i)=>d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[o.placement]:!0,open:a.value,closing:l.value}]),style:e.normalizeStyle({"--space":o.space,...f.value})},e.toDisplayString(o.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-61960e03"]]),ee=(n={})=>({open(){let r=document.body.querySelector(".t-app");if(!r)return;const t=document.createElement("div"),o=e.ref();r.appendChild(t);const s=e.createApp({render(){return e.h(D,{...n,ref:o,onDismiss:()=>{setTimeout(()=>{s.unmount(),t.remove()},300)}})}});s.mount(t),setTimeout(()=>{o.value?.open?.()},50)}}),te=e.ref(0);function P(){return{height:te}}const oe=y(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!0},placement:{default:"bottom"}},setup(n){const r=n,{height:t}=P();return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:r.keyboard&&e.unref(t)>0,[r.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":e.unref(t)+"px","--t-keyboard-transition":e.unref(t)>0?"0.3s":"0.1s"})},[e.renderSlot(o.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-ecb72421"]]),ne=e.defineComponent({__name:"t-card",props:{color:{default:null}},setup(n){const r=n,t=e.computed(()=>{let o;return r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--background":"var(--t-color-status-"+r.color+")"}:o={"--background":r.color}:o={"--background":"var(--t-color-surface)"},o});return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:"t-card",style:e.normalizeStyle(t.value)},[e.renderSlot(o.$slots,"default")],4))}}),re={},se={class:"t-content"};function ae(n,r){return e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const A=y(re,[["render",ae],["__scopeId","data-v-d58accf4"]]),R=80,le=y(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(n,{emit:r}){const t=r,o=e.ref(0),s=e.ref(!1),a=e.ref();let d,l=!1;const p=()=>{s.value=!1,o.value=0,d&&d.cancel(),setTimeout(()=>{l=!1},2e3)},m=()=>{l=!0,s.value=!0,o.value=R,t("refresh",p)};return e.watch(()=>a.value,()=>{d&&d.destroy();let f=a.value.closest(".t-content");f&&(d=S.gesture(f,{options:{minDist:60},move({dy:_,e:i}){s.value||l||_<0||(_>5&&f.scrollTop==0&&(i.preventDefault(),f.classList.add("scroll-hidden")),_>=120?m():_>10&&(o.value=_))},up({dy:_,e:i}){f.classList.remove("scroll-hidden"),!(s.value||l)&&(_>R?m():o.value=0)},cancel(){f.classList.remove("scroll-hidden"),!(s.value||l)&&(s.value=!1,o.value=0)}},{passive:!1}))}),e.onUnmounted(()=>{d&&d.destroy()}),(f,_)=>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-ac2b2370"]]),ce={},ie={class:"t-screen"};function de(n,r){return e.openBlock(),e.createElementBlock("div",ie,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const L=y(ce,[["render",de],["__scopeId","data-v-c2a3436c"]]),pe=y(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(n,{emit:r}){let t={};const o=V.useRouter(),s=V.useRoute(),a=o.getRoutes(),d=e.ref(!1),l=r;for(let c of a)t[c.name]=c.components;const p=c=>{c&&g.addScreen({name:c,target:null,component:e.markRaw(t[c]||null)})},m=(c,k)=>{!k||g.screens[c].target||(g.screens[c].target=k.$el,c>0&&(d.value=!0,k.$el.style.transform="translateX(var(--t-app-width))",k.$el.transitionOrigin="center",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{k.$el.style.transition="transform 0.35s ease",k.$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"),g.screens.length>1&&(g.lastScreen.value.target.style.transitionOrigin="left center",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.lastScreen.value.target.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"),setTimeout(()=>{l("change"),d.value=!1},400)},100)))},f=()=>{g.currentScreen.value.target.style.transition="transform 0.35s ease",g.currentScreen.value.target.style.transform="translateX(var(--t-app-width)) scale(1)",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.lastScreen.value.target.style.transform="translateX(0px) scale(1) perspective(var(--t-app-width)) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),d.value=!0,setTimeout(()=>{g.removeScreen(),l("change"),d.value=!1},400)};p(s.name),e.watch(()=>s.name,(c,k)=>{c!=g.currentScreen.value.name&&(g.lastScreen.value?.name==c?f():p(c))});const _=()=>{d.value=!0;const c=g.currentScreen.value.target,k=g.lastScreen.value.target;c.style.transition="transform 0.35s ease",c.style.transform="translateX(0px)",k.style.transition="transform 0.35s ease",k.style.transform="translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{d.value=!1},400)};let i;return e.onMounted(()=>{i=S.gesture(document,{pointerId:null,beforeEvent(c){return d.value||g.screens.length<2?!1:(c.type=="pointerdown"&&!this.pointerId&&(this.pointerId=c.pointerId),this.pointerId==c.pointerId)},afterEvent(c){(c.type=="pointerup"||c.type=="pointercancel")&&(this.pointerId=null)},fast({d:c}){c=="right"&&o.back()},move({dx:c}){const k=window.innerWidth,u=c/k*100,b=g.currentScreen.value.target,$=g.lastScreen?.value?.target;if(c>15&&c<=k){b.style.transition="transform 0s ease",b.style.transform=`translateX(${c}px)`,$.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),$.style.transform=`translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${u}))) scale(${.5+.5/100*u}) perspective(var(--t-app-width)) rotateY(${30-30/100*u}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*u}`);return}},up({dx:c}){const k=window.innerWidth;c/k*100>=50?o.back():_()},cancel(){_()}})}),e.onUnmounted(()=>{i&&i.destroy(),g.removeAllScreen()}),(c,k)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).screens,(u,b)=>(e.openBlock(),e.createBlock(L,{ref_for:!0,ref:$=>m(b,$),style:e.normalizeStyle({zIndex:b+(b==e.unref(g).screens.length-1?2:1)}),key:b},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(g).screens.length})},null,4)],64))}}),[["__scopeId","data-v-ae7abe9c"]]),me=y(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},safe:{type:Boolean,default:!0},size:{default:"50px"}},setup(n){const r=n;return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[r.placement]:!0,safe:r.safe}]),style:e.normalizeStyle({"--t-size-toolbar":r.size})},[e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-db1924b1"]]),fe=y(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(n){const r=V.useRouter(),t=n,o=()=>{g.hasPrevious.value?r?.back?.():t.to&&r?.push?.(t.to)};return(s,a)=>s.to||e.unref(g).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"]]),x=y(e.defineComponent({__name:"t-text",props:{color:{default:"var(--t-color-text)"},size:{default:"standard"}},setup(n){const r=n,t=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(t.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-f0f94f05"]]),q=y(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(n){return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[r.placement]:!0}])},null,2))}}),[["__scopeId","data-v-daa38c85"]]),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},radius:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(n,{emit:r}){const t=n,o=r,s=e.ref(),a=e.ref(),d=e.ref(!1);let l=null;const p=e.computed(()=>{if(t.placement=="bottom")return"down";if(t.placement=="top")return"up";if(t.placement=="left")return"left";if(t.placement=="right")return"right"}),m=_=>{o("dismiss",_)},f=()=>{d.value=!0,setTimeout(()=>{d.value=!1},300)};return e.watch(()=>s.value,_=>{_&&(l=S.gesture(s.value,{options:{minDist:30},pointerId:null,beforeEvent(i){let c=!1,k=!1;return d.value||!t.gesture||t.placement=="center"?c=!0:this.pointerId?(c=!0,k=this.pointerId==i.pointerId):i.type=="pointerdown"&&(this.pointerId=i.pointerId,c=!0,k=!0),c&&(i.stopPropagation(),C(i.target)||(i.preventDefault(),E())),k},afterEvent(i){(i.type=="pointerup"||i.type=="pointercancel")&&(this.pointerId=null)},fast({d:i}){f(),i==p.value?o("dismiss","gesture"):a.value.open()},move({dy:i,dx:c,d:k}){if(k!=p.value)return;let u=0;t.placement=="bottom"||t.placement=="top"?u=i:u=c,a.value.render({contentTransform:u+"px",transition:"0s"})},up({dy:i,dx:c,d:k}){if(f(),k!=p.value){a.value.open();return}let u,b,$;t.placement=="bottom"||t.placement=="top"?(u=s.value.offsetHeight,$=i):(u=s.value.offsetWidth,$=c),b=$/u*100,b>50?o("dismiss","gesture"):a.value.open()},cancel(){f(),a.value.open()}}))}),e.onUnmounted(()=>{l&&l.destroy()}),(_,i)=>(e.openBlock(),e.createBlock(w,{ref_key:"present",ref:a,placement:t.placement,backdrop:_.backdrop,visible:t.visible,keepalive:t.keepalive,onDismiss:m},{default:e.withCtx(()=>[t.gesture&&t.placement!="center"?(e.openBlock(),e.createBlock(q,{key:0,placement:t.placement},null,8,["placement"])):e.createCommentVNode("",!0),t.closeButton&&t.placement=="center"?(e.openBlock(),e.createElementBlock("button",{key:1,class:"t-sheet-close",onClick:i[0]||(i[0]=c=>m("close-button"))},[e.renderSlot(_.$slots,"close-icon",{},()=>[i[1]||(i[1]=e.createElementVNode("i",{class:"ri-close-large-line"},null,-1))],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:t.fullscreen,[t.placement]:!0,rounded:_.rounded,radius:t.radius}]),style:e.normalizeStyle({"--background":t.background}),ref_key:"sheet",ref:s},[e.renderSlot(_.$slots,"default",{},void 0,!0)],6)]),_:3},8,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-e2e8445e"]]),_e={class:"t-input-label"},ke={class:"t-input-content"},ye=["type","placeholder","value"],ge=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:"default"}},emits:["update:modelValue"],setup(n,{emit:r}){const t=n,o=r,s=a=>{o("update:modelValue",a.target.value)};return(a,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:t.rounded,["size-"+t.size]:!0,["variant-"+t.variant]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",_e,e.toDisplayString(a.label),1),e.createElementVNode("div",ke,[e.renderSlot(a.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:a.type,placeholder:a.placeholder,value:a.modelValue,onInput:s},null,40,ye),e.renderSlot(a.$slots,"end",{},void 0,!0)])]),t.error?(e.openBlock(),e.createBlock(x,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.error),1)]),_:1})):t.help?(e.openBlock(),e.createBlock(x,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-1a9425cf"]]),he={};function be(n,r){return e.openBlock(),e.createElementBlock("textarea")}const Be=y(he,[["render",be]]),$e={};function Se(n,r){return e.openBlock(),e.createElementBlock("div")}const Ce=y($e,[["render",Se]]),Ee={},we={class:"t-grid"};function Te(n,r){return e.openBlock(),e.createElementBlock("div",we)}const ze=y(Ee,[["render",Te]]),Ve={},xe={class:"t-grid-item"};function Ne(n,r){return e.openBlock(),e.createElementBlock("div",xe)}const Ie=y(Ve,[["render",Ne]]),ve=y(e.defineComponent({__name:"t-divider",props:{direction:{default:"horizontal"}},setup(n){const r=n;return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[r.direction]:!0}])},null,2))}}),[["__scopeId","data-v-47ee8991"]]),De=y(e.defineComponent({__name:"t-toggle-password",props:{color:{default:"warning"}},emits:["change"],setup(n,{emit:r}){const t=n,o=r,s=e.ref(!1),a=e.ref(),d=e.computed(()=>{let m=t.color;return["warning","info","danger","primary","secondary","success"].includes(t.color)&&(m=`var(--t-color-status-${t.color})`),{"--color":m}}),l=()=>a.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let m=l();m&&(s.value=m.type!="password",o("change",s.value))});const p=()=>{let m=l();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(d.value),onClick:p},[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"]]),Pe=y(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(n){const r=n,t=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":t.value})},[e.renderSlot(o.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Ae={class:"t-collapse-title"},Re={key:0,class:"icon"},Le={key:1,class:"icon"},qe={class:"t-collapse-content"},Oe=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(n,{emit:r}){const t=n,o=r,s=e.ref(!1),a=e.ref(""),d=e.ref(),l=()=>{s.value=!s.value,a.value=`calc(${d.value.offsetHeight}px + 2rem)`,o("change",s.value)};return o("change",s.value),(p,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:l},[e.renderSlot(p.$slots,"icon"),e.createElementVNode("div",Ae,[e.renderSlot(p.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])]),e.renderSlot(p.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",Re,[...m[0]||(m[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Le,[...m[1]||(m[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",qe,[e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(p.$slots,"content",{},()=>[e.renderSlot(p.$slots,"default")])],512)])],6))}}),Xe=y(e.defineComponent({__name:"t-switch",props:{modelValue:{type:Boolean},color:{default:"primary"}},emits:["update:modelValue"],setup(n,{emit:r}){const t=n,o=r,s=()=>{o("update:modelValue",!t.modelValue)},a=e.computed(()=>{let d={"--background":t.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(t.color)&&(d={"--background":`var(--t-color-status-${t.color})`,"--color":`var(--t-color-status-${t.color}-text)`}),d});return(d,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-switch",{on:t.modelValue}]),style:e.normalizeStyle(a.value),onClick:s},[...l[0]||(l[0]=[e.createElementVNode("div",{class:"t-switch-icon"},null,-1)])],6))}}),[["__scopeId","data-v-3616970e"]]),Fe=y(e.defineComponent({__name:"t-tab",props:{value:{}},setup(n){const r=n,t=e.inject("tabsState"),o=e.computed(()=>t.active.value===r.value),s=()=>{t.setActive(r.value)};return(a,d)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["t-tab",{active:o.value}])},[e.createVNode(z,{variant:"text",onClick:s,size:e.unref(t).size,color:o.value&&e.unref(t).variant=="text"?e.unref(t).color:void 0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["size","color"])],2))}}),[["__scopeId","data-v-36c12a50"]]),Ue=y(e.defineComponent({__name:"t-tabs",props:{placement:{default:"top-start"},variant:{default:"border-under"},color:{default:"primary"},modelValue:{},border:{default:30},size:{default:"standard"}},emits:["update:modelValue"],setup(n,{emit:r}){const t=n,o=r,s=e.ref("0px"),a=e.ref(),d=e.computed(()=>{let p=t.color;return["warning","info","danger","primary","secondary","success"].includes(p)&&(p=`var(--t-color-status-${p})`),p}),l=()=>{setTimeout(()=>{if(t.placement.startsWith("top-")||t.placement.startsWith("bottom-")){let p=a.value.querySelector(".active");if(p){let m=p.getBoundingClientRect().left-a.value.getBoundingClientRect().left+a.value.scrollLeft,f=p.offsetWidth/2;s.value=m+f-t.border/2+"px"}}else if(t.placement.startsWith("left-")||t.placement.startsWith("right-")){let p=a.value.querySelector(".active");if(p){let m=p.getBoundingClientRect().top-a.value.getBoundingClientRect().top+a.value.scrollTop,f=p.offsetHeight/2;s.value=m+f-t.border/2+"px"}}},50)};return e.provide("tabsState",{active:e.computed(()=>t.modelValue),color:d.value,size:t.size,variant:t.variant,setActive:p=>{o("update:modelValue",p),l()}}),e.onMounted(()=>{l()}),(p,m)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"container",ref:a,class:e.normalizeClass(["t-tabs",{[p.placement]:!0,[p.variant]:!0}]),style:e.normalizeStyle({"--color":d.value,"--transform":s.value,"--border":p.border+"px"})},[e.renderSlot(p.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-65a2c74c"]]),We=y(e.defineComponent({__name:"t-loading-app",setup(n){return(r,t)=>(e.openBlock(),e.createBlock(A,null,{default:e.withCtx(()=>[e.createVNode(T,{type:"spinner"})]),_:1}))}}),[["__scopeId","data-v-1436aa9f"]]),je={key:0},Me={key:0,class:"t-checkbox-label"},Ye=y(e.defineComponent({__name:"t-checkbox",props:{label:{default:""},modelValue:{default:!1},variant:{},type:{default:"check"},multiple:{type:Boolean,default:!1},value:{default:void 0},color:{default:"primary"}},emits:["update:modelValue"],setup(n,{emit:r}){const t=n,o=r,s=e.computed(()=>{let l={"--background":t.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(t.color)&&(l={"--background":`var(--t-color-status-${t.color})`,"--color":`var(--t-color-status-${t.color}-text)`}),l}),a=e.computed(()=>t.multiple?t.modelValue.includes(t.value):t.value===void 0?t.modelValue:t.modelValue==t.value),d=()=>{if(t.multiple){let l=t.modelValue;t.modelValue.includes(t.value)?l.splice(l.indexOf(t.value),1):l.push(t.value),o("update:modelValue",l)}else t.value===void 0?o("update:modelValue",!t.modelValue):o("update:modelValue",t.modelValue==t.value?null:t.value)};return(l,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-checkbox",{active:a.value}]),style:e.normalizeStyle(s.value),onClick:d},[e.createElementVNode("div",{class:e.normalizeClass(`t-checkbox-${l.type}`)},[l.type=="radio"?(e.openBlock(),e.createElementBlock("div",je)):e.createCommentVNode("",!0),l.type=="check"?e.renderSlot(l.$slots,"icon",{key:1},()=>[p[0]||(p[0]=e.createElementVNode("i",{class:"ri-check-line"},null,-1))],!0):e.createCommentVNode("",!0)],2),l.label?(e.openBlock(),e.createElementBlock("span",Me,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-f00196fd"]]),Ge=()=>({install:n=>{O(),n.component("t-app",W),n.component("t-screen",L),n.component("t-swipe-screen",pe),n.component("t-cable",oe),n.component("t-toolbar",me),n.component("t-content",A),n.component("t-card",ne),n.component("t-refresher",le),n.component("t-button",z),n.component("t-back-button",fe),n.component("t-present",w),n.component("t-text",x),n.component("t-sheet",ue),n.component("t-pull-signal",q),n.component("t-input",ge),n.component("t-textarea",Be),n.component("t-rich-text",Ce),n.component("t-grid",ze),n.component("t-grid-item",Ie),n.component("t-divider",ve),n.component("t-toggle-password",De),n.component("t-loading-icon",T),n.component("t-alert",N),n.component("t-avatar",Pe),n.component("t-collapse",Oe),n.component("t-toast",D),n.component("t-switch",Xe),n.component("t-tab",Fe),n.component("t-tabs",Ue),n.component("t-loading-app",We),n.component("t-checkbox",Ye)}});h.blurCurrentActive=E,h.createAction=J,h.createAlert=H,h.createLoading=Z,h.createToast=ee,h.createToife=Ge,h.isFormElement=C,h.presentController=v,h.screenController=g,h.useKeyboard=P,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toife/vue",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
4
4
  "description": "A Frontend framework for Vue",
5
5
  "type": "module",
6
6
  "main": "dist/index.umd.js",