v-onboarding 2.7.0 → 2.8.1

package/dist/index.d.ts

@@ -0,0 +1,75 @@
+import type { createPopper } from "@popperjs/core/lib/createPopper";
+import type { DefineComponent } from 'vue';
+declare const VOnboardingWrapper: DefineComponent<{
+    steps: StepEntity[];
+    options?: VOnboardingWrapperOptions;
+}>;
+declare const VOnboardingStep: DefineComponent;
+declare const useVOnboarding: (wrapperRef: any) => {
+    start(): void;
+    finish(): void;
+    goToStep: (newStepNumber: number | ((currentStepNumber: number) => number)) => void;
+};
+interface SvgOverlayOptions {
+    enabled?: boolean;
+    padding?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    borderRadius?: number | {
+        leftTop?: number;
+        rightTop?: number;
+        rightBottom?: number;
+        leftBottom?: number;
+    };
+    preventOverlayInteraction?: boolean;
+}
+interface VOnboardingWrapperOptions {
+    popper?: Parameters<typeof createPopper>[2];
+    overlay?: SvgOverlayOptions;
+    scrollToStep?: {
+        enabled?: boolean;
+        options?: ScrollIntoViewOptions;
+    };
+    autoFinishByExit?: boolean;
+    hideButtons?: {
+        previous?: boolean;
+        next?: boolean;
+        exit?: boolean;
+    };
+    labels?: {
+        previousButton?: string;
+        nextButton?: string;
+        finishButton?: string;
+    };
+    hideNextStepDuringHook?: boolean;
+}
+declare type AttachableElement = string | (() => Element | null);
+interface onGlobalOptions {
+    index: number;
+    step: StepEntity;
+    direction: 1 | -1 | number;
+    isForward: boolean;
+    isBackward: boolean;
+}
+declare type onBeforeStepOptions = onGlobalOptions & {};
+declare type onAfterStepOptions = onGlobalOptions & {};
+interface StepEntity {
+    content: {
+        title: string;
+        description?: string;
+        html?: boolean;
+    };
+    on?: {
+        beforeStep?: (options?: onBeforeStepOptions) => void | Promise<void>;
+        afterStep?: (options?: onAfterStepOptions) => void | Promise<void>;
+    };
+    attachTo: {
+        element: AttachableElement;
+        classList?: string[];
+    };
+    options?: VOnboardingWrapperOptions;
+}
+export { VOnboardingWrapperOptions, VOnboardingWrapper, VOnboardingStep, useVOnboarding, AttachableElement, StepEntity, onBeforeStepOptions, onAfterStepOptions, SvgOverlayOptions };

package/dist/style.css

