@toife/vue 1.2.19 → 1.2.21

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.
Files changed (5) hide show
  1. package/dist/controllers/screen.d.ts +3 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.es.js +178 -171
  4. package/dist/index.umd.js +1 -1
  5. package/package.json +1 -1
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,w,T){"use strict";const V=n=>n&&(n.tagName=="INPUT"||n.tagName=="TEXTAREA"||n.isContentEditable),N=()=>{const n=document.activeElement;n&&(n.tagName==="INPUT"||n.tagName==="TEXTAREA"||n.isContentEditable)&&n.blur()},O=()=>{document.addEventListener("contextmenu",n=>n.preventDefault()),document.addEventListener("selectstart",n=>n.preventDefault()),document.addEventListener("pointerup",n=>{!V(n.target)&&N()})},_=(n,r)=>{const t=n.__vccOpts||n;for(const[o,s]of r)t[o]=s;return t},F={},W={class:"t-app"};function j(n,r){return e.openBlock(),e.createElementBlock("div",W,[e.renderSlot(n.$slots,"default")])}const U=_(F,[["render",j]]),S=_(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"}},emits:["dismiss"],setup(n,{expose:r,emit:t}){const o=e.ref(0),s=e.ref(!1),a=e.ref(),i=e.ref(),l=n,p=t,f=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"}),c=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)},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=D.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}]),ref_key:"present",ref:i,style:e.normalizeStyle({...u,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({...u,zIndex:o.value-1})},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-3d0c3227"]]),C=_(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"]]),G={key:0,class:"loader"},E=_(e.defineComponent({__name:"t-button",props:{color:{default:null},size:{default:"standard"},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingType:{default:"spinner"},variant:{default:"default"},activeBackground:{type:Boolean,default:!1}},setup(n){const r=n,t=e.computed(()=>{let o;return r.variant=="default"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--border":"none","--color":"var(--t-color-status-"+r.color+"-text)","--background":"var(--t-color-status-"+r.color+")"}:o={"--border":"none","--color":"var(--t-color-text)","--background":r.color}:o={"--border":"none","--color":"var(--t-color-text)","--background":"var(--t-color-surface)"}),r.variant=="text"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--border":"none","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:o={"--border":"none","--color":r.color,"--background":"transparent"}:o={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),r.variant=="outline"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--border":"0.55px solid var(--t-color-status-"+r.color+")","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:o={"--border":"0.55px solid "+r.color,"--color":r.color,"--background":"transparent"}:o={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),o});return(o,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":r.activeBackground,rounded:r.rounded,block:r.block,["size-"+r.size]:!0}]),style:e.normalizeStyle(t.value)},[e.withDirectives(e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},void 0,!0)],512),[[e.vShow,!r.loading]]),r.loading?(e.openBlock(),e.createElementBlock("span",G,[e.createVNode(C,{color:"var(--color)",type:r.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-74d8380d"]]),H={key:0,class:"t-alert-header"},K={class:"t-alert-content"},X={class:"t-alert-footer"},v=_(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)},u=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:u},{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",H,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(c.$slots,"content",{},()=>[e.createElementVNode("div",K,e.toDisplayString(o.message),1)],!0),e.renderSlot(c.$slots,"footer",{},()=>[e.createElementVNode("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actions,d=>(e.openBlock(),e.createBlock(E,{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"]]),J=(n={})=>({open(){return new Promise(r=>{let t=document.body.querySelector(".t-app");if(!t)return;const o=document.createElement("div"),s=e.ref();t.appendChild(o);const a=e.createApp({render(){return e.h(v,{...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)})}}),Q=_(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)},u=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:u},{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(E,{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"]]),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(Q,{...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={class:"t-loading"},ee=_(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",Y,[e.renderSlot(l.$slots,"default",{},()=>[e.createVNode(C,{type:o.type},null,8,["type"])],!0)])]),_:3},8,["visible"]))}}),[["__scopeId","data-v-8f84c14e"]]),te=(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(ee,{...n,ref:r})}}),o.mount(s),setTimeout(()=>{r.value?.open?.(),a(!0)},50))})},close(){return new Promise(a=>{r.value?.close?.(),setTimeout(()=>{o?.unmount?.(),s?.remove?.(),a(!0)},300)})}}},I=e.ref(1e3),D={getNewIndex(){return I.value+=2,I.value}},B=e.reactive([]),g={screens:B,addScreen:n=>{B.push(n)},removeScreen:n=>{n||B.pop()},removeAllScreen:()=>{B.splice(0,B.length)},hasPrevious:e.computed(()=>B.length>1),currentScreen:e.computed(()=>B[B.length-1]),lastScreen:e.computed(()=>{if(!(B.length<2))return B[B.length-2]})},M=_(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)},u=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), 0.6)"}: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), 0.6)"}),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,...u.value})},e.toDisplayString(o.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-61960e03"]]),oe=(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(M,{...n,ref:o,onDismiss:()=>{setTimeout(()=>{s.unmount(),t.remove()},300)}})}});s.mount(t),setTimeout(()=>{o.value?.open?.()},50)}}),ne=e.ref(0);function x(){return{height:ne}}const re=_(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!0},placement:{default:"bottom"}},setup(n){const r=n,{height:t}=x();return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:r.keyboard&&e.unref(t)>0,[r.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":e.unref(t)+"px","--t-keyboard-transition":e.unref(t)>0?"0.3s":"0.1s"})},[e.renderSlot(o.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-ecb72421"]]),se=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))}}),ae={},le={class:"t-content"};function ce(n,r){return e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const A=_(ae,[["render",ce],["__scopeId","data-v-3fd76212"]]),P=80,ie=_(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=P,t("refresh",p)};return e.watch(()=>a.value,()=>{i&&i.destroy();let u=a.value.closest(".t-content");u&&(i=w.gesture(u,{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>P&&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()}),(u,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"]]),de={},pe={class:"t-screen"};function me(n,r){return e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const R=_(de,[["render",me],["__scopeId","data-v-c2a3436c"]]),fe=_(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)))},u=()=>{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?u():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=w.gesture(document.body,{isMoving:!1,beforeEvent(d){return!(i.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,L=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)`,L.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),L.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(R,{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-c652a864"]]),ue=_(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},safe:{type:Boolean,default:!0},size:{default:"50px"}},setup(n){const r=n;return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[r.placement]:!0,safe:r.safe}]),style:e.normalizeStyle({"--t-size-toolbar":r.size})},[e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-db1924b1"]]),_e=_(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(n){const r=T.useRouter(),t=n,o=()=>{g.hasPrevious.value?r?.back?.():t.to&&r?.push?.(t.to)};return(s,a)=>s.to||e.unref(g).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:o},[e.renderSlot(s.$slots,"default",{},()=>[a[0]||(a[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-ed626a3d"]]),z=_(e.defineComponent({__name:"t-text",props:{color:{default:"var(--t-color-text)"},size:{default:"standard"}},setup(n){const r=n,t=e.computed(()=>{let o,s=r.color;return r.size=="standard"?o="var(--t-fs-10)":r.size=="small"?o="var(--t-fs-08)":r.size=="large"?o="var(--t-fs-12)":o=r.size,["warning","info","danger","primary","secondary","success"].includes(r.color)&&(s=`var(--t-color-status-${r.color})`),{"--color":s,"--font-size":o}});return(o,s)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(t.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-f0f94f05"]]),q=_(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(n){return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[r.placement]:!0}])},null,2))}}),[["__scopeId","data-v-daa38c85"]]),ke=_(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-color-surface)"},visible:{type:Boolean,default:!1},gesture:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},placement:{default:"bottom"},keepalive:{type:Boolean,default:!0},backdrop:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},radius:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(n,{emit:r}){const t=n,o=r,s=e.ref(),a=e.ref(),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)},u=()=>{i.value=!0,setTimeout(()=>{i.value=!1},300)};return e.watch(()=>s.value,c=>{c&&(l=w.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}){u(),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,u(),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,u(),a.value.open()}}))}),e.onUnmounted(()=>{l&&l.destroy()}),(c,k)=>(e.openBlock(),e.createBlock(S,{ref_key:"present",ref:a,placement:t.placement,backdrop:c.backdrop,visible:t.visible,keepalive:t.keepalive,onDismiss:f},{default:e.withCtx(()=>[t.gesture&&t.placement!="center"?(e.openBlock(),e.createBlock(q,{key:0,placement:t.placement},null,8,["placement"])):e.createCommentVNode("",!0),t.closeButton&&t.placement=="center"?(e.openBlock(),e.createElementBlock("button",{key:1,class:"t-sheet-close",onClick: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,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-0ff00a13"]]),ye={class:"t-input-label"},ge={class:"t-input-content"},he=["type","placeholder","value"],be=_(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",ye,e.toDisplayString(a.label),1),e.createElementVNode("div",ge,[e.renderSlot(a.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:a.type,placeholder:a.placeholder,value:a.modelValue,onInput:s},null,40,he),e.renderSlot(a.$slots,"end",{},void 0,!0)])]),t.error?(e.openBlock(),e.createBlock(z,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.error),1)]),_:1})):t.help?(e.openBlock(),e.createBlock(z,{key:1,color:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-1a9425cf"]]),Be={};function $e(n,r){return e.openBlock(),e.createElementBlock("textarea")}const Se=_(Be,[["render",$e]]),Ce={};function Ee(n,r){return e.openBlock(),e.createElementBlock("div")}const we=_(Ce,[["render",Ee]]),Te={},xe={class:"t-grid"};function ze(n,r){return e.openBlock(),e.createElementBlock("div",xe)}const Ve=_(Te,[["render",ze]]),Ne={},ve={class:"t-grid-item"};function Ie(n,r){return e.openBlock(),e.createElementBlock("div",ve)}const De=_(Ne,[["render",Ie]]),Me=_(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"]]),Ae=_(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,u)=>(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},()=>[u[0]||(u[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},()=>[u[1]||(u[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-3268e9e3"]]),Pe=_(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"]]),Re={class:"t-collapse-title"},qe={key:0,class:"icon"},Le={key:1,class:"icon"},Oe={class:"t-collapse-content"},Fe=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",Re,[e.renderSlot(p.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])]),e.renderSlot(p.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",qe,[...f[0]||(f[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Le,[...f[1]||(f[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",Oe,[e.createElementVNode("div",{ref_key:"content",ref:i},[e.renderSlot(p.$slots,"content",{},()=>[e.renderSlot(p.$slots,"default")])],512)])],6))}}),We=_(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"]]),je=_(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(E,{variant:"text",onClick:s,size:e.unref(t).size,color:o.value&&e.unref(t).variant=="text"?e.unref(t).color:void 0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["size","color"])],2))}}),[["__scopeId","data-v-36c12a50"]]),Ue=_(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,u=p.offsetWidth/2;s.value=f+u-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,u=p.offsetHeight/2;s.value=f+u-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"]]),Ge=_(e.defineComponent({__name:"t-loading-app",setup(n){return(r,t)=>(e.openBlock(),e.createBlock(A,null,{default:e.withCtx(()=>[e.createVNode(C,{type:"spinner"})]),_:1}))}}),[["__scopeId","data-v-1436aa9f"]]),He={key:0},Ke={key:0,class:"t-checkbox-label"},Xe=_(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",He)):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",Ke,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-d558d0b0"]]),Je=_(e.defineComponent({__name:"t-keyboard",setup(n){const{height:r}=x();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"]]),Qe=()=>({install:n=>{O(),n.component("t-app",U),n.component("t-screen",R),n.component("t-swipe-screen",fe),n.component("t-cable",re),n.component("t-toolbar",ue),n.component("t-content",A),n.component("t-card",se),n.component("t-refresher",ie),n.component("t-button",E),n.component("t-back-button",_e),n.component("t-present",S),n.component("t-text",z),n.component("t-sheet",ke),n.component("t-pull-signal",q),n.component("t-input",be),n.component("t-textarea",Se),n.component("t-rich-text",we),n.component("t-grid",Ve),n.component("t-grid-item",De),n.component("t-divider",Me),n.component("t-toggle-password",Ae),n.component("t-loading-icon",C),n.component("t-alert",v),n.component("t-avatar",Pe),n.component("t-collapse",Fe),n.component("t-toast",M),n.component("t-switch",We),n.component("t-tab",je),n.component("t-tabs",Ue),n.component("t-loading-app",Ge),n.component("t-checkbox",Xe),n.component("t-keyboard",Je)}});h.blurCurrentActive=N,h.createAction=Z,h.createAlert=J,h.createLoading=te,h.createToast=oe,h.createToife=Qe,h.isFormElement=V,h.presentController=D,h.screenController=g,h.useKeyboard=x,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()})},_=(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=_(W,[["render",U]]),S=_(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"}},emits:["dismiss"],setup(n,{expose:r,emit:t}){const o=e.ref(0),s=e.ref(!1),a=e.ref(),i=e.ref(),l=n,p=t,f=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"}),c=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)},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}]),ref_key:"present",ref:i,style:e.normalizeStyle({...u,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({...u,zIndex:o.value-1})},null,4)),[[e.vShow,s.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-3d0c3227"]]),C=_(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={key:0,class:"loader"},w=_(e.defineComponent({__name:"t-button",props:{color:{default:null},size:{default:"standard"},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingType:{default:"spinner"},variant:{default:"default"},activeBackground:{type:Boolean,default:!1}},setup(n){const r=n,t=e.computed(()=>{let o;return r.variant=="default"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--border":"none","--color":"var(--t-color-status-"+r.color+"-text)","--background":"var(--t-color-status-"+r.color+")"}:o={"--border":"none","--color":"var(--t-color-text)","--background":r.color}:o={"--border":"none","--color":"var(--t-color-text)","--background":"var(--t-color-surface)"}),r.variant=="text"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--border":"none","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:o={"--border":"none","--color":r.color,"--background":"transparent"}:o={"--border":"none","--color":"var(--t-color-text)","--background":"transparent"}),r.variant=="outline"&&(r.color?["warning","info","danger","primary","secondary","success"].includes(r.color)?o={"--border":"0.55px solid var(--t-color-status-"+r.color+")","--color":"var(--t-color-status-"+r.color+")","--background":"transparent"}:o={"--border":"0.55px solid "+r.color,"--color":r.color,"--background":"transparent"}:o={"--border":"0.55px solid var(--t-color-text)","--color":"var(--t-color-text)","--background":"transparent"}),o});return(o,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":r.activeBackground,rounded:r.rounded,block:r.block,["size-"+r.size]:!0}]),style:e.normalizeStyle(t.value)},[e.withDirectives(e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},void 0,!0)],512),[[e.vShow,!r.loading]]),r.loading?(e.openBlock(),e.createElementBlock("span",H,[e.createVNode(C,{color:"var(--color)",type:r.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-74d8380d"]]),K={key:0,class:"t-alert-header"},X={class:"t-alert-content"},J={class:"t-alert-footer"},I=_(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)},u=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:u},{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",K,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(c.$slots,"content",{},()=>[e.createElementVNode("div",X,e.toDisplayString(o.message),1)],!0),e.renderSlot(c.$slots,"footer",{},()=>[e.createElementVNode("div",J,[(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"]]),Q=(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)})}}),Z=_(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)},u=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:u},{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"]]),Y=(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(Z,{...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)})}}),ee={class:"t-loading"},te=_(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",ee,[e.renderSlot(l.$slots,"default",{},()=>[e.createVNode(C,{type:o.type},null,8,["type"])],!0)])]),_:3},8,["visible"]))}}),[["__scopeId","data-v-8f84c14e"]]),oe=(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(te,{...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=_(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)},u=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), 0.6)"}: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), 0.6)"}),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,...u.value})},e.toDisplayString(o.message),7)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-61960e03"]]),ne=(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)}}),re=e.ref(0);function z(){return{height:re}}const se=_(e.defineComponent({__name:"t-cable",props:{keyboard:{type:Boolean,default:!0},placement:{default:"bottom"}},setup(n){const r=n,{height:t}=z();return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:r.keyboard&&e.unref(t)>0,[r.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":e.unref(t)+"px","--t-keyboard-transition":e.unref(t)>0?"0.3s":"0.1s"})},[e.renderSlot(o.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-ecb72421"]]),ae=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))}}),le={},ce={class:"t-content"};function ie(n,r){return e.openBlock(),e.createElementBlock("div",ce,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const P=_(le,[["render",ie],["__scopeId","data-v-3fd76212"]]),R=80,de=_(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 u=a.value.closest(".t-content");u&&(i=E.gesture(u,{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()}),(u,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"]]),pe={},me={class:"t-screen"};function fe(n,r){return e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const q=_(pe,[["render",fe],["__scopeId","data-v-c2a3436c"]]),ue=_(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)))},u=()=>{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?u():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"]]),_e=_(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},safe:{type:Boolean,default:!0},size:{default:"50px"}},setup(n){const r=n;return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[r.placement]:!0,safe:r.safe}]),style:e.normalizeStyle({"--t-size-toolbar":r.size})},[e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-db1924b1"]]),ke=_(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(n){const r=T.useRouter(),t=n,o=()=>{g.hasPrevious.value?r?.back?.():t.to&&r?.push?.(t.to)};return(s,a)=>s.to||e.unref(g).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:o},[e.renderSlot(s.$slots,"default",{},()=>[a[0]||(a[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-ed626a3d"]]),V=_(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=_(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(n){return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[r.placement]:!0}])},null,2))}}),[["__scopeId","data-v-daa38c85"]]),ye=_(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-color-surface)"},visible:{type:Boolean,default:!1},gesture:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},placement:{default:"bottom"},keepalive:{type:Boolean,default:!0},backdrop:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},radius:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(n,{emit:r}){const t=n,o=r,s=e.ref(),a=e.ref(),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)},u=()=>{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}){u(),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,u(),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,u(),a.value.open()}}))}),e.onUnmounted(()=>{l&&l.destroy()}),(c,k)=>(e.openBlock(),e.createBlock(S,{ref_key:"present",ref:a,placement:t.placement,backdrop:c.backdrop,visible:t.visible,keepalive:t.keepalive,onDismiss:f},{default:e.withCtx(()=>[t.gesture&&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,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-0ff00a13"]]),ge={class:"t-input-label"},he={class:"t-input-content"},be=["type","placeholder","value"],Be=_(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",ge,e.toDisplayString(a.label),1),e.createElementVNode("div",he,[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"]]),$e={};function Se(n,r){return e.openBlock(),e.createElementBlock("textarea")}const Ce=_($e,[["render",Se]]),we={};function Ee(n,r){return e.openBlock(),e.createElementBlock("div")}const Te=_(we,[["render",Ee]]),xe={},ze={class:"t-grid"};function Ve(n,r){return e.openBlock(),e.createElementBlock("div",ze)}const Ne=_(xe,[["render",Ve]]),ve={},Ie={class:"t-grid-item"};function De(n,r){return e.openBlock(),e.createElementBlock("div",Ie)}const Me=_(ve,[["render",De]]),Ae=_(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"]]),Pe=_(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,u)=>(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},()=>[u[0]||(u[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},()=>[u[1]||(u[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-3268e9e3"]]),Re=_(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"]]),qe={class:"t-collapse-title"},Le={key:0,class:"icon"},Oe={key:1,class:"icon"},Fe={class:"t-collapse-content"},We=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",qe,[e.renderSlot(p.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])]),e.renderSlot(p.$slots,"toggle",{},()=>[s.value?(e.openBlock(),e.createElementBlock("div",Le,[...f[0]||(f[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Oe,[...f[1]||(f[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",Fe,[e.createElementVNode("div",{ref_key:"content",ref:i},[e.renderSlot(p.$slots,"content",{},()=>[e.renderSlot(p.$slots,"default")])],512)])],6))}}),je=_(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"]]),Ue=_(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"]]),Ge=_(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,u=p.offsetWidth/2;s.value=f+u-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,u=p.offsetHeight/2;s.value=f+u-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"]]),He=_(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"]]),Ke={key:0},Xe={key:0,class:"t-checkbox-label"},Je=_(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",Ke)):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",Xe,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-d558d0b0"]]),Qe=_(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"]]),Ze=()=>({install:n=>{F(),n.component("t-app",G),n.component("t-screen",q),n.component("t-swipe-screen",ue),n.component("t-cable",se),n.component("t-toolbar",_e),n.component("t-content",P),n.component("t-card",ae),n.component("t-refresher",de),n.component("t-button",w),n.component("t-back-button",ke),n.component("t-present",S),n.component("t-text",V),n.component("t-sheet",ye),n.component("t-pull-signal",L),n.component("t-input",Be),n.component("t-textarea",Ce),n.component("t-rich-text",Te),n.component("t-grid",Ne),n.component("t-grid-item",Me),n.component("t-divider",Ae),n.component("t-toggle-password",Pe),n.component("t-loading-icon",C),n.component("t-alert",I),n.component("t-avatar",Re),n.component("t-collapse",We),n.component("t-toast",A),n.component("t-switch",je),n.component("t-tab",Ue),n.component("t-tabs",Ge),n.component("t-loading-app",He),n.component("t-checkbox",Je),n.component("t-keyboard",Qe)}});h.blurCurrentActive=v,h.createAction=Y,h.createAlert=Q,h.createLoading=oe,h.createToast=ne,h.createToife=Ze,h.isFormElement=N,h.presentController=M,h.screenController=g,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.19",
3
+ "version": "1.2.21",
4
4
  "description": "A Frontend framework for Vue",
5
5
  "type": "module",
6
6
  "main": "dist/index.umd.js",