@toife/vue 1.2.44 → 1.2.45

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