vue3-steppy 1.1.0 → 1.2.0

package/README.md

@@ -29,6 +29,7 @@ You can try a live demo [here](https://laximas.github.io/vue3-steppy/)
   - Titles
   - Icons
   - Button text
+  - Circle size
 
 ## How To Use
 Install
@@ -58,7 +59,7 @@ API Props
 step: {
   type: Number,
   default: 1
-},
+}
 
 /**
  * Contains the steps with custom titles and icons.
@@ -89,7 +90,7 @@ tabs: {
       isValid: true
     }
   ])
-},
+}
 
 /**
  * Function that will run after all steps are completed (done button is clicked).
@@ -100,7 +101,7 @@ finalize: {
   default: function () {
     return {}
   }
-},
+}
 
 /**
  * Text for back button.
@@ -109,7 +110,7 @@ finalize: {
 backText: {
   type: String,
   default: 'Back'
-},
+}
 
 /**
  * Text for next button.
@@ -118,7 +119,7 @@ backText: {
 nextText: {
   type: String,
   default: 'Next'
-},
+}
 
 /**
  * Text for done button.
@@ -127,7 +128,7 @@ nextText: {
 doneText: {
   type: String,
   default: 'Done'
-},
+}
 
 /**
  * Show loading spinner on done button
@@ -136,27 +137,34 @@ doneText: {
 loading: {
   type: Boolean,
   default: false
-},
+}
 
 /**
  * Primary Color 1
  * @type {String}
  */
-,
 primaryColor1: {
   type: String,
   default: 'orange'
-},
+}
 
 /**
  * Primary Color 2
  * @type {String}
  */
-,
 primaryColor2: {
   type: String,
   default: '#fff'
 }
