@toife/vue 1.1.21 → 1.1.23

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(b,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):(b=typeof globalThis<"u"?globalThis:b||self,e(b.ToifeVue={},b.Vue,b.ToifeGesture,b.VueRouter))})(this,(function(b,e,$,T){"use strict";const S=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=>{!S(o.target)&&E()})},y=(o,r)=>{const n=o.__vccOpts||o;for(const[t,s]of r)n[t]=s;return n},L={},X={class:"t-app"};function F(o,r){return e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(o.$slots,"default")])}const U=y(L,[["render",F]]),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(o,{expose:r,emit:n}){const t=e.ref(0),s=e.ref(!1),l=e.ref(),c=e.ref(),i=o,d=n,p=e.computed(()=>s.value||i.keepalive),u=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),_=m=>{i.backdrop?m?.backdropOpacity&&(u["--t-present-backdrop-opacity"]=m.backdropOpacity):u["--t-present-backdrop-opacity"]="0",m?.transition&&(u["--t-present-transition"]=m.transition,u["--t-present-transition"]=m.transition),m?.contentTransform&&(u["--t-present-content-transform"]=m.contentTransform),m?.contentOpacity&&(u["--t-present-content-opacity"]=m.contentOpacity)},a=()=>{_({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},f=()=>{let m="0px",h="1";i.placement=="bottom"||i.placement=="right"?m="100%":i.placement=="top"||i.placement=="left"?m="-100%":i.placement=="center"&&(m="0px",h="0"),_({contentTransform:m,transition:"0.2s",contentOpacity:h,backdropOpacity:"0"})};e.watch(()=>i.visible,()=>{i.visible?(s.value=!0,t.value=v.getNewIndex(),setTimeout(()=>{a()},50)):(f(),setTimeout(()=>{s.value=!1},200))}),r({render:_,open:a,close:f});let k;return e.watch(()=>l.value,m=>{m&&(k=$.gesture(l.value,{beforeEvent(h){return h.stopPropagation(),S(h.target)||(h.preventDefault(),E()),h.type=="pointerup"},up(){d("dismiss","backdrop")}}))}),e.onUnmounted(()=>{k&&k.destroy()}),f(),(m,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[p.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[m.placement]:!0}]),ref_key:"present",ref:c,style:e.normalizeStyle({...u,zIndex:t.value})},[e.renderSlot(m.$slots,"default",{},void 0,!0)],6)),[[e.vShow,s.value]]):e.createCommentVNode("",!0),p.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",ref_key:"backdrop",ref:l,style:e.normalizeStyle({...u,zIndex:t.value-1})},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-dc2a4bc9"]]),z=y(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"]]),W={key:0,class:"loader"},C=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(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",W,[e.createVNode(z,{color:"var(--color)",type:r.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-07bf1b8d"]]),j={key:0,class:"t-alert-header"},M={class:"t-alert-content"},Y={class:"t-alert-footer"},N=y(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),l=n,c=e.ref();let i;const d=e.ref(!1),p=()=>{s.value=!0},u=a=>{s.value=!1,a.handler&&a.handler(),l("dismiss","choose",a?.data)},_=a=>{t.dismiss&&t.dismiss.includes(a)?(s.value=!1,l("dismiss",a)):a=="backdrop"&&(d.value=!0,setTimeout(()=>{d.value=!1},300))};return r({open:p}),e.watch(()=>c.value,a=>{a&&(i=$.gesture(c.value,{beforeEvent(f){return f.stopPropagation(),S(f.target)||(f.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(a,f)=>(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:d.value}]),ref_key:"container",ref:c},[e.renderSlot(a.$slots,"header",{},()=>[t.title?(e.openBlock(),e.createElementBlock("div",j,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(a.$slots,"content",{},()=>[e.createElementVNode("div",M,e.toDisplayString(t.message),1)],!0),e.renderSlot(a.$slots,"footer",{},()=>[e.createElementVNode("div",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,k=>(e.openBlock(),e.createBlock(C,{color:k.color,variant:k.variant,onClick:m=>u(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"]]),G=(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 l=e.createApp({render(){return e.h(N,{...o,ref:s,onDismiss:(c,i)=>{setTimeout(()=>{l.unmount(),t.remove()},300),r(i)}})}});l.mount(t),setTimeout(()=>{s.value?.open?.()},50)})}}),H=y(e.defineComponent({__name:"t-action",props:{actions:{},dismiss:{}},emits:["dismiss"],setup(o,{expose:r,emit:n}){const t=o,s=e.ref(!1),l=n,c=e.ref();let i;const d=e.ref(!1),p=()=>{s.value=!0},u=a=>{s.value=!1,a.handler&&a.handler(),l("dismiss","choose",a?.data)},_=a=>{t.dismiss&&t.dismiss.includes(a)?(s.value=!1,l("dismiss",a)):a=="backdrop"&&(d.value=!0,setTimeout(()=>{d.value=!1},300))};return r({open:p}),e.watch(()=>c.value,a=>{a&&(i=$.gesture(c.value,{beforeEvent(f){return f.stopPropagation(),S(f.target)||(f.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(a,f)=>(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:d.value}]),ref_key:"container",ref:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,k=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k,m=>(e.openBlock(),e.createBlock(C,{color:m.color,size:m.size,variant:m.variant,onClick:h=>u(m),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-73339adc"]]),K=(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 l=e.createApp({render(){return e.h(H,{...o,ref:s,onDismiss:(c,i)=>{setTimeout(()=>{l.unmount(),t.remove()},300),r(i)}})}});l.mount(t),setTimeout(()=>{s.value?.open?.()},50)})}}),J=y(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["dismiss"],setup(o,{expose:r,emit:n}){const t=o,s=e.ref(!1),l=e.ref();let c;return r({open:()=>{s.value=!0},close:()=>{s.value=!1}}),e.watch(()=>l.value,p=>{p&&(c=$.gesture(l.value,{beforeEvent(u){return u.stopPropagation(),S(u.target)||(u.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{c&&c.destroy()}),(p,u)=>(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:l},[e.renderSlot(p.$slots,"default",{},()=>[e.createVNode(z,{type:t.type},null,8,["type"])],!0)],512)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-d048a41d"]]),Q=(o={})=>{const r=e.ref(),n=document.body.querySelector(".t-app");let t=null,s=null;return{open(){return new Promise(l=>{n&&(s=document.createElement("div"),n.appendChild(s),t=e.createApp({render(){return e.h(J,{...o,ref:r})}}),t.mount(s),setTimeout(()=>{r.value?.open?.(),l(!0)},50))})},close(){return new Promise(l=>{r.value?.close?.(),setTimeout(()=>{t?.unmount?.(),s?.remove?.(),l(!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()},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(o,{expose:r,emit:n}){const t=o,s=n,l=e.ref(!1),c=e.ref(!1),i=e.ref(!1),d=()=>{c.value=!0,i.value=!1,setTimeout(()=>{l.value=!0},10),setTimeout(()=>{p()},t.duration+10)},p=()=>{i.value=!0,setTimeout(()=>{c.value=!1,l.value=!1,s("dismiss")},300)},u=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:d}),(_,a)=>c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[t.placement]:!0,open:l.value,closing:i.value}]),style:e.normalizeStyle({"--space":t.space,...u.value})},e.toDisplayString(t.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-98e8be37"]]),Z=(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)}}),ee=e.ref(0);function P(){return{height:ee}}const te=y(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"]]),oe=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))}}),ne={},re={class:"t-content"};function se(o,r){return e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(o.$slots,"default",{},void 0,!0)])}const ae=y(ne,[["render",se],["__scopeId","data-v-9a833657"]]),A=80,le=y(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(o,{emit:r}){const n=r,t=e.ref(0),s=e.ref(!1),l=e.ref();let c,i=!1;const d=()=>{s.value=!1,t.value=0,c&&c.cancel(),setTimeout(()=>{i=!1},2e3)},p=()=>{i=!0,s.value=!0,t.value=A,n("refresh",d)};return e.watch(()=>l.value,()=>{c&&c.destroy();let u=l.value.closest(".t-content");u&&(c=$.gesture(u,{options:{minDist:60},move({dy:_,e:a}){s.value||i||_<0||(_>=120?p():t.value=_)},up({dy:_,e:a}){s.value||i||(_>A?p():t.value=0)},cancel(){s.value=!1,t.value=0}},{passive:!1}))}),e.onUnmounted(()=>{c&&c.destroy()}),(u,_)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:l,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-05d50d5b"]]),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 R=y(ce,[["render",de],["__scopeId","data-v-66ea8649"]]),pe=y(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(o,{emit:r}){let n={};const t=T.useRouter(),s=T.useRoute(),l=t.getRoutes(),c=e.ref(!1),i=r;for(let a of l)n[a.name]=a.components;const d=a=>{a&&g.addScreen({name:a,target:null,component:e.markRaw(n[a]||null)})},p=(a,f)=>{!f||g.screens[a].target||(g.screens[a].target=f.$el,a>0&&(c.value=!0,f.$el.style.transform="translateX(100vw)",f.$el.transitionOrigin="center",document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{f.$el.style.transition="transform 0.35s ease",f.$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(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"),setTimeout(()=>{i("change"),c.value=!1},400)},100)))},u=()=>{g.currentScreen.value.target.style.transition="transform 0.35s ease",g.currentScreen.value.target.style.transform="translateX(100vw) scale(1)",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.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(()=>{g.removeScreen(),i("change"),c.value=!1},400)};d(s.name),e.watch(()=>s.name,(a,f)=>{a!=g.currentScreen.value.name&&(g.lastScreen.value?.name==a?u():d(a))});const _=()=>{c.value=!0;const a=g.currentScreen.value.target,f=g.lastScreen.value.target;a.style.transition="transform 0.35s ease",a.style.transform="translateX(0px)",f.style.transition="transform 0.35s ease",f.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.body,{pointerId:null,beforeEvent(a){return c.value||g.screens.length<2?!1:(a.type=="pointerdown"&&!this.pointerId&&(this.pointerId=a.pointerId),this.pointerId==a.pointerId)},afterEvent(a){(a.type=="pointerup"||a.type=="pointercancel")&&(this.pointerId=null)},fast({d:a}){a=="right"&&t.back()},move({dx:a}){const f=window.innerWidth,k=a/f*100,m=g.currentScreen.value.target,h=g.lastScreen?.value?.target;if(a>0&&a<=f){m.style.transition="transform 0s ease",m.style.transform=`translateX(${a}px)`,h.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),h.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:a}){const f=window.innerWidth;a/f*100>=50?t.back():_()},cancel(){_()}})}),(a,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).screens,(k,m)=>(e.openBlock(),e.createBlock(R,{ref_for:!0,ref:h=>p(m,h),style:e.normalizeStyle({zIndex:m+(m==e.unref(g).screens.length-1?2:1)}),key:m},{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(g).screens.length})},null,4)],64))}}),[["__scopeId","data-v-65c9c14c"]]),me=y(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},size:{default:"50px"}},setup(o){const r=o;return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[r.placement]:!0}]),style:e.normalizeStyle({"--t-size-toolbar":r.size})},[e.createElementVNode("div",null,[e.renderSlot(n.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-3b3a7896"]]),fe=y(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(o){const r=T.useRouter(),n=o,t=()=>{g.hasPrevious.value?r?.back?.():n.to&&r?.push?.(n.to)};return(s,l)=>s.to||e.unref(g).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:t},[e.renderSlot(s.$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"]]),x=y(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=y(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=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(o,{emit:r}){const n=o,t=r,s=e.ref(),l=e.ref(),c=e.ref(!1);let i=null;const d=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"}),p=_=>{t("dismiss",_)},u=()=>{c.value=!0,setTimeout(()=>{c.value=!1},300)};return e.watch(()=>s.value,_=>{_&&(i=$.gesture(s.value,{options:{minDist:30},pointerId:null,beforeEvent(a){let f=!1,k=!1;return c.value||!n.gesture||n.placement=="center"?f=!0:this.pointerId?(f=!0,k=this.pointerId==a.pointerId):a.type=="pointerdown"&&(this.pointerId=a.pointerId,f=!0,k=!0),f&&(a.stopPropagation(),S(a.target)||(a.preventDefault(),E())),k},afterEvent(a){(a.type=="pointerup"||a.type=="pointercancel")&&(this.pointerId=null)},fast({d:a}){u(),a==d.value?t("dismiss","gesture"):l.value.open()},move({dy:a,dx:f,d:k}){if(k!=d.value)return;let m=0;n.placement=="bottom"||n.placement=="top"?m=a:m=f,l.value.render({contentTransform:m+"px",transition:"0s"})},up({dy:a,dx:f,d:k}){if(u(),k!=d.value){l.value.open();return}let m,h,V;n.placement=="bottom"||n.placement=="top"?(m=s.value.offsetHeight,V=a):(m=s.value.offsetWidth,V=f),h=V/m*100,h>50?t("dismiss","gesture"):l.value.open()},cancel(){u(),l.value.open()}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(_,a)=>(e.openBlock(),e.createBlock(w,{ref_key:"present",ref:l,placement:n.placement,backdrop:_.backdrop,visible:n.visible,keepalive:n.keepalive,onDismiss:p},{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:a[0]||(a[0]=f=>p("close-button"))},[e.renderSlot(_.$slots,"close-icon",{},()=>[a[1]||(a[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-14b7fc93"]]),_e={class:"t-input-label"},ye={class:"t-input-content"},ke=["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(o,{emit:r}){const n=o,t=r,s=l=>{t("update:modelValue",l.target.value)};return(l,c)=>(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(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:s},null,40,ke),e.renderSlot(l.$slots,"end",{},void 0,!0)])]),n.error?(e.openBlock(),e.createBlock(x,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.error),1)]),_:1})):n.help?(e.openBlock(),e.createBlock(x,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-1a9425cf"]]),be={};function he(o,r){return e.openBlock(),e.createElementBlock("textarea")}const Be=y(be,[["render",he]]),$e={};function Se(o,r){return e.openBlock(),e.createElementBlock("div")}const Ee=y($e,[["render",Se]]),we={},Ce={class:"t-grid"};function Te(o,r){return e.openBlock(),e.createElementBlock("div",Ce)}const ze=y(we,[["render",Te]]),xe={},Ve={class:"t-grid-item"};function Ne(o,r){return e.openBlock(),e.createElementBlock("div",Ve)}const Ie=y(xe,[["render",Ne]]),ve=y(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=y(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),l=e.ref(),c=e.computed(()=>{let p=n.color;return["warning","info","danger","primary","secondary","success"].includes(n.color)&&(p=`var(--t-color-status-${n.color})`),{"--color":p}}),i=()=>l.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let p=i();p&&(s.value=p.type!="password",t("change",s.value))});const d=()=>{let p=i();p&&(s.value=!s.value,s.value?p.type="text":p.type="password",t("change",s.value))};return(p,u)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toggle",ref:l,class:"t-toggle-password",style:e.normalizeStyle(c.value),onClick:d},[s.value?e.renderSlot(p.$slots,"on",{key:0},()=>[u[0]||(u[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):e.renderSlot(p.$slots,"off",{key:1},()=>[u[1]||(u[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-3268e9e3"]]),Pe=y(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"},qe={key:1,class:"icon"},Oe={class:"t-collapse-content"},Le=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(o,{emit:r}){const n=o,t=r,s=e.ref(!1),l=e.ref(""),c=e.ref(),i=()=>{s.value=!s.value,l.value=`calc(${c.value.offsetHeight}px + 2rem)`,t("change",s.value)};return t("change",s.value),(d,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-collapse",{open:s.value}]),style:e.normalizeStyle({"--height":l.value})},[e.createElementVNode("div",{class:"t-collapse-header",onClick:i},[e.renderSlot(d.$slots,"icon"),e.createElementVNode("div",Ae,[e.renderSlot(d.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])]),e.renderSlot(d.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",Re,[...p[0]||(p[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",qe,[...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(d.$slots,"content",{},()=>[e.renderSlot(d.$slots,"default")])],512)])],6))}}),Xe=y(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)},l=e.computed(()=>{let c={"--background":n.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(n.color)&&(c={"--background":`var(--t-color-status-${n.color})`,"--color":`var(--t-color-status-${n.color}-text)`}),c});return(c,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-switch",{on:n.modelValue}]),style:e.normalizeStyle(l.value),onClick:s},[...i[0]||(i[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(o){const r=o,n=e.inject("tabsState"),t=e.computed(()=>n.active.value===r.value),s=()=>{n.setActive(r.value)};return(l,c)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["t-tab",{active:t.value}])},[e.createVNode(C,{variant:"text",onClick:s,color:t.value&&e.unref(n).variant=="text"?e.unref(n).color:void 0},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},void 0,!0)]),_:3},8,["color"])],2))}}),[["__scopeId","data-v-059bab6e"]]),Ue=y(e.defineComponent({__name:"t-tabs",props:{placement:{default:"top-start"},variant:{default:"border-under"},color:{default:"primary"},modelValue:{},border:{default:30}},emits:["update:modelValue"],setup(o,{emit:r}){const n=o,t=r,s=e.ref("0px"),l=e.ref(),c=e.computed(()=>{let d=n.color;return["warning","info","danger","primary","secondary","success"].includes(d)&&(d=`var(--t-color-status-${d})`),d}),i=()=>{setTimeout(()=>{if(n.placement.startsWith("top-")||n.placement.startsWith("bottom-")){let d=l.value.querySelector(".active");if(d){let p=d.getBoundingClientRect().left-l.value.getBoundingClientRect().left,u=d.offsetWidth/2;s.value=p+u-n.border/2+"px"}}else if(n.placement.startsWith("left-")||n.placement.startsWith("right-")){let d=l.value.querySelector(".active");if(d){let p=d.getBoundingClientRect().top-l.value.getBoundingClientRect().top,u=d.offsetHeight/2;s.value=p+u-n.border/2+"px"}}},50)};return e.provide("tabsState",{active:e.computed(()=>n.modelValue),color:c.value,variant:n.variant,setActive:d=>{t("update:modelValue",d),i()}}),e.onMounted(()=>{i()}),(d,p)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"container",ref:l,class:e.normalizeClass(["t-tabs",{[d.placement]:!0,[d.variant]:!0}]),style:e.normalizeStyle({"--color":c.value,"--transform":s.value,"--border":d.border+"px"})},[e.renderSlot(d.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-2f040d31"]]),We=()=>({install:o=>{O(),o.component("t-app",U),o.component("t-screen",R),o.component("t-swipe-screen",pe),o.component("t-cable",te),o.component("t-toolbar",me),o.component("t-content",ae),o.component("t-card",oe),o.component("t-refresher",le),o.component("t-button",C),o.component("t-back-button",fe),o.component("t-present",w),o.component("t-text",x),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",Ee),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",z),o.component("t-alert",N),o.component("t-avatar",Pe),o.component("t-collapse",Le),o.component("t-toast",D),o.component("t-switch",Xe),o.component("t-tab",Fe),o.component("t-tabs",Ue)}});b.blurCurrentActive=E,b.createAction=K,b.createAlert=G,b.createLoading=Q,b.createToast=Z,b.createToife=We,b.isFormElement=S,b.presentController=v,b.screenController=g,b.useKeyboard=P,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(b,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):(b=typeof globalThis<"u"?globalThis:b||self,e(b.ToifeVue={},b.Vue,b.ToifeGesture,b.VueRouter))})(this,(function(b,e,$,z){"use strict";const S=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=>{!S(o.target)&&E()})},y=(o,r)=>{const n=o.__vccOpts||o;for(const[t,s]of r)n[t]=s;return n},L={},X={class:"t-app"};function F(o,r){return e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(o.$slots,"default")])}const U=y(L,[["render",F]]),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(o,{expose:r,emit:n}){const t=e.ref(0),s=e.ref(!1),l=e.ref(),c=e.ref(),i=o,d=n,m=e.computed(()=>s.value||i.keepalive),_=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),f=p=>{i.backdrop?p?.backdropOpacity&&(_["--t-present-backdrop-opacity"]=p.backdropOpacity):_["--t-present-backdrop-opacity"]="0",p?.transition&&(_["--t-present-transition"]=p.transition,_["--t-present-transition"]=p.transition),p?.contentTransform&&(_["--t-present-content-transform"]=p.contentTransform),p?.contentOpacity&&(_["--t-present-content-opacity"]=p.contentOpacity)},a=()=>{f({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},u=()=>{let p="0px",h="1";i.placement=="bottom"||i.placement=="right"?p="100%":i.placement=="top"||i.placement=="left"?p="-100%":i.placement=="center"&&(p="0px",h="0"),f({contentTransform:p,transition:"0.2s",contentOpacity:h,backdropOpacity:"0"})};e.watch(()=>i.visible,()=>{i.visible?(s.value=!0,t.value=v.getNewIndex(),setTimeout(()=>{a()},50)):(u(),setTimeout(()=>{s.value=!1},200))}),r({render:f,open:a,close:u});let k;return e.watch(()=>l.value,p=>{p&&(k=$.gesture(l.value,{beforeEvent(h,w){return w.stopPropagation(),S(w.target)||(w.preventDefault(),E()),h=="down"},up(){d("dismiss","backdrop")}}))}),e.onUnmounted(()=>{k&&k.destroy()}),u(),(p,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[p.placement]:!0}]),ref_key:"present",ref:c,style:e.normalizeStyle({..._,zIndex:t.value})},[e.renderSlot(p.$slots,"default",{},void 0,!0)],6)),[[e.vShow,s.value]]):e.createCommentVNode("",!0),m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",ref_key:"backdrop",ref:l,style:e.normalizeStyle({..._,zIndex:t.value-1})},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-913d428f"]]),x=y(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"]]),W={key:0,class:"loader"},T=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(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",W,[e.createVNode(x,{color:"var(--color)",type:r.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-07bf1b8d"]]),j={key:0,class:"t-alert-header"},M={class:"t-alert-content"},Y={class:"t-alert-footer"},N=y(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),l=n,c=e.ref();let i;const d=e.ref(!1),m=()=>{s.value=!0},_=a=>{s.value=!1,a.handler&&a.handler(),l("dismiss","choose",a?.data)},f=a=>{t.dismiss&&t.dismiss.includes(a)?(s.value=!1,l("dismiss",a)):a=="backdrop"&&(d.value=!0,setTimeout(()=>{d.value=!1},300))};return r({open:m}),e.watch(()=>c.value,a=>{a&&(i=$.gesture(c.value,{beforeEvent(u,k){return k.stopPropagation(),S(k.target)||(k.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(a,u)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:f},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:d.value}]),ref_key:"container",ref:c},[e.renderSlot(a.$slots,"header",{},()=>[t.title?(e.openBlock(),e.createElementBlock("div",j,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(a.$slots,"content",{},()=>[e.createElementVNode("div",M,e.toDisplayString(t.message),1)],!0),e.renderSlot(a.$slots,"footer",{},()=>[e.createElementVNode("div",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,k=>(e.openBlock(),e.createBlock(T,{color:k.color,variant:k.variant,onClick:p=>_(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-ca660c5d"]]),G=(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 l=e.createApp({render(){return e.h(N,{...o,ref:s,onDismiss:(c,i)=>{setTimeout(()=>{l.unmount(),t.remove()},300),r(i)}})}});l.mount(t),setTimeout(()=>{s.value?.open?.()},50)})}}),H=y(e.defineComponent({__name:"t-action",props:{actions:{},dismiss:{}},emits:["dismiss"],setup(o,{expose:r,emit:n}){const t=o,s=e.ref(!1),l=n,c=e.ref();let i;const d=e.ref(!1),m=()=>{s.value=!0},_=a=>{s.value=!1,a.handler&&a.handler(),l("dismiss","choose",a?.data)},f=a=>{t.dismiss&&t.dismiss.includes(a)?(s.value=!1,l("dismiss",a)):a=="backdrop"&&(d.value=!0,setTimeout(()=>{d.value=!1},300))};return r({open:m}),e.watch(()=>c.value,a=>{a&&(i=$.gesture(c.value,{beforeEvent(u,k){return k.stopPropagation(),S(k.target)||(k.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(a,u)=>(e.openBlock(),e.createBlock(C,{placement:"bottom",backdrop:!0,keepalive:!1,visible:s.value,onDismiss:f},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-action",{pop:d.value}]),ref_key:"container",ref:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,k=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k,p=>(e.openBlock(),e.createBlock(T,{color:p.color,size:p.size,variant:p.variant,onClick:h=>_(p),block:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.text),1)]),_:2},1032,["color","size","variant","onClick"]))),256))]))),256))],2)]),_:1},8,["visible"]))}}),[["__scopeId","data-v-972de12a"]]),K=(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 l=e.createApp({render(){return e.h(H,{...o,ref:s,onDismiss:(c,i)=>{setTimeout(()=>{l.unmount(),t.remove()},300),r(i)}})}});l.mount(t),setTimeout(()=>{s.value?.open?.()},50)})}}),J=y(e.defineComponent({__name:"t-loading",props:{type:{default:"spinner"}},emits:["dismiss"],setup(o,{expose:r,emit:n}){const t=o,s=e.ref(!1),l=e.ref();let c;return r({open:()=>{s.value=!0},close:()=>{s.value=!1}}),e.watch(()=>l.value,m=>{m&&(c=$.gesture(l.value,{beforeEvent(_,f){return f.stopPropagation(),S(f.target)||(f.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{c&&c.destroy()}),(m,_)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:s.value},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"t-loading",ref_key:"container",ref:l},[e.renderSlot(m.$slots,"default",{},()=>[e.createVNode(x,{type:t.type},null,8,["type"])],!0)],512)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-77aa517f"]]),Q=(o={})=>{const r=e.ref(),n=document.body.querySelector(".t-app");let t=null,s=null;return{open(){return new Promise(l=>{n&&(s=document.createElement("div"),n.appendChild(s),t=e.createApp({render(){return e.h(J,{...o,ref:r})}}),t.mount(s),setTimeout(()=>{r.value?.open?.(),l(!0)},50))})},close(){return new Promise(l=>{r.value?.close?.(),setTimeout(()=>{t?.unmount?.(),s?.remove?.(),l(!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()},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(o,{expose:r,emit:n}){const t=o,s=n,l=e.ref(!1),c=e.ref(!1),i=e.ref(!1),d=()=>{c.value=!0,i.value=!1,setTimeout(()=>{l.value=!0},10),setTimeout(()=>{m()},t.duration+10)},m=()=>{i.value=!0,setTimeout(()=>{c.value=!1,l.value=!1,s("dismiss")},300)},_=e.computed(()=>{let f;return t.variant=="default"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?f={"--border":"none","--color":"var(--t-color-status-"+t.color+"-text)","--background":"rgba(var(--t-color-status-"+t.color+"-rgb), 0.6)"}:f={"--border":"none","--color":"var(--t-color-text)","--background":t.color}:f={"--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)?f={"--border":"none","--color":"var(--t-color-status-"+t.color+")","--background":"transparent"}:f={"--border":"none","--color":t.color,"--background":"transparent"}:f={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),t.variant=="outline"&&(t.color?["warning","info","danger","primary","secondary","success"].includes(t.color)?f={"--border":"0.55px solid var(--t-color-status-"+t.color+")","--color":"var(--t-color-status-"+t.color+")","--background":"transparent"}:f={"--border":"0.55px solid "+t.color,"--color":t.color,"--background":"transparent"}:f={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),f});return r({open:d}),(f,a)=>c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-toast",{[t.placement]:!0,open:l.value,closing:i.value}]),style:e.normalizeStyle({"--space":t.space,..._.value})},e.toDisplayString(t.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-98e8be37"]]),Z=(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)}}),ee=e.ref(0);function P(){return{height:ee}}const te=y(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"]]),oe=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))}}),ne={},re={class:"t-content"};function se(o,r){return e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(o.$slots,"default",{},void 0,!0)])}const ae=y(ne,[["render",se],["__scopeId","data-v-9a833657"]]),A=80,le=y(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(o,{emit:r}){const n=r,t=e.ref(0),s=e.ref(!1),l=e.ref();let c,i=!1;const d=()=>{s.value=!1,t.value=0,c&&c.cancel(),setTimeout(()=>{i=!1},2e3)},m=()=>{i=!0,s.value=!0,t.value=A,n("refresh",d)};return e.watch(()=>l.value,()=>{c&&c.destroy();let _=l.value.closest(".t-content");_&&(c=$.gesture(_,{options:{minDist:60},move({dy:f,e:a}){s.value||i||f<0||(f>0&&_.scrollTop==0&&a.preventDefault(),f>=120?m():t.value=f)},up({dy:f,e:a}){s.value||i||(f>A?m():t.value=0)},cancel(){s.value=!1,t.value=0}},{passive:!1}))}),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:`${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-c7533515"]]),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 R=y(ce,[["render",de],["__scopeId","data-v-66ea8649"]]),pe=y(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(o,{emit:r}){let n={};const t=z.useRouter(),s=z.useRoute(),l=t.getRoutes(),c=e.ref(!1),i=r;for(let a of l)n[a.name]=a.components;const d=a=>{a&&g.addScreen({name:a,target:null,component:e.markRaw(n[a]||null)})},m=(a,u)=>{!u||g.screens[a].target||(g.screens[a].target=u.$el,a>0&&(c.value=!0,u.$el.style.transform="translateX(100vw)",u.$el.transitionOrigin="center",document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{u.$el.style.transition="transform 0.35s ease",u.$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(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"),setTimeout(()=>{i("change"),c.value=!1},400)},100)))},_=()=>{g.currentScreen.value.target.style.transition="transform 0.35s ease",g.currentScreen.value.target.style.transform="translateX(100vw) scale(1)",g.lastScreen.value.target.style.transition="transform 0.35s ease",g.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(()=>{g.removeScreen(),i("change"),c.value=!1},400)};d(s.name),e.watch(()=>s.name,(a,u)=>{a!=g.currentScreen.value.name&&(g.lastScreen.value?.name==a?_():d(a))});const f=()=>{c.value=!0;const a=g.currentScreen.value.target,u=g.lastScreen.value.target;a.style.transition="transform 0.35s ease",a.style.transform="translateX(0px)",u.style.transition="transform 0.35s ease",u.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(a,u){return c.value||g.screens.length<2?!1:(a=="down"&&!this.pointerId&&(this.pointerId=u.pointerId),this.pointerId==u.pointerId)},afterEvent(a,u){(a=="up"||a=="cancel")&&(this.pointerId=null)},fast({d:a}){a=="right"&&t.back()},move({dx:a}){const u=window.innerWidth,k=a/u*100,p=g.currentScreen.value.target,h=g.lastScreen?.value?.target;if(a>0&&a<=u){p.style.transition="transform 0s ease",p.style.transform=`translateX(${a}px)`,h.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),h.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:a}){const u=window.innerWidth;a/u*100>=50?t.back():f()},cancel(){f()}})}),(a,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).screens,(k,p)=>(e.openBlock(),e.createBlock(R,{ref_for:!0,ref:h=>m(p,h),style:e.normalizeStyle({zIndex:p+(p==e.unref(g).screens.length-1?2:1)}),key:p},{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(g).screens.length})},null,4)],64))}}),[["__scopeId","data-v-d226eac9"]]),me=y(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},size:{default:"50px"}},setup(o){const r=o;return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[r.placement]:!0}]),style:e.normalizeStyle({"--t-size-toolbar":r.size})},[e.createElementVNode("div",null,[e.renderSlot(n.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-3b3a7896"]]),fe=y(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(o){const r=z.useRouter(),n=o,t=()=>{g.hasPrevious.value?r?.back?.():n.to&&r?.push?.(n.to)};return(s,l)=>s.to||e.unref(g).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:t},[e.renderSlot(s.$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"]]),V=y(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=y(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=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(o,{emit:r}){const n=o,t=r,s=e.ref(),l=e.ref(),c=e.ref(!1);let i=null;const d=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=f=>{t("dismiss",f)},_=()=>{c.value=!0,setTimeout(()=>{c.value=!1},300)};return e.watch(()=>s.value,f=>{f&&(i=$.gesture(s.value,{options:{minDist:30},pointerId:null,beforeEvent(a,u){let k=!1,p=!1;return c.value||!n.gesture||n.placement=="center"?k=!0:this.pointerId?(k=!0,p=this.pointerId==u.pointerId):a=="down"&&(this.pointerId=u.pointerId,k=!0,p=!0),k&&(u.stopPropagation(),S(u.target)||(u.preventDefault(),E())),p},afterEvent(a,u){(a=="up"||a=="cancel")&&(this.pointerId=null)},fast({d:a}){_(),a==d.value?t("dismiss","gesture"):l.value.open()},move({dy:a,dx:u,d:k}){if(k!=d.value)return;let p=0;n.placement=="bottom"||n.placement=="top"?p=a:p=u,l.value.render({contentTransform:p+"px",transition:"0s"})},up({dy:a,dx:u,d:k}){if(_(),k!=d.value){l.value.open();return}let p,h,w;n.placement=="bottom"||n.placement=="top"?(p=s.value.offsetHeight,w=a):(p=s.value.offsetWidth,w=u),h=w/p*100,h>50?t("dismiss","gesture"):l.value.open()},cancel(){_(),l.value.open()}}))}),e.onUnmounted(()=>{i&&i.destroy()}),(f,a)=>(e.openBlock(),e.createBlock(C,{ref_key:"present",ref:l,placement:n.placement,backdrop:f.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:a[0]||(a[0]=u=>m("close-button"))},[e.renderSlot(f.$slots,"close-icon",{},()=>[a[1]||(a[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:f.rounded,radius:n.radius}]),style:e.normalizeStyle({"--background":n.background}),ref_key:"sheet",ref:s},[e.renderSlot(f.$slots,"default",{},void 0,!0)],6)]),_:3},8,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-f44cd02e"]]),_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(o,{emit:r}){const n=o,t=r,s=l=>{t("update:modelValue",l.target.value)};return(l,c)=>(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(l.label),1),e.createElementVNode("div",ke,[e.renderSlot(l.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:l.type,placeholder:l.placeholder,value:l.modelValue,onInput:s},null,40,ye),e.renderSlot(l.$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"]]),be={};function he(o,r){return e.openBlock(),e.createElementBlock("textarea")}const Be=y(be,[["render",he]]),$e={};function Se(o,r){return e.openBlock(),e.createElementBlock("div")}const Ee=y($e,[["render",Se]]),we={},Ce={class:"t-grid"};function Te(o,r){return e.openBlock(),e.createElementBlock("div",Ce)}const ze=y(we,[["render",Te]]),xe={},Ve={class:"t-grid-item"};function Ne(o,r){return e.openBlock(),e.createElementBlock("div",Ve)}const Ie=y(xe,[["render",Ne]]),ve=y(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=y(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),l=e.ref(),c=e.computed(()=>{let m=n.color;return["warning","info","danger","primary","secondary","success"].includes(n.color)&&(m=`var(--t-color-status-${n.color})`),{"--color":m}}),i=()=>l.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let m=i();m&&(s.value=m.type!="password",t("change",s.value))});const d=()=>{let m=i();m&&(s.value=!s.value,s.value?m.type="text":m.type="password",t("change",s.value))};return(m,_)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toggle",ref:l,class:"t-toggle-password",style:e.normalizeStyle(c.value),onClick:d},[s.value?e.renderSlot(m.$slots,"on",{key:0},()=>[_[0]||(_[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):e.renderSlot(m.$slots,"off",{key:1},()=>[_[1]||(_[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(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"},qe={key:1,class:"icon"},Oe={class:"t-collapse-content"},Le=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(o,{emit:r}){const n=o,t=r,s=e.ref(!1),l=e.ref(""),c=e.ref(),i=()=>{s.value=!s.value,l.value=`calc(${c.value.offsetHeight}px + 2rem)`,t("change",s.value)};return t("change",s.value),(d,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-collapse",{open:s.value}]),style:e.normalizeStyle({"--height":l.value})},[e.createElementVNode("div",{class:"t-collapse-header",onClick:i},[e.renderSlot(d.$slots,"icon"),e.createElementVNode("div",Ae,[e.renderSlot(d.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])]),e.renderSlot(d.$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",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(d.$slots,"content",{},()=>[e.renderSlot(d.$slots,"default")])],512)])],6))}}),Xe=y(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)},l=e.computed(()=>{let c={"--background":n.color,"--color":"#ffffff"};return["warning","info","danger","primary","secondary","success"].includes(n.color)&&(c={"--background":`var(--t-color-status-${n.color})`,"--color":`var(--t-color-status-${n.color}-text)`}),c});return(c,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-switch",{on:n.modelValue}]),style:e.normalizeStyle(l.value),onClick:s},[...i[0]||(i[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(o){const r=o,n=e.inject("tabsState"),t=e.computed(()=>n.active.value===r.value),s=()=>{n.setActive(r.value)};return(l,c)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["t-tab",{active:t.value}])},[e.createVNode(T,{variant:"text",onClick:s,color:t.value&&e.unref(n).variant=="text"?e.unref(n).color:void 0},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},void 0,!0)]),_:3},8,["color"])],2))}}),[["__scopeId","data-v-059bab6e"]]),Ue=y(e.defineComponent({__name:"t-tabs",props:{placement:{default:"top-start"},variant:{default:"border-under"},color:{default:"primary"},modelValue:{},border:{default:30}},emits:["update:modelValue"],setup(o,{emit:r}){const n=o,t=r,s=e.ref("0px"),l=e.ref(),c=e.computed(()=>{let d=n.color;return["warning","info","danger","primary","secondary","success"].includes(d)&&(d=`var(--t-color-status-${d})`),d}),i=()=>{setTimeout(()=>{if(n.placement.startsWith("top-")||n.placement.startsWith("bottom-")){let d=l.value.querySelector(".active");if(d){let m=d.getBoundingClientRect().left-l.value.getBoundingClientRect().left,_=d.offsetWidth/2;s.value=m+_-n.border/2+"px"}}else if(n.placement.startsWith("left-")||n.placement.startsWith("right-")){let d=l.value.querySelector(".active");if(d){let m=d.getBoundingClientRect().top-l.value.getBoundingClientRect().top,_=d.offsetHeight/2;s.value=m+_-n.border/2+"px"}}},50)};return e.provide("tabsState",{active:e.computed(()=>n.modelValue),color:c.value,variant:n.variant,setActive:d=>{t("update:modelValue",d),i()}}),e.onMounted(()=>{i()}),(d,m)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"container",ref:l,class:e.normalizeClass(["t-tabs",{[d.placement]:!0,[d.variant]:!0}]),style:e.normalizeStyle({"--color":c.value,"--transform":s.value,"--border":d.border+"px"})},[e.renderSlot(d.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-2f040d31"]]),We=()=>({install:o=>{O(),o.component("t-app",U),o.component("t-screen",R),o.component("t-swipe-screen",pe),o.component("t-cable",te),o.component("t-toolbar",me),o.component("t-content",ae),o.component("t-card",oe),o.component("t-refresher",le),o.component("t-button",T),o.component("t-back-button",fe),o.component("t-present",C),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",Ee),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",x),o.component("t-alert",N),o.component("t-avatar",Pe),o.component("t-collapse",Le),o.component("t-toast",D),o.component("t-switch",Xe),o.component("t-tab",Fe),o.component("t-tabs",Ue)}});b.blurCurrentActive=E,b.createAction=K,b.createAlert=G,b.createLoading=Q,b.createToast=Z,b.createToife=We,b.isFormElement=S,b.presentController=v,b.screenController=g,b.useKeyboard=P,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toife/vue",
3
- "version": "1.1.21",
3
+ "version": "1.1.23",
4
4
  "description": "A Frontend framework for Vue",
5
5
  "type": "module",
6
6
  "main": "dist/index.umd.js",