@toife/vue 1.2.40 → 1.2.41

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