+
+/**
+ * Adjust the size of the circles
+ * @type {Number}
+ */
+circleSize: {
+  type: Number,
+  default: 68,
+}
 ```
 
 ## Dependencies

package/dist/assets/index-ac8c4e0f.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode("body[data-v-4a42d1bd]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-family:sans-serif}.tx-default-2[data-v-4a42d1bd]{color:var(--primaryColor1);font-weight:600}.wrapper-steppy[data-v-4a42d1bd]{padding:60px}.steppy[data-v-4a42d1bd]{display:flex;align-items:center;justify-content:space-between;width:auto;position:relative;z-index:0;margin-bottom:5px}.steppy-progress[data-v-4a42d1bd]{position:absolute;background-color:#c5c5c5;height:2px;z-index:-1;left:0;right:0;margin:0 auto}.steppy-progress-bar[data-v-4a42d1bd]{position:absolute;left:0;height:100%;width:0;background-color:var(--primaryColor1);transition:all .5s ease}.steppy-item[data-v-4a42d1bd]{display:flex;flex-direction:column;align-items:center;color:#c5c5c5;transition:all .5s ease}.steppy-item-counter[data-v-4a42d1bd]{height:68px;width:68px;display:grid;place-items:center;background-color:var(--primaryColor2);border-radius:100%;border:2px solid #c5c5c5;position:relative}.steppy-item-counter .icon-success[data-v-4a42d1bd]{position:absolute;opacity:0;transform:scale(0);width:24px;transition:all .5s ease}.steppy-item-counter .number[data-v-4a42d1bd]{font-size:22px;transition:all .5s ease}.steppy-item-title[data-v-4a42d1bd]{position:absolute;text-align:center;font-size:14px;bottom:-43px}.steppy-item.success .steppy-item-counter[data-v-4a42d1bd]{border-color:var(--primaryColor1);font-weight:600}.steppy-item.success .steppy-item-counter .icon-success[data-v-4a42d1bd]{opacity:1;transform:scale(1)}.steppy-item.success .steppy-item-counter .number[data-v-4a42d1bd]{opacity:0;transform:scale(0)}.steppy-item.success .steppy-item-title[data-v-4a42d1bd]{color:var(--primaryColor1)}.steppy-item.current .steppy-item-counter[data-v-4a42d1bd]{border-color:var(--primaryColor1);background-color:var(--primaryColor1);color:#fff;font-weight:600}.steppy-item.current .steppy-item-title[data-v-4a42d1bd]{color:#818181}.steppy-pane[data-v-4a42d1bd]{color:#333;text-align:center;background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 0 10px #0000004d;margin:60px 0 20px}.controls[data-v-4a42d1bd]{display:flex}.btn[data-v-4a42d1bd]{display:flex;justify-content:center;align-items:center;padding:6px 16px;text-align:center;vertical-align:middle;cursor:pointer;line-height:1.5;transition:all .15s;border-radius:4px;width:fit-content;font-size:.75rem;color:#333;background-color:#f0f0f0;border:1px solid #f0f0f0}.btn[data-v-4a42d1bd]:disabled{opacity:.5;pointer-events:none}.btn--default-2[data-v-4a42d1bd]{background-color:var(--primaryColor1);border-color:var(--primaryColor1);color:#fff;margin-left:auto}.loader[data-v-4a42d1bd]{width:20px;height:20px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-4a42d1bd 1s linear infinite}@keyframes rotation-4a42d1bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))s(r);new MutationObserver(r=>{for(const i of r)if(i.type==="childList")for(const l of i.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&s(l)}).observe(document,{childList:!0,subtree:!0});function n(r){const i={};return r.integrity&&(i.integrity=r.integrity),r.referrerpolicy&&(i.referrerPolicy=r.referrerpolicy),r.crossorigin==="use-credentials"?i.credentials="include":r.crossorigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function s(r){if(r.ep)return;r.ep=!0;const i=n(r);fetch(r.href,i)}})();function Cn(e,t){const n=Object.create(null),s=e.split(",");for(let r=0;r<s.length;r++)n[s[r]]=!0;return t?r=>!!n[r.toLowerCase()]:r=>!!n[r]}function Ye(e){if(I(e)){const t={};for(let n=0;n<e.length;n++){const s=e[n],r=z(s)?wr(s):Ye(s);if(r)for(const i in r)t[i]=r[i]}return t}else{if(z(e))return e;if(B(e))return e}}const br=/;(?![^(]*\))/g,yr=/:([^]+)/,xr=/\/\*.*?\*\//gs;function wr(e){const t={};return e.replace(xr,"").split(br).forEach(n=>{if(n){const s=n.split(yr);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function Ht(e){let t="";if(z(e))t=e;else if(I(e))for(let n=0;n<e.length;n++){const s=Ht(e[n]);s&&(t+=s+" ")}else if(B(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const Cr="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",Er=Cn(Cr);function ws(e){return!!e||e===""}const it=e=>z(e)?e:e==null?"":I(e)||B(e)&&(e.toString===Os||!M(e.toString))?JSON.stringify(e,Cs,2):String(e),Cs=(e,t)=>t&&t.__v_isRef?Cs(e,t.value):ke(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[s,r])=>(n[`${s} =>`]=r,n),{})}:Es(t)?{[`Set(${t.size})`]:[...t.values()]}:B(t)&&!I(t)&&!Ts(t)?String(t):t,L={},ze=[],ue=()=>{},vr=()=>!1,Or=/^on[^a-z]/,Dt=e=>Or.test(e),En=e=>e.startsWith("onUpdate:"),G=Object.assign,vn=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Tr=Object.prototype.hasOwnProperty,S=(e,t)=>Tr.call(e,t),I=Array.isArray,ke=e=>Lt(e)==="[object Map]",Es=e=>Lt(e)==="[object Set]",M=e=>typeof e=="function",z=e=>typeof e=="string",On=e=>typeof e=="symbol",B=e=>e!==null&&typeof e=="object",vs=e=>B(e)&&M(e.then)&&M(e.catch),Os=Object.prototype.toString,Lt=e=>Os.call(e),Ir=e=>Lt(e).slice(8,-1),Ts=e=>Lt(e)==="[object Object]",Tn=e=>z(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Pt=Cn(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Bt=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Pr=/-(\w)/g,Xe=Bt(e=>e.replace(Pr,(t,n)=>n?n.toUpperCase():"")),Mr=/\B([A-Z])/g,et=Bt(e=>e.replace(Mr,"-$1").toLowerCase()),Is=Bt(e=>e.charAt(0).toUpperCase()+e.slice(1)),en=Bt(e=>e?`on${Is(e)}`:""),at=(e,t)=>!Object.is(e,t),tn=(e,t)=>{for(let n=0;n<e.length;n++)e[n](t)},St=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},Ar=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let kn;const Fr=()=>kn||(kn=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});let oe;class Rr{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this.parent=oe,!t&&oe&&(this.index=(oe.scopes||(oe.scopes=[])).push(this)-1)}get active(){return this._active}run(t){if(this._active){const n=oe;try{return oe=this,t()}finally{oe=n}}}on(){oe=this}off(){oe=this.parent}stop(t){if(this._active){let n,s;for(n=0,s=this.effects.length;n<s;n++)this.effects[n].stop();for(n=0,s=this.cleanups.length;n<s;n++)this.cleanups[n]();if(this.scopes)for(n=0,s=this.scopes.length;n<s;n++)this.scopes[n].stop(!0);if(!this.detached&&this.parent&&!t){const r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this._active=!1}}}function Sr(e,t=oe){t&&t.active&&t.effects.push(e)}function Nr(){return oe}const In=e=>{const t=new Set(e);return t.w=0,t.n=0,t},Ps=e=>(e.w&Me)>0,Ms=e=>(e.n&Me)>0,jr=({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=Me},$r=e=>{const{deps:t}=e;if(t.length){let n=0;for(let s=0;s<t.length;s++){const r=t[s];Ps(r)&&!Ms(r)?r.delete(e):t[n++]=r,r.w&=~Me,r.n&=~Me}t.length=n}},fn=new WeakMap;let ot=0,Me=1;const un=30;let ce;const Be=Symbol(""),an=Symbol("");class Pn{constructor(t,n=null,s){this.fn=t,this.scheduler=n,this.active=!0,this.deps=[],this.parent=void 0,Sr(this,s)}run(){if(!this.active)return this.fn();let t=ce,n=Ie;for(;t;){if(t===this)return;t=t.parent}try{return this.parent=ce,ce=this,Ie=!0,Me=1<<++ot,ot<=un?jr(this):Vn(this),this.fn()}finally{ot<=un&&$r(this),Me=1<<--ot,ce=this.parent,Ie=n,this.parent=void 0,this.deferStop&&this.stop()}}stop(){ce===this?this.deferStop=!0:this.active&&(Vn(this),this.onStop&&this.onStop(),this.active=!1)}}function Vn(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let Ie=!0;const As=[];function tt(){As.push(Ie),Ie=!1}function nt(){const e=As.pop();Ie=e===void 0?!0:e}function ne(e,t,n){if(Ie&&ce){let s=fn.get(e);s||fn.set(e,s=new Map);let r=s.get(n);r||s.set(n,r=In()),Fs(r)}}function Fs(e,t){let n=!1;ot<=un?Ms(e)||(e.n|=Me,n=!Ps(e)):n=!e.has(ce),n&&(e.add(ce),ce.deps.push(e))}function we(e,t,n,s,r,i){const l=fn.get(e);if(!l)return;let c=[];if(t==="clear")c=[...l.values()];else if(n==="length"&&I(e)){const u=Number(s);l.forEach((d,m)=>{(m==="length"||m>=u)&&c.push(d)})}else switch(n!==void 0&&c.push(l.get(n)),t){case"add":I(e)?Tn(n)&&c.push(l.get("length")):(c.push(l.get(Be)),ke(e)&&c.push(l.get(an)));break;case"delete":I(e)||(c.push(l.get(Be)),ke(e)&&c.push(l.get(an)));break;case"set":ke(e)&&c.push(l.get(Be));break}if(c.length===1)c[0]&&dn(c[0]);else{const u=[];for(const d of c)d&&u.push(...d);dn(In(u))}}function dn(e,t){const n=I(e)?e:[...e];for(const s of n)s.computed&&Jn(s);for(const s of n)s.computed||Jn(s)}function Jn(e,t){(e!==ce||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}const Hr=Cn("__proto__,__v_isRef,__isVue"),Rs=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(On)),Dr=Mn(),Lr=Mn(!1,!0),Br=Mn(!0),Yn=Ur();function Ur(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const s=N(this);for(let i=0,l=this.length;i<l;i++)ne(s,"get",i+"");const r=s[t](...n);return r===-1||r===!1?s[t](...n.map(N)):r}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...n){tt();const s=N(this)[t].apply(this,n);return nt(),s}}),e}function Kr(e){const t=N(this);return ne(t,"has",e),t.hasOwnProperty(e)}function Mn(e=!1,t=!1){return function(s,r,i){if(r==="__v_isReactive")return!e;if(r==="__v_isReadonly")return e;if(r==="__v_isShallow")return t;if(r==="__v_raw"&&i===(e?t?ri:Hs:t?$s:js).get(s))return s;const l=I(s);if(!e){if(l&&S(Yn,r))return Reflect.get(Yn,r,i);if(r==="hasOwnProperty")return Kr}const c=Reflect.get(s,r,i);return(On(r)?Rs.has(r):Hr(r))||(e||ne(s,"get",r),t)?c:Y(c)?l&&Tn(r)?c:c.value:B(c)?e?Ds(c):Kt(c):c}}const Wr=Ss(),qr=Ss(!0);function Ss(e=!1){return function(n,s,r,i){let l=n[s];if(Ze(l)&&Y(l)&&!Y(r))return!1;if(!e&&(!Nt(r)&&!Ze(r)&&(l=N(l),r=N(r)),!I(n)&&Y(l)&&!Y(r)))return l.value=r,!0;const c=I(n)&&Tn(s)?Number(s)<n.length:S(n,s),u=Reflect.set(n,s,r,i);return n===N(i)&&(c?at(r,l)&&we(n,"set",s,r):we(n,"add",s,r)),u}}function zr(e,t){const n=S(e,t);e[t];const s=Reflect.deleteProperty(e,t);return s&&n&&we(e,"delete",t,void 0),s}function kr(e,t){const n=Reflect.has(e,t);return(!On(t)||!Rs.has(t))&&ne(e,"has",t),n}function Vr(e){return ne(e,"iterate",I(e)?"length":Be),Reflect.ownKeys(e)}const Ns={get:Dr,set:Wr,deleteProperty:zr,has:kr,ownKeys:Vr},Jr={get:Br,set(e,t){return!0},deleteProperty(e,t){return!0}},Yr=G({},Ns,{get:Lr,set:qr}),An=e=>e,Ut=e=>Reflect.getPrototypeOf(e);function Ct(e,t,n=!1,s=!1){e=e.__v_raw;const r=N(e),i=N(t);n||(t!==i&&ne(r,"get",t),ne(r,"get",i));const{has:l}=Ut(r),c=s?An:n?Sn:dt;if(l.call(r,t))return c(e.get(t));if(l.call(r,i))return c(e.get(i));e!==r&&e.get(t)}function Et(e,t=!1){const n=this.__v_raw,s=N(n),r=N(e);return t||(e!==r&&ne(s,"has",e),ne(s,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function vt(e,t=!1){return e=e.__v_raw,!t&&ne(N(e),"iterate",Be),Reflect.get(e,"size",e)}function Xn(e){e=N(e);const t=N(this);return Ut(t).has.call(t,e)||(t.add(e),we(t,"add",e,e)),this}function Zn(e,t){t=N(t);const n=N(this),{has:s,get:r}=Ut(n);let i=s.call(n,e);i||(e=N(e),i=s.call(n,e));const l=r.call(n,e);return n.set(e,t),i?at(t,l)&&we(n,"set",e,t):we(n,"add",e,t),this}function Qn(e){const t=N(this),{has:n,get:s}=Ut(t);let r=n.call(t,e);r||(e=N(e),r=n.call(t,e)),s&&s.call(t,e);const i=t.delete(e);return r&&we(t,"delete",e,void 0),i}function Gn(){const e=N(this),t=e.size!==0,n=e.clear();return t&&we(e,"clear",void 0,void 0),n}function Ot(e,t){return function(s,r){const i=this,l=i.__v_raw,c=N(l),u=t?An:e?Sn:dt;return!e&&ne(c,"iterate",Be),l.forEach((d,m)=>s.call(r,u(d),u(m),i))}}function Tt(e,t,n){return function(...s){const r=this.__v_raw,i=N(r),l=ke(i),c=e==="entries"||e===Symbol.iterator&&l,u=e==="keys"&&l,d=r[e](...s),m=n?An:t?Sn:dt;return!t&&ne(i,"iterate",u?an:Be),{next(){const{value:w,done:E}=d.next();return E?{value:w,done:E}:{value:c?[m(w[0]),m(w[1])]:m(w),done:E}},[Symbol.iterator](){return this}}}}function Oe(e){return function(...t){return e==="delete"?!1:this}}function Xr(){const e={get(i){return Ct(this,i)},get size(){return vt(this)},has:Et,add:Xn,set:Zn,delete:Qn,clear:Gn,forEach:Ot(!1,!1)},t={get(i){return Ct(this,i,!1,!0)},get size(){return vt(this)},has:Et,add:Xn,set:Zn,delete:Qn,clear:Gn,forEach:Ot(!1,!0)},n={get(i){return Ct(this,i,!0)},get size(){return vt(this,!0)},has(i){return Et.call(this,i,!0)},add:Oe("add"),set:Oe("set"),delete:Oe("delete"),clear:Oe("clear"),forEach:Ot(!0,!1)},s={get(i){return Ct(this,i,!0,!0)},get size(){return vt(this,!0)},has(i){return Et.call(this,i,!0)},add:Oe("add"),set:Oe("set"),delete:Oe("delete"),clear:Oe("clear"),forEach:Ot(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=Tt(i,!1,!1),n[i]=Tt(i,!0,!1),t[i]=Tt(i,!1,!0),s[i]=Tt(i,!0,!0)}),[e,n,t,s]}const[Zr,Qr,Gr,ei]=Xr();function Fn(e,t){const n=t?e?ei:Gr:e?Qr:Zr;return(s,r,i)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?s:Reflect.get(S(n,r)&&r in s?n:s,r,i)}const ti={get:Fn(!1,!1)},ni={get:Fn(!1,!0)},si={get:Fn(!0,!1)},js=new WeakMap,$s=new WeakMap,Hs=new WeakMap,ri=new WeakMap;function ii(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function li(e){return e.__v_skip||!Object.isExtensible(e)?0:ii(Ir(e))}function Kt(e){return Ze(e)?e:Rn(e,!1,Ns,ti,js)}function oi(e){return Rn(e,!1,Yr,ni,$s)}function Ds(e){return Rn(e,!0,Jr,si,Hs)}function Rn(e,t,n,s,r){if(!B(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=r.get(e);if(i)return i;const l=li(e);if(l===0)return e;const c=new Proxy(e,l===2?s:n);return r.set(e,c),c}function Ve(e){return Ze(e)?Ve(e.__v_raw):!!(e&&e.__v_isReactive)}function Ze(e){return!!(e&&e.__v_isReadonly)}function Nt(e){return!!(e&&e.__v_isShallow)}function Ls(e){return Ve(e)||Ze(e)}function N(e){const t=e&&e.__v_raw;return t?N(t):e}function Bs(e){return St(e,"__v_skip",!0),e}const dt=e=>B(e)?Kt(e):e,Sn=e=>B(e)?Ds(e):e;function Us(e){Ie&&ce&&(e=N(e),Fs(e.dep||(e.dep=In())))}function Ks(e,t){e=N(e);const n=e.dep;n&&dn(n)}function Y(e){return!!(e&&e.__v_isRef===!0)}function es(e){return ci(e,!1)}function ci(e,t){return Y(e)?e:new fi(e,t)}class fi{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:N(t),this._value=n?t:dt(t)}get value(){return Us(this),this._value}set value(t){const n=this.__v_isShallow||Nt(t)||Ze(t);t=n?t:N(t),at(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:dt(t),Ks(this))}}function pn(e){return Y(e)?e.value:e}const ui={get:(e,t,n)=>pn(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const r=e[t];return Y(r)&&!Y(n)?(r.value=n,!0):Reflect.set(e,t,n,s)}};function Ws(e){return Ve(e)?e:new Proxy(e,ui)}var qs;class ai{constructor(t,n,s,r){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this[qs]=!1,this._dirty=!0,this.effect=new Pn(t,()=>{this._dirty||(this._dirty=!0,Ks(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=s}get value(){const t=N(this);return Us(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}qs="__v_isReadonly";function di(e,t,n=!1){let s,r;const i=M(e);return i?(s=e,r=ue):(s=e.get,r=e.set),new ai(s,r,i||!r,n)}function Pe(e,t,n,s){let r;try{r=s?e(...s):e()}catch(i){Wt(i,t,n)}return r}function ae(e,t,n,s){if(M(e)){const i=Pe(e,t,n,s);return i&&vs(i)&&i.catch(l=>{Wt(l,t,n)}),i}const r=[];for(let i=0;i<e.length;i++)r.push(ae(e[i],t,n,s));return r}function Wt(e,t,n,s=!0){const r=t?t.vnode:null;if(t){let i=t.parent;const l=t.proxy,c=n;for(;i;){const d=i.ec;if(d){for(let m=0;m<d.length;m++)if(d[m](e,l,c)===!1)return}i=i.parent}const u=t.appContext.config.errorHandler;if(u){Pe(u,null,10,[e,l,c]);return}}pi(e,n,r,s)}function pi(e,t,n,s=!0){console.error(e)}let pt=!1,hn=!1;const J=[];let _e=0;const Je=[];let xe=null,De=0;const zs=Promise.resolve();let Nn=null;function hi(e){const t=Nn||zs;return e?t.then(this?e.bind(this):e):t}function gi(e){let t=_e+1,n=J.length;for(;t<n;){const s=t+n>>>1;ht(J[s])<e?t=s+1:n=s}return t}function jn(e){(!J.length||!J.includes(e,pt&&e.allowRecurse?_e+1:_e))&&(e.id==null?J.push(e):J.splice(gi(e.id),0,e),ks())}function ks(){!pt&&!hn&&(hn=!0,Nn=zs.then(Js))}function mi(e){const t=J.indexOf(e);t>_e&&J.splice(t,1)}function _i(e){I(e)?Je.push(...e):(!xe||!xe.includes(e,e.allowRecurse?De+1:De))&&Je.push(e),ks()}function ts(e,t=pt?_e+1:0){for(;t<J.length;t++){const n=J[t];n&&n.pre&&(J.splice(t,1),t--,n())}}function Vs(e){if(Je.length){const t=[...new Set(Je)];if(Je.length=0,xe){xe.push(...t);return}for(xe=t,xe.sort((n,s)=>ht(n)-ht(s)),De=0;De<xe.length;De++)xe[De]();xe=null,De=0}}const ht=e=>e.id==null?1/0:e.id,bi=(e,t)=>{const n=ht(e)-ht(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function Js(e){hn=!1,pt=!0,J.sort(bi);const t=ue;try{for(_e=0;_e<J.length;_e++){const n=J[_e];n&&n.active!==!1&&Pe(n,null,14)}}finally{_e=0,J.length=0,Vs(),pt=!1,Nn=null,(J.length||Je.length)&&Js()}}function yi(e,t,...n){if(e.isUnmounted)return;const s=e.vnode.props||L;let r=n;const i=t.startsWith("update:"),l=i&&t.slice(7);if(l&&l in s){const m=`${l==="modelValue"?"model":l}Modifiers`,{number:w,trim:E}=s[m]||L;E&&(r=n.map(P=>z(P)?P.trim():P)),w&&(r=n.map(Ar))}let c,u=s[c=en(t)]||s[c=en(Xe(t))];!u&&i&&(u=s[c=en(et(t))]),u&&ae(u,e,6,r);const d=s[c+"Once"];if(d){if(!e.emitted)e.emitted={};else if(e.emitted[c])return;e.emitted[c]=!0,ae(d,e,6,r)}}function Ys(e,t,n=!1){const s=t.emitsCache,r=s.get(e);if(r!==void 0)return r;const i=e.emits;let l={},c=!1;if(!M(e)){const u=d=>{const m=Ys(d,t,!0);m&&(c=!0,G(l,m))};!n&&t.mixins.length&&t.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)}return!i&&!c?(B(e)&&s.set(e,null),null):(I(i)?i.forEach(u=>l[u]=null):G(l,i),B(e)&&s.set(e,l),l)}function qt(e,t){return!e||!Dt(t)?!1:(t=t.slice(2).replace(/Once$/,""),S(e,t[0].toLowerCase()+t.slice(1))||S(e,et(t))||S(e,t))}let te=null,Xs=null;function jt(e){const t=te;return te=e,Xs=e&&e.type.__scopeId||null,t}function Mt(e,t=te,n){if(!t||e._n)return e;const s=(...r)=>{s._d&&us(-1);const i=jt(t);let l;try{l=e(...r)}finally{jt(i),s._d&&us(1)}return l};return s._n=!0,s._c=!0,s._d=!0,s}function nn(e){const{type:t,vnode:n,proxy:s,withProxy:r,props:i,propsOptions:[l],slots:c,attrs:u,emit:d,render:m,renderCache:w,data:E,setupState:P,ctx:D,inheritAttrs:R}=e;let X,U;const Ee=jt(e);try{if(n.shapeFlag&4){const k=r||s;X=me(m.call(k,k,w,i,P,E,D)),U=u}else{const k=t;X=me(k.length>1?k(i,{attrs:u,slots:c,emit:d}):k(i,null)),U=t.props?u:xi(u)}}catch(k){ut.length=0,Wt(k,e,1),X=be(Ae)}let F=X;if(U&&R!==!1){const k=Object.keys(U),{shapeFlag:ve}=F;k.length&&ve&7&&(l&&k.some(En)&&(U=wi(U,l)),F=Qe(F,U))}return n.dirs&&(F=Qe(F),F.dirs=F.dirs?F.dirs.concat(n.dirs):n.dirs),n.transition&&(F.transition=n.transition),X=F,jt(Ee),X}const xi=e=>{let t;for(const n in e)(n==="class"||n==="style"||Dt(n))&&((t||(t={}))[n]=e[n]);return t},wi=(e,t)=>{const n={};for(const s in e)(!En(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function Ci(e,t,n){const{props:s,children:r,component:i}=e,{props:l,children:c,patchFlag:u}=t,d=i.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&u>=0){if(u&1024)return!0;if(u&16)return s?ns(s,l,d):!!l;if(u&8){const m=t.dynamicProps;for(let w=0;w<m.length;w++){const E=m[w];if(l[E]!==s[E]&&!qt(d,E))return!0}}}else return(r||c)&&(!c||!c.$stable)?!0:s===l?!1:s?l?ns(s,l,d):!0:!!l;return!1}function ns(e,t,n){const s=Object.keys(t);if(s.length!==Object.keys(e).length)return!0;for(let r=0;r<s.length;r++){const i=s[r];if(t[i]!==e[i]&&!qt(n,i))return!0}return!1}function Ei({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}const vi=e=>e.__isSuspense;function Oi(e,t){t&&t.pendingBranch?I(e)?t.effects.push(...e):t.effects.push(e):_i(e)}function Ti(e,t){if(q){let n=q.provides;const s=q.parent&&q.parent.provides;s===n&&(n=q.provides=Object.create(s)),n[e]=t}}function At(e,t,n=!1){const s=q||te;if(s){const r=s.parent==null?s.vnode.appContext&&s.vnode.appContext.provides:s.parent.provides;if(r&&e in r)return r[e];if(arguments.length>1)return n&&M(t)?t.call(s.proxy):t}}const It={};function sn(e,t,n){return Zs(e,t,n)}function Zs(e,t,{immediate:n,deep:s,flush:r,onTrack:i,onTrigger:l}=L){const c=Nr()===(q==null?void 0:q.scope)?q:null;let u,d=!1,m=!1;if(Y(e)?(u=()=>e.value,d=Nt(e)):Ve(e)?(u=()=>e,s=!0):I(e)?(m=!0,d=e.some(F=>Ve(F)||Nt(F)),u=()=>e.map(F=>{if(Y(F))return F.value;if(Ve(F))return qe(F);if(M(F))return Pe(F,c,2)})):M(e)?t?u=()=>Pe(e,c,2):u=()=>{if(!(c&&c.isUnmounted))return w&&w(),ae(e,c,3,[E])}:u=ue,t&&s){const F=u;u=()=>qe(F())}let w,E=F=>{w=U.onStop=()=>{Pe(F,c,4)}},P;if(mt)if(E=ue,t?n&&ae(t,c,3,[u(),m?[]:void 0,E]):u(),r==="sync"){const F=bl();P=F.__watcherHandles||(F.__watcherHandles=[])}else return ue;let D=m?new Array(e.length).fill(It):It;const R=()=>{if(U.active)if(t){const F=U.run();(s||d||(m?F.some((k,ve)=>at(k,D[ve])):at(F,D)))&&(w&&w(),ae(t,c,3,[F,D===It?void 0:m&&D[0]===It?[]:D,E]),D=F)}else U.run()};R.allowRecurse=!!t;let X;r==="sync"?X=R:r==="post"?X=()=>ee(R,c&&c.suspense):(R.pre=!0,c&&(R.id=c.uid),X=()=>jn(R));const U=new Pn(u,X);t?n?R():D=U.run():r==="post"?ee(U.run.bind(U),c&&c.suspense):U.run();const Ee=()=>{U.stop(),c&&c.scope&&vn(c.scope.effects,U)};return P&&P.push(Ee),Ee}function Ii(e,t,n){const s=this.proxy,r=z(e)?e.includes(".")?Qs(s,e):()=>s[e]:e.bind(s,s);let i;M(t)?i=t:(i=t.handler,n=t);const l=q;Ge(this);const c=Zs(r,i.bind(s),n);return l?Ge(l):Ue(),c}function Qs(e,t){const n=t.split(".");return()=>{let s=e;for(let r=0;r<n.length&&s;r++)s=s[n[r]];return s}}function qe(e,t){if(!B(e)||e.__v_skip||(t=t||new Set,t.has(e)))return e;if(t.add(e),Y(e))qe(e.value,t);else if(I(e))for(let n=0;n<e.length;n++)qe(e[n],t);else if(Es(e)||ke(e))e.forEach(n=>{qe(n,t)});else if(Ts(e))for(const n in e)qe(e[n],t);return e}const ct=e=>!!e.type.__asyncLoader,Gs=e=>e.type.__isKeepAlive;function Pi(e,t){er(e,"a",t)}function Mi(e,t){er(e,"da",t)}function er(e,t,n=q){const s=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(zt(t,s,n),n){let r=n.parent;for(;r&&r.parent;)Gs(r.parent.vnode)&&Ai(s,t,n,r),r=r.parent}}function Ai(e,t,n,s){const r=zt(t,e,s,!0);tr(()=>{vn(s[t],r)},n)}function zt(e,t,n=q,s=!1){if(n){const r=n[e]||(n[e]=[]),i=t.__weh||(t.__weh=(...l)=>{if(n.isUnmounted)return;tt(),Ge(n);const c=ae(t,n,e,l);return Ue(),nt(),c});return s?r.unshift(i):r.push(i),i}}const Ce=e=>(t,n=q)=>(!mt||e==="sp")&&zt(e,(...s)=>t(...s),n),Fi=Ce("bm"),Ri=Ce("m"),Si=Ce("bu"),Ni=Ce("u"),ji=Ce("bum"),tr=Ce("um"),$i=Ce("sp"),Hi=Ce("rtg"),Di=Ce("rtc");function Li(e,t=q){zt("ec",e,t)}function je(e,t,n,s){const r=e.dirs,i=t&&t.dirs;for(let l=0;l<r.length;l++){const c=r[l];i&&(c.oldValue=i[l].value);let u=c.dir[s];u&&(tt(),ae(u,n,8,[e.el,c,e,t]),nt())}}const Bi=Symbol();function ss(e,t,n,s){let r;const i=n&&n[s];if(I(e)||z(e)){r=new Array(e.length);for(let l=0,c=e.length;l<c;l++)r[l]=t(e[l],l,void 0,i&&i[l])}else if(typeof e=="number"){r=new Array(e);for(let l=0;l<e;l++)r[l]=t(l+1,l,void 0,i&&i[l])}else if(B(e))if(e[Symbol.iterator])r=Array.from(e,(l,c)=>t(l,c,void 0,i&&i[c]));else{const l=Object.keys(e);r=new Array(l.length);for(let c=0,u=l.length;c<u;c++){const d=l[c];r[c]=t(e[d],d,c,i&&i[c])}}else r=[];return n&&(n[s]=r),r}function Ui(e,t,n={},s,r){if(te.isCE||te.parent&&ct(te.parent)&&te.parent.isCE)return t!=="default"&&(n.name=t),be("slot",n,s&&s());let i=e[t];i&&i._c&&(i._d=!1),V();const l=i&&nr(i(n)),c=Vt(ie,{key:n.key||l&&l.key||`_${t}`},l||(s?s():[]),l&&e._===1?64:-2);return!r&&c.scopeId&&(c.slotScopeIds=[c.scopeId+"-s"]),i&&i._c&&(i._d=!0),c}function nr(e){return e.some(t=>dr(t)?!(t.type===Ae||t.type===ie&&!nr(t.children)):!0)?e:null}const gn=e=>e?hr(e)?Ln(e)||e.proxy:gn(e.parent):null,ft=G(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>gn(e.parent),$root:e=>gn(e.root),$emit:e=>e.emit,$options:e=>$n(e),$forceUpdate:e=>e.f||(e.f=()=>jn(e.update)),$nextTick:e=>e.n||(e.n=hi.bind(e.proxy)),$watch:e=>Ii.bind(e)}),rn=(e,t)=>e!==L&&!e.__isScriptSetup&&S(e,t),Ki={get({_:e},t){const{ctx:n,setupState:s,data:r,props:i,accessCache:l,type:c,appContext:u}=e;let d;if(t[0]!=="$"){const P=l[t];if(P!==void 0)switch(P){case 1:return s[t];case 2:return r[t];case 4:return n[t];case 3:return i[t]}else{if(rn(s,t))return l[t]=1,s[t];if(r!==L&&S(r,t))return l[t]=2,r[t];if((d=e.propsOptions[0])&&S(d,t))return l[t]=3,i[t];if(n!==L&&S(n,t))return l[t]=4,n[t];mn&&(l[t]=0)}}const m=ft[t];let w,E;if(m)return t==="$attrs"&&ne(e,"get",t),m(e);if((w=c.__cssModules)&&(w=w[t]))return w;if(n!==L&&S(n,t))return l[t]=4,n[t];if(E=u.config.globalProperties,S(E,t))return E[t]},set({_:e},t,n){const{data:s,setupState:r,ctx:i}=e;return rn(r,t)?(r[t]=n,!0):s!==L&&S(s,t)?(s[t]=n,!0):S(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:r,propsOptions:i}},l){let c;return!!n[l]||e!==L&&S(e,l)||rn(t,l)||(c=i[0])&&S(c,l)||S(s,l)||S(ft,l)||S(r.config.globalProperties,l)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:S(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};let mn=!0;function Wi(e){const t=$n(e),n=e.proxy,s=e.ctx;mn=!1,t.beforeCreate&&rs(t.beforeCreate,e,"bc");const{data:r,computed:i,methods:l,watch:c,provide:u,inject:d,created:m,beforeMount:w,mounted:E,beforeUpdate:P,updated:D,activated:R,deactivated:X,beforeDestroy:U,beforeUnmount:Ee,destroyed:F,unmounted:k,render:ve,renderTracked:Yt,renderTriggered:_t,errorCaptured:Fe,serverPrefetch:Xt,expose:Re,inheritAttrs:st,components:bt,directives:yt,filters:Zt}=t;if(d&&qi(d,s,null,e.appContext.config.unwrapInjectedRef),l)for(const K in l){const $=l[K];M($)&&(s[K]=$.bind(n))}if(r){const K=r.call(n,n);B(K)&&(e.data=Kt(K))}if(mn=!0,i)for(const K in i){const $=i[K],Se=M($)?$.bind(n,n):M($.get)?$.get.bind(n,n):ue,xt=!M($)&&M($.set)?$.set.bind(n):ue,Ne=xn({get:Se,set:xt});Object.defineProperty(s,K,{enumerable:!0,configurable:!0,get:()=>Ne.value,set:de=>Ne.value=de})}if(c)for(const K in c)sr(c[K],s,n,K);if(u){const K=M(u)?u.call(n):u;Reflect.ownKeys(K).forEach($=>{Ti($,K[$])})}m&&rs(m,e,"c");function Z(K,$){I($)?$.forEach(Se=>K(Se.bind(n))):$&&K($.bind(n))}if(Z(Fi,w),Z(Ri,E),Z(Si,P),Z(Ni,D),Z(Pi,R),Z(Mi,X),Z(Li,Fe),Z(Di,Yt),Z(Hi,_t),Z(ji,Ee),Z(tr,k),Z($i,Xt),I(Re))if(Re.length){const K=e.exposed||(e.exposed={});Re.forEach($=>{Object.defineProperty(K,$,{get:()=>n[$],set:Se=>n[$]=Se})})}else e.exposed||(e.exposed={});ve&&e.render===ue&&(e.render=ve),st!=null&&(e.inheritAttrs=st),bt&&(e.components=bt),yt&&(e.directives=yt)}function qi(e,t,n=ue,s=!1){I(e)&&(e=_n(e));for(const r in e){const i=e[r];let l;B(i)?"default"in i?l=At(i.from||r,i.default,!0):l=At(i.from||r):l=At(i),Y(l)&&s?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>l.value,set:c=>l.value=c}):t[r]=l}}function rs(e,t,n){ae(I(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function sr(e,t,n,s){const r=s.includes(".")?Qs(n,s):()=>n[s];if(z(e)){const i=t[e];M(i)&&sn(r,i)}else if(M(e))sn(r,e.bind(n));else if(B(e))if(I(e))e.forEach(i=>sr(i,t,n,s));else{const i=M(e.handler)?e.handler.bind(n):t[e.handler];M(i)&&sn(r,i,e)}}function $n(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:r,optionsCache:i,config:{optionMergeStrategies:l}}=e.appContext,c=i.get(t);let u;return c?u=c:!r.length&&!n&&!s?u=t:(u={},r.length&&r.forEach(d=>$t(u,d,l,!0)),$t(u,t,l)),B(t)&&i.set(t,u),u}function $t(e,t,n,s=!1){const{mixins:r,extends:i}=t;i&&$t(e,i,n,!0),r&&r.forEach(l=>$t(e,l,n,!0));for(const l in t)if(!(s&&l==="expose")){const c=zi[l]||n&&n[l];e[l]=c?c(e[l],t[l]):t[l]}return e}const zi={data:is,props:He,emits:He,methods:He,computed:He,beforeCreate:Q,created:Q,beforeMount:Q,mounted:Q,beforeUpdate:Q,updated:Q,beforeDestroy:Q,beforeUnmount:Q,destroyed:Q,unmounted:Q,activated:Q,deactivated:Q,errorCaptured:Q,serverPrefetch:Q,components:He,directives:He,watch:Vi,provide:is,inject:ki};function is(e,t){return t?e?function(){return G(M(e)?e.call(this,this):e,M(t)?t.call(this,this):t)}:t:e}function ki(e,t){return He(_n(e),_n(t))}function _n(e){if(I(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function Q(e,t){return e?[...new Set([].concat(e,t))]:t}function He(e,t){return e?G(G(Object.create(null),e),t):t}function Vi(e,t){if(!e)return t;if(!t)return e;const n=G(Object.create(null),e);for(const s in t)n[s]=Q(e[s],t[s]);return n}function Ji(e,t,n,s=!1){const r={},i={};St(i,Jt,1),e.propsDefaults=Object.create(null),rr(e,t,r,i);for(const l in e.propsOptions[0])l in r||(r[l]=void 0);n?e.props=s?r:oi(r):e.type.props?e.props=r:e.props=i,e.attrs=i}function Yi(e,t,n,s){const{props:r,attrs:i,vnode:{patchFlag:l}}=e,c=N(r),[u]=e.propsOptions;let d=!1;if((s||l>0)&&!(l&16)){if(l&8){const m=e.vnode.dynamicProps;for(let w=0;w<m.length;w++){let E=m[w];if(qt(e.emitsOptions,E))continue;const P=t[E];if(u)if(S(i,E))P!==i[E]&&(i[E]=P,d=!0);else{const D=Xe(E);r[D]=bn(u,c,D,P,e,!1)}else P!==i[E]&&(i[E]=P,d=!0)}}}else{rr(e,t,r,i)&&(d=!0);let m;for(const w in c)(!t||!S(t,w)&&((m=et(w))===w||!S(t,m)))&&(u?n&&(n[w]!==void 0||n[m]!==void 0)&&(r[w]=bn(u,c,w,void 0,e,!0)):delete r[w]);if(i!==c)for(const w in i)(!t||!S(t,w))&&(delete i[w],d=!0)}d&&we(e,"set","$attrs")}function rr(e,t,n,s){const[r,i]=e.propsOptions;let l=!1,c;if(t)for(let u in t){if(Pt(u))continue;const d=t[u];let m;r&&S(r,m=Xe(u))?!i||!i.includes(m)?n[m]=d:(c||(c={}))[m]=d:qt(e.emitsOptions,u)||(!(u in s)||d!==s[u])&&(s[u]=d,l=!0)}if(i){const u=N(n),d=c||L;for(let m=0;m<i.length;m++){const w=i[m];n[w]=bn(r,u,w,d[w],e,!S(d,w))}}return l}function bn(e,t,n,s,r,i){const l=e[n];if(l!=null){const c=S(l,"default");if(c&&s===void 0){const u=l.default;if(l.type!==Function&&M(u)){const{propsDefaults:d}=r;n in d?s=d[n]:(Ge(r),s=d[n]=u.call(null,t),Ue())}else s=u}l[0]&&(i&&!c?s=!1:l[1]&&(s===""||s===et(n))&&(s=!0))}return s}function ir(e,t,n=!1){const s=t.propsCache,r=s.get(e);if(r)return r;const i=e.props,l={},c=[];let u=!1;if(!M(e)){const m=w=>{u=!0;const[E,P]=ir(w,t,!0);G(l,E),P&&c.push(...P)};!n&&t.mixins.length&&t.mixins.forEach(m),e.extends&&m(e.extends),e.mixins&&e.mixins.forEach(m)}if(!i&&!u)return B(e)&&s.set(e,ze),ze;if(I(i))for(let m=0;m<i.length;m++){const w=Xe(i[m]);ls(w)&&(l[w]=L)}else if(i)for(const m in i){const w=Xe(m);if(ls(w)){const E=i[m],P=l[w]=I(E)||M(E)?{type:E}:Object.assign({},E);if(P){const D=fs(Boolean,P.type),R=fs(String,P.type);P[0]=D>-1,P[1]=R<0||D<R,(D>-1||S(P,"default"))&&c.push(w)}}}const d=[l,c];return B(e)&&s.set(e,d),d}function ls(e){return e[0]!=="$"}function os(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function cs(e,t){return os(e)===os(t)}function fs(e,t){return I(t)?t.findIndex(n=>cs(n,e)):M(t)&&cs(t,e)?0:-1}const lr=e=>e[0]==="_"||e==="$stable",Hn=e=>I(e)?e.map(me):[me(e)],Xi=(e,t,n)=>{if(t._n)return t;const s=Mt((...r)=>Hn(t(...r)),n);return s._c=!1,s},or=(e,t,n)=>{const s=e._ctx;for(const r in e){if(lr(r))continue;const i=e[r];if(M(i))t[r]=Xi(r,i,s);else if(i!=null){const l=Hn(i);t[r]=()=>l}}},cr=(e,t)=>{const n=Hn(t);e.slots.default=()=>n},Zi=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=N(t),St(t,"_",n)):or(t,e.slots={})}else e.slots={},t&&cr(e,t);St(e.slots,Jt,1)},Qi=(e,t,n)=>{const{vnode:s,slots:r}=e;let i=!0,l=L;if(s.shapeFlag&32){const c=t._;c?n&&c===1?i=!1:(G(r,t),!n&&c===1&&delete r._):(i=!t.$stable,or(t,r)),l=t}else t&&(cr(e,t),l={default:1});if(i)for(const c in r)!lr(c)&&!(c in l)&&delete r[c]};function fr(){return{app:null,config:{isNativeTag:vr,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let Gi=0;function el(e,t){return function(s,r=null){M(s)||(s=Object.assign({},s)),r!=null&&!B(r)&&(r=null);const i=fr(),l=new Set;let c=!1;const u=i.app={_uid:Gi++,_component:s,_props:r,_container:null,_context:i,_instance:null,version:yl,get config(){return i.config},set config(d){},use(d,...m){return l.has(d)||(d&&M(d.install)?(l.add(d),d.install(u,...m)):M(d)&&(l.add(d),d(u,...m))),u},mixin(d){return i.mixins.includes(d)||i.mixins.push(d),u},component(d,m){return m?(i.components[d]=m,u):i.components[d]},directive(d,m){return m?(i.directives[d]=m,u):i.directives[d]},mount(d,m,w){if(!c){const E=be(s,r);return E.appContext=i,m&&t?t(E,d):e(E,d,w),c=!0,u._container=d,d.__vue_app__=u,Ln(E.component)||E.component.proxy}},unmount(){c&&(e(null,u._container),delete u._container.__vue_app__)},provide(d,m){return i.provides[d]=m,u}};return u}}function yn(e,t,n,s,r=!1){if(I(e)){e.forEach((E,P)=>yn(E,t&&(I(t)?t[P]:t),n,s,r));return}if(ct(s)&&!r)return;const i=s.shapeFlag&4?Ln(s.component)||s.component.proxy:s.el,l=r?null:i,{i:c,r:u}=e,d=t&&t.r,m=c.refs===L?c.refs={}:c.refs,w=c.setupState;if(d!=null&&d!==u&&(z(d)?(m[d]=null,S(w,d)&&(w[d]=null)):Y(d)&&(d.value=null)),M(u))Pe(u,c,12,[l,m]);else{const E=z(u),P=Y(u);if(E||P){const D=()=>{if(e.f){const R=E?S(w,u)?w[u]:m[u]:u.value;r?I(R)&&vn(R,i):I(R)?R.includes(i)||R.push(i):E?(m[u]=[i],S(w,u)&&(w[u]=m[u])):(u.value=[i],e.k&&(m[e.k]=u.value))}else E?(m[u]=l,S(w,u)&&(w[u]=l)):P&&(u.value=l,e.k&&(m[e.k]=l))};l?(D.id=-1,ee(D,n)):D()}}}const ee=Oi;function tl(e){return nl(e)}function nl(e,t){const n=Fr();n.__VUE__=!0;const{insert:s,remove:r,patchProp:i,createElement:l,createText:c,createComment:u,setText:d,setElementText:m,parentNode:w,nextSibling:E,setScopeId:P=ue,insertStaticContent:D}=e,R=(o,f,a,h=null,p=null,b=null,x=!1,_=null,y=!!f.dynamicChildren)=>{if(o===f)return;o&&!lt(o,f)&&(h=wt(o),de(o,p,b,!0),o=null),f.patchFlag===-2&&(y=!1,f.dynamicChildren=null);const{type:g,ref:v,shapeFlag:C}=f;switch(g){case kt:X(o,f,a,h);break;case Ae:U(o,f,a,h);break;case ln:o==null&&Ee(f,a,h,x);break;case ie:bt(o,f,a,h,p,b,x,_,y);break;default:C&1?ve(o,f,a,h,p,b,x,_,y):C&6?yt(o,f,a,h,p,b,x,_,y):(C&64||C&128)&&g.process(o,f,a,h,p,b,x,_,y,Ke)}v!=null&&p&&yn(v,o&&o.ref,b,f||o,!f)},X=(o,f,a,h)=>{if(o==null)s(f.el=c(f.children),a,h);else{const p=f.el=o.el;f.children!==o.children&&d(p,f.children)}},U=(o,f,a,h)=>{o==null?s(f.el=u(f.children||""),a,h):f.el=o.el},Ee=(o,f,a,h)=>{[o.el,o.anchor]=D(o.children,f,a,h,o.el,o.anchor)},F=({el:o,anchor:f},a,h)=>{let p;for(;o&&o!==f;)p=E(o),s(o,a,h),o=p;s(f,a,h)},k=({el:o,anchor:f})=>{let a;for(;o&&o!==f;)a=E(o),r(o),o=a;r(f)},ve=(o,f,a,h,p,b,x,_,y)=>{x=x||f.type==="svg",o==null?Yt(f,a,h,p,b,x,_,y):Xt(o,f,p,b,x,_,y)},Yt=(o,f,a,h,p,b,x,_)=>{let y,g;const{type:v,props:C,shapeFlag:O,transition:T,dirs:A}=o;if(y=o.el=l(o.type,b,C&&C.is,C),O&8?m(y,o.children):O&16&&Fe(o.children,y,null,h,p,b&&v!=="foreignObject",x,_),A&&je(o,null,h,"created"),_t(y,o,o.scopeId,x,h),C){for(const j in C)j!=="value"&&!Pt(j)&&i(y,j,null,C[j],b,o.children,h,p,ye);"value"in C&&i(y,"value",null,C.value),(g=C.onVnodeBeforeMount)&&he(g,h,o)}A&&je(o,null,h,"beforeMount");const H=(!p||p&&!p.pendingBranch)&&T&&!T.persisted;H&&T.beforeEnter(y),s(y,f,a),((g=C&&C.onVnodeMounted)||H||A)&&ee(()=>{g&&he(g,h,o),H&&T.enter(y),A&&je(o,null,h,"mounted")},p)},_t=(o,f,a,h,p)=>{if(a&&P(o,a),h)for(let b=0;b<h.length;b++)P(o,h[b]);if(p){let b=p.subTree;if(f===b){const x=p.vnode;_t(o,x,x.scopeId,x.slotScopeIds,p.parent)}}},Fe=(o,f,a,h,p,b,x,_,y=0)=>{for(let g=y;g<o.length;g++){const v=o[g]=_?Te(o[g]):me(o[g]);R(null,v,f,a,h,p,b,x,_)}},Xt=(o,f,a,h,p,b,x)=>{const _=f.el=o.el;let{patchFlag:y,dynamicChildren:g,dirs:v}=f;y|=o.patchFlag&16;const C=o.props||L,O=f.props||L;let T;a&&$e(a,!1),(T=O.onVnodeBeforeUpdate)&&he(T,a,f,o),v&&je(f,o,a,"beforeUpdate"),a&&$e(a,!0);const A=p&&f.type!=="foreignObject";if(g?Re(o.dynamicChildren,g,_,a,h,A,b):x||$(o,f,_,null,a,h,A,b,!1),y>0){if(y&16)st(_,f,C,O,a,h,p);else if(y&2&&C.class!==O.class&&i(_,"class",null,O.class,p),y&4&&i(_,"style",C.style,O.style,p),y&8){const H=f.dynamicProps;for(let j=0;j<H.length;j++){const W=H[j],le=C[W],We=O[W];(We!==le||W==="value")&&i(_,W,le,We,p,o.children,a,h,ye)}}y&1&&o.children!==f.children&&m(_,f.children)}else!x&&g==null&&st(_,f,C,O,a,h,p);((T=O.onVnodeUpdated)||v)&&ee(()=>{T&&he(T,a,f,o),v&&je(f,o,a,"updated")},h)},Re=(o,f,a,h,p,b,x)=>{for(let _=0;_<f.length;_++){const y=o[_],g=f[_],v=y.el&&(y.type===ie||!lt(y,g)||y.shapeFlag&70)?w(y.el):a;R(y,g,v,null,h,p,b,x,!0)}},st=(o,f,a,h,p,b,x)=>{if(a!==h){if(a!==L)for(const _ in a)!Pt(_)&&!(_ in h)&&i(o,_,a[_],null,x,f.children,p,b,ye);for(const _ in h){if(Pt(_))continue;const y=h[_],g=a[_];y!==g&&_!=="value"&&i(o,_,g,y,x,f.children,p,b,ye)}"value"in h&&i(o,"value",a.value,h.value)}},bt=(o,f,a,h,p,b,x,_,y)=>{const g=f.el=o?o.el:c(""),v=f.anchor=o?o.anchor:c("");let{patchFlag:C,dynamicChildren:O,slotScopeIds:T}=f;T&&(_=_?_.concat(T):T),o==null?(s(g,a,h),s(v,a,h),Fe(f.children,a,v,p,b,x,_,y)):C>0&&C&64&&O&&o.dynamicChildren?(Re(o.dynamicChildren,O,a,p,b,x,_),(f.key!=null||p&&f===p.subTree)&&ur(o,f,!0)):$(o,f,a,v,p,b,x,_,y)},yt=(o,f,a,h,p,b,x,_,y)=>{f.slotScopeIds=_,o==null?f.shapeFlag&512?p.ctx.activate(f,a,h,x,y):Zt(f,a,h,p,b,x,y):Bn(o,f,y)},Zt=(o,f,a,h,p,b,x)=>{const _=o.component=al(o,h,p);if(Gs(o)&&(_.ctx.renderer=Ke),dl(_),_.asyncDep){if(p&&p.registerDep(_,Z),!o.el){const y=_.subTree=be(Ae);U(null,y,f,a)}return}Z(_,o,f,a,p,b,x)},Bn=(o,f,a)=>{const h=f.component=o.component;if(Ci(o,f,a))if(h.asyncDep&&!h.asyncResolved){K(h,f,a);return}else h.next=f,mi(h.update),h.update();else f.el=o.el,h.vnode=f},Z=(o,f,a,h,p,b,x)=>{const _=()=>{if(o.isMounted){let{next:v,bu:C,u:O,parent:T,vnode:A}=o,H=v,j;$e(o,!1),v?(v.el=A.el,K(o,v,x)):v=A,C&&tn(C),(j=v.props&&v.props.onVnodeBeforeUpdate)&&he(j,T,v,A),$e(o,!0);const W=nn(o),le=o.subTree;o.subTree=W,R(le,W,w(le.el),wt(le),o,p,b),v.el=W.el,H===null&&Ei(o,W.el),O&&ee(O,p),(j=v.props&&v.props.onVnodeUpdated)&&ee(()=>he(j,T,v,A),p)}else{let v;const{el:C,props:O}=f,{bm:T,m:A,parent:H}=o,j=ct(f);if($e(o,!1),T&&tn(T),!j&&(v=O&&O.onVnodeBeforeMount)&&he(v,H,f),$e(o,!0),C&&Gt){const W=()=>{o.subTree=nn(o),Gt(C,o.subTree,o,p,null)};j?f.type.__asyncLoader().then(()=>!o.isUnmounted&&W()):W()}else{const W=o.subTree=nn(o);R(null,W,a,h,o,p,b),f.el=W.el}if(A&&ee(A,p),!j&&(v=O&&O.onVnodeMounted)){const W=f;ee(()=>he(v,H,W),p)}(f.shapeFlag&256||H&&ct(H.vnode)&&H.vnode.shapeFlag&256)&&o.a&&ee(o.a,p),o.isMounted=!0,f=a=h=null}},y=o.effect=new Pn(_,()=>jn(g),o.scope),g=o.update=()=>y.run();g.id=o.uid,$e(o,!0),g()},K=(o,f,a)=>{f.component=o;const h=o.vnode.props;o.vnode=f,o.next=null,Yi(o,f.props,h,a),Qi(o,f.children,a),tt(),ts(),nt()},$=(o,f,a,h,p,b,x,_,y=!1)=>{const g=o&&o.children,v=o?o.shapeFlag:0,C=f.children,{patchFlag:O,shapeFlag:T}=f;if(O>0){if(O&128){xt(g,C,a,h,p,b,x,_,y);return}else if(O&256){Se(g,C,a,h,p,b,x,_,y);return}}T&8?(v&16&&ye(g,p,b),C!==g&&m(a,C)):v&16?T&16?xt(g,C,a,h,p,b,x,_,y):ye(g,p,b,!0):(v&8&&m(a,""),T&16&&Fe(C,a,h,p,b,x,_,y))},Se=(o,f,a,h,p,b,x,_,y)=>{o=o||ze,f=f||ze;const g=o.length,v=f.length,C=Math.min(g,v);let O;for(O=0;O<C;O++){const T=f[O]=y?Te(f[O]):me(f[O]);R(o[O],T,a,null,p,b,x,_,y)}g>v?ye(o,p,b,!0,!1,C):Fe(f,a,h,p,b,x,_,y,C)},xt=(o,f,a,h,p,b,x,_,y)=>{let g=0;const v=f.length;let C=o.length-1,O=v-1;for(;g<=C&&g<=O;){const T=o[g],A=f[g]=y?Te(f[g]):me(f[g]);if(lt(T,A))R(T,A,a,null,p,b,x,_,y);else break;g++}for(;g<=C&&g<=O;){const T=o[C],A=f[O]=y?Te(f[O]):me(f[O]);if(lt(T,A))R(T,A,a,null,p,b,x,_,y);else break;C--,O--}if(g>C){if(g<=O){const T=O+1,A=T<v?f[T].el:h;for(;g<=O;)R(null,f[g]=y?Te(f[g]):me(f[g]),a,A,p,b,x,_,y),g++}}else if(g>O)for(;g<=C;)de(o[g],p,b,!0),g++;else{const T=g,A=g,H=new Map;for(g=A;g<=O;g++){const se=f[g]=y?Te(f[g]):me(f[g]);se.key!=null&&H.set(se.key,g)}let j,W=0;const le=O-A+1;let We=!1,Wn=0;const rt=new Array(le);for(g=0;g<le;g++)rt[g]=0;for(g=T;g<=C;g++){const se=o[g];if(W>=le){de(se,p,b,!0);continue}let pe;if(se.key!=null)pe=H.get(se.key);else for(j=A;j<=O;j++)if(rt[j-A]===0&&lt(se,f[j])){pe=j;break}pe===void 0?de(se,p,b,!0):(rt[pe-A]=g+1,pe>=Wn?Wn=pe:We=!0,R(se,f[pe],a,null,p,b,x,_,y),W++)}const qn=We?sl(rt):ze;for(j=qn.length-1,g=le-1;g>=0;g--){const se=A+g,pe=f[se],zn=se+1<v?f[se+1].el:h;rt[g]===0?R(null,pe,a,zn,p,b,x,_,y):We&&(j<0||g!==qn[j]?Ne(pe,a,zn,2):j--)}}},Ne=(o,f,a,h,p=null)=>{const{el:b,type:x,transition:_,children:y,shapeFlag:g}=o;if(g&6){Ne(o.component.subTree,f,a,h);return}if(g&128){o.suspense.move(f,a,h);return}if(g&64){x.move(o,f,a,Ke);return}if(x===ie){s(b,f,a);for(let C=0;C<y.length;C++)Ne(y[C],f,a,h);s(o.anchor,f,a);return}if(x===ln){F(o,f,a);return}if(h!==2&&g&1&&_)if(h===0)_.beforeEnter(b),s(b,f,a),ee(()=>_.enter(b),p);else{const{leave:C,delayLeave:O,afterLeave:T}=_,A=()=>s(b,f,a),H=()=>{C(b,()=>{A(),T&&T()})};O?O(b,A,H):H()}else s(b,f,a)},de=(o,f,a,h=!1,p=!1)=>{const{type:b,props:x,ref:_,children:y,dynamicChildren:g,shapeFlag:v,patchFlag:C,dirs:O}=o;if(_!=null&&yn(_,null,a,o,!0),v&256){f.ctx.deactivate(o);return}const T=v&1&&O,A=!ct(o);let H;if(A&&(H=x&&x.onVnodeBeforeUnmount)&&he(H,f,o),v&6)_r(o.component,a,h);else{if(v&128){o.suspense.unmount(a,h);return}T&&je(o,null,f,"beforeUnmount"),v&64?o.type.remove(o,f,a,p,Ke,h):g&&(b!==ie||C>0&&C&64)?ye(g,f,a,!1,!0):(b===ie&&C&384||!p&&v&16)&&ye(y,f,a),h&&Un(o)}(A&&(H=x&&x.onVnodeUnmounted)||T)&&ee(()=>{H&&he(H,f,o),T&&je(o,null,f,"unmounted")},a)},Un=o=>{const{type:f,el:a,anchor:h,transition:p}=o;if(f===ie){mr(a,h);return}if(f===ln){k(o);return}const b=()=>{r(a),p&&!p.persisted&&p.afterLeave&&p.afterLeave()};if(o.shapeFlag&1&&p&&!p.persisted){const{leave:x,delayLeave:_}=p,y=()=>x(a,b);_?_(o.el,b,y):y()}else b()},mr=(o,f)=>{let a;for(;o!==f;)a=E(o),r(o),o=a;r(f)},_r=(o,f,a)=>{const{bum:h,scope:p,update:b,subTree:x,um:_}=o;h&&tn(h),p.stop(),b&&(b.active=!1,de(x,o,f,a)),_&&ee(_,f),ee(()=>{o.isUnmounted=!0},f),f&&f.pendingBranch&&!f.isUnmounted&&o.asyncDep&&!o.asyncResolved&&o.suspenseId===f.pendingId&&(f.deps--,f.deps===0&&f.resolve())},ye=(o,f,a,h=!1,p=!1,b=0)=>{for(let x=b;x<o.length;x++)de(o[x],f,a,h,p)},wt=o=>o.shapeFlag&6?wt(o.component.subTree):o.shapeFlag&128?o.suspense.next():E(o.anchor||o.el),Kn=(o,f,a)=>{o==null?f._vnode&&de(f._vnode,null,null,!0):R(f._vnode||null,o,f,null,null,null,a),ts(),Vs(),f._vnode=o},Ke={p:R,um:de,m:Ne,r:Un,mt:Zt,mc:Fe,pc:$,pbc:Re,n:wt,o:e};let Qt,Gt;return t&&([Qt,Gt]=t(Ke)),{render:Kn,hydrate:Qt,createApp:el(Kn,Qt)}}function $e({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function ur(e,t,n=!1){const s=e.children,r=t.children;if(I(s)&&I(r))for(let i=0;i<s.length;i++){const l=s[i];let c=r[i];c.shapeFlag&1&&!c.dynamicChildren&&((c.patchFlag<=0||c.patchFlag===32)&&(c=r[i]=Te(r[i]),c.el=l.el),n||ur(l,c)),c.type===kt&&(c.el=l.el)}}function sl(e){const t=e.slice(),n=[0];let s,r,i,l,c;const u=e.length;for(s=0;s<u;s++){const d=e[s];if(d!==0){if(r=n[n.length-1],e[r]<d){t[s]=r,n.push(s);continue}for(i=0,l=n.length-1;i<l;)c=i+l>>1,e[n[c]]<d?i=c+1:l=c;d<e[n[i]]&&(i>0&&(t[s]=n[i-1]),n[i]=s)}}for(i=n.length,l=n[i-1];i-- >0;)n[i]=l,l=t[l];return n}const rl=e=>e.__isTeleport,ie=Symbol(void 0),kt=Symbol(void 0),Ae=Symbol(void 0),ln=Symbol(void 0),ut=[];let fe=null;function V(e=!1){ut.push(fe=e?null:[])}function il(){ut.pop(),fe=ut[ut.length-1]||null}let gt=1;function us(e){gt+=e}function ar(e){return e.dynamicChildren=gt>0?fe||ze:null,il(),gt>0&&fe&&fe.push(e),e}function re(e,t,n,s,r,i){return ar(ge(e,t,n,s,r,i,!0))}function Vt(e,t,n,s,r){return ar(be(e,t,n,s,r,!0))}function dr(e){return e?e.__v_isVNode===!0:!1}function lt(e,t){return e.type===t.type&&e.key===t.key}const Jt="__vInternal",pr=({key:e})=>e??null,Ft=({ref:e,ref_key:t,ref_for:n})=>e!=null?z(e)||Y(e)||M(e)?{i:te,r:e,k:t,f:!!n}:e:null;function ge(e,t=null,n=null,s=0,r=null,i=e===ie?0:1,l=!1,c=!1){const u={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&pr(t),ref:t&&Ft(t),scopeId:Xs,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:s,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:te};return c?(Dn(u,n),i&128&&e.normalize(u)):n&&(u.shapeFlag|=z(n)?8:16),gt>0&&!l&&fe&&(u.patchFlag>0||i&6)&&u.patchFlag!==32&&fe.push(u),u}const be=ll;function ll(e,t=null,n=null,s=0,r=null,i=!1){if((!e||e===Bi)&&(e=Ae),dr(e)){const c=Qe(e,t,!0);return n&&Dn(c,n),gt>0&&!i&&fe&&(c.shapeFlag&6?fe[fe.indexOf(e)]=c:fe.push(c)),c.patchFlag|=-2,c}if(ml(e)&&(e=e.__vccOpts),t){t=ol(t);let{class:c,style:u}=t;c&&!z(c)&&(t.class=Ht(c)),B(u)&&(Ls(u)&&!I(u)&&(u=G({},u)),t.style=Ye(u))}const l=z(e)?1:vi(e)?128:rl(e)?64:B(e)?4:M(e)?2:0;return ge(e,t,n,s,r,l,i,!0)}function ol(e){return e?Ls(e)||Jt in e?G({},e):e:null}function Qe(e,t,n=!1){const{props:s,ref:r,patchFlag:i,children:l}=e,c=t?cl(s||{},t):s;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:c,key:c&&pr(c),ref:t&&t.ref?n&&r?I(r)?r.concat(Ft(t)):[r,Ft(t)]:Ft(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==ie?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Qe(e.ssContent),ssFallback:e.ssFallback&&Qe(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function Rt(e=" ",t=0){return be(kt,null,e,t)}function as(e="",t=!1){return t?(V(),Vt(Ae,null,e)):be(Ae,null,e)}function me(e){return e==null||typeof e=="boolean"?be(Ae):I(e)?be(ie,null,e.slice()):typeof e=="object"?Te(e):be(kt,null,String(e))}function Te(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Qe(e)}function Dn(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(I(t))n=16;else if(typeof t=="object")if(s&65){const r=t.default;r&&(r._c&&(r._d=!1),Dn(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!(Jt in t)?t._ctx=te:r===3&&te&&(te.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else M(t)?(t={default:t,_ctx:te},n=32):(t=String(t),s&64?(n=16,t=[Rt(t)]):n=8);e.children=t,e.shapeFlag|=n}function cl(...e){const t={};for(let n=0;n<e.length;n++){const s=e[n];for(const r in s)if(r==="class")t.class!==s.class&&(t.class=Ht([t.class,s.class]));else if(r==="style")t.style=Ye([t.style,s.style]);else if(Dt(r)){const i=t[r],l=s[r];l&&i!==l&&!(I(i)&&i.includes(l))&&(t[r]=i?[].concat(i,l):l)}else r!==""&&(t[r]=s[r])}return t}function he(e,t,n,s=null){ae(e,t,7,[n,s])}const fl=fr();let ul=0;function al(e,t,n){const s=e.type,r=(t?t.appContext:e.appContext)||fl,i={uid:ul++,vnode:e,type:s,parent:t,appContext:r,root:null,next:null,subTree:null,effect:null,update:null,scope:new Rr(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:ir(s,r),emitsOptions:Ys(s,r),emit:null,emitted:null,propsDefaults:L,inheritAttrs:s.inheritAttrs,ctx:L,data:L,props:L,attrs:L,slots:L,refs:L,setupState:L,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return i.ctx={_:i},i.root=t?t.root:i,i.emit=yi.bind(null,i),e.ce&&e.ce(i),i}let q=null;const Ge=e=>{q=e,e.scope.on()},Ue=()=>{q&&q.scope.off(),q=null};function hr(e){return e.vnode.shapeFlag&4}let mt=!1;function dl(e,t=!1){mt=t;const{props:n,children:s}=e.vnode,r=hr(e);Ji(e,n,r,t),Zi(e,s);const i=r?pl(e,t):void 0;return mt=!1,i}function pl(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=Bs(new Proxy(e.ctx,Ki));const{setup:s}=n;if(s){const r=e.setupContext=s.length>1?gl(e):null;Ge(e),tt();const i=Pe(s,e,0,[e.props,r]);if(nt(),Ue(),vs(i)){if(i.then(Ue,Ue),t)return i.then(l=>{ds(e,l,t)}).catch(l=>{Wt(l,e,0)});e.asyncDep=i}else ds(e,i,t)}else gr(e,t)}function ds(e,t,n){M(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:B(t)&&(e.setupState=Ws(t)),gr(e,n)}let ps;function gr(e,t,n){const s=e.type;if(!e.render){if(!t&&ps&&!s.render){const r=s.template||$n(e).template;if(r){const{isCustomElement:i,compilerOptions:l}=e.appContext.config,{delimiters:c,compilerOptions:u}=s,d=G(G({isCustomElement:i,delimiters:c},l),u);s.render=ps(r,d)}}e.render=s.render||ue}Ge(e),tt(),Wi(e),nt(),Ue()}function hl(e){return new Proxy(e.attrs,{get(t,n){return ne(e,"get","$attrs"),t[n]}})}function gl(e){const t=s=>{e.exposed=s||{}};let n;return{get attrs(){return n||(n=hl(e))},slots:e.slots,emit:e.emit,expose:t}}function Ln(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Ws(Bs(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in ft)return ft[n](e)},has(t,n){return n in t||n in ft}}))}function ml(e){return M(e)&&"__vccOpts"in e}const xn=(e,t)=>di(e,t,mt),_l=Symbol(""),bl=()=>At(_l),yl="3.2.47",xl="http://www.w3.org/2000/svg",Le=typeof document<"u"?document:null,hs=Le&&Le.createElement("template"),wl={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t?Le.createElementNS(xl,e):Le.createElement(e,n?{is:n}:void 0);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>Le.createTextNode(e),createComment:e=>Le.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Le.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,i){const l=n?n.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{hs.innerHTML=s?`<svg>${e}</svg>`:e;const c=hs.content;if(s){const u=c.firstChild;for(;u.firstChild;)c.appendChild(u.firstChild);c.removeChild(u)}t.insertBefore(c,n)}return[l?l.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};function Cl(e,t,n){const s=e._vtc;s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}function El(e,t,n){const s=e.style,r=z(n);if(n&&!r){if(t&&!z(t))for(const i in t)n[i]==null&&wn(s,i,"");for(const i in n)wn(s,i,n[i])}else{const i=s.display;r?t!==n&&(s.cssText=n):t&&e.removeAttribute("style"),"_vod"in e&&(s.display=i)}}const gs=/\s*!important$/;function wn(e,t,n){if(I(n))n.forEach(s=>wn(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=vl(e,t);gs.test(n)?e.setProperty(et(s),n.replace(gs,""),"important"):e[s]=n}}const ms=["Webkit","Moz","ms"],on={};function vl(e,t){const n=on[t];if(n)return n;let s=Xe(t);if(s!=="filter"&&s in e)return on[t]=s;s=Is(s);for(let r=0;r<ms.length;r++){const i=ms[r]+s;if(i in e)return on[t]=i}return t}const _s="http://www.w3.org/1999/xlink";function Ol(e,t,n,s,r){if(s&&t.startsWith("xlink:"))n==null?e.removeAttributeNS(_s,t.slice(6,t.length)):e.setAttributeNS(_s,t,n);else{const i=Er(t);n==null||i&&!ws(n)?e.removeAttribute(t):e.setAttribute(t,i?"":n)}}function Tl(e,t,n,s,r,i,l){if(t==="innerHTML"||t==="textContent"){s&&l(s,r,i),e[t]=n??"";return}if(t==="value"&&e.tagName!=="PROGRESS"&&!e.tagName.includes("-")){e._value=n;const u=n??"";(e.value!==u||e.tagName==="OPTION")&&(e.value=u),n==null&&e.removeAttribute(t);return}let c=!1;if(n===""||n==null){const u=typeof e[t];u==="boolean"?n=ws(n):n==null&&u==="string"?(n="",c=!0):u==="number"&&(n=0,c=!0)}try{e[t]=n}catch{}c&&e.removeAttribute(t)}function Il(e,t,n,s){e.addEventListener(t,n,s)}function Pl(e,t,n,s){e.removeEventListener(t,n,s)}function Ml(e,t,n,s,r=null){const i=e._vei||(e._vei={}),l=i[t];if(s&&l)l.value=s;else{const[c,u]=Al(t);if(s){const d=i[t]=Sl(s,r);Il(e,c,d,u)}else l&&(Pl(e,c,l,u),i[t]=void 0)}}const bs=/(?:Once|Passive|Capture)$/;function Al(e){let t;if(bs.test(e)){t={};let s;for(;s=e.match(bs);)e=e.slice(0,e.length-s[0].length),t[s[0].toLowerCase()]=!0}return[e[2]===":"?e.slice(3):et(e.slice(2)),t]}let cn=0;const Fl=Promise.resolve(),Rl=()=>cn||(Fl.then(()=>cn=0),cn=Date.now());function Sl(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;ae(Nl(s,n.value),t,5,[s])};return n.value=e,n.attached=Rl(),n}function Nl(e,t){if(I(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const ys=/^on[a-z]/,jl=(e,t,n,s,r=!1,i,l,c,u)=>{t==="class"?Cl(e,s,r):t==="style"?El(e,n,s):Dt(t)?En(t)||Ml(e,t,n,s,l):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):$l(e,t,s,r))?Tl(e,t,s,i,l,c,u):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Ol(e,t,s,r))};function $l(e,t,n,s){return s?!!(t==="innerHTML"||t==="textContent"||t in e&&ys.test(t)&&M(n)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||ys.test(t)&&z(n)?!1:t in e}const Hl=G({patchProp:jl},wl);let xs;function Dl(){return xs||(xs=tl(Hl))}const Ll=(...e)=>{const t=Dl().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=Bl(s);if(!r)return;const i=t._component;!M(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.innerHTML="";const l=n(r,!1,r instanceof SVGElement);return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),l},t};function Bl(e){return z(e)?document.querySelector(e):e}const Ul=ge("path",{d:"M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"},null,-1),Kl=[Ul],Wl={__name:"CheckMark",props:{color:{type:String,default:"black"}},setup(e){return(t,n)=>(V(),re("svg",{viewBox:"0 0 24 24",style:Ye({fill:e.color})},Kl,4))}};const ql=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},zl={class:"steppy"},kl={class:"steppy-progress"},Vl={class:"steppy-item-counter"},Jl=["src"],Yl={class:"number"},Xl={class:"steppy-item-title"},Zl={key:0,class:"steppy-pane"},Ql={class:"controls"},Gl=["disabled"],eo=["disabled"],to={key:0,class:"loader"},no={key:1},so={__name:"Vue3Steppy",props:{step:{type:Number,default:1},tabs:{type:Array,default:Kt([{title:"Step 1",iconSuccess:null,isValid:!0},{title:"Step 2",iconSuccess:null,isValid:!0},{title:"Step 3",iconSuccess:null,isValid:!0}])},finalize:{type:Function,default:function(){return{}}},backText:{type:String,default:"Back"},nextText:{type:String,default:"Next"},doneText:{type:String,default:"Done"},loading:{type:Boolean,default:!1},primaryColor1:{type:String,default:"orange"},primaryColor2:{type:String,default:"#fff"}},emits:["update:step"],setup(e,{emit:t}){const n=e,s=xn(()=>({"--primaryColor1":n.primaryColor1,"--primaryColor2":n.primaryColor2})),r=()=>{const c=n.step+1;t("update:step",c)},i=()=>{const c=n.step-1;t("update:step",c)},l=xn(()=>100/(n.tabs.length-1)*(n.step-1)+"%");return(c,u)=>(V(),re("div",{class:"wrapper-steppy",style:Ye(pn(s))},[ge("div",zl,[ge("div",kl,[ge("div",{class:"steppy-progress-bar",style:Ye("width:"+pn(l))},null,4)]),(V(!0),re(ie,null,ss(n.tabs,(d,m)=>(V(),re("div",{class:Ht(["steppy-item",{current:n.step===m+1,success:n.step>m+1}]),key:m},[ge("div",Vl,[d.iconSuccess?(V(),re("img",{key:0,class:"icon-success",src:d.iconSuccess,alt:"Check Mark"},null,8,Jl)):(V(),Vt(Wl,{key:1,class:"icon-success",color:e.primaryColor1,alt:"Check Mark"},null,8,["color"])),ge("span",Yl,it(m+1),1)]),ge("span",Xl,it(d.title),1)],2))),128))]),(V(!0),re(ie,null,ss(n.tabs.length,d=>(V(),re("div",{class:"steppy-content",key:d},[n.step===d?(V(),re("div",Zl,[Ui(c.$slots,d,{},void 0,!0)])):as("",!0)]))),128)),ge("div",Ql,[n.step!==1?(V(),re("button",{key:0,class:"btn",onClick:i},it(n.backText),1)):as("",!0),n.step!==n.tabs.length?(V(),re("button",{key:1,class:"btn btn--default-2",onClick:r,disabled:!n.tabs[n.step-1].isValid},it(n.nextText),9,Gl)):(V(),re("button",{key:2,class:"btn btn--default-2",onClick:u[0]||(u[0]=(...d)=>e.finalize&&e.finalize(...d)),disabled:!n.tabs[n.step-1].isValid||e.loading},[e.loading?(V(),re("span",to)):(V(),re("span",no,it(n.doneText),1))],8,eo))])],4))}},ro=ql(so,[["__scopeId","data-v-4a42d1bd"]]),io={__name:"App",setup(e){const t=es(1),n=es(!1),s=function(){n.value=!0};return(r,i)=>(V(),Vt(ro,{step:t.value,"onUpdate:step":i[0]||(i[0]=l=>t.value=l),loading:n.value,finalize:s},{1:Mt(()=>[Rt("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt hendrerit risus nec vehicula. Etiam in aliquet velit. Nunc in bibendum ligula, quis vehicula ante. Nullam placerat massa ante, non dapibus lacus interdum vitae. Donec eu leo at elit efficitur vehicula in at velit. Fusce nec ante nec erat pellentesque fringilla. Sed mollis, ante at faucibus aliquam, turpis ante molestie lectus, sit amet mollis nisi velit sit amet ligula.")]),2:Mt(()=>[Rt("Vivamus porttitor sodales ipsum in interdum. Proin suscipit ac nunc a tristique. Curabitur et pharetra diam, nec porttitor risus. Curabitur vel mauris est. In tempor nibh sed dapibus tincidunt. Donec id pharetra nunc, at rhoncus dui. Nulla in feugiat ante. Maecenas euismod justo eget dignissim faucibus. Nam elementum dolor sit amet felis sodales luctus. Aenean et lacus varius, mollis mi nec, posuere lectus. Pellentesque tempor sapien a magna fringilla iaculis.")]),3:Mt(()=>[Rt("Etiam in turpis erat. Vestibulum auctor vel nibh eget vehicula. Integer finibus libero a ex vehicula pharetra. Suspendisse dapibus ipsum elit, nec euismod sapien laoreet ac. Proin ex arcu, commodo nec faucibus ac, pellentesque sed purus. Maecenas vitae ullamcorper nunc. Fusce dapibus lacinia dolor non tristique. Sed eu volutpat enim. Donec nisi nulla, eleifend quis mollis eu, posuere nec lorem. Donec id libero ex. Aliquam ut massa dolor.")]),_:1},8,["step","loading"]))}},lo=Ll(io);lo.mount("#app");

package/dist/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Steppy</title>
+    <script type="module" crossorigin src="/vue3-steppy/assets/index-ac8c4e0f.js"></script>
+    
+  </head>
+  <body>
+    <div id="app"></div>
+    
+  </body>
+</html>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue3-steppy",
   "description": "A customizable Vue 3 Stepper plugin",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "private": false,
   "author": "Mike Konstantakos",
@@ -44,19 +44,19 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "vue": "^3.2.13"
+    "vue": "^3.3.4"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.2.0",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/cli-service": "~5.0.0",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "eslint": "^8.34.0",
-    "eslint-plugin-vue": "^9.9.0",
+    "@rushstack/eslint-patch": "^1.3.3",
+    "@vitejs/plugin-vue": "^4.3.4",
+    "@vue/cli-service": "~5.0.8",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "eslint": "^8.48.0",
+    "eslint-plugin-vue": "^9.17.0",
     "gh-pages": "^5.0.0",
-    "prettier": "^2.8.4",
-    "sass": "^1.58.0",
-    "vite": "^4.1.1",
+    "prettier": "^2.8.8",
+    "sass": "^1.66.1",
+    "vite": "^4.4.9",
     "vite-plugin-css-injected-by-js": "^2.4.0"
   },
   "directories": {

package/dist/vue3-steppy.js

@@ -1,169 +0,0 @@
-(function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode("body[data-v-4a42d1bd]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-family:sans-serif}.tx-default-2[data-v-4a42d1bd]{color:var(--primaryColor1);font-weight:600}.wrapper-steppy[data-v-4a42d1bd]{padding:60px}.steppy[data-v-4a42d1bd]{display:flex;align-items:center;justify-content:space-between;width:auto;position:relative;z-index:0;margin-bottom:5px}.steppy-progress[data-v-4a42d1bd]{position:absolute;background-color:#c5c5c5;height:2px;z-index:-1;left:0;right:0;margin:0 auto}.steppy-progress-bar[data-v-4a42d1bd]{position:absolute;left:0;height:100%;width:0;background-color:var(--primaryColor1);transition:all .5s ease}.steppy-item[data-v-4a42d1bd]{display:flex;flex-direction:column;align-items:center;color:#c5c5c5;transition:all .5s ease}.steppy-item-counter[data-v-4a42d1bd]{height:68px;width:68px;display:grid;place-items:center;background-color:var(--primaryColor2);border-radius:100%;border:2px solid #c5c5c5;position:relative}.steppy-item-counter .icon-success[data-v-4a42d1bd]{position:absolute;opacity:0;transform:scale(0);width:24px;transition:all .5s ease}.steppy-item-counter .number[data-v-4a42d1bd]{font-size:22px;transition:all .5s ease}.steppy-item-title[data-v-4a42d1bd]{position:absolute;text-align:center;font-size:14px;bottom:-43px}.steppy-item.success .steppy-item-counter[data-v-4a42d1bd]{border-color:var(--primaryColor1);font-weight:600}.steppy-item.success .steppy-item-counter .icon-success[data-v-4a42d1bd]{opacity:1;transform:scale(1)}.steppy-item.success .steppy-item-counter .number[data-v-4a42d1bd]{opacity:0;transform:scale(0)}.steppy-item.success .steppy-item-title[data-v-4a42d1bd]{color:var(--primaryColor1)}.steppy-item.current .steppy-item-counter[data-v-4a42d1bd]{border-color:var(--primaryColor1);background-color:var(--primaryColor1);color:#fff;font-weight:600}.steppy-item.current .steppy-item-title[data-v-4a42d1bd]{color:#818181}.steppy-pane[data-v-4a42d1bd]{color:#333;text-align:center;background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 0 10px #0000004d;margin:60px 0 20px}.controls[data-v-4a42d1bd]{display:flex}.btn[data-v-4a42d1bd]{display:flex;justify-content:center;align-items:center;padding:6px 16px;text-align:center;vertical-align:middle;cursor:pointer;line-height:1.5;transition:all .15s;border-radius:4px;width:fit-content;font-size:.75rem;color:#333;background-color:#f0f0f0;border:1px solid #f0f0f0}.btn[data-v-4a42d1bd]:disabled{opacity:.5;pointer-events:none}.btn--default-2[data-v-4a42d1bd]{background-color:var(--primaryColor1);border-color:var(--primaryColor1);color:#fff;margin-left:auto}.loader[data-v-4a42d1bd]{width:20px;height:20px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-4a42d1bd 1s linear infinite}@keyframes rotation-4a42d1bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { openBlock as e, createElementBlock as s, normalizeStyle as u, createElementVNode as l, reactive as h, computed as _, unref as f, Fragment as b, renderList as k, normalizeClass as v, createBlock as C, toDisplayString as r, renderSlot as V, createCommentVNode as m } from "vue";
-const x = /* @__PURE__ */ l("path", { d: "M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z" }, null, -1), z = [
-  x
-], B = {
-  __name: "CheckMark",
-  props: {
-    color: {
-      type: String,
-      default: "black"
-    }
-  },
-  setup(n) {
-    return (c, t) => (e(), s("svg", {
-      viewBox: "0 0 24 24",
-      style: u({ fill: n.color })
-    }, z, 4));
-  }
-};
-const T = (n, c) => {
-  const t = n.__vccOpts || n;
-  for (const [p, d] of c)
-    t[p] = d;
-  return t;
-}, M = { class: "steppy" }, N = { class: "steppy-progress" }, $ = { class: "steppy-item-counter" }, w = ["src"], D = { class: "number" }, E = { class: "steppy-item-title" }, F = {
-  key: 0,
-  class: "steppy-pane"
-}, A = { class: "controls" }, I = ["disabled"], L = ["disabled"], O = {
-  key: 0,
-  class: "loader"
-}, P = { key: 1 }, j = {
-  __name: "Vue3Steppy",
-  props: {
-    step: {
-      type: Number,
-      default: 1
-    },
-    tabs: {
-      type: Array,
-      default: h([
-        {
-          title: "Step 1",
-          iconSuccess: null,
-          isValid: !0
-        },
-        {
-          title: "Step 2",
-          iconSuccess: null,
-          isValid: !0
-        },
-        {
-          title: "Step 3",
-          iconSuccess: null,
-          isValid: !0
-        }
-      ])
-    },
-    finalize: {
-      type: Function,
-      default: function() {
-        return {};
-      }
-    },
-    backText: {
-      type: String,
-      default: "Back"
-    },
-    nextText: {
-      type: String,
-      default: "Next"
-    },
-    doneText: {
-      type: String,
-      default: "Done"
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    primaryColor1: {
-      type: String,
-      default: "orange"
-    },
-    primaryColor2: {
-      type: String,
-      default: "#fff"
-    }
-  },
-  emits: ["update:step"],
-  setup(n, { emit: c }) {
-    const t = n, p = _(() => ({
-      "--primaryColor1": t.primaryColor1,
-      "--primaryColor2": t.primaryColor2
-    })), d = () => {
-      const a = t.step + 1;
-      c("update:step", a);
-    }, S = () => {
-      const a = t.step - 1;
-      c("update:step", a);
-    }, g = _(() => 100 / (t.tabs.length - 1) * (t.step - 1) + "%");
-    return (a, y) => (e(), s("div", {
-      class: "wrapper-steppy",
-      style: u(f(p))
-    }, [
-      l("div", M, [
-        l("div", N, [
-          l("div", {
-            class: "steppy-progress-bar",
-            style: u("width:" + f(g))
-          }, null, 4)
-        ]),
-        (e(!0), s(b, null, k(t.tabs, (o, i) => (e(), s("div", {
-          class: v(["steppy-item", {
-            current: t.step === i + 1,
-            success: t.step > i + 1
-          }]),
-          key: i
-        }, [
-          l("div", $, [
-            o.iconSuccess ? (e(), s("img", {
-              key: 0,
-              class: "icon-success",
-              src: o.iconSuccess,
-              alt: "Check Mark"
-            }, null, 8, w)) : (e(), C(B, {
-              key: 1,
-              class: "icon-success",
-              color: n.primaryColor1,
-              alt: "Check Mark"
-            }, null, 8, ["color"])),
-            l("span", D, r(i + 1), 1)
-          ]),
-          l("span", E, r(o.title), 1)
-        ], 2))), 128))
-      ]),
-      (e(!0), s(b, null, k(t.tabs.length, (o) => (e(), s("div", {
-        class: "steppy-content",
-        key: o
-      }, [
-        t.step === o ? (e(), s("div", F, [
-          V(a.$slots, o, {}, void 0, !0)
-        ])) : m("", !0)
-      ]))), 128)),
-      l("div", A, [
-        t.step !== 1 ? (e(), s("button", {
-          key: 0,
-          class: "btn",
-          onClick: S
-        }, r(t.backText), 1)) : m("", !0),
-        t.step !== t.tabs.length ? (e(), s("button", {
-          key: 1,
-          class: "btn btn--default-2",
-          onClick: d,
-          disabled: !t.tabs[t.step - 1].isValid
-        }, r(t.nextText), 9, I)) : (e(), s("button", {
-          key: 2,
-          class: "btn btn--default-2",
-          onClick: y[0] || (y[0] = (...o) => n.finalize && n.finalize(...o)),
-          disabled: !t.tabs[t.step - 1].isValid || n.loading
-        }, [
-          n.loading ? (e(), s("span", O)) : (e(), s("span", P, r(t.doneText), 1))
-        ], 8, L))
-      ])
-    ], 4));
-  }
-}, G = /* @__PURE__ */ T(j, [["__scopeId", "data-v-4a42d1bd"]]);
-export {
-  G as Steppy
-};

package/dist/vue3-steppy.umd.cjs

@@ -1,2 +0,0 @@
-(function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode("body[data-v-4a42d1bd]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-family:sans-serif}.tx-default-2[data-v-4a42d1bd]{color:var(--primaryColor1);font-weight:600}.wrapper-steppy[data-v-4a42d1bd]{padding:60px}.steppy[data-v-4a42d1bd]{display:flex;align-items:center;justify-content:space-between;width:auto;position:relative;z-index:0;margin-bottom:5px}.steppy-progress[data-v-4a42d1bd]{position:absolute;background-color:#c5c5c5;height:2px;z-index:-1;left:0;right:0;margin:0 auto}.steppy-progress-bar[data-v-4a42d1bd]{position:absolute;left:0;height:100%;width:0;background-color:var(--primaryColor1);transition:all .5s ease}.steppy-item[data-v-4a42d1bd]{display:flex;flex-direction:column;align-items:center;color:#c5c5c5;transition:all .5s ease}.steppy-item-counter[data-v-4a42d1bd]{height:68px;width:68px;display:grid;place-items:center;background-color:var(--primaryColor2);border-radius:100%;border:2px solid #c5c5c5;position:relative}.steppy-item-counter .icon-success[data-v-4a42d1bd]{position:absolute;opacity:0;transform:scale(0);width:24px;transition:all .5s ease}.steppy-item-counter .number[data-v-4a42d1bd]{font-size:22px;transition:all .5s ease}.steppy-item-title[data-v-4a42d1bd]{position:absolute;text-align:center;font-size:14px;bottom:-43px}.steppy-item.success .steppy-item-counter[data-v-4a42d1bd]{border-color:var(--primaryColor1);font-weight:600}.steppy-item.success .steppy-item-counter .icon-success[data-v-4a42d1bd]{opacity:1;transform:scale(1)}.steppy-item.success .steppy-item-counter .number[data-v-4a42d1bd]{opacity:0;transform:scale(0)}.steppy-item.success .steppy-item-title[data-v-4a42d1bd]{color:var(--primaryColor1)}.steppy-item.current .steppy-item-counter[data-v-4a42d1bd]{border-color:var(--primaryColor1);background-color:var(--primaryColor1);color:#fff;font-weight:600}.steppy-item.current .steppy-item-title[data-v-4a42d1bd]{color:#818181}.steppy-pane[data-v-4a42d1bd]{color:#333;text-align:center;background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 0 10px #0000004d;margin:60px 0 20px}.controls[data-v-4a42d1bd]{display:flex}.btn[data-v-4a42d1bd]{display:flex;justify-content:center;align-items:center;padding:6px 16px;text-align:center;vertical-align:middle;cursor:pointer;line-height:1.5;transition:all .15s;border-radius:4px;width:fit-content;font-size:.75rem;color:#333;background-color:#f0f0f0;border:1px solid #f0f0f0}.btn[data-v-4a42d1bd]:disabled{opacity:.5;pointer-events:none}.btn--default-2[data-v-4a42d1bd]{background-color:var(--primaryColor1);border-color:var(--primaryColor1);color:#fff;margin-left:auto}.loader[data-v-4a42d1bd]{width:20px;height:20px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-4a42d1bd 1s linear infinite}@keyframes rotation-4a42d1bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["vue3-steppy"]={},n.Vue))})(this,function(n,e){"use strict";const d=[e.createElementVNode("path",{d:"M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"},null,-1)],y={__name:"CheckMark",props:{color:{type:String,default:"black"}},setup(s){return(l,t)=>(e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 24 24",style:e.normalizeStyle({fill:s.color})},d,4))}},M="",m=(s,l)=>{const t=s.__vccOpts||s;for(const[a,i]of l)t[a]=i;return t},k={class:"steppy"},_={class:"steppy-progress"},f={class:"steppy-item-counter"},B=["src"],S={class:"number"},b={class:"steppy-item-title"},u={key:0,class:"steppy-pane"},g={class:"controls"},h=["disabled"],E=["disabled"],V={key:0,class:"loader"},C={key:1},N={__name:"Vue3Steppy",props:{step:{type:Number,default:1},tabs:{type:Array,default:e.reactive([{title:"Step 1",iconSuccess:null,isValid:!0},{title:"Step 2",iconSuccess:null,isValid:!0},{title:"Step 3",iconSuccess:null,isValid:!0}])},finalize:{type:Function,default:function(){return{}}},backText:{type:String,default:"Back"},nextText:{type:String,default:"Next"},doneText:{type:String,default:"Done"},loading:{type:Boolean,default:!1},primaryColor1:{type:String,default:"orange"},primaryColor2:{type:String,default:"#fff"}},emits:["update:step"],setup(s,{emit:l}){const t=s,a=e.computed(()=>({"--primaryColor1":t.primaryColor1,"--primaryColor2":t.primaryColor2})),i=()=>{const c=t.step+1;l("update:step",c)},T=()=>{const c=t.step-1;l("update:step",c)},z=e.computed(()=>100/(t.tabs.length-1)*(t.step-1)+"%");return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:"wrapper-steppy",style:e.normalizeStyle(e.unref(a))},[e.createElementVNode("div",k,[e.createElementVNode("div",_,[e.createElementVNode("div",{class:"steppy-progress-bar",style:e.normalizeStyle("width:"+e.unref(z))},null,4)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["steppy-item",{current:t.step===r+1,success:t.step>r+1}]),key:r},[e.createElementVNode("div",f,[o.iconSuccess?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon-success",src:o.iconSuccess,alt:"Check Mark"},null,8,B)):(e.openBlock(),e.createBlock(y,{key:1,class:"icon-success",color:s.primaryColor1,alt:"Check Mark"},null,8,["color"])),e.createElementVNode("span",S,e.toDisplayString(r+1),1)]),e.createElementVNode("span",b,e.toDisplayString(o.title),1)],2))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs.length,o=>(e.openBlock(),e.createElementBlock("div",{class:"steppy-content",key:o},[t.step===o?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(c.$slots,o,{},void 0,!0)])):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("div",g,[t.step!==1?(e.openBlock(),e.createElementBlock("button",{key:0,class:"btn",onClick:T},e.toDisplayString(t.backText),1)):e.createCommentVNode("",!0),t.step!==t.tabs.length?(e.openBlock(),e.createElementBlock("button",{key:1,class:"btn btn--default-2",onClick:i,disabled:!t.tabs[t.step-1].isValid},e.toDisplayString(t.nextText),9,h)):(e.openBlock(),e.createElementBlock("button",{key:2,class:"btn btn--default-2",onClick:p[0]||(p[0]=(...o)=>s.finalize&&s.finalize(...o)),disabled:!t.tabs[t.step-1].isValid||s.loading},[s.loading?(e.openBlock(),e.createElementBlock("span",V)):(e.openBlock(),e.createElementBlock("span",C,e.toDisplayString(t.doneText),1))],8,E))])],4))}},x=m(N,[["__scopeId","data-v-4a42d1bd"]]);n.Steppy=x,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});