@@ -1 +1 @@
-.v-onboarding-item{width:20rem;padding:1rem;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.375rem}.v-onboarding-item__header{display:flex;justify-content:space-between}.v-onboarding-item__header-title{font-size:1.25rem;font-weight:500;line-height:1.5}.v-onboarding-item__header-close{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%}.v-onboarding-item__header-close:hover{background:rgba(0,0,0,.1)}.v-onboarding-item__description{font-size:.875rem;color:#71717a;margin-top:.5rem}.v-onboarding-item__actions{display:flex;margin-top:1rem}.v-onboarding-item__actions>:not([hidden])~:not([hidden]){margin-left:.5rem}.v-onboarding-item__actions button{display:inline-flex;flex:1;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-width:1px;border-style:solid;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #0000000d;border-radius:9999px;background-color:transparent;background-image:none;cursor:pointer}.v-onboarding-item__actions button.v-onboarding-btn-primary{border-color:transparent;color:#fff;background-color:#4f46e5}.v-onboarding-item__actions button.v-onboarding-btn-primary:hover{background-color:#4338ca}.v-onboarding-item__actions button.v-onboarding-btn-secondary{border-color:#d4d4d8;color:#3f3f46}.v-onboarding-item__actions button.v-onboarding-btn-secondary:hover{background-color:#fafafa}[data-v-onboarding-wrapper] [data-popper-arrow]:before{content:"";background:var(--v-onboarding-step-arrow-background, white);top:0;left:0;transition:transform .2s ease-out,visibility .2s ease-out;visibility:visible;transform:translate(0) rotate(45deg);transform-origin:center;width:var(--v-onboarding-step-arrow-size, 10px);height:var(--v-onboarding-step-arrow-size, 10px);position:absolute;z-index:-1}[data-v-onboarding-wrapper] [data-popper-placement^=top]>[data-popper-arrow]{bottom:5px}[data-v-onboarding-wrapper] [data-popper-placement^=right]>[data-popper-arrow]{left:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=bottom]>[data-popper-arrow]{top:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=left]>[data-popper-arrow]{right:-4px}
+.v-onboarding-item{width:20rem;padding:1rem;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.375rem}.v-onboarding-item__header{display:flex;justify-content:space-between}.v-onboarding-item__header-title{font-size:1.25rem;font-weight:500;line-height:1.5}.v-onboarding-item__header-close{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%}.v-onboarding-item__header-close:hover{background:rgba(0,0,0,.1)}.v-onboarding-item__description{font-size:.875rem;color:#71717a;margin-top:.5rem}.v-onboarding-item__actions{display:flex;margin-top:1rem}.v-onboarding-item__actions>:not([hidden])~:not([hidden]){margin-left:.5rem}.v-onboarding-item__actions button{display:inline-flex;flex:1;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-width:1px;border-style:solid;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #0000000d;border-radius:9999px;background-color:transparent;background-image:none;cursor:pointer}.v-onboarding-item__actions button.v-onboarding-btn-primary{border-color:transparent;color:#fff;background-color:#4f46e5}.v-onboarding-item__actions button.v-onboarding-btn-primary:hover{background-color:#4338ca}.v-onboarding-item__actions button.v-onboarding-btn-primary:focus{outline-color:#312e81}.v-onboarding-item__actions button.v-onboarding-btn-secondary{border-color:#d4d4d8;color:#3f3f46}.v-onboarding-item__actions button.v-onboarding-btn-secondary:hover{background-color:#fafafa}[data-v-onboarding-wrapper] [data-popper-arrow]:before{content:"";background:var(--v-onboarding-step-arrow-background, white);top:0;left:0;transition:transform .2s ease-out,visibility .2s ease-out;visibility:visible;transform:translate(0) rotate(45deg);transform-origin:center;width:var(--v-onboarding-step-arrow-size, 10px);height:var(--v-onboarding-step-arrow-size, 10px);position:absolute;z-index:-1}[data-v-onboarding-wrapper] [data-popper-placement^=top]>[data-popper-arrow]{bottom:5px}[data-v-onboarding-wrapper] [data-popper-placement^=right]>[data-popper-arrow]{left:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=bottom]>[data-popper-arrow]{top:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=left]>[data-popper-arrow]{right:-4px}

package/dist/v-onboarding.es.js

@@ -17,8 +17,21 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { createPopper } from "@popperjs/core";
-import { ref, onMounted, onUnmounted, defineComponent, inject, computed, watch, nextTick, withDirectives, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, createCommentVNode, vShow, provide, resolveComponent, createBlock } from "vue";
+import { getCurrentScope, onScopeDispose, unref, ref, watch, onMounted, onUnmounted, defineComponent, inject, computed, nextTick, withDirectives, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, createCommentVNode, vShow, provide, resolveComponent, createBlock } from "vue";
+import { createFocusTrap } from "focus-trap";
 const STATE_INJECT_KEY = Symbol("onboardingState");
 const OnboardingState = {
   IDLE: -1,
@@ -28,6 +41,69 @@ const Direction = {
   BACKWARD: -1,
   FORWARD: 1
 };
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
+function toValue(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+function useFocusTrap(target, options = {}) {
+  let trap;
+  const _a = options, { immediate } = _a, focusTrapOptions = __objRest(_a, ["immediate"]);
+  const hasFocus = ref(false);
+  const isPaused = ref(false);
+  const activate = (opts) => trap && trap.activate(opts);
+  const deactivate = (opts) => trap && trap.deactivate(opts);
+  const pause = () => {
+    if (trap) {
+      trap.pause();
+      isPaused.value = true;
+    }
+  };
+  const unpause = () => {
+    if (trap) {
+      trap.unpause();
+      isPaused.value = false;
+    }
+  };
+  watch(() => unrefElement(target), (el) => {
+    if (!el)
+      return;
+    trap = createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+      onActivate() {
+        hasFocus.value = true;
+        if (options.onActivate)
+          options.onActivate();
+      },
+      onDeactivate() {
+        hasFocus.value = false;
+        if (options.onDeactivate)
+          options.onDeactivate();
+      }
+    }));
+    if (immediate)
+      activate();
+  }, { flush: "post" });
+  tryOnScopeDispose(() => deactivate());
+  return {
+    hasFocus,
+    isPaused,
+    activate,
+    deactivate,
+    pause,
+    unpause
+  };
+}
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var lodash_merge = { exports: {} };
 (function(module, exports) {
@@ -841,6 +917,15 @@ const _sfc_main$1 = defineComponent({
     });
     const { updatePath, path } = useSvgOverlay();
     const stepElement = ref();
+    const focusTrap = useFocusTrap(stepElement);
+    watch(show, async (value) => {
+      await nextTick();
+      if (value) {
+        focusTrap.activate();
+      } else {
+        focusTrap.deactivate();
+      }
+    });
     const attachElement = async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
       await nextTick();
@@ -1208,5 +1293,5 @@ function useVOnboarding(wrapperRef) {
     goToStep
   };
 }
-var vOnboarding = /* @__PURE__ */ (() => '.v-onboarding-item{width:20rem;padding:1rem;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.375rem}.v-onboarding-item__header{display:flex;justify-content:space-between}.v-onboarding-item__header-title{font-size:1.25rem;font-weight:500;line-height:1.5}.v-onboarding-item__header-close{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%}.v-onboarding-item__header-close:hover{background:rgba(0,0,0,.1)}.v-onboarding-item__description{font-size:.875rem;color:#71717a;margin-top:.5rem}.v-onboarding-item__actions{display:flex;margin-top:1rem}.v-onboarding-item__actions>:not([hidden])~:not([hidden]){margin-left:.5rem}.v-onboarding-item__actions button{display:inline-flex;flex:1;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-width:1px;border-style:solid;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #0000000d;border-radius:9999px;background-color:transparent;background-image:none;cursor:pointer}.v-onboarding-item__actions button.v-onboarding-btn-primary{border-color:transparent;color:#fff;background-color:#4f46e5}.v-onboarding-item__actions button.v-onboarding-btn-primary:hover{background-color:#4338ca}.v-onboarding-item__actions button.v-onboarding-btn-secondary{border-color:#d4d4d8;color:#3f3f46}.v-onboarding-item__actions button.v-onboarding-btn-secondary:hover{background-color:#fafafa}[data-v-onboarding-wrapper] [data-popper-arrow]:before{content:"";background:var(--v-onboarding-step-arrow-background, white);top:0;left:0;transition:transform .2s ease-out,visibility .2s ease-out;visibility:visible;transform:translate(0) rotate(45deg);transform-origin:center;width:var(--v-onboarding-step-arrow-size, 10px);height:var(--v-onboarding-step-arrow-size, 10px);position:absolute;z-index:-1}[data-v-onboarding-wrapper] [data-popper-placement^=top]>[data-popper-arrow]{bottom:5px}[data-v-onboarding-wrapper] [data-popper-placement^=right]>[data-popper-arrow]{left:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=bottom]>[data-popper-arrow]{top:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=left]>[data-popper-arrow]{right:-4px}\n')();
+var vOnboarding = /* @__PURE__ */ (() => '.v-onboarding-item{width:20rem;padding:1rem;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.375rem}.v-onboarding-item__header{display:flex;justify-content:space-between}.v-onboarding-item__header-title{font-size:1.25rem;font-weight:500;line-height:1.5}.v-onboarding-item__header-close{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%}.v-onboarding-item__header-close:hover{background:rgba(0,0,0,.1)}.v-onboarding-item__description{font-size:.875rem;color:#71717a;margin-top:.5rem}.v-onboarding-item__actions{display:flex;margin-top:1rem}.v-onboarding-item__actions>:not([hidden])~:not([hidden]){margin-left:.5rem}.v-onboarding-item__actions button{display:inline-flex;flex:1;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-width:1px;border-style:solid;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #0000000d;border-radius:9999px;background-color:transparent;background-image:none;cursor:pointer}.v-onboarding-item__actions button.v-onboarding-btn-primary{border-color:transparent;color:#fff;background-color:#4f46e5}.v-onboarding-item__actions button.v-onboarding-btn-primary:hover{background-color:#4338ca}.v-onboarding-item__actions button.v-onboarding-btn-primary:focus{outline-color:#312e81}.v-onboarding-item__actions button.v-onboarding-btn-secondary{border-color:#d4d4d8;color:#3f3f46}.v-onboarding-item__actions button.v-onboarding-btn-secondary:hover{background-color:#fafafa}[data-v-onboarding-wrapper] [data-popper-arrow]:before{content:"";background:var(--v-onboarding-step-arrow-background, white);top:0;left:0;transition:transform .2s ease-out,visibility .2s ease-out;visibility:visible;transform:translate(0) rotate(45deg);transform-origin:center;width:var(--v-onboarding-step-arrow-size, 10px);height:var(--v-onboarding-step-arrow-size, 10px);position:absolute;z-index:-1}[data-v-onboarding-wrapper] [data-popper-placement^=top]>[data-popper-arrow]{bottom:5px}[data-v-onboarding-wrapper] [data-popper-placement^=right]>[data-popper-arrow]{left:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=bottom]>[data-popper-arrow]{top:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=left]>[data-popper-arrow]{right:-4px}\n')();
 export { VOnboardingStep, VOnboardingWrapper, useVOnboarding };

package/dist/v-onboarding.umd.js

@@ -1,12 +1,12 @@
-(function(O,x){typeof exports=="object"&&typeof module!="undefined"?x(exports,require("@popperjs/core"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@popperjs/core","vue"],x):(O=typeof globalThis!="undefined"?globalThis:O||self,x(O["v-onboarding"]={},O.core,O.Vue))})(this,function(O,x,o){"use strict";var Xn=Object.defineProperty,tr=Object.defineProperties;var er=Object.getOwnPropertyDescriptors;var de=Object.getOwnPropertySymbols;var nr=Object.prototype.hasOwnProperty,rr=Object.prototype.propertyIsEnumerable;var ue=(O,x,o)=>x in O?Xn(O,x,{enumerable:!0,configurable:!0,writable:!0,value:o}):O[x]=o,It=(O,x)=>{for(var o in x||(x={}))nr.call(x,o)&&ue(O,o,x[o]);if(de)for(var o of de(x))rr.call(x,o)&&ue(O,o,x[o]);return O},Pt=(O,x)=>tr(O,er(x));const Lt=Symbol("onboardingState"),rt={IDLE:-1,FINISHED:-2},ct={BACKWARD:-1,FORWARD:1};var dt=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},St={exports:{}};(function(r,v){var h=200,d="__lodash_hash_undefined__",_=800,p=16,m=9007199254740991,E="[object Arguments]",A="[object Array]",C="[object AsyncFunction]",g="[object Boolean]",S="[object Date]",B="[object Error]",$="[object Function]",D="[object GeneratorFunction]",H="[object Map]",Q="[object Number]",tt="[object Null]",s="[object Object]",a="[object Proxy]",l="[object RegExp]",N="[object Set]",j="[object String]",f="[object Undefined]",F="[object WeakMap]",k="[object ArrayBuffer]",z="[object DataView]",P="[object Float32Array]",V="[object Float64Array]",M="[object Int8Array]",R="[object Int16Array]",U="[object Int32Array]",Z="[object Uint8Array]",K="[object Uint8ClampedArray]",Ve="[object Uint16Array]",Ie="[object Uint32Array]",Pe=/[\\^$.*+?()[\]{}|]/g,Le=/^\[object .+?Constructor\]$/,De=/^(?:0|[1-9]\d*)$/,y={};y[P]=y[V]=y[M]=y[R]=y[U]=y[Z]=y[K]=y[Ve]=y[Ie]=!0,y[E]=y[A]=y[k]=y[g]=y[z]=y[S]=y[B]=y[$]=y[H]=y[Q]=y[s]=y[l]=y[N]=y[j]=y[F]=!1;var Ht=typeof dt=="object"&&dt&&dt.Object===Object&&dt,Fe=typeof self=="object"&&self&&self.Object===Object&&self,ot=Ht||Fe||Function("return this")(),zt=v&&!v.nodeType&&v,it=zt&&!0&&r&&!r.nodeType&&r,Mt=it&&it.exports===zt,Tt=Mt&&Ht.process,Rt=function(){try{var t=it&&it.require&&it.require("util").types;return t||Tt&&Tt.binding&&Tt.binding("util")}catch{}}(),Ut=Rt&&Rt.isTypedArray;function ke(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}function He(t,e){for(var n=-1,i=Array(t);++n<t;)i[n]=e(n);return i}function ze(t){return function(e){return t(e)}}function Me(t,e){return t==null?void 0:t[e]}function Re(t,e){return function(n){return t(e(n))}}var Ue=Array.prototype,Ge=Function.prototype,pt=Object.prototype,wt=ot["__core-js_shared__"],ht=Ge.toString,G=pt.hasOwnProperty,Gt=function(){var t=/[^.]+$/.exec(wt&&wt.keys&&wt.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),Wt=pt.toString,We=ht.call(Object),Ke=RegExp("^"+ht.call(G).replace(Pe,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),gt=Mt?ot.Buffer:void 0,Kt=ot.Symbol,qt=ot.Uint8Array,Qt=gt?gt.allocUnsafe:void 0,Zt=Re(Object.getPrototypeOf,Object),Jt=Object.create,qe=pt.propertyIsEnumerable,Qe=Ue.splice,J=Kt?Kt.toStringTag:void 0,bt=function(){try{var t=xt(Object,"defineProperty");return t({},"",{}),t}catch{}}(),Ze=gt?gt.isBuffer:void 0,Yt=Math.max,Je=Date.now,Xt=xt(ot,"Map"),at=xt(Object,"create"),Ye=function(){function t(){}return function(e){if(!X(e))return{};if(Jt)return Jt(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}();function Y(t){var e=-1,n=t==null?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function Xe(){this.__data__=at?at(null):{},this.size=0}function tn(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}function en(t){var e=this.__data__;if(at){var n=e[t];return n===d?void 0:n}return G.call(e,t)?e[t]:void 0}function nn(t){var e=this.__data__;return at?e[t]!==void 0:G.call(e,t)}function rn(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=at&&e===void 0?d:e,this}Y.prototype.clear=Xe,Y.prototype.delete=tn,Y.prototype.get=en,Y.prototype.has=nn,Y.prototype.set=rn;function W(t){var e=-1,n=t==null?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function on(){this.__data__=[],this.size=0}function an(t){var e=this.__data__,n=vt(e,t);if(n<0)return!1;var i=e.length-1;return n==i?e.pop():Qe.call(e,n,1),--this.size,!0}function sn(t){var e=this.__data__,n=vt(e,t);return n<0?void 0:e[n][1]}function ln(t){return vt(this.__data__,t)>-1}function cn(t,e){var n=this.__data__,i=vt(n,t);return i<0?(++this.size,n.push([t,e])):n[i][1]=e,this}W.prototype.clear=on,W.prototype.delete=an,W.prototype.get=sn,W.prototype.has=ln,W.prototype.set=cn;function et(t){var e=-1,n=t==null?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function dn(){this.size=0,this.__data__={hash:new Y,map:new(Xt||W),string:new Y}}function un(t){var e=yt(this,t).delete(t);return this.size-=e?1:0,e}function fn(t){return yt(this,t).get(t)}function pn(t){return yt(this,t).has(t)}function hn(t,e){var n=yt(this,t),i=n.size;return n.set(t,e),this.size+=n.size==i?0:1,this}et.prototype.clear=dn,et.prototype.delete=un,et.prototype.get=fn,et.prototype.has=pn,et.prototype.set=hn;function nt(t){var e=this.__data__=new W(t);this.size=e.size}function gn(){this.__data__=new W,this.size=0}function bn(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n}function vn(t){return this.__data__.get(t)}function mn(t){return this.__data__.has(t)}function yn(t,e){var n=this.__data__;if(n instanceof W){var i=n.__data__;if(!Xt||i.length<h-1)return i.push([t,e]),this.size=++n.size,this;n=this.__data__=new et(i)}return n.set(t,e),this.size=n.size,this}nt.prototype.clear=gn,nt.prototype.delete=bn,nt.prototype.get=vn,nt.prototype.has=mn,nt.prototype.set=yn;function _n(t,e){var n=At(t),i=!n&&Ct(t),u=!n&&!i&&oe(t),b=!n&&!i&&!u&&ae(t),T=n||i||u||b,c=T?He(t.length,String):[],w=c.length;for(var L in t)(e||G.call(t,L))&&!(T&&(L=="length"||u&&(L=="offset"||L=="parent")||b&&(L=="buffer"||L=="byteLength"||L=="byteOffset")||ne(L,w)))&&c.push(L);return c}function Et(t,e,n){(n!==void 0&&!_t(t[e],n)||n===void 0&&!(e in t))&&Ot(t,e,n)}function Sn(t,e,n){var i=t[e];(!(G.call(t,e)&&_t(i,n))||n===void 0&&!(e in t))&&Ot(t,e,n)}function vt(t,e){for(var n=t.length;n--;)if(_t(t[n][0],e))return n;return-1}function Ot(t,e,n){e=="__proto__"&&bt?bt(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}var Tn=Pn();function mt(t){return t==null?t===void 0?f:tt:J&&J in Object(t)?Ln(t):Mn(t)}function te(t){return st(t)&&mt(t)==E}function wn(t){if(!X(t)||Hn(t))return!1;var e=Nt(t)?Ke:Le;return e.test(Wn(t))}function En(t){return st(t)&&ie(t.length)&&!!y[mt(t)]}function On(t){if(!X(t))return zn(t);var e=re(t),n=[];for(var i in t)i=="constructor"&&(e||!G.call(t,i))||n.push(i);return n}function ee(t,e,n,i,u){t!==e&&Tn(e,function(b,T){if(u||(u=new nt),X(b))xn(t,e,T,n,ee,i,u);else{var c=i?i(Bt(t,T),b,T+"",t,e,u):void 0;c===void 0&&(c=b),Et(t,T,c)}},se)}function xn(t,e,n,i,u,b,T){var c=Bt(t,n),w=Bt(e,n),L=T.get(w);if(L){Et(t,n,L);return}var I=b?b(c,w,n+"",t,e,T):void 0,lt=I===void 0;if(lt){var jt=At(w),Vt=!jt&&oe(w),ce=!jt&&!Vt&&ae(w);I=w,jt||Vt||ce?At(c)?I=c:Kn(c)?I=jn(c):Vt?(lt=!1,I=An(w,!0)):ce?(lt=!1,I=Nn(w,!0)):I=[]:qn(w)||Ct(w)?(I=c,Ct(c)?I=Qn(c):(!X(c)||Nt(c))&&(I=Dn(w))):lt=!1}lt&&(T.set(w,I),u(I,w,i,b,T),T.delete(w)),Et(t,n,I)}function Bn(t,e){return Un(Rn(t,e,le),t+"")}var Cn=bt?function(t,e){return bt(t,"toString",{configurable:!0,enumerable:!1,value:Jn(e),writable:!0})}:le;function An(t,e){if(e)return t.slice();var n=t.length,i=Qt?Qt(n):new t.constructor(n);return t.copy(i),i}function $n(t){var e=new t.constructor(t.byteLength);return new qt(e).set(new qt(t)),e}function Nn(t,e){var n=e?$n(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}function jn(t,e){var n=-1,i=t.length;for(e||(e=Array(i));++n<i;)e[n]=t[n];return e}function Vn(t,e,n,i){var u=!n;n||(n={});for(var b=-1,T=e.length;++b<T;){var c=e[b],w=i?i(n[c],t[c],c,n,t):void 0;w===void 0&&(w=t[c]),u?Ot(n,c,w):Sn(n,c,w)}return n}function In(t){return Bn(function(e,n){var i=-1,u=n.length,b=u>1?n[u-1]:void 0,T=u>2?n[2]:void 0;for(b=t.length>3&&typeof b=="function"?(u--,b):void 0,T&&Fn(n[0],n[1],T)&&(b=u<3?void 0:b,u=1),e=Object(e);++i<u;){var c=n[i];c&&t(e,c,i,b)}return e})}function Pn(t){return function(e,n,i){for(var u=-1,b=Object(e),T=i(e),c=T.length;c--;){var w=T[t?c:++u];if(n(b[w],w,b)===!1)break}return e}}function yt(t,e){var n=t.__data__;return kn(e)?n[typeof e=="string"?"string":"hash"]:n.map}function xt(t,e){var n=Me(t,e);return wn(n)?n:void 0}function Ln(t){var e=G.call(t,J),n=t[J];try{t[J]=void 0;var i=!0}catch{}var u=Wt.call(t);return i&&(e?t[J]=n:delete t[J]),u}function Dn(t){return typeof t.constructor=="function"&&!re(t)?Ye(Zt(t)):{}}function ne(t,e){var n=typeof t;return e=e==null?m:e,!!e&&(n=="number"||n!="symbol"&&De.test(t))&&t>-1&&t%1==0&&t<e}function Fn(t,e,n){if(!X(n))return!1;var i=typeof e;return(i=="number"?$t(n)&&ne(e,n.length):i=="string"&&e in n)?_t(n[e],t):!1}function kn(t){var e=typeof t;return e=="string"||e=="number"||e=="symbol"||e=="boolean"?t!=="__proto__":t===null}function Hn(t){return!!Gt&&Gt in t}function re(t){var e=t&&t.constructor,n=typeof e=="function"&&e.prototype||pt;return t===n}function zn(t){var e=[];if(t!=null)for(var n in Object(t))e.push(n);return e}function Mn(t){return Wt.call(t)}function Rn(t,e,n){return e=Yt(e===void 0?t.length-1:e,0),function(){for(var i=arguments,u=-1,b=Yt(i.length-e,0),T=Array(b);++u<b;)T[u]=i[e+u];u=-1;for(var c=Array(e+1);++u<e;)c[u]=i[u];return c[e]=n(T),ke(t,this,c)}}function Bt(t,e){if(!(e==="constructor"&&typeof t[e]=="function")&&e!="__proto__")return t[e]}var Un=Gn(Cn);function Gn(t){var e=0,n=0;return function(){var i=Je(),u=p-(i-n);if(n=i,u>0){if(++e>=_)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}function Wn(t){if(t!=null){try{return ht.call(t)}catch{}try{return t+""}catch{}}return""}function _t(t,e){return t===e||t!==t&&e!==e}var Ct=te(function(){return arguments}())?te:function(t){return st(t)&&G.call(t,"callee")&&!qe.call(t,"callee")},At=Array.isArray;function $t(t){return t!=null&&ie(t.length)&&!Nt(t)}function Kn(t){return st(t)&&$t(t)}var oe=Ze||Yn;function Nt(t){if(!X(t))return!1;var e=mt(t);return e==$||e==D||e==C||e==a}function ie(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=m}function X(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}function st(t){return t!=null&&typeof t=="object"}function qn(t){if(!st(t)||mt(t)!=s)return!1;var e=Zt(t);if(e===null)return!0;var n=G.call(e,"constructor")&&e.constructor;return typeof n=="function"&&n instanceof n&&ht.call(n)==We}var ae=Ut?ze(Ut):En;function Qn(t){return Vn(t,se(t))}function se(t){return $t(t)?_n(t,!0):On(t)}var Zn=In(function(t,e,n){ee(t,e,n)});function Jn(t){return function(){return t}}function le(t){return t}function Yn(){return!1}r.exports=Zn})(St,St.exports);var ut=St.exports;function q(r){return typeof r=="string"?document.querySelector(r):typeof r=="function"?r():null}const ft={popper:{},overlay:{enabled:!0,padding:0,borderRadius:0,preventOverlayInteraction:!0},scrollToStep:{enabled:!0,options:{behavior:"smooth",block:"center",inline:"center"}},autoFinishByExit:!0,labels:{previousButton:"Previous",nextButton:"Next",finishButton:"Finish"},hideButtons:{previous:!1,next:!1,exit:!1},hideNextStepDuringHook:!1};function fe(){var m,E,A,C;const r=o.ref(""),v=o.ref(null),h=o.ref((E=(m=ft.overlay)==null?void 0:m.padding)!=null?E:0),d=o.ref((C=(A=ft.overlay)==null?void 0:A.borderRadius)!=null?C:0),_=()=>{p(v.value,{padding:h.value,borderRadius:d.value})},p=async(g,S=ft.overlay)=>{var j,f,F,k,z,P,V,M,R,U,Z,K;if(!g)return;const{innerWidth:B,innerHeight:$}=window,{left:D,top:H,width:Q,height:tt}=g.getBoundingClientRect(),s=typeof S.padding=="number"?{top:S.padding,right:S.padding,bottom:S.padding,left:S.padding}:S.padding,a=typeof S.borderRadius=="number"?{leftTop:S.borderRadius,rightTop:S.borderRadius,rightBottom:S.borderRadius,leftBottom:S.borderRadius}:S.borderRadius,l={top:H-((j=s==null?void 0:s.top)!=null?j:0),right:D+Q+((f=s==null?void 0:s.right)!=null?f:0),bottom:H+tt+((F=s==null?void 0:s.bottom)!=null?F:0),left:D-((k=s==null?void 0:s.left)!=null?k:0)},N={leftTop:`M${l.left+((z=a==null?void 0:a.leftTop)!=null?z:0)},${l.top} Q${l.left},${l.top} ${l.left},${l.top+((P=a==null?void 0:a.leftTop)!=null?P:0)}`,rightTop:`V${l.top+((V=a==null?void 0:a.rightTop)!=null?V:0)} Q${l.right},${l.top} ${l.right-((M=a==null?void 0:a.rightTop)!=null?M:0)},${l.top}`,rightBottom:`H${l.right-((R=a==null?void 0:a.rightBottom)!=null?R:0)} Q${l.right},${l.bottom} ${l.right},${l.bottom-((U=a==null?void 0:a.rightBottom)!=null?U:0)}`,leftBottom:`V${l.bottom-((Z=a==null?void 0:a.leftBottom)!=null?Z:0)} Q${l.left},${l.bottom} ${l.left+((K=a==null?void 0:a.leftBottom)!=null?K:0)},${l.bottom}`};r.value=`
-      M${B},${$}
+(function(g,B){typeof exports=="object"&&typeof module!="undefined"?B(exports,require("@popperjs/core"),require("vue"),require("focus-trap")):typeof define=="function"&&define.amd?define(["exports","@popperjs/core","vue","focus-trap"],B):(g=typeof globalThis!="undefined"?globalThis:g||self,B(g["v-onboarding"]={},g.core,g.Vue,g.focusTrap))})(this,function(g,B,o,F){"use strict";var sr=Object.defineProperty,lr=Object.defineProperties;var cr=Object.getOwnPropertyDescriptors;var St=Object.getOwnPropertySymbols;var pe=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var fe=(g,B,o)=>B in g?sr(g,B,{enumerable:!0,configurable:!0,writable:!0,value:o}):g[B]=o,wt=(g,B)=>{for(var o in B||(B={}))pe.call(B,o)&&fe(g,o,B[o]);if(St)for(var o of St(B))he.call(B,o)&&fe(g,o,B[o]);return g},Ot=(g,B)=>lr(g,cr(B));var ge=(g,B)=>{var o={};for(var F in g)pe.call(g,F)&&B.indexOf(F)<0&&(o[F]=g[F]);if(g!=null&&St)for(var F of St(g))B.indexOf(F)<0&&he.call(g,F)&&(o[F]=g[F]);return o};const Ft=Symbol("onboardingState"),ot={IDLE:-1,FINISHED:-2},ut={BACKWARD:-1,FORWARD:1};function be(r){return o.getCurrentScope()?(o.onScopeDispose(r),!0):!1}function ve(r){return typeof r=="function"?r():o.unref(r)}typeof WorkerGlobalScope!="undefined"&&globalThis instanceof WorkerGlobalScope;function me(r){var f;const s=ve(r);return(f=s==null?void 0:s.$el)!=null?f:s}function ye(r,f={}){let s;const m=f,{immediate:l}=m,_=ge(m,["immediate"]),c=o.ref(!1),b=o.ref(!1),T=S=>s&&s.activate(S),C=S=>s&&s.deactivate(S),A=()=>{s&&(s.pause(),b.value=!0)},v=()=>{s&&(s.unpause(),b.value=!1)};return o.watch(()=>me(r),S=>{!S||(s=F.createFocusTrap(S,Ot(wt({},_),{onActivate(){c.value=!0,f.onActivate&&f.onActivate()},onDeactivate(){c.value=!1,f.onDeactivate&&f.onDeactivate()}})),l&&T())},{flush:"post"}),be(()=>C()),{hasFocus:c,isPaused:b,activate:T,deactivate:C,pause:A,unpause:v}}var dt=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},Et={exports:{}};(function(r,f){var s=200,l="__lodash_hash_undefined__",_=800,c=16,b=9007199254740991,T="[object Arguments]",C="[object Array]",A="[object AsyncFunction]",v="[object Boolean]",m="[object Date]",S="[object Error]",N="[object Function]",k="[object GeneratorFunction]",H="[object Map]",Q="[object Number]",Y="[object Null]",x="[object Object]",a="[object Proxy]",u="[object RegExp]",$="[object Set]",V="[object String]",h="[object Undefined]",j="[object WeakMap]",z="[object ArrayBuffer]",M="[object DataView]",I="[object Float32Array]",P="[object Float64Array]",R="[object Int8Array]",U="[object Int16Array]",G="[object Int32Array]",W="[object Uint8Array]",Z="[object Uint8ClampedArray]",ze="[object Uint16Array]",Me="[object Uint32Array]",Re=/[\\^$.*+?()[\]{}|]/g,Ue=/^\[object .+?Constructor\]$/,Ge=/^(?:0|[1-9]\d*)$/,w={};w[I]=w[P]=w[R]=w[U]=w[G]=w[W]=w[Z]=w[ze]=w[Me]=!0,w[T]=w[C]=w[z]=w[v]=w[M]=w[m]=w[S]=w[N]=w[H]=w[Q]=w[x]=w[u]=w[$]=w[V]=w[j]=!1;var Mt=typeof dt=="object"&&dt&&dt.Object===Object&&dt,We=typeof self=="object"&&self&&self.Object===Object&&self,it=Mt||We||Function("return this")(),Rt=f&&!f.nodeType&&f,at=Rt&&!0&&r&&!r.nodeType&&r,Ut=at&&at.exports===Rt,xt=Ut&&Mt.process,Gt=function(){try{var t=at&&at.require&&at.require("util").types;return t||xt&&xt.binding&&xt.binding("util")}catch{}}(),Wt=Gt&&Gt.isTypedArray;function Ke(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}function qe(t,e){for(var n=-1,i=Array(t);++n<t;)i[n]=e(n);return i}function Qe(t){return function(e){return t(e)}}function Ze(t,e){return t==null?void 0:t[e]}function Je(t,e){return function(n){return t(e(n))}}var Ye=Array.prototype,Xe=Function.prototype,ht=Object.prototype,Bt=it["__core-js_shared__"],gt=Xe.toString,K=ht.hasOwnProperty,Kt=function(){var t=/[^.]+$/.exec(Bt&&Bt.keys&&Bt.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),qt=ht.toString,tn=gt.call(Object),en=RegExp("^"+gt.call(K).replace(Re,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),bt=Ut?it.Buffer:void 0,Qt=it.Symbol,Zt=it.Uint8Array,Jt=bt?bt.allocUnsafe:void 0,Yt=Je(Object.getPrototypeOf,Object),Xt=Object.create,nn=ht.propertyIsEnumerable,rn=Ye.splice,X=Qt?Qt.toStringTag:void 0,vt=function(){try{var t=$t(Object,"defineProperty");return t({},"",{}),t}catch{}}(),on=bt?bt.isBuffer:void 0,te=Math.max,an=Date.now,ee=$t(it,"Map"),st=$t(Object,"create"),sn=function(){function t(){}return function(e){if(!et(e))return{};if(Xt)return Xt(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}();function tt(t){var e=-1,n=t==null?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function ln(){this.__data__=st?st(null):{},this.size=0}function cn(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}function un(t){var e=this.__data__;if(st){var n=e[t];return n===l?void 0:n}return K.call(e,t)?e[t]:void 0}function dn(t){var e=this.__data__;return st?e[t]!==void 0:K.call(e,t)}function fn(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=st&&e===void 0?l:e,this}tt.prototype.clear=ln,tt.prototype.delete=cn,tt.prototype.get=un,tt.prototype.has=dn,tt.prototype.set=fn;function q(t){var e=-1,n=t==null?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function pn(){this.__data__=[],this.size=0}function hn(t){var e=this.__data__,n=mt(e,t);if(n<0)return!1;var i=e.length-1;return n==i?e.pop():rn.call(e,n,1),--this.size,!0}function gn(t){var e=this.__data__,n=mt(e,t);return n<0?void 0:e[n][1]}function bn(t){return mt(this.__data__,t)>-1}function vn(t,e){var n=this.__data__,i=mt(n,t);return i<0?(++this.size,n.push([t,e])):n[i][1]=e,this}q.prototype.clear=pn,q.prototype.delete=hn,q.prototype.get=gn,q.prototype.has=bn,q.prototype.set=vn;function nt(t){var e=-1,n=t==null?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function mn(){this.size=0,this.__data__={hash:new tt,map:new(ee||q),string:new tt}}function yn(t){var e=_t(this,t).delete(t);return this.size-=e?1:0,e}function _n(t){return _t(this,t).get(t)}function Tn(t){return _t(this,t).has(t)}function Sn(t,e){var n=_t(this,t),i=n.size;return n.set(t,e),this.size+=n.size==i?0:1,this}nt.prototype.clear=mn,nt.prototype.delete=yn,nt.prototype.get=_n,nt.prototype.has=Tn,nt.prototype.set=Sn;function rt(t){var e=this.__data__=new q(t);this.size=e.size}function wn(){this.__data__=new q,this.size=0}function On(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n}function En(t){return this.__data__.get(t)}function xn(t){return this.__data__.has(t)}function Bn(t,e){var n=this.__data__;if(n instanceof q){var i=n.__data__;if(!ee||i.length<s-1)return i.push([t,e]),this.size=++n.size,this;n=this.__data__=new nt(i)}return n.set(t,e),this.size=n.size,this}rt.prototype.clear=wn,rt.prototype.delete=On,rt.prototype.get=En,rt.prototype.has=xn,rt.prototype.set=Bn;function Cn(t,e){var n=jt(t),i=!n&&Vt(t),p=!n&&!i&&ae(t),y=!n&&!i&&!p&&le(t),O=n||i||p||y,d=O?qe(t.length,String):[],E=d.length;for(var L in t)(e||K.call(t,L))&&!(O&&(L=="length"||p&&(L=="offset"||L=="parent")||y&&(L=="buffer"||L=="byteLength"||L=="byteOffset")||oe(L,E)))&&d.push(L);return d}function Ct(t,e,n){(n!==void 0&&!Tt(t[e],n)||n===void 0&&!(e in t))&&At(t,e,n)}function An(t,e,n){var i=t[e];(!(K.call(t,e)&&Tt(i,n))||n===void 0&&!(e in t))&&At(t,e,n)}function mt(t,e){for(var n=t.length;n--;)if(Tt(t[n][0],e))return n;return-1}function At(t,e,n){e=="__proto__"&&vt?vt(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}var $n=Rn();function yt(t){return t==null?t===void 0?h:Y:X&&X in Object(t)?Un(t):Zn(t)}function ne(t){return lt(t)&&yt(t)==T}function Nn(t){if(!et(t)||qn(t))return!1;var e=Dt(t)?en:Ue;return e.test(tr(t))}function Vn(t){return lt(t)&&se(t.length)&&!!w[yt(t)]}function jn(t){if(!et(t))return Qn(t);var e=ie(t),n=[];for(var i in t)i=="constructor"&&(e||!K.call(t,i))||n.push(i);return n}function re(t,e,n,i,p){t!==e&&$n(e,function(y,O){if(p||(p=new rt),et(y))Pn(t,e,O,n,re,i,p);else{var d=i?i(Nt(t,O),y,O+"",t,e,p):void 0;d===void 0&&(d=y),Ct(t,O,d)}},ce)}function Pn(t,e,n,i,p,y,O){var d=Nt(t,n),E=Nt(e,n),L=O.get(E);if(L){Ct(t,n,L);return}var D=y?y(d,E,n+"",t,e,O):void 0,ct=D===void 0;if(ct){var It=jt(E),Lt=!It&&ae(E),de=!It&&!Lt&&le(E);D=E,It||Lt||de?jt(d)?D=d:er(d)?D=Hn(d):Lt?(ct=!1,D=Ln(E,!0)):de?(ct=!1,D=kn(E,!0)):D=[]:nr(E)||Vt(E)?(D=d,Vt(d)?D=rr(d):(!et(d)||Dt(d))&&(D=Gn(E))):ct=!1}ct&&(O.set(E,D),p(D,E,i,y,O),O.delete(E)),Ct(t,n,D)}function Dn(t,e){return Yn(Jn(t,e,ue),t+"")}var In=vt?function(t,e){return vt(t,"toString",{configurable:!0,enumerable:!1,value:ir(e),writable:!0})}:ue;function Ln(t,e){if(e)return t.slice();var n=t.length,i=Jt?Jt(n):new t.constructor(n);return t.copy(i),i}function Fn(t){var e=new t.constructor(t.byteLength);return new Zt(e).set(new Zt(t)),e}function kn(t,e){var n=e?Fn(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}function Hn(t,e){var n=-1,i=t.length;for(e||(e=Array(i));++n<i;)e[n]=t[n];return e}function zn(t,e,n,i){var p=!n;n||(n={});for(var y=-1,O=e.length;++y<O;){var d=e[y],E=i?i(n[d],t[d],d,n,t):void 0;E===void 0&&(E=t[d]),p?At(n,d,E):An(n,d,E)}return n}function Mn(t){return Dn(function(e,n){var i=-1,p=n.length,y=p>1?n[p-1]:void 0,O=p>2?n[2]:void 0;for(y=t.length>3&&typeof y=="function"?(p--,y):void 0,O&&Wn(n[0],n[1],O)&&(y=p<3?void 0:y,p=1),e=Object(e);++i<p;){var d=n[i];d&&t(e,d,i,y)}return e})}function Rn(t){return function(e,n,i){for(var p=-1,y=Object(e),O=i(e),d=O.length;d--;){var E=O[t?d:++p];if(n(y[E],E,y)===!1)break}return e}}function _t(t,e){var n=t.__data__;return Kn(e)?n[typeof e=="string"?"string":"hash"]:n.map}function $t(t,e){var n=Ze(t,e);return Nn(n)?n:void 0}function Un(t){var e=K.call(t,X),n=t[X];try{t[X]=void 0;var i=!0}catch{}var p=qt.call(t);return i&&(e?t[X]=n:delete t[X]),p}function Gn(t){return typeof t.constructor=="function"&&!ie(t)?sn(Yt(t)):{}}function oe(t,e){var n=typeof t;return e=e==null?b:e,!!e&&(n=="number"||n!="symbol"&&Ge.test(t))&&t>-1&&t%1==0&&t<e}function Wn(t,e,n){if(!et(n))return!1;var i=typeof e;return(i=="number"?Pt(n)&&oe(e,n.length):i=="string"&&e in n)?Tt(n[e],t):!1}function Kn(t){var e=typeof t;return e=="string"||e=="number"||e=="symbol"||e=="boolean"?t!=="__proto__":t===null}function qn(t){return!!Kt&&Kt in t}function ie(t){var e=t&&t.constructor,n=typeof e=="function"&&e.prototype||ht;return t===n}function Qn(t){var e=[];if(t!=null)for(var n in Object(t))e.push(n);return e}function Zn(t){return qt.call(t)}function Jn(t,e,n){return e=te(e===void 0?t.length-1:e,0),function(){for(var i=arguments,p=-1,y=te(i.length-e,0),O=Array(y);++p<y;)O[p]=i[e+p];p=-1;for(var d=Array(e+1);++p<e;)d[p]=i[p];return d[e]=n(O),Ke(t,this,d)}}function Nt(t,e){if(!(e==="constructor"&&typeof t[e]=="function")&&e!="__proto__")return t[e]}var Yn=Xn(In);function Xn(t){var e=0,n=0;return function(){var i=an(),p=c-(i-n);if(n=i,p>0){if(++e>=_)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}function tr(t){if(t!=null){try{return gt.call(t)}catch{}try{return t+""}catch{}}return""}function Tt(t,e){return t===e||t!==t&&e!==e}var Vt=ne(function(){return arguments}())?ne:function(t){return lt(t)&&K.call(t,"callee")&&!nn.call(t,"callee")},jt=Array.isArray;function Pt(t){return t!=null&&se(t.length)&&!Dt(t)}function er(t){return lt(t)&&Pt(t)}var ae=on||ar;function Dt(t){if(!et(t))return!1;var e=yt(t);return e==N||e==k||e==A||e==a}function se(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=b}function et(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}function lt(t){return t!=null&&typeof t=="object"}function nr(t){if(!lt(t)||yt(t)!=x)return!1;var e=Yt(t);if(e===null)return!0;var n=K.call(e,"constructor")&&e.constructor;return typeof n=="function"&&n instanceof n&&gt.call(n)==tn}var le=Wt?Qe(Wt):Vn;function rr(t){return zn(t,ce(t))}function ce(t){return Pt(t)?Cn(t,!0):jn(t)}var or=Mn(function(t,e,n){re(t,e,n)});function ir(t){return function(){return t}}function ue(t){return t}function ar(){return!1}r.exports=or})(Et,Et.exports);var ft=Et.exports;function J(r){return typeof r=="string"?document.querySelector(r):typeof r=="function"?r():null}const pt={popper:{},overlay:{enabled:!0,padding:0,borderRadius:0,preventOverlayInteraction:!0},scrollToStep:{enabled:!0,options:{behavior:"smooth",block:"center",inline:"center"}},autoFinishByExit:!0,labels:{previousButton:"Previous",nextButton:"Next",finishButton:"Finish"},hideButtons:{previous:!1,next:!1,exit:!1},hideNextStepDuringHook:!1};function _e(){var b,T,C,A;const r=o.ref(""),f=o.ref(null),s=o.ref((T=(b=pt.overlay)==null?void 0:b.padding)!=null?T:0),l=o.ref((A=(C=pt.overlay)==null?void 0:C.borderRadius)!=null?A:0),_=()=>{c(f.value,{padding:s.value,borderRadius:l.value})},c=async(v,m=pt.overlay)=>{var V,h,j,z,M,I,P,R,U,G,W,Z;if(!v)return;const{innerWidth:S,innerHeight:N}=window,{left:k,top:H,width:Q,height:Y}=v.getBoundingClientRect(),x=typeof m.padding=="number"?{top:m.padding,right:m.padding,bottom:m.padding,left:m.padding}:m.padding,a=typeof m.borderRadius=="number"?{leftTop:m.borderRadius,rightTop:m.borderRadius,rightBottom:m.borderRadius,leftBottom:m.borderRadius}:m.borderRadius,u={top:H-((V=x==null?void 0:x.top)!=null?V:0),right:k+Q+((h=x==null?void 0:x.right)!=null?h:0),bottom:H+Y+((j=x==null?void 0:x.bottom)!=null?j:0),left:k-((z=x==null?void 0:x.left)!=null?z:0)},$={leftTop:`M${u.left+((M=a==null?void 0:a.leftTop)!=null?M:0)},${u.top} Q${u.left},${u.top} ${u.left},${u.top+((I=a==null?void 0:a.leftTop)!=null?I:0)}`,rightTop:`V${u.top+((P=a==null?void 0:a.rightTop)!=null?P:0)} Q${u.right},${u.top} ${u.right-((R=a==null?void 0:a.rightTop)!=null?R:0)},${u.top}`,rightBottom:`H${u.right-((U=a==null?void 0:a.rightBottom)!=null?U:0)} Q${u.right},${u.bottom} ${u.right},${u.bottom-((G=a==null?void 0:a.rightBottom)!=null?G:0)}`,leftBottom:`V${u.bottom-((W=a==null?void 0:a.leftBottom)!=null?W:0)} Q${u.left},${u.bottom} ${u.left+((Z=a==null?void 0:a.leftBottom)!=null?Z:0)},${u.bottom}`};r.value=`
+      M${S},${N}
       H0V0
-      H${B}V${$}
+      H${S}V${N}
       Z
-      ${N.leftTop}
-      ${N.leftBottom}
-      ${N.rightBottom}
-      ${N.rightTop}
+      ${$.leftTop}
+      ${$.leftBottom}
+      ${$.rightBottom}
+      ${$.rightTop}
       Z
-    `,v.value=g,h.value=s,d.value=a};return o.onMounted(()=>{window.addEventListener("scroll",_),window.addEventListener("resize",_)}),o.onUnmounted(()=>{window.removeEventListener("scroll",_),window.removeEventListener("resize",_)}),{path:r,updatePath:p}}var Dt=(r,v)=>{const h=r.__vccOpts||r;for(const[d,_]of v)h[d]=_;return h};const pe=o.defineComponent({name:"VOnboardingStep",setup(){const r=o.ref(!1),v=o.inject(Lt,{}),{step:h,isFirstStep:d,isLastStep:_,options:p,next:m,previous:E,exit:A,finish:C}=v.value,g=o.computed(()=>ut({},p==null?void 0:p.value,h.value.options)),S=o.computed(()=>{var s,a,l;return{previous:!((s=g.value.hideButtons)!=null&&s.previous),next:!((a=g.value.hideButtons)!=null&&a.next),exit:!((l=g.value.hideButtons)!=null&&l.exit)}}),B=o.computed(()=>{var s,a,l,N,j,f;return{previous:(a=(s=g.value)==null?void 0:s.labels)==null?void 0:a.previousButton,next:(N=(l=g.value)==null?void 0:l.labels)==null?void 0:N.nextButton,finish:(f=(j=g.value)==null?void 0:j.labels)==null?void 0:f.finishButton}}),{updatePath:$,path:D}=fe(),H=o.ref(),Q=async()=>{var a,l,N,j,f,F,k,z,P,V,M,R,U;await o.nextTick();const s=q((l=(a=h==null?void 0:h.value)==null?void 0:a.attachTo)==null?void 0:l.element);s&&H.value&&(r.value=!0,(j=(N=g.value)==null?void 0:N.scrollToStep)!=null&&j.enabled&&((k=s.scrollIntoView)==null||k.call(s,(F=(f=g.value)==null?void 0:f.scrollToStep)==null?void 0:F.options)),x.createPopper(s,H.value,g.value.popper),(P=(z=g.value)==null?void 0:z.overlay)!=null&&P.enabled&&$(s,{padding:(M=(V=g.value)==null?void 0:V.overlay)==null?void 0:M.padding,borderRadius:(U=(R=g.value)==null?void 0:R.overlay)==null?void 0:U.borderRadius}))};return o.watch(h,Q,{immediate:!0}),{stepElement:H,next:m,previous:E,path:D,show:r,step:h,isFirstStep:d,isLastStep:_,exit:()=>{var s;A(),(s=g.value)!=null&&s.autoFinishByExit&&C()},finish:C,isButtonVisible:S,buttonLabels:B}}}),he={style:{width:"100%",height:"100%",position:"fixed",top:"0",left:"0",fill:"var(--v-onboarding-overlay-fill, black)",opacity:"var(--v-onboarding-overlay-opacity, 0.5)","z-index":"var(--v-onboarding-overlay-z, 10)","pointer-events":"none"}},ge=["d"],be={ref:"stepElement",style:{position:"relative","z-index":"var(--v-onboarding-step-z, 20)"}},ve={class:"v-onboarding-item"},me={class:"v-onboarding-item__header"},ye={key:0,class:"v-onboarding-item__header-title"},_e=[o.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[o.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)],Se=["innerHTML"],Te={key:1,class:"v-onboarding-item__description"},we={class:"v-onboarding-item__actions"},Ee=o.createElementVNode("div",{"data-popper-arrow":""},null,-1);function Oe(r,v,h,d,_,p){return o.withDirectives((o.openBlock(),o.createElementBlock("div",null,[(o.openBlock(),o.createElementBlock("svg",he,[o.createElementVNode("path",{d:r.path},null,8,ge)])),o.createElementVNode("div",be,[r.step?o.renderSlot(r.$slots,"default",{key:0},()=>[o.createElementVNode("div",ve,[o.createElementVNode("div",me,[r.step.content.title?(o.openBlock(),o.createElementBlock("span",ye,o.toDisplayString(r.step.content.title),1)):o.createCommentVNode("",!0),r.isButtonVisible.exit?(o.openBlock(),o.createElementBlock("button",{key:1,onClick:v[0]||(v[0]=(...m)=>r.exit&&r.exit(...m)),"aria-label":"Close",class:"v-onboarding-item__header-close"},_e)):o.createCommentVNode("",!0)]),r.step.content.description&&r.step.content.html?(o.openBlock(),o.createElementBlock("p",{key:0,class:"v-onboarding-item__description",innerHTML:r.step.content.description},null,8,Se)):r.step.content.description?(o.openBlock(),o.createElementBlock("p",Te,o.toDisplayString(r.step.content.description),1)):o.createCommentVNode("",!0),o.createElementVNode("div",we,[!r.isFirstStep&&r.isButtonVisible.previous?(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",onClick:v[1]||(v[1]=(...m)=>r.previous&&r.previous(...m)),class:"v-onboarding-btn-secondary"},o.toDisplayString(r.buttonLabels.previous),1)):o.createCommentVNode("",!0),r.isButtonVisible.next?(o.openBlock(),o.createElementBlock("button",{key:1,onClick:v[2]||(v[2]=()=>r.isLastStep?r.finish():r.next()),type:"button",class:"v-onboarding-btn-primary"},o.toDisplayString(r.isLastStep?r.buttonLabels.finish:r.buttonLabels.next),1)):o.createCommentVNode("",!0)])])]):o.createCommentVNode("",!0),Ee],512)],512)),[[o.vShow,r.show]])}var Ft=Dt(pe,[["render",Oe]]);const xe=o.defineComponent({name:"VOnboardingWrapper",components:{VOnboardingStep:Ft},props:{steps:{type:Array,default:()=>[]},options:{type:Object,default:()=>({})}},emits:["finish","exit"],setup(r,{expose:v,emit:h}){const d=o.computed(()=>ut({},ft,r.options)),_=o.ref(!0),p=o.ref(rt.IDLE),m=o.ref(p.value),E=f=>{typeof f=="function"?p.value=f(p.value):p.value=f},A=o.computed(()=>{var f;return(f=r.steps)==null?void 0:f[m.value]}),C=o.computed(()=>A.value?ut({},d.value,A.value.options):d.value),g=f=>ut({},d.value,f.options),{beforeHook:S,afterHook:B}=Ce(C);o.watch(p,async(f,F)=>{var M,R,U,Z;const k=f<F?ct.BACKWARD:ct.FORWARD,z={direction:k,isForward:k===ct.FORWARD,isBackward:k===ct.BACKWARD},P=(M=r.steps)==null?void 0:M[F];if(P){const K=Pt(It({},z),{index:F,step:P});D(q(P.attachTo.element)),await B(P,K)}const V=(R=r.steps)==null?void 0:R[f];if(V){const K=Pt(It({},z),{index:f,step:V});D(q(V.attachTo.element)),(U=g(V))!=null&&U.hideNextStepDuringHook&&(_.value=!1),await S(V,K)}m.value=f,_.value=!0,D(q("body")),(Z=C.value.overlay)!=null&&Z.preventOverlayInteraction&&H()});const{addPointerEvents:$,removePointerEvents:D}=kt(),H=()=>{const f=q("body");!f||([rt.IDLE,rt.FINISHED].includes(m.value)?D(f):$(f,"none"))},Q=o.computed(()=>m.value===rt.FINISHED),tt=()=>E(0),s=()=>{E(rt.FINISHED),h("finish")},a=()=>h("exit");v({start:tt,finish:s,goToStep:E});const l=()=>{E(f=>f-1)},N=()=>{const f=m.value+1;if(f===r.steps.length){s();return}E(f)},j=o.computed(()=>({step:A,options:d,next:N,previous:l,finish:s,exit:a,isFirstStep:o.computed(()=>m.value===0),isLastStep:o.computed(()=>m.value===r.steps.length-1)}));return o.provide(Lt,j),{index:p,activeStep:A,next:N,previous:l,isFinished:Q,setIndex:E,isFirstStep:j.value.isFirstStep,isLastStep:j.value.isLastStep,finish:s,exit:a,showStep:_}}});function Be(){return{setClassName:({element:h,classList:d=[]})=>{!h||h.classList.add(...d)},unsetClassName:({element:h,classList:d=[]})=>{!h||h.classList.remove(...d)}}}function kt(){const r="data-v-onboarding-pointer-events";return{addPointerEvents:(d,_="auto")=>{if(!d)return;const p=d.style.pointerEvents;p&&d.setAttribute(r,p),d.style.setProperty("pointer-events",_)},removePointerEvents:d=>{if(!d)return;const _=d.getAttribute(r);_?(d.style.setProperty("pointer-events",_),d.removeAttribute(r)):d.style.removeProperty("pointer-events")}}}function Ce(r){const{setClassName:v,unsetClassName:h}=Be(),{addPointerEvents:d,removePointerEvents:_}=kt();return{beforeHook:(E,A)=>{var g,S,B,$;const C=q(E.attachTo.element);return(S=(g=r.value)==null?void 0:g.overlay)!=null&&S.preventOverlayInteraction&&d(C),v({element:C,classList:E.attachTo.classList}),($=(B=E.on)==null?void 0:B.beforeStep)==null?void 0:$.call(B,A)},afterHook:(E,A)=>{var g,S,B,$;const C=q(E.attachTo.element);return(S=(g=r.value)==null?void 0:g.overlay)!=null&&S.preventOverlayInteraction&&_(C),h({element:C,classList:E.attachTo.classList}),($=(B=E.on)==null?void 0:B.afterStep)==null?void 0:$.call(B,A)}}}const Ae={key:0,"data-v-onboarding-wrapper":"",style:{"pointer-events":"auto"}};function $e(r,v,h,d,_,p){const m=o.resolveComponent("VOnboardingStep");return r.isFinished?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",Ae,[r.showStep?o.renderSlot(r.$slots,"default",{key:r.index,step:r.activeStep,next:r.next,previous:r.previous,exit:r.exit,isFirst:r.isFirstStep,isLast:r.isLastStep,index:r.index},()=>[(o.openBlock(),o.createBlock(m,{key:r.index}))]):o.createCommentVNode("",!0)]))}var Ne=Dt(xe,[["render",$e]]);function je(r){return{start:()=>{var p;return(p=r==null?void 0:r.value)==null?void 0:p.start()},finish:()=>{var p;return(p=r==null?void 0:r.value)==null?void 0:p.finish()},exit:()=>{var p;return(p=r==null?void 0:r.value)==null?void 0:p.exit()},goToStep:p=>{var m;return(m=r==null?void 0:r.value)==null?void 0:m.goToStep(p)}}}var ir=(()=>`.v-onboarding-item{width:20rem;padding:1rem;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.375rem}.v-onboarding-item__header{display:flex;justify-content:space-between}.v-onboarding-item__header-title{font-size:1.25rem;font-weight:500;line-height:1.5}.v-onboarding-item__header-close{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%}.v-onboarding-item__header-close:hover{background:rgba(0,0,0,.1)}.v-onboarding-item__description{font-size:.875rem;color:#71717a;margin-top:.5rem}.v-onboarding-item__actions{display:flex;margin-top:1rem}.v-onboarding-item__actions>:not([hidden])~:not([hidden]){margin-left:.5rem}.v-onboarding-item__actions button{display:inline-flex;flex:1;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-width:1px;border-style:solid;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #0000000d;border-radius:9999px;background-color:transparent;background-image:none;cursor:pointer}.v-onboarding-item__actions button.v-onboarding-btn-primary{border-color:transparent;color:#fff;background-color:#4f46e5}.v-onboarding-item__actions button.v-onboarding-btn-primary:hover{background-color:#4338ca}.v-onboarding-item__actions button.v-onboarding-btn-secondary{border-color:#d4d4d8;color:#3f3f46}.v-onboarding-item__actions button.v-onboarding-btn-secondary:hover{background-color:#fafafa}[data-v-onboarding-wrapper] [data-popper-arrow]:before{content:"";background:var(--v-onboarding-step-arrow-background, white);top:0;left:0;transition:transform .2s ease-out,visibility .2s ease-out;visibility:visible;transform:translate(0) rotate(45deg);transform-origin:center;width:var(--v-onboarding-step-arrow-size, 10px);height:var(--v-onboarding-step-arrow-size, 10px);position:absolute;z-index:-1}[data-v-onboarding-wrapper] [data-popper-placement^=top]>[data-popper-arrow]{bottom:5px}[data-v-onboarding-wrapper] [data-popper-placement^=right]>[data-popper-arrow]{left:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=bottom]>[data-popper-arrow]{top:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=left]>[data-popper-arrow]{right:-4px}
-`)();O.VOnboardingStep=Ft,O.VOnboardingWrapper=Ne,O.useVOnboarding=je,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+    `,f.value=v,s.value=x,l.value=a};return o.onMounted(()=>{window.addEventListener("scroll",_),window.addEventListener("resize",_)}),o.onUnmounted(()=>{window.removeEventListener("scroll",_),window.removeEventListener("resize",_)}),{path:r,updatePath:c}}var kt=(r,f)=>{const s=r.__vccOpts||r;for(const[l,_]of f)s[l]=_;return s};const Te=o.defineComponent({name:"VOnboardingStep",setup(){const r=o.ref(!1),f=o.inject(Ft,{}),{step:s,isFirstStep:l,isLastStep:_,options:c,next:b,previous:T,exit:C,finish:A}=f.value,v=o.computed(()=>ft({},c==null?void 0:c.value,s.value.options)),m=o.computed(()=>{var a,u,$;return{previous:!((a=v.value.hideButtons)!=null&&a.previous),next:!((u=v.value.hideButtons)!=null&&u.next),exit:!(($=v.value.hideButtons)!=null&&$.exit)}}),S=o.computed(()=>{var a,u,$,V,h,j;return{previous:(u=(a=v.value)==null?void 0:a.labels)==null?void 0:u.previousButton,next:(V=($=v.value)==null?void 0:$.labels)==null?void 0:V.nextButton,finish:(j=(h=v.value)==null?void 0:h.labels)==null?void 0:j.finishButton}}),{updatePath:N,path:k}=_e(),H=o.ref(),Q=ye(H);o.watch(r,async a=>{await o.nextTick(),a?Q.activate():Q.deactivate()});const Y=async()=>{var u,$,V,h,j,z,M,I,P,R,U,G,W;await o.nextTick();const a=J(($=(u=s==null?void 0:s.value)==null?void 0:u.attachTo)==null?void 0:$.element);a&&H.value&&(r.value=!0,(h=(V=v.value)==null?void 0:V.scrollToStep)!=null&&h.enabled&&((M=a.scrollIntoView)==null||M.call(a,(z=(j=v.value)==null?void 0:j.scrollToStep)==null?void 0:z.options)),B.createPopper(a,H.value,v.value.popper),(P=(I=v.value)==null?void 0:I.overlay)!=null&&P.enabled&&N(a,{padding:(U=(R=v.value)==null?void 0:R.overlay)==null?void 0:U.padding,borderRadius:(W=(G=v.value)==null?void 0:G.overlay)==null?void 0:W.borderRadius}))};return o.watch(s,Y,{immediate:!0}),{stepElement:H,next:b,previous:T,path:k,show:r,step:s,isFirstStep:l,isLastStep:_,exit:()=>{var a;C(),(a=v.value)!=null&&a.autoFinishByExit&&A()},finish:A,isButtonVisible:m,buttonLabels:S}}}),Se={style:{width:"100%",height:"100%",position:"fixed",top:"0",left:"0",fill:"var(--v-onboarding-overlay-fill, black)",opacity:"var(--v-onboarding-overlay-opacity, 0.5)","z-index":"var(--v-onboarding-overlay-z, 10)","pointer-events":"none"}},we=["d"],Oe={ref:"stepElement",style:{position:"relative","z-index":"var(--v-onboarding-step-z, 20)"}},Ee={class:"v-onboarding-item"},xe={class:"v-onboarding-item__header"},Be={key:0,class:"v-onboarding-item__header-title"},Ce=[o.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[o.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)],Ae=["innerHTML"],$e={key:1,class:"v-onboarding-item__description"},Ne={class:"v-onboarding-item__actions"},Ve=o.createElementVNode("div",{"data-popper-arrow":""},null,-1);function je(r,f,s,l,_,c){return o.withDirectives((o.openBlock(),o.createElementBlock("div",null,[(o.openBlock(),o.createElementBlock("svg",Se,[o.createElementVNode("path",{d:r.path},null,8,we)])),o.createElementVNode("div",Oe,[r.step?o.renderSlot(r.$slots,"default",{key:0},()=>[o.createElementVNode("div",Ee,[o.createElementVNode("div",xe,[r.step.content.title?(o.openBlock(),o.createElementBlock("span",Be,o.toDisplayString(r.step.content.title),1)):o.createCommentVNode("",!0),r.isButtonVisible.exit?(o.openBlock(),o.createElementBlock("button",{key:1,onClick:f[0]||(f[0]=(...b)=>r.exit&&r.exit(...b)),"aria-label":"Close",class:"v-onboarding-item__header-close"},Ce)):o.createCommentVNode("",!0)]),r.step.content.description&&r.step.content.html?(o.openBlock(),o.createElementBlock("p",{key:0,class:"v-onboarding-item__description",innerHTML:r.step.content.description},null,8,Ae)):r.step.content.description?(o.openBlock(),o.createElementBlock("p",$e,o.toDisplayString(r.step.content.description),1)):o.createCommentVNode("",!0),o.createElementVNode("div",Ne,[!r.isFirstStep&&r.isButtonVisible.previous?(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",onClick:f[1]||(f[1]=(...b)=>r.previous&&r.previous(...b)),class:"v-onboarding-btn-secondary"},o.toDisplayString(r.buttonLabels.previous),1)):o.createCommentVNode("",!0),r.isButtonVisible.next?(o.openBlock(),o.createElementBlock("button",{key:1,onClick:f[2]||(f[2]=()=>r.isLastStep?r.finish():r.next()),type:"button",class:"v-onboarding-btn-primary"},o.toDisplayString(r.isLastStep?r.buttonLabels.finish:r.buttonLabels.next),1)):o.createCommentVNode("",!0)])])]):o.createCommentVNode("",!0),Ve],512)],512)),[[o.vShow,r.show]])}var Ht=kt(Te,[["render",je]]);const Pe=o.defineComponent({name:"VOnboardingWrapper",components:{VOnboardingStep:Ht},props:{steps:{type:Array,default:()=>[]},options:{type:Object,default:()=>({})}},emits:["finish","exit"],setup(r,{expose:f,emit:s}){const l=o.computed(()=>ft({},pt,r.options)),_=o.ref(!0),c=o.ref(ot.IDLE),b=o.ref(c.value),T=h=>{typeof h=="function"?c.value=h(c.value):c.value=h},C=o.computed(()=>{var h;return(h=r.steps)==null?void 0:h[b.value]}),A=o.computed(()=>C.value?ft({},l.value,C.value.options):l.value),v=h=>ft({},l.value,h.options),{beforeHook:m,afterHook:S}=Ie(A);o.watch(c,async(h,j)=>{var R,U,G,W;const z=h<j?ut.BACKWARD:ut.FORWARD,M={direction:z,isForward:z===ut.FORWARD,isBackward:z===ut.BACKWARD},I=(R=r.steps)==null?void 0:R[j];if(I){const Z=Ot(wt({},M),{index:j,step:I});k(J(I.attachTo.element)),await S(I,Z)}const P=(U=r.steps)==null?void 0:U[h];if(P){const Z=Ot(wt({},M),{index:h,step:P});k(J(P.attachTo.element)),(G=v(P))!=null&&G.hideNextStepDuringHook&&(_.value=!1),await m(P,Z)}b.value=h,_.value=!0,k(J("body")),(W=A.value.overlay)!=null&&W.preventOverlayInteraction&&H()});const{addPointerEvents:N,removePointerEvents:k}=zt(),H=()=>{const h=J("body");!h||([ot.IDLE,ot.FINISHED].includes(b.value)?k(h):N(h,"none"))},Q=o.computed(()=>b.value===ot.FINISHED),Y=()=>T(0),x=()=>{T(ot.FINISHED),s("finish")},a=()=>s("exit");f({start:Y,finish:x,goToStep:T});const u=()=>{T(h=>h-1)},$=()=>{const h=b.value+1;if(h===r.steps.length){x();return}T(h)},V=o.computed(()=>({step:C,options:l,next:$,previous:u,finish:x,exit:a,isFirstStep:o.computed(()=>b.value===0),isLastStep:o.computed(()=>b.value===r.steps.length-1)}));return o.provide(Ft,V),{index:c,activeStep:C,next:$,previous:u,isFinished:Q,setIndex:T,isFirstStep:V.value.isFirstStep,isLastStep:V.value.isLastStep,finish:x,exit:a,showStep:_}}});function De(){return{setClassName:({element:s,classList:l=[]})=>{!s||s.classList.add(...l)},unsetClassName:({element:s,classList:l=[]})=>{!s||s.classList.remove(...l)}}}function zt(){const r="data-v-onboarding-pointer-events";return{addPointerEvents:(l,_="auto")=>{if(!l)return;const c=l.style.pointerEvents;c&&l.setAttribute(r,c),l.style.setProperty("pointer-events",_)},removePointerEvents:l=>{if(!l)return;const _=l.getAttribute(r);_?(l.style.setProperty("pointer-events",_),l.removeAttribute(r)):l.style.removeProperty("pointer-events")}}}function Ie(r){const{setClassName:f,unsetClassName:s}=De(),{addPointerEvents:l,removePointerEvents:_}=zt();return{beforeHook:(T,C)=>{var v,m,S,N;const A=J(T.attachTo.element);return(m=(v=r.value)==null?void 0:v.overlay)!=null&&m.preventOverlayInteraction&&l(A),f({element:A,classList:T.attachTo.classList}),(N=(S=T.on)==null?void 0:S.beforeStep)==null?void 0:N.call(S,C)},afterHook:(T,C)=>{var v,m,S,N;const A=J(T.attachTo.element);return(m=(v=r.value)==null?void 0:v.overlay)!=null&&m.preventOverlayInteraction&&_(A),s({element:A,classList:T.attachTo.classList}),(N=(S=T.on)==null?void 0:S.afterStep)==null?void 0:N.call(S,C)}}}const Le={key:0,"data-v-onboarding-wrapper":"",style:{"pointer-events":"auto"}};function Fe(r,f,s,l,_,c){const b=o.resolveComponent("VOnboardingStep");return r.isFinished?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",Le,[r.showStep?o.renderSlot(r.$slots,"default",{key:r.index,step:r.activeStep,next:r.next,previous:r.previous,exit:r.exit,isFirst:r.isFirstStep,isLast:r.isLastStep,index:r.index},()=>[(o.openBlock(),o.createBlock(b,{key:r.index}))]):o.createCommentVNode("",!0)]))}var ke=kt(Pe,[["render",Fe]]);function He(r){return{start:()=>{var c;return(c=r==null?void 0:r.value)==null?void 0:c.start()},finish:()=>{var c;return(c=r==null?void 0:r.value)==null?void 0:c.finish()},exit:()=>{var c;return(c=r==null?void 0:r.value)==null?void 0:c.exit()},goToStep:c=>{var b;return(b=r==null?void 0:r.value)==null?void 0:b.goToStep(c)}}}var dr=(()=>`.v-onboarding-item{width:20rem;padding:1rem;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.375rem}.v-onboarding-item__header{display:flex;justify-content:space-between}.v-onboarding-item__header-title{font-size:1.25rem;font-weight:500;line-height:1.5}.v-onboarding-item__header-close{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%}.v-onboarding-item__header-close:hover{background:rgba(0,0,0,.1)}.v-onboarding-item__description{font-size:.875rem;color:#71717a;margin-top:.5rem}.v-onboarding-item__actions{display:flex;margin-top:1rem}.v-onboarding-item__actions>:not([hidden])~:not([hidden]){margin-left:.5rem}.v-onboarding-item__actions button{display:inline-flex;flex:1;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-width:1px;border-style:solid;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #0000000d;border-radius:9999px;background-color:transparent;background-image:none;cursor:pointer}.v-onboarding-item__actions button.v-onboarding-btn-primary{border-color:transparent;color:#fff;background-color:#4f46e5}.v-onboarding-item__actions button.v-onboarding-btn-primary:hover{background-color:#4338ca}.v-onboarding-item__actions button.v-onboarding-btn-primary:focus{outline-color:#312e81}.v-onboarding-item__actions button.v-onboarding-btn-secondary{border-color:#d4d4d8;color:#3f3f46}.v-onboarding-item__actions button.v-onboarding-btn-secondary:hover{background-color:#fafafa}[data-v-onboarding-wrapper] [data-popper-arrow]:before{content:"";background:var(--v-onboarding-step-arrow-background, white);top:0;left:0;transition:transform .2s ease-out,visibility .2s ease-out;visibility:visible;transform:translate(0) rotate(45deg);transform-origin:center;width:var(--v-onboarding-step-arrow-size, 10px);height:var(--v-onboarding-step-arrow-size, 10px);position:absolute;z-index:-1}[data-v-onboarding-wrapper] [data-popper-placement^=top]>[data-popper-arrow]{bottom:5px}[data-v-onboarding-wrapper] [data-popper-placement^=right]>[data-popper-arrow]{left:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=bottom]>[data-popper-arrow]{top:-4px}[data-v-onboarding-wrapper] [data-popper-placement^=left]>[data-popper-arrow]{right:-4px}
+`)();g.VOnboardingStep=Ht,g.VOnboardingWrapper=ke,g.useVOnboarding=He,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-onboarding",
-  "version": "2.7.0",
+  "version": "2.8.1",
   "description": "v-onboarding is a super-slim, fully-typed onboarding component for Vue 3",
   "repository": {
     "type": "git",
@@ -22,11 +22,9 @@
   ],
   "files": [
     "dist",
-    "src/types/*",
-    "src/typings.d.ts",
     "web-types"
   ],
-  "types": "src/typings.d.ts",
+  "types": "./dist/index.d.ts",
   "main": "./dist/v-onboarding.umd.js",
   "module": "./dist/v-onboarding.es.js",
   "exports": {
@@ -49,6 +47,8 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.5",
+    "@vueuse/integrations": "^10.7.2",
+    "focus-trap": "^7",
     "vue": "^3.2.21"
   },
   "peerDependencies": {

package/web-types/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "v-onboarding",
-  "version": "1.1.0",
+  "version": "2.8.1",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/src/types/StepEntity.d.ts

@@ -1,34 +0,0 @@
-import { VOnboardingWrapperOptions } from "@/types/VOnboardingWrapper";
-
-export type AttachableElement = string | (() => Element | null)
-
-interface onGlobalOptions {
-  index: number
-  step: StepEntity
-  direction: 1 | -1 | number
-  isForward: boolean
-  isBackward: boolean
-}
-export type onBeforeStepOptions = onGlobalOptions & {
-  // custom options here
-}
-export type onAfterStepOptions = onGlobalOptions & {
-  // custom options here
-}
-
-export interface StepEntity {
-  content: {
-    title: string;
-    description?: string;
-    html?: boolean
-  }
-  on?: {
-    beforeStep?: (options?: onBeforeStepOptions) => void | Promise<void>
-    afterStep?: (options?: onAfterStepOptions) => void | Promise<void>
-  },
-  attachTo: {
-    element: AttachableElement,
-    classList?: string[]
-  }
-  options?: VOnboardingWrapperOptions
-}

package/src/types/VOnboardingWrapper.ts

@@ -1,69 +0,0 @@
-import type { createPopper } from "@popperjs/core/lib/createPopper";
-
-export interface SvgOverlayOptions {
-  enabled?: boolean
-  padding?: number | {
-    top?: number;
-    right?: number;
-    bottom?: number;
-    left?: number;
-  }
-  borderRadius?: number | {
-    leftTop?: number;
-    rightTop?: number;
-    rightBottom?: number;
-    leftBottom?: number;
-  }
-  preventOverlayInteraction?: boolean
-}
-
-export interface VOnboardingWrapperOptions {
-  popper?: Parameters<typeof createPopper>[2]
-  overlay?: SvgOverlayOptions,
-  scrollToStep?: {
-    enabled?: boolean
-    options?: ScrollIntoViewOptions
-  },
-  autoFinishByExit?: boolean
-  hideButtons?: {
-    previous?: boolean
-    next?: boolean
-    exit?: boolean
-  },
-  labels?: {
-    previousButton?: string
-    nextButton?: string
-    finishButton?: string
-  }
-  hideNextStepDuringHook?: boolean
-}
-
-export const defaultVOnboardingWrapperOptions: VOnboardingWrapperOptions = {
-  popper: {},
-  overlay: {
-    enabled: true,
-    padding: 0,
-    borderRadius: 0,
-    preventOverlayInteraction: true
-  },
-  scrollToStep: {
-    enabled: true,
-    options: {
-      behavior: 'smooth',
-      block: 'center',
-      inline: 'center'
-    }
-  },
-  autoFinishByExit: true,
-  labels: {
-    previousButton: 'Previous',
-    nextButton: 'Next',
-    finishButton: 'Finish'
-  },
-  hideButtons: {
-    previous: false,
-    next: false,
-    exit: false
-  },
-  hideNextStepDuringHook: false
-}

package/src/types/index.ts

@@ -1,26 +0,0 @@
-import { ComputedRef, InjectionKey, Ref } from "vue";
-import { StepEntity } from "./StepEntity";
-import { VOnboardingWrapperOptions } from "./VOnboardingWrapper";
-
-export interface OnboardingState {
-  step: ComputedRef<StepEntity>;
-  options: ComputedRef<VOnboardingWrapperOptions>;
-  next: () => void;
-  previous: () => void;
-  finish: () => void;
-  exit: () => void;
-  isFirstStep: ComputedRef<boolean>;
-  isLastStep: ComputedRef<boolean>;
-
-}
-export const STATE_INJECT_KEY = Symbol('onboardingState') as InjectionKey<Ref<OnboardingState>>
-
-export const OnboardingState = {
-  IDLE: -1,
-  FINISHED: -2
-}
-
-export const Direction = {
-  BACKWARD: -1,
-  FORWARD: 1
-}

package/src/typings.d.ts

@@ -1,18 +0,0 @@
-import { DefineComponent } from 'vue'
-import { StepEntity } from '@/types/StepEntity'
-import { VOnboardingWrapperOptions } from '@/types/VOnboardingWrapper'
-
-declare const VOnboardingWrapper: DefineComponent<{
-  steps: StepEntity[]
-  options?: VOnboardingWrapperOptions
-}>
-
-declare const VOnboardingStep: DefineComponent
-
-declare const useVOnboarding: (wrapperRef: any) => {
-  start(): void
-  finish(): void
-  goToStep: (newStepNumber: number | ((currentStepNumber: number) => number)) => void
-}
-
-export { VOnboardingWrapperOptions, VOnboardingWrapper, VOnboardingStep, useVOnboarding }