@skdx/vue 0.28.0 → 0.30.0

package/dist/tour/Tour.vue.d.ts

@@ -1,8 +1,6 @@
-import { type TourStep } from './context.js';
+import { type TourStep, type TourStepChange } from './context.js';
 /**
- * Stepped product tour root; owns running state, active step, target resolution.
- * Controlled (`v-model:open` / `v-model:step`) or uncontrolled.
- * Polled target timeout fires `step-target-missing` and skips forward.
+ * Stepped product tour root that owns running state, the active step, and target resolution.
  * @example
  * ```vue
  * <SkdxTour :steps="steps" @complete="markSeen">
@@ -16,7 +14,7 @@ type __VLS_Props = {
     /** Whether tour is running; controlled usage via `v-model:open`.
      * @default undefined
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Whether tour runs on mount for uncontrolled usage.
      * @default false
      */
@@ -24,7 +22,7 @@ type __VLS_Props = {
     /** Active step index; controlled usage via `v-model:step`.
      * @default undefined
      */
-    step?: number;
+    step?: number | undefined;
     /** Starting step index for uncontrolled usage.
      * @default 0
      */
@@ -52,7 +50,7 @@ type __VLS_Props = {
     /** Scroll target into view before positioning panel.
      * @default { block: 'center', inline: 'center' }
      */
-    scrollIntoView?: boolean | ScrollIntoViewOptions;
+    scrollIntoView?: boolean | ScrollIntoViewOptions | undefined;
     /** Milliseconds to poll for missing step target.
      * @default 2000
      */
@@ -64,7 +62,7 @@ type __VLS_Props = {
     /** Builds the string announced to screen readers on every step change.
      * @default undefined
      */
-    getAnnouncement?: (step: TourStep, index: number, total: number) => string;
+    getAnnouncement?: ((step: TourStep, index: number, total: number) => string) | undefined;
     /** Whether the derived anatomy includes a spotlight cutout.
      * @default true
      */
@@ -88,23 +86,28 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "open-change-complete": (open: boolean) => any;
     complete: () => any;
     "update:step": (step: number) => any;
-    "step-change": (step: number, id: string | undefined) => any;
+    "step-change": (change: TourStepChange) => any;
     skip: () => any;
-    "step-target-missing": (index: number, step: TourStep) => any;
+    "step-target-missing": (detail: {
+        index: number;
+        step: TourStep;
+    }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    onComplete?: (() => any) | undefined;
-    "onUpdate:step"?: ((step: number) => any) | undefined;
-    "onStep-change"?: ((step: number, id: string | undefined) => any) | undefined;
-    onSkip?: (() => any) | undefined;
-    "onStep-target-missing"?: ((index: number, step: TourStep) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    onComplete?: () => any;
+    "onUpdate:step"?: (step: number) => any;
+    "onStep-change"?: (change: TourStepChange) => any;
+    onSkip?: () => any;
+    "onStep-target-missing"?: (detail: {
+        index: number;
+        step: TourStep;
+    }) => any;
 }>, {
-    open: boolean;
+    open: boolean | undefined;
     defaultOpen: boolean;
-    step: number;
-    scrollIntoView: boolean | ScrollIntoViewOptions;
+    scrollIntoView: boolean | ScrollIntoViewOptions | undefined;
     spotlight: boolean;
     showProgress: boolean;
     showSkip: boolean;
@@ -116,7 +119,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     spotlightRadius: number;
     targetTimeout: number;
     keyboardNavigation: boolean;
-    getAnnouncement: (step: TourStep, index: number, total: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tour/Tour.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const I=require("../utils/id.cjs"),F=require("../utils/useOpenChangeComplete.cjs"),G=require("../utils/popper.cjs"),d=require("../utils/clamp.cjs"),J=require("../utils/liveAnnouncer.cjs"),K=require("./context.cjs"),Q=require("./TourAnatomy.vue.cjs");let t=require("vue");var Y=50,Z=(0,t.defineComponent)({__name:"Tour",props:{steps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},step:{default:void 0},defaultStep:{default:0},closeOnEscape:{type:Boolean,default:!0},preventInteraction:{type:Boolean,default:!1},closeOnInteractOutside:{type:Boolean,default:!1},spotlightPadding:{default:8},spotlightRadius:{default:0},scrollIntoView:{type:Boolean,default:void 0},targetTimeout:{default:2e3},keyboardNavigation:{type:Boolean,default:!1},getAnnouncement:{type:Function,default:void 0},spotlight:{type:Boolean,default:!0},showProgress:{type:Boolean,default:!0},showSkip:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete","update:step","step-change","complete","skip","step-target-missing"],setup(f,{emit:$}){const n=f;function L(e,o){if(o===!1)return;const l=o===!0||o===void 0?{block:"center",inline:"center"}:o,s=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;e.scrollIntoView?.(s?{...l,behavior:"auto"}:l)}const r=$,k=(0,t.ref)(null),N=I.nextId("tour-title"),V=I.nextId("tour-description"),_=(0,t.ref)(!1),q=(0,t.ref)(!1),a=(0,t.ref)(null),w=(0,t.ref)(null),y=(0,t.ref)(null),B=(0,t.ref)(n.defaultOpen),i=(0,t.computed)(()=>n.open??B.value);F.useOpenChangeComplete(i,k,e=>r("open-change-complete",e));const S=(0,t.ref)(n.defaultStep),u=(0,t.computed)(()=>n.step??S.value),D=(0,t.computed)(()=>n.steps),v=(0,t.computed)(()=>n.steps.length),g=(0,t.computed)(()=>n.steps[u.value]),x=(0,t.computed)(()=>a.value!==null&&g.value?.type!=="dialog"),M=(0,t.computed)(()=>g.value?.backdrop!==!1);function O(e){e!==i.value&&(n.open===void 0&&(B.value=e),r("update:open",e),r("open-change",e))}function H(e){e!==u.value&&(n.step===void 0&&(S.value=e),r("update:step",e),r("step-change",e,n.steps[e]?.id))}function h(e){H(d.clamp(e,0,Math.max(v.value-1,0)))}function E(){O(!1),r("complete")}function P(){O(!1),r("skip")}function z(){u.value>=v.value-1?E():h(u.value+1)}function U(){u.value>=v.value-1?P():h(u.value+1)}function W(){h(u.value-1)}function b(e){return e?typeof e=="string"?document.querySelector(e):(0,t.isRef)(e)?e.value:e:null}const A=(0,t.computed)(()=>g.value?.target);let T;function m(){clearInterval(T),T=void 0}function C(){if(m(),!i.value)return;const e=A.value;if(!e){a.value=null;return}const o=p=>{L(p,n.scrollIntoView),a.value=p},l=b(e);if(l){o(l);return}a.value=null;const s=Date.now(),c=u.value;T=setInterval(()=>{const p=b(e);if(p){m(),o(p);return}Date.now()-s<n.targetTimeout||(m(),r("step-target-missing",c,n.steps[c]),U())},Y)}(0,t.watch)([i,u,A,()=>n.targetTimeout],C,{flush:"post"}),(0,t.onMounted)(C),(0,t.onBeforeUnmount)(m),(0,t.watch)(a,(e,o,l)=>{if(!e){w.value=null;return}const s=()=>{w.value=e.getBoundingClientRect()};s(),window.addEventListener("scroll",s,!0),window.addEventListener("resize",s),l(()=>{window.removeEventListener("scroll",s,!0),window.removeEventListener("resize",s)})},{flush:"post"});function X(e,o,l){return[e.title,`Step ${o+1} of ${l}`].filter(Boolean).join(", ")}function R(){if(!i.value)return;const e=n.steps[u.value];e&&J.announce((n.getAnnouncement??X)(e,u.value,n.steps.length))}(0,t.watch)([i,u],R,{flush:"post"}),(0,t.onMounted)(R);const j=(0,t.computed)(()=>{const e=w.value;if(!e)return{};const o=window.innerWidth,l=window.innerHeight,s=d.clamp(e.left-n.spotlightPadding,0,o),c=d.clamp(e.top-n.spotlightPadding,0,l);return{"--skdx-tour-x":`${s}px`,"--skdx-tour-y":`${c}px`,"--skdx-tour-width":`${d.clamp(e.width+n.spotlightPadding*2,0,o-s)}px`,"--skdx-tour-height":`${d.clamp(e.height+n.spotlightPadding*2,0,l-c)}px`,"--skdx-tour-radius":`${n.spotlightRadius}px`}});return(0,t.watchEffect)(()=>{y.value=x.value?a.value:null}),(0,t.provide)(G.POPPER_CONTEXT,{anchor:y,setAnchor:e=>{y.value=e}}),(0,t.provide)(K.TOUR_CONTEXT,{steps:D,step:u,total:v,activeStep:g,open:i,anchored:x,hasBackdrop:M,target:a,spotlightStyle:j,contentRef:k,contentId:I.nextId("tour-content"),titleId:N,descriptionId:V,hasTitle:(0,t.computed)(()=>_.value),setHasTitle:e=>{_.value=e},hasDescription:(0,t.computed)(()=>q.value),setHasDescription:e=>{q.value=e},closeOnEscape:(0,t.computed)(()=>n.closeOnEscape),preventInteraction:(0,t.computed)(()=>n.preventInteraction),closeOnInteractOutside:(0,t.computed)(()=>n.closeOnInteractOutside),keyboardNavigation:(0,t.computed)(()=>n.keyboardNavigation),setOpen:O,goTo:h,next:z,prev:W,skip:P,complete:E}),(e,o)=>(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(Q.default,{spotlight:f.spotlight,"show-progress":f.showProgress,"show-skip":f.showSkip},null,8,["spotlight","show-progress","show-skip"])])}});exports.default=Z;
+const I=require("../utils/id.cjs"),j=require("../utils/liveAnnouncer.cjs"),G=require("../utils/useOpenChangeComplete.cjs"),J=require("../utils/popper.cjs"),d=require("../utils/clamp.cjs"),K=require("./context.cjs"),Q=require("./TourAnatomy.vue.cjs");let t=require("vue");var Y=50,Z=(0,t.defineComponent)({__name:"Tour",props:{steps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},step:{},defaultStep:{default:0},closeOnEscape:{type:Boolean,default:!0},preventInteraction:{type:Boolean,default:!1},closeOnInteractOutside:{type:Boolean,default:!1},spotlightPadding:{default:8},spotlightRadius:{default:0},scrollIntoView:{type:Boolean,default:void 0},targetTimeout:{default:2e3},keyboardNavigation:{type:Boolean,default:!1},getAnnouncement:{},spotlight:{type:Boolean,default:!0},showProgress:{type:Boolean,default:!0},showSkip:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete","update:step","step-change","complete","skip","step-target-missing"],setup(f,{emit:$}){const n=f;function L(e,o){if(o===!1)return;const r=o===!0||o===void 0?{block:"center",inline:"center"}:o,a=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;e.scrollIntoView?.(a?{...r,behavior:"auto"}:r)}const l=$,k=(0,t.ref)(null),N=I.nextId("tour-title"),V=I.nextId("tour-description"),q=(0,t.ref)(!1),_=(0,t.ref)(!1),c=(0,t.ref)(null),w=(0,t.ref)(null),y=(0,t.ref)(null),S=(0,t.ref)(n.defaultOpen),p=(0,t.computed)(()=>n.open??S.value);G.useOpenChangeComplete(p,k,e=>l("open-change-complete",e));const x=(0,t.ref)(n.defaultStep),u=(0,t.computed)(()=>n.step??x.value),D=(0,t.computed)(()=>n.steps),v=(0,t.computed)(()=>n.steps.length),g=(0,t.computed)(()=>n.steps[u.value]),B=(0,t.computed)(()=>c.value!==null&&g.value?.type!=="dialog"),M=(0,t.computed)(()=>g.value?.backdrop!==!1);function O(e){e!==p.value&&(n.open===void 0&&(S.value=e),l("update:open",e),l("open-change",e))}function H(e){e!==u.value&&(n.step===void 0&&(x.value=e),l("update:step",e),l("step-change",{index:e,id:n.steps[e]?.id}))}function h(e){H(d.clamp(e,0,Math.max(v.value-1,0)))}function E(){O(!1),l("complete")}function P(){O(!1),l("skip")}function F(){u.value>=v.value-1?E():h(u.value+1)}function z(){u.value>=v.value-1?P():h(u.value+1)}function U(){h(u.value-1)}function A(e){return e?typeof e=="string"?document.querySelector(e):(0,t.isRef)(e)?e.value:e:null}const b=(0,t.computed)(()=>g.value?.target);let T;function m(){clearInterval(T),T=void 0}function C(){if(m(),!p.value)return;const e=b.value;if(!e){c.value=null;return}const o=i=>{L(i,n.scrollIntoView),c.value=i},r=A(e);if(r){o(r);return}c.value=null;const a=Date.now(),s=u.value;T=setInterval(()=>{const i=A(e);if(i){m(),o(i);return}Date.now()-a<n.targetTimeout||(m(),l("step-target-missing",{index:s,step:n.steps[s]}),z())},Y)}(0,t.watch)([p,u,b,()=>n.targetTimeout],C,{flush:"post"}),(0,t.onMounted)(C),(0,t.onBeforeUnmount)(m),(0,t.watch)(c,(e,o,r)=>{if(!e){w.value=null;return}const a=()=>{w.value=e.getBoundingClientRect()};a();let s=0;const i=()=>{cancelAnimationFrame(s),s=requestAnimationFrame(a)};window.addEventListener("scroll",i,{passive:!0,capture:!0}),window.addEventListener("resize",a),r(()=>{cancelAnimationFrame(s),window.removeEventListener("scroll",i,{capture:!0}),window.removeEventListener("resize",a)})},{flush:"post"});function W(e,o,r){return[e.title,`Step ${o+1} of ${r}`].filter(Boolean).join(", ")}function R(){if(!p.value)return;const e=n.steps[u.value];e&&j.announce((n.getAnnouncement??W)(e,u.value,n.steps.length))}(0,t.watch)([p,u],R,{flush:"post"}),(0,t.onMounted)(R);const X=(0,t.computed)(()=>{const e=w.value;if(!e)return{};const o=window.innerWidth,r=window.innerHeight,a=d.clamp(e.left-n.spotlightPadding,0,o),s=d.clamp(e.top-n.spotlightPadding,0,r);return{"--skdx-tour-x":`${a}px`,"--skdx-tour-y":`${s}px`,"--skdx-tour-width":`${d.clamp(e.width+n.spotlightPadding*2,0,o-a)}px`,"--skdx-tour-height":`${d.clamp(e.height+n.spotlightPadding*2,0,r-s)}px`,"--skdx-tour-radius":`${n.spotlightRadius}px`}});return(0,t.watchEffect)(()=>{y.value=B.value?c.value:null}),(0,t.provide)(J.POPPER_CONTEXT,{anchor:y,setAnchor:e=>{y.value=e}}),(0,t.provide)(K.TOUR_CONTEXT,{steps:D,step:u,total:v,activeStep:g,open:p,anchored:B,hasBackdrop:M,target:c,spotlightStyle:X,contentRef:k,contentId:I.nextId("tour-content"),titleId:N,descriptionId:V,hasTitle:(0,t.computed)(()=>q.value),setHasTitle:e=>{q.value=e},hasDescription:(0,t.computed)(()=>_.value),setHasDescription:e=>{_.value=e},closeOnEscape:(0,t.computed)(()=>n.closeOnEscape),preventInteraction:(0,t.computed)(()=>n.preventInteraction),closeOnInteractOutside:(0,t.computed)(()=>n.closeOnInteractOutside),keyboardNavigation:(0,t.computed)(()=>n.keyboardNavigation),setOpen:O,goTo:h,next:F,prev:U,skip:P,complete:E}),(e,o)=>(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(Q.default,{spotlight:f.spotlight,"show-progress":f.showProgress,"show-skip":f.showSkip},null,8,["spotlight","show-progress","show-skip"])])}});exports.default=Z;

package/dist/tour/Tour.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{nextId as e}from"../utils/id.js";import{useOpenChangeComplete as t}from"../utils/useOpenChangeComplete.js";import{POPPER_CONTEXT as o}from"../utils/popper.js";import{clamp as n}from"../utils/clamp.js";import{announce as a}from"../utils/liveAnnouncer.js";import{TOUR_CONTEXT as s}from"./context.js";import l from"./TourAnatomy.vue.js";import{computed as i,createVNode as u,defineComponent as r,isRef as p,onBeforeUnmount as d,onMounted as c,provide as v,ref as f,renderSlot as g,watch as h,watchEffect as m}from"vue";var w=/* @__PURE__ */r({__name:"Tour",props:{steps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},step:{default:void 0},defaultStep:{default:0},closeOnEscape:{type:Boolean,default:!0},preventInteraction:{type:Boolean,default:!1},closeOnInteractOutside:{type:Boolean,default:!1},spotlightPadding:{default:8},spotlightRadius:{default:0},scrollIntoView:{type:Boolean,default:void 0},targetTimeout:{default:2e3},keyboardNavigation:{type:Boolean,default:!1},getAnnouncement:{type:Function,default:void 0},spotlight:{type:Boolean,default:!0},showProgress:{type:Boolean,default:!0},showSkip:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete","update:step","step-change","complete","skip","step-target-missing"],setup(r,{emit:w}){const y=r,k=w,O=f(null),x=e("tour-title"),I=e("tour-description"),B=f(!1),T=f(!1),E=f(null),P=f(null),S=f(null),j=f(y.defaultOpen),C=i(()=>y.open??j.value);t(C,O,e=>k("open-change-complete",e));const $=f(y.defaultStep),R=i(()=>y.step??$.value),b=i(()=>y.steps),N=i(()=>y.steps.length),A=i(()=>y.steps[R.value]),D=i(()=>null!==E.value&&"dialog"!==A.value?.type),L=i(()=>!1!==A.value?.backdrop);function V(e){e!==C.value&&(void 0===y.open&&(j.value=e),k("update:open",e),k("open-change",e))}function _(e){!function(e){e!==R.value&&(void 0===y.step&&($.value=e),k("update:step",e),k("step-change",e,y.steps[e]?.id))}(n(e,0,Math.max(N.value-1,0)))}function H(){V(!1),k("complete")}function M(){V(!1),k("skip")}function z(e){return e?"string"==typeof e?document.querySelector(e):p(e)?e.value:e:null}const U=i(()=>A.value?.target);let X;function q(){clearInterval(X),X=void 0}function F(){if(q(),!C.value)return;const e=U.value;if(!e)return void(E.value=null);const t=e=>{(function(e,t){if(!1===t)return;const o=!0===t||void 0===t?{block:"center",inline:"center"}:t,n=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;e.scrollIntoView?.(n?{...o,behavior:"auto"}:o)})(e,y.scrollIntoView),E.value=e},o=z(e);if(o)return void t(o);E.value=null;const n=Date.now(),a=R.value;X=setInterval(()=>{const o=z(e);if(o)return q(),void t(o);Date.now()-n<y.targetTimeout||(q(),k("step-target-missing",a,y.steps[a]),R.value>=N.value-1?M():_(R.value+1))},50)}function W(e,t,o){return[e.title,`Step ${t+1} of ${o}`].filter(Boolean).join(", ")}function G(){if(!C.value)return;const e=y.steps[R.value];e&&a((y.getAnnouncement??W)(e,R.value,y.steps.length))}h([C,R,U,()=>y.targetTimeout],F,{flush:"post"}),c(F),d(q),h(E,(e,t,o)=>{if(!e)return void(P.value=null);const n=()=>{P.value=e.getBoundingClientRect()};n(),window.addEventListener("scroll",n,!0),window.addEventListener("resize",n),o(()=>{window.removeEventListener("scroll",n,!0),window.removeEventListener("resize",n)})},{flush:"post"}),h([C,R],G,{flush:"post"}),c(G);const J=i(()=>{const e=P.value;if(!e)return{};const t=window.innerWidth,o=window.innerHeight,a=n(e.left-y.spotlightPadding,0,t),s=n(e.top-y.spotlightPadding,0,o);return{"--skdx-tour-x":`${a}px`,"--skdx-tour-y":`${s}px`,"--skdx-tour-width":`${n(e.width+2*y.spotlightPadding,0,t-a)}px`,"--skdx-tour-height":`${n(e.height+2*y.spotlightPadding,0,o-s)}px`,"--skdx-tour-radius":`${y.spotlightRadius}px`}});return m(()=>{S.value=D.value?E.value:null}),v(o,{anchor:S,setAnchor:e=>{S.value=e}}),v(s,{steps:b,step:R,total:N,activeStep:A,open:C,anchored:D,hasBackdrop:L,target:E,spotlightStyle:J,contentRef:O,contentId:e("tour-content"),titleId:x,descriptionId:I,hasTitle:i(()=>B.value),setHasTitle:e=>{B.value=e},hasDescription:i(()=>T.value),setHasDescription:e=>{T.value=e},closeOnEscape:i(()=>y.closeOnEscape),preventInteraction:i(()=>y.preventInteraction),closeOnInteractOutside:i(()=>y.closeOnInteractOutside),keyboardNavigation:i(()=>y.keyboardNavigation),setOpen:V,goTo:_,next:function(){R.value>=N.value-1?H():_(R.value+1)},prev:function(){_(R.value-1)},skip:M,complete:H}),(e,t)=>g(e.$slots,"default",{},()=>[u(l,{spotlight:r.spotlight,"show-progress":r.showProgress,"show-skip":r.showSkip},null,8,["spotlight","show-progress","show-skip"])])}});export{w as default};
+import{nextId as e}from"../utils/id.js";import{announce as t}from"../utils/liveAnnouncer.js";import{useOpenChangeComplete as o}from"../utils/useOpenChangeComplete.js";import{POPPER_CONTEXT as n}from"../utils/popper.js";import{clamp as a}from"../utils/clamp.js";import{TOUR_CONTEXT as s}from"./context.js";import l from"./TourAnatomy.vue.js";import{computed as i,createVNode as u,defineComponent as r,isRef as p,onBeforeUnmount as c,onMounted as d,provide as v,ref as f,renderSlot as g,watch as h,watchEffect as m}from"vue";var w=/* @__PURE__ */r({__name:"Tour",props:{steps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},step:{},defaultStep:{default:0},closeOnEscape:{type:Boolean,default:!0},preventInteraction:{type:Boolean,default:!1},closeOnInteractOutside:{type:Boolean,default:!1},spotlightPadding:{default:8},spotlightRadius:{default:0},scrollIntoView:{type:Boolean,default:void 0},targetTimeout:{default:2e3},keyboardNavigation:{type:Boolean,default:!1},getAnnouncement:{},spotlight:{type:Boolean,default:!0},showProgress:{type:Boolean,default:!0},showSkip:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete","update:step","step-change","complete","skip","step-target-missing"],setup(r,{emit:w}){const y=r,k=w,x=f(null),O=e("tour-title"),I=e("tour-description"),B=f(!1),T=f(!1),E=f(null),P=f(null),S=f(null),j=f(y.defaultOpen),A=i(()=>y.open??j.value);o(A,x,e=>k("open-change-complete",e));const C=f(y.defaultStep),$=i(()=>y.step??C.value),R=i(()=>y.steps),b=i(()=>y.steps.length),N=i(()=>y.steps[$.value]),D=i(()=>null!==E.value&&"dialog"!==N.value?.type),L=i(()=>!1!==N.value?.backdrop);function V(e){e!==A.value&&(void 0===y.open&&(j.value=e),k("update:open",e),k("open-change",e))}function _(e){!function(e){e!==$.value&&(void 0===y.step&&(C.value=e),k("update:step",e),k("step-change",{index:e,id:y.steps[e]?.id}))}(a(e,0,Math.max(b.value-1,0)))}function F(){V(!1),k("complete")}function H(){V(!1),k("skip")}function M(e){return e?"string"==typeof e?document.querySelector(e):p(e)?e.value:e:null}const q=i(()=>N.value?.target);let z;function U(){clearInterval(z),z=void 0}function X(){if(U(),!A.value)return;const e=q.value;if(!e)return void(E.value=null);const t=e=>{(function(e,t){if(!1===t)return;const o=!0===t||void 0===t?{block:"center",inline:"center"}:t,n=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;e.scrollIntoView?.(n?{...o,behavior:"auto"}:o)})(e,y.scrollIntoView),E.value=e},o=M(e);if(o)return void t(o);E.value=null;const n=Date.now(),a=$.value;z=setInterval(()=>{const o=M(e);if(o)return U(),void t(o);Date.now()-n<y.targetTimeout||(U(),k("step-target-missing",{index:a,step:y.steps[a]}),$.value>=b.value-1?H():_($.value+1))},50)}function W(e,t,o){return[e.title,`Step ${t+1} of ${o}`].filter(Boolean).join(", ")}function G(){if(!A.value)return;const e=y.steps[$.value];e&&t((y.getAnnouncement??W)(e,$.value,y.steps.length))}h([A,$,q,()=>y.targetTimeout],X,{flush:"post"}),d(X),c(U),h(E,(e,t,o)=>{if(!e)return void(P.value=null);const n=()=>{P.value=e.getBoundingClientRect()};n();let a=0;const s=()=>{cancelAnimationFrame(a),a=requestAnimationFrame(n)};window.addEventListener("scroll",s,{passive:!0,capture:!0}),window.addEventListener("resize",n),o(()=>{cancelAnimationFrame(a),window.removeEventListener("scroll",s,{capture:!0}),window.removeEventListener("resize",n)})},{flush:"post"}),h([A,$],G,{flush:"post"}),d(G);const J=i(()=>{const e=P.value;if(!e)return{};const t=window.innerWidth,o=window.innerHeight,n=a(e.left-y.spotlightPadding,0,t),s=a(e.top-y.spotlightPadding,0,o);return{"--skdx-tour-x":`${n}px`,"--skdx-tour-y":`${s}px`,"--skdx-tour-width":`${a(e.width+2*y.spotlightPadding,0,t-n)}px`,"--skdx-tour-height":`${a(e.height+2*y.spotlightPadding,0,o-s)}px`,"--skdx-tour-radius":`${y.spotlightRadius}px`}});return m(()=>{S.value=D.value?E.value:null}),v(n,{anchor:S,setAnchor:e=>{S.value=e}}),v(s,{steps:R,step:$,total:b,activeStep:N,open:A,anchored:D,hasBackdrop:L,target:E,spotlightStyle:J,contentRef:x,contentId:e("tour-content"),titleId:O,descriptionId:I,hasTitle:i(()=>B.value),setHasTitle:e=>{B.value=e},hasDescription:i(()=>T.value),setHasDescription:e=>{T.value=e},closeOnEscape:i(()=>y.closeOnEscape),preventInteraction:i(()=>y.preventInteraction),closeOnInteractOutside:i(()=>y.closeOnInteractOutside),keyboardNavigation:i(()=>y.keyboardNavigation),setOpen:V,goTo:_,next:function(){$.value>=b.value-1?F():_($.value+1)},prev:function(){_($.value-1)},skip:H,complete:F}),(e,t)=>g(e.$slots,"default",{},()=>[u(l,{spotlight:r.spotlight,"show-progress":r.showProgress,"show-skip":r.showSkip},null,8,["spotlight","show-progress","show-skip"])])}});export{w as default};

package/dist/tour/TourActions.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * The row holding tour navigation triggers. Purely presentational — no role or label.
- * Content is already the dialog with a name; buttons name themselves.
- */
+/** The row holding tour navigation triggers; purely presentational, with no role or label. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/tour/TourActions.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * The row holding tour navigation triggers. Purely presentational — no role or label.
- * Content is already the dialog with a name; buttons name themselves.
- */
+/** The row holding tour navigation triggers; purely presentational, with no role or label. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/tour/TourAnatomy.vue.d.cts

@@ -1,16 +1,15 @@
 /**
- * Tour anatomy: Portal → Backdrop, Spotlight (if enabled), Content (Title, Description, ProgressText, Actions).
- * CloseTrigger always shown; Skip gated on `showSkip`. No Trigger or Arrow.
+ * Default anatomy for `SkdxTour`: portal, backdrop, spotlight, and content with its actions.
  * @internal
  */
 type __VLS_Props = {
-    spotlight?: boolean;
-    showProgress?: boolean;
-    showSkip?: boolean;
+    spotlight?: boolean | undefined;
+    showProgress?: boolean | undefined;
+    showSkip?: boolean | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    spotlight: boolean;
-    showProgress: boolean;
-    showSkip: boolean;
+    spotlight: boolean | undefined;
+    showProgress: boolean | undefined;
+    showSkip: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/tour/TourAnatomy.vue.d.ts

@@ -1,16 +1,15 @@
 /**
- * Tour anatomy: Portal → Backdrop, Spotlight (if enabled), Content (Title, Description, ProgressText, Actions).
- * CloseTrigger always shown; Skip gated on `showSkip`. No Trigger or Arrow.
+ * Default anatomy for `SkdxTour`: portal, backdrop, spotlight, and content with its actions.
  * @internal
  */
 type __VLS_Props = {
-    spotlight?: boolean;
-    showProgress?: boolean;
-    showSkip?: boolean;
+    spotlight?: boolean | undefined;
+    showProgress?: boolean | undefined;
+    showSkip?: boolean | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    spotlight: boolean;
-    showProgress: boolean;
-    showSkip: boolean;
+    spotlight: boolean | undefined;
+    showProgress: boolean | undefined;
+    showSkip: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/tour/TourAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs"),i=require("./TourActions.vue.cjs"),l=require("./TourBackdrop.vue.cjs"),a=require("./TourCloseTrigger.vue.cjs"),n=require("./TourContent.vue.cjs"),c=require("./TourDescription.vue.cjs"),d=require("./TourNextTrigger.vue.cjs"),s=require("./TourPortal.vue.cjs"),f=require("./TourPrevTrigger.vue.cjs"),T=require("./TourProgressText.vue.cjs"),p=require("./TourSkipTrigger.vue.cjs"),q=require("./TourSpotlight.vue.cjs"),k=require("./TourTitle.vue.cjs");let e=require("vue");var _=(0,e.defineComponent)({__name:"TourAnatomy",props:{spotlight:{type:Boolean,default:!0},showProgress:{type:Boolean,default:!0},showSkip:{type:Boolean,default:!0}},setup(o){const r=(0,e.inject)(u.TOUR_CONTEXT);if(!r)throw new Error("TourAnatomy must be used within SkdxTour.");return(x,t)=>((0,e.openBlock)(),(0,e.createBlock)(s.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(l.default),o.spotlight?((0,e.openBlock)(),(0,e.createBlock)(q.default,{key:0})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(n.default,null,{default:(0,e.withCtx)(()=>[(0,e.unref)(r).activeStep.value?.title?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(r).activeStep.value.title),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.unref)(r).activeStep.value?.description?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(r).activeStep.value.description),1)]),_:1})):(0,e.createCommentVNode)("",!0),o.showProgress?((0,e.openBlock)(),(0,e.createBlock)(T.default,{key:2})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[...t[0]||(t[0]=[(0,e.createTextVNode)("Previous",-1)])]),_:1}),(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[...t[1]||(t[1]=[(0,e.createTextVNode)("Next",-1)])]),_:1}),o.showSkip?((0,e.openBlock)(),(0,e.createBlock)(p.default,{key:0},{default:(0,e.withCtx)(()=>[...t[2]||(t[2]=[(0,e.createTextVNode)("Skip",-1)])]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(a.default,{"aria-label":"Close tour"},{default:(0,e.withCtx)(()=>[...t[3]||(t[3]=[(0,e.createTextVNode)("Close",-1)])]),_:1})]),_:1})]),_:1})]),_:1}))}});exports.default=_;
+const i=require("../utils/Glyph.vue.cjs"),a=require("../utils/injectRequired.cjs"),l=require("./context.cjs"),n=require("./TourActions.vue.cjs"),c=require("./TourBackdrop.vue.cjs"),d=require("./TourCloseTrigger.vue.cjs"),s=require("./TourContent.vue.cjs"),p=require("./TourDescription.vue.cjs"),q=require("./TourNextTrigger.vue.cjs"),f=require("./TourPortal.vue.cjs"),T=require("./TourPrevTrigger.vue.cjs"),_=require("./TourProgressText.vue.cjs"),k=require("./TourSkipTrigger.vue.cjs"),x=require("./TourSpotlight.vue.cjs"),N=require("./TourTitle.vue.cjs");let e=require("vue");var C=(0,e.defineComponent)({__name:"TourAnatomy",props:{spotlight:{type:Boolean,default:!0},showProgress:{type:Boolean,default:!0},showSkip:{type:Boolean,default:!0}},setup(o){const t=a.injectRequired(l.TOUR_CONTEXT,"TourAnatomy must be used within SkdxTour."),u=(0,e.computed)(()=>t.step.value>=t.total.value-1);return(g,r)=>((0,e.openBlock)(),(0,e.createBlock)(f.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default),o.spotlight?((0,e.openBlock)(),(0,e.createBlock)(x.default,{key:0})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(s.default,null,{default:(0,e.withCtx)(()=>[(0,e.unref)(t).activeStep.value?.title?((0,e.openBlock)(),(0,e.createBlock)(N.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(t).activeStep.value.title),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.unref)(t).activeStep.value?.description?((0,e.openBlock)(),(0,e.createBlock)(p.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(t).activeStep.value.description),1)]),_:1})):(0,e.createCommentVNode)("",!0),o.showProgress?((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:2})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(n.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(T.default,null,{default:(0,e.withCtx)(()=>[...r[0]||(r[0]=[(0,e.createTextVNode)("Back",-1)])]),_:1}),(0,e.createVNode)(q.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(u.value?"Done":"Next"),1)]),_:1}),o.showSkip?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:0},{default:(0,e.withCtx)(()=>[...r[1]||(r[1]=[(0,e.createTextVNode)("Skip",-1)])]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(d.default,{"aria-label":"Close tour"},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(i.default,{name:"close"})]),_:1})]),_:1})]),_:1})]),_:1}))}});exports.default=C;

package/dist/tour/TourAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOUR_CONTEXT as e}from"./context.js";import o from"./TourActions.vue.js";import t from"./TourBackdrop.vue.js";import r from"./TourCloseTrigger.vue.js";import u from"./TourContent.vue.js";import s from"./TourDescription.vue.js";import a from"./TourNextTrigger.vue.js";import i from"./TourPortal.vue.js";import l from"./TourPrevTrigger.vue.js";import p from"./TourProgressText.vue.js";import m from"./TourSkipTrigger.vue.js";import f from"./TourSpotlight.vue.js";import n from"./TourTitle.vue.js";import{createBlock as T,createCommentVNode as v,createTextVNode as d,createVNode as c,defineComponent as g,inject as j,openBlock as k,toDisplayString as _,unref as y,withCtx as S}from"vue";var h=/* @__PURE__ */g({__name:"TourAnatomy",props:{spotlight:{type:Boolean,default:!0},showProgress:{type:Boolean,default:!0},showSkip:{type:Boolean,default:!0}},setup(g){const h=j(e);if(!h)throw new Error("TourAnatomy must be used within SkdxTour.");return(e,j)=>(k(),T(i,null,{default:S(()=>[c(t),g.spotlight?(k(),T(f,{key:0})):v("",!0),c(u,null,{default:S(()=>[y(h).activeStep.value?.title?(k(),T(n,{key:0},{default:S(()=>[d(_(y(h).activeStep.value.title),1)]),_:1})):v("",!0),y(h).activeStep.value?.description?(k(),T(s,{key:1},{default:S(()=>[d(_(y(h).activeStep.value.description),1)]),_:1})):v("",!0),g.showProgress?(k(),T(p,{key:2})):v("",!0),c(o,null,{default:S(()=>[c(l,null,{default:S(()=>[...j[0]||(j[0]=[d("Previous",-1)])]),_:1}),c(a,null,{default:S(()=>[...j[1]||(j[1]=[d("Next",-1)])]),_:1}),g.showSkip?(k(),T(m,{key:0},{default:S(()=>[...j[2]||(j[2]=[d("Skip",-1)])]),_:1})):v("",!0),c(r,{"aria-label":"Close tour"},{default:S(()=>[...j[3]||(j[3]=[d("Close",-1)])]),_:1})]),_:1})]),_:1})]),_:1}))}});export{h as default};
+import e from"../utils/Glyph.vue.js";import{injectRequired as o}from"../utils/injectRequired.js";import{TOUR_CONTEXT as t}from"./context.js";import r from"./TourActions.vue.js";import u from"./TourBackdrop.vue.js";import a from"./TourCloseTrigger.vue.js";import s from"./TourContent.vue.js";import i from"./TourDescription.vue.js";import l from"./TourNextTrigger.vue.js";import p from"./TourPortal.vue.js";import m from"./TourPrevTrigger.vue.js";import n from"./TourProgressText.vue.js";import f from"./TourSkipTrigger.vue.js";import v from"./TourSpotlight.vue.js";import d from"./TourTitle.vue.js";import{computed as T,createBlock as c,createCommentVNode as j,createTextVNode as g,createVNode as k,defineComponent as y,openBlock as _,toDisplayString as S,unref as h,withCtx as x}from"vue";var B=/* @__PURE__ */y({__name:"TourAnatomy",props:{spotlight:{type:Boolean,default:!0},showProgress:{type:Boolean,default:!0},showSkip:{type:Boolean,default:!0}},setup(y){const B=o(t,"TourAnatomy must be used within SkdxTour."),C=T(()=>B.step.value>=B.total.value-1);return(o,t)=>(_(),c(p,null,{default:x(()=>[k(u),y.spotlight?(_(),c(v,{key:0})):j("",!0),k(s,null,{default:x(()=>[h(B).activeStep.value?.title?(_(),c(d,{key:0},{default:x(()=>[g(S(h(B).activeStep.value.title),1)]),_:1})):j("",!0),h(B).activeStep.value?.description?(_(),c(i,{key:1},{default:x(()=>[g(S(h(B).activeStep.value.description),1)]),_:1})):j("",!0),y.showProgress?(_(),c(n,{key:2})):j("",!0),k(r,null,{default:x(()=>[k(m,null,{default:x(()=>[...t[0]||(t[0]=[g("Back",-1)])]),_:1}),k(l,null,{default:x(()=>[g(S(C.value?"Done":"Next"),1)]),_:1}),y.showSkip?(_(),c(f,{key:0},{default:x(()=>[...t[1]||(t[1]=[g("Skip",-1)])]),_:1})):j("",!0),k(a,{"aria-label":"Close tour"},{default:x(()=>[k(e,{name:"close"})]),_:1})]),_:1})]),_:1})]),_:1}))}});export{B as default};

package/dist/tour/TourArrow.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * Optional arrow pointing from `SkdxTourContent` at the step's target, self-positioning.
- * Renders nothing on centred steps (no target or `type: 'dialog'`).
- * Must be rendered inside `SkdxTourContent`.
- */
+/** Optional arrow pointing from `SkdxTourContent` at the step's target, rendering nothing on centered steps. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/tour/TourArrow.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * Optional arrow pointing from `SkdxTourContent` at the step's target, self-positioning.
- * Renders nothing on centred steps (no target or `type: 'dialog'`).
- * Must be rendered inside `SkdxTourContent`.
- */
+/** Optional arrow pointing from `SkdxTourContent` at the step's target, rendering nothing on centered steps. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/tour/TourArrow.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("../utils/popper.cjs"),l=require("./context.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"TourArrow",setup(a){const o=(0,e.inject)(l.TOUR_CONTEXT);if(!o)throw new Error("SkdxTourArrow must be used within SkdxTour.");const r=(0,e.inject)(u.ARROW_CONTEXT);if(!r)throw new Error("SkdxTourArrow must be used within SkdxTourContent.");const n=(0,e.ref)(null);return(0,e.watch)(n,t=>r.setArrowEl(t)),(0,e.onBeforeUnmount)(()=>r.setArrowEl(null)),(t,_)=>(0,e.unref)(o).anchored.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-tour__arrow","data-part":"arrow",ref_key:"elRef",ref:n,style:(0,e.normalizeStyle)((0,e.unref)(r).style.value)},[(0,e.renderSlot)(t.$slots,"default")],4)):(0,e.createCommentVNode)("",!0)}});exports.default=s;
+const u=require("../utils/injectRequired.cjs"),l=require("../utils/popper.cjs"),s=require("./context.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"TourArrow",setup(c){const n=u.injectRequired(s.TOUR_CONTEXT,"SkdxTourArrow must be used within SkdxTour."),r=u.injectRequired(l.ARROW_CONTEXT,"SkdxTourArrow must be used within SkdxTourContent."),o=(0,e.ref)(null);return(0,e.watch)(o,t=>r.setArrowEl(t)),(0,e.onBeforeUnmount)(()=>r.setArrowEl(null)),(t,_)=>(0,e.unref)(n).anchored.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,ref_key:"elRef",ref:o,class:"skdx-tour__arrow","data-part":"arrow",style:(0,e.normalizeStyle)((0,e.unref)(r).style.value)},[(0,e.renderSlot)(t.$slots,"default")],4)):(0,e.createCommentVNode)("",!0)}});exports.default=a;

package/dist/tour/TourArrow.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ARROW_CONTEXT as r}from"../utils/popper.js";import{TOUR_CONTEXT as e}from"./context.js";import{createCommentVNode as o,createElementBlock as t,defineComponent as s,inject as a,normalizeStyle as n,onBeforeUnmount as l,openBlock as u,ref as m,renderSlot as d,unref as f,watch as w}from"vue";var i=/* @__PURE__ */s({__name:"TourArrow",setup(s){const i=a(e);if(!i)throw new Error("SkdxTourArrow must be used within SkdxTour.");const c=a(r);if(!c)throw new Error("SkdxTourArrow must be used within SkdxTourContent.");const p=m(null);return w(p,r=>c.setArrowEl(r)),l(()=>c.setArrowEl(null)),(r,e)=>f(i).anchored.value?(u(),t("span",{key:0,class:"skdx-tour__arrow","data-part":"arrow",ref_key:"elRef",ref:p,style:n(f(c).style.value)},[d(r.$slots,"default")],4)):o("",!0)}});export{i as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{ARROW_CONTEXT as r}from"../utils/popper.js";import{TOUR_CONTEXT as o}from"./context.js";import{createCommentVNode as t,createElementBlock as s,defineComponent as a,normalizeStyle as n,onBeforeUnmount as u,openBlock as l,ref as m,renderSlot as d,unref as i,watch as f}from"vue";var p=/* @__PURE__ */a({__name:"TourArrow",setup(a){const p=e(o,"SkdxTourArrow must be used within SkdxTour."),c=e(r,"SkdxTourArrow must be used within SkdxTourContent."),w=m(null);return f(w,e=>c.setArrowEl(e)),u(()=>c.setArrowEl(null)),(e,r)=>i(p).anchored.value?(l(),s("span",{key:0,ref_key:"elRef",ref:w,class:"skdx-tour__arrow","data-part":"arrow",style:n(i(c).style.value)},[d(e.$slots,"default")],4)):t("",!0)}});export{p as default};

package/dist/tour/TourBackdrop.vue.d.cts

@@ -1,7 +1,5 @@
 /**
- * Dimming layer behind tour with spotlight geometry as custom properties
- * (x/y/width/height). No JS measuring; hole drawable with CSS clip-path/radial-gradient.
- * Decorative, aria-hidden; active step announced via Content. Use inside SkdxTour.
+ * Dimming layer behind the tour, publishing spotlight geometry as CSS custom properties.
  *
  * @example
  * ```css

package/dist/tour/TourBackdrop.vue.d.ts

@@ -1,7 +1,5 @@
 /**
- * Dimming layer behind tour with spotlight geometry as custom properties
- * (x/y/width/height). No JS measuring; hole drawable with CSS clip-path/radial-gradient.
- * Decorative, aria-hidden; active step announced via Content. Use inside SkdxTour.
+ * Dimming layer behind the tour, publishing spotlight geometry as CSS custom properties.
  *
  * @example
  * ```css

package/dist/tour/TourBackdrop.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs");let e=require("vue");var u=["data-state"],n=(0,e.defineComponent)({__name:"TourBackdrop",props:{forceMount:{type:Boolean,default:!1}},setup(r){const t=(0,e.inject)(a.TOUR_CONTEXT);if(!t)throw new Error("SkdxTourBackdrop must be used within SkdxTour.");return(o,d)=>(0,e.unref)(t).hasBackdrop.value&&(r.forceMount||(0,e.unref)(t).open.value)?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tour__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":(0,e.unref)(t).open.value?"open":"closed",style:(0,e.normalizeStyle)((0,e.unref)(t).spotlightStyle.value)},[(0,e.renderSlot)(o.$slots,"default")],12,u)):(0,e.createCommentVNode)("",!0)}});exports.default=n;
+const u=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var n=["data-state"],d=(0,e.defineComponent)({__name:"TourBackdrop",props:{forceMount:{type:Boolean,default:!1}},setup(r){const t=u.injectRequired(a.TOUR_CONTEXT,"SkdxTourBackdrop must be used within SkdxTour.");return(o,c)=>(0,e.unref)(t).hasBackdrop.value&&(r.forceMount||(0,e.unref)(t).open.value)?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tour__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":(0,e.unref)(t).open.value?"open":"closed",style:(0,e.normalizeStyle)((0,e.unref)(t).spotlightStyle.value)},[(0,e.renderSlot)(o.$slots,"default")],12,n)):(0,e.createCommentVNode)("",!0)}});exports.default=d;

package/dist/tour/TourBackdrop.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOUR_CONTEXT as e}from"./context.js";import{createCommentVNode as a,createElementBlock as o,defineComponent as t,inject as r,normalizeStyle as s,openBlock as n,renderSlot as d,unref as l}from"vue";var u=["data-state"],p=/* @__PURE__ */t({__name:"TourBackdrop",props:{forceMount:{type:Boolean,default:!1}},setup(t){const p=r(e);if(!p)throw new Error("SkdxTourBackdrop must be used within SkdxTour.");return(e,r)=>l(p).hasBackdrop.value&&(t.forceMount||l(p).open.value)?(n(),o("div",{key:0,class:"skdx-tour__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":l(p).open.value?"open":"closed",style:s(l(p).spotlightStyle.value)},[d(e.$slots,"default")],12,u)):a("",!0)}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TOUR_CONTEXT as t}from"./context.js";import{createCommentVNode as a,createElementBlock as o,defineComponent as r,normalizeStyle as s,openBlock as d,renderSlot as n,unref as u}from"vue";var l=["data-state"],p=/* @__PURE__ */r({__name:"TourBackdrop",props:{forceMount:{type:Boolean,default:!1}},setup(r){const p=e(t,"SkdxTourBackdrop must be used within SkdxTour.");return(e,t)=>u(p).hasBackdrop.value&&(r.forceMount||u(p).open.value)?(d(),o("div",{key:0,class:"skdx-tour__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":u(p).open.value?"open":"closed",style:s(u(p).spotlightStyle.value)},[n(e.$slots,"default")],12,l)):a("",!0)}});export{p as default};

package/dist/tour/TourCloseTrigger.vue.d.cts

@@ -1,7 +1,5 @@
 /**
- * Dismiss button — the corner ✕. Ends the tour via `skip` like the Escape key.
- * Distinct from `SkdxTourSkipTrigger` only in visual placement; give it an
- * `aria-label`. Must be used inside `SkdxTour`.
+ * Dismiss button (the corner "x") that ends the tour via `skip`, like the Escape key.
  * @example
  * ```vue
  * <SkdxTourCloseTrigger aria-label="Close tour">✕</SkdxTourCloseTrigger>

package/dist/tour/TourCloseTrigger.vue.d.ts

@@ -1,7 +1,5 @@
 /**
- * Dismiss button — the corner ✕. Ends the tour via `skip` like the Escape key.
- * Distinct from `SkdxTourSkipTrigger` only in visual placement; give it an
- * `aria-label`. Must be used inside `SkdxTour`.
+ * Dismiss button (the corner "x") that ends the tour via `skip`, like the Escape key.
  * @example
  * ```vue
  * <SkdxTourCloseTrigger aria-label="Close tour">✕</SkdxTourCloseTrigger>

package/dist/tour/TourCloseTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs");let e=require("vue");var n=(0,e.defineComponent)({__name:"TourCloseTrigger",setup(s){const r=(0,e.inject)(u.TOUR_CONTEXT);if(!r)throw new Error("SkdxTourCloseTrigger must be used within SkdxTour.");return(o,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tour__close-trigger","data-part":"close-trigger",type:"button",onClick:t[0]||(t[0]=l=>(0,e.unref)(r).skip())},[(0,e.renderSlot)(o.$slots,"default")]))}});exports.default=n;
+const o=require("../utils/injectRequired.cjs"),n=require("./context.cjs");let e=require("vue");var i=(0,e.defineComponent)({__name:"TourCloseTrigger",setup(s){const t=o.injectRequired(n.TOUR_CONTEXT,"SkdxTourCloseTrigger must be used within SkdxTour.");return(u,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tour__close-trigger","data-part":"close-trigger",type:"button",onClick:r[0]||(r[0]=l=>(0,e.unref)(t).skip())},[(0,e.renderSlot)(u.$slots,"default")]))}});exports.default=i;

package/dist/tour/TourCloseTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOUR_CONTEXT as e}from"./context.js";import{createElementBlock as r,defineComponent as t,inject as o,openBlock as s,renderSlot as a,unref as n}from"vue";var u=/* @__PURE__ */t({__name:"TourCloseTrigger",setup(t){const u=o(e);if(!u)throw new Error("SkdxTourCloseTrigger must be used within SkdxTour.");return(e,t)=>(s(),r("button",{class:"skdx-tour__close-trigger","data-part":"close-trigger",type:"button",onClick:t[0]||(t[0]=e=>n(u).skip())},[a(e.$slots,"default")]))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TOUR_CONTEXT as t}from"./context.js";import{createElementBlock as r,defineComponent as o,openBlock as s,renderSlot as a,unref as i}from"vue";var n=/* @__PURE__ */o({__name:"TourCloseTrigger",setup(o){const n=e(t,"SkdxTourCloseTrigger must be used within SkdxTour.");return(e,t)=>(s(),r("button",{class:"skdx-tour__close-trigger","data-part":"close-trigger",type:"button",onClick:t[0]||(t[0]=e=>i(n).skip())},[a(e.$slots,"default")]))}});export{n as default};

package/dist/tour/TourContent.vue.d.cts

@@ -1,12 +1,7 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
 import { type AutoFocusEvent } from '../utils/useFocusTrap.cjs';
-/**
- * Tour step panel: `role="dialog"` with `aria-modal="true"` when `preventInteraction`.
- * Positioned against target or centered. Focus trapped; moves on step change.
- * Focus enter/exit announced as `open-auto-focus` / `close-auto-focus` (preventable).
- * Escape/pointer-outside reported but kept running via preventDefault().
- */
+/** Tour step panel, `role="dialog"`, positioned against its target or centered, with focus trapped inside. */
 type __VLS_Props = {
     /** Preferred edge to place panel against target.
      * @default 'bottom'
@@ -35,7 +30,7 @@ type __VLS_Props = {
     /** Collision boundary element(s); defaults to panel ancestors.
      * @default undefined
      */
-    collisionBoundary?: Element | Element[] | null;
+    collisionBoundary?: Element | Element[] | null | undefined;
     /** Keep panel mounted when closed for exit transitions.
      * @default false
      */
@@ -46,28 +41,27 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_4) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "focus-outside": (event: FocusOutsideEvent) => any;
     "open-auto-focus": (event: AutoFocusEvent) => any;
     "close-auto-focus": (event: AutoFocusEvent) => any;
+    "focus-outside": (event: FocusOutsideEvent) => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
-    "onOpen-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onOpen-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onClose-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
-    forceMount: boolean;
     align: Align;
+    forceMount: boolean;
     side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;
     collisionPadding: number | Partial<Record<PhysicalSide, number>>;
-    collisionBoundary: Element | Element[] | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tour/TourContent.vue.d.ts

@@ -1,12 +1,7 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
 import { type AutoFocusEvent } from '../utils/useFocusTrap.js';
-/**
- * Tour step panel: `role="dialog"` with `aria-modal="true"` when `preventInteraction`.
- * Positioned against target or centered. Focus trapped; moves on step change.
- * Focus enter/exit announced as `open-auto-focus` / `close-auto-focus` (preventable).
- * Escape/pointer-outside reported but kept running via preventDefault().
- */
+/** Tour step panel, `role="dialog"`, positioned against its target or centered, with focus trapped inside. */
 type __VLS_Props = {
     /** Preferred edge to place panel against target.
      * @default 'bottom'
@@ -35,7 +30,7 @@ type __VLS_Props = {
     /** Collision boundary element(s); defaults to panel ancestors.
      * @default undefined
      */
-    collisionBoundary?: Element | Element[] | null;
+    collisionBoundary?: Element | Element[] | null | undefined;
     /** Keep panel mounted when closed for exit transitions.
      * @default false
      */
@@ -46,28 +41,27 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_4) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "focus-outside": (event: FocusOutsideEvent) => any;
     "open-auto-focus": (event: AutoFocusEvent) => any;
     "close-auto-focus": (event: AutoFocusEvent) => any;
+    "focus-outside": (event: FocusOutsideEvent) => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
-    "onOpen-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onOpen-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onClose-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
-    forceMount: boolean;
     align: Align;
+    forceMount: boolean;
     side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;
     collisionPadding: number | Partial<Record<PhysicalSide, number>>;
-    collisionBoundary: Element | Element[] | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tour/TourContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const E=require("../utils/composeRefs.cjs"),q=require("../utils/useDismiss.cjs"),h=require("../utils/useFocusTrap.cjs"),R=require("../utils/useOutsideInert.cjs"),k=require("../utils/popper.cjs"),O=require("./context.cjs"),x=require("./TourPositioner.vue.cjs");let e=require("vue");var P=["id","aria-modal","aria-labelledby","aria-describedby","data-state","data-step","data-type","data-keyboard-navigation","data-backdrop","data-centered","data-side","data-align"],S=(0,e.defineComponent)({__name:"TourContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{default:void 0},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(s,{emit:_}){const n=s,a=_;function w(o){if(!(o instanceof HTMLElement))return!1;if(o.isContentEditable||o.getAttribute("role")==="textbox")return!0;const r=o.localName;return r==="input"||r==="textarea"||r==="select"}const t=(0,e.inject)(O.TOUR_CONTEXT);if(!t)throw new Error("SkdxTourContent must be used within SkdxTour.");const l=(0,e.inject)(k.POPPER_CONTEXT);if(!l)throw new Error("SkdxTourContent must be used within SkdxTour.");const u=(0,e.ref)(null),d=(0,e.ref)(null),c=(0,e.shallowRef)({}),f=(0,e.shallowRef)({position:"absolute"}),p=(0,e.ref)("bottom"),v=(0,e.ref)("center"),g=E.composeRefs(u,t.contentRef);(0,e.provide)(O.TOUR_POSITION,{contentRef:u,arrowRef:d,style:c,arrowStyle:f,placedSide:p,placedAlign:v}),(0,e.provide)(k.ARROW_CONTEXT,{style:f,setArrowEl:o=>{d.value=o}});const y=(0,e.ref)(0);(0,e.watch)(()=>l.anchor.value,()=>{y.value+=1});const i=(0,e.computed)(()=>({side:t.activeStep.value?.placement??n.side,align:t.activeStep.value?.align??n.align,sideOffset:n.sideOffset,alignOffset:n.alignOffset,avoidCollisions:n.avoidCollisions,collisionPadding:n.collisionPadding,collisionBoundary:n.collisionBoundary})),T=(0,e.computed)(()=>`${i.value.side}|${i.value.align}|${y.value}`);h.useFocusTrap(u,t.open,{onOpenAutoFocus:o=>a("open-auto-focus",o),onCloseAutoFocus:o=>a("close-auto-focus",o)});const m=(0,e.computed)(()=>t.open.value&&t.preventInteraction.value);R.useOutsideInert(u,m),(0,e.watch)(()=>t.step.value,()=>{t.open.value&&h.autoFocusEvent("open-auto-focus",o=>a("open-auto-focus",o))&&u.value?.focus({preventScroll:!0})},{flush:"post"}),q.useDismiss({enabled:t.open,onEscapeKeyDown:o=>{a("escape-key-down",o),!(o.defaultPrevented||!t.closeOnEscape.value)&&t.skip()},onInteractOutside:o=>a("interact-outside",o),onPointerDownOutside:o=>{a("pointer-down-outside",o),!(o.defaultPrevented||!t.closeOnInteractOutside.value)&&t.skip()},onFocusOutside:o=>a("focus-outside",o)},[u]);const C=o=>{if(!t.keyboardNavigation.value||o.defaultPrevented||o.altKey||o.ctrlKey||o.metaKey||w(o.target))return;const r=document.documentElement.getAttribute("dir")==="rtl",b=o.key;if(b==="ArrowRight")r?t.prev():t.next();else if(b==="ArrowLeft")r?t.next():t.prev();else return;o.preventDefault()};return(o,r)=>s.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tour__content","data-part":"content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(g),role:"dialog","aria-modal":m.value?"true":void 0,"aria-labelledby":(0,e.unref)(t).hasTitle.value?(0,e.unref)(t).titleId:void 0,"aria-describedby":(0,e.unref)(t).hasDescription.value?(0,e.unref)(t).descriptionId:void 0,tabindex:"-1","data-state":(0,e.unref)(t).open.value?"open":"closed","data-step":(0,e.unref)(t).step.value,"data-type":(0,e.unref)(t).activeStep.value?.type,"data-keyboard-navigation":(0,e.unref)(t).keyboardNavigation.value?"":void 0,"data-backdrop":(0,e.unref)(t).hasBackdrop.value?"":void 0,"data-centered":(0,e.unref)(t).anchored.value?void 0:"","data-side":(0,e.unref)(t).anchored.value?p.value:void 0,"data-align":(0,e.unref)(t).anchored.value?v.value:void 0,style:(0,e.normalizeStyle)((0,e.unref)(t).anchored.value?c.value:void 0),onKeydown:C},[(0,e.unref)(t).anchored.value?((0,e.openBlock)(),(0,e.createBlock)(x.default,(0,e.mergeProps)({key:T.value},i.value),null,16)):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(o.$slots,"default")],44,P)):(0,e.createCommentVNode)("",!0)}});exports.default=S;
+const C=require("../utils/injectRequired.cjs"),x=require("../utils/composeRefs.cjs"),b=require("../utils/direction.cjs"),E=require("../utils/dismissal.cjs"),P=require("../utils/useDismiss.cjs"),S=require("../utils/useFocusTrap.cjs"),B=require("../utils/useOutsideInert.cjs"),k=require("../utils/popper.cjs"),O=require("./context.cjs"),I=require("./TourPositioner.vue.cjs");let e=require("vue");var A=["id","aria-modal","aria-labelledby","aria-describedby","data-state","data-step","data-type","data-keyboard-navigation","data-backdrop","data-centered","data-side","data-align"],N=(0,e.defineComponent)({__name:"TourContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(s,{emit:h}){const n=s,r=h;function q(o){if(!(o instanceof HTMLElement))return!1;if(o.isContentEditable||o.getAttribute("role")==="textbox")return!0;const i=o.localName;return i==="input"||i==="textarea"||i==="select"}const t=C.injectRequired(O.TOUR_CONTEXT,"SkdxTourContent must be used within SkdxTour."),l=(0,e.inject)(k.POPPER_CONTEXT);if(!l)throw new Error("SkdxTourContent must be used within SkdxTour.");const a=(0,e.ref)(null),g=b.useDirection(),d=(0,e.ref)(null),c=(0,e.shallowRef)({}),f=(0,e.shallowRef)({position:"absolute"}),p=(0,e.ref)("bottom"),v=(0,e.ref)("center"),w=x.composeRefs(a,t.contentRef);(0,e.provide)(O.TOUR_POSITION,{contentRef:a,arrowRef:d,style:c,arrowStyle:f,placedSide:p,placedAlign:v}),(0,e.provide)(k.ARROW_CONTEXT,{style:f,setArrowEl:o=>{d.value=o}});const y=(0,e.ref)(0);(0,e.watch)(()=>l.anchor.value,()=>{y.value+=1});const u=(0,e.computed)(()=>({side:t.activeStep.value?.placement??n.side,align:t.activeStep.value?.align??n.align,sideOffset:n.sideOffset,alignOffset:n.alignOffset,avoidCollisions:n.avoidCollisions,collisionPadding:n.collisionPadding,collisionBoundary:n.collisionBoundary})),T=(0,e.computed)(()=>`${u.value.side}|${u.value.align}|${y.value}`);S.useFocusTrap(a,t.open,{onOpenAutoFocus:o=>r("open-auto-focus",o),onCloseAutoFocus:o=>r("close-auto-focus",o)});const m=(0,e.computed)(()=>t.open.value&&t.preventInteraction.value);B.useOutsideInert(a,m),(0,e.watch)(()=>t.step.value,()=>{t.open.value&&E.autoFocusEvent("open-auto-focus",o=>r("open-auto-focus",o))&&a.value?.focus({preventScroll:!0})},{flush:"post"}),P.useDismiss({enabled:t.open,onEscapeKeyDown:o=>{r("escape-key-down",o),!(o.defaultPrevented||!t.closeOnEscape.value)&&t.skip()},onInteractOutside:o=>r("interact-outside",o),onPointerDownOutside:o=>{r("pointer-down-outside",o),!(o.defaultPrevented||!t.closeOnInteractOutside.value)&&t.skip()},onFocusOutside:o=>r("focus-outside",o)},[a]);const R=o=>{if(!t.keyboardNavigation.value||o.defaultPrevented||o.altKey||o.ctrlKey||o.metaKey||q(o.target))return;const i=b.resolveDirection(a.value,g())==="rtl",_=o.key;if(_==="ArrowRight")i?t.prev():t.next();else if(_==="ArrowLeft")i?t.next():t.prev();else return;o.preventDefault()};return(o,i)=>s.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,id:(0,e.unref)(t).contentId,ref:(0,e.unref)(w),class:"skdx-tour__content","data-part":"content",role:"dialog","aria-modal":m.value?"true":void 0,"aria-labelledby":(0,e.unref)(t).hasTitle.value?(0,e.unref)(t).titleId:void 0,"aria-describedby":(0,e.unref)(t).hasDescription.value?(0,e.unref)(t).descriptionId:void 0,tabindex:"-1","data-state":(0,e.unref)(t).open.value?"open":"closed","data-step":(0,e.unref)(t).step.value,"data-type":(0,e.unref)(t).activeStep.value?.type,"data-keyboard-navigation":(0,e.unref)(t).keyboardNavigation.value?"":void 0,"data-backdrop":(0,e.unref)(t).hasBackdrop.value?"":void 0,"data-centered":(0,e.unref)(t).anchored.value?void 0:"","data-side":(0,e.unref)(t).anchored.value?p.value:void 0,"data-align":(0,e.unref)(t).anchored.value?v.value:void 0,style:(0,e.normalizeStyle)((0,e.unref)(t).anchored.value?c.value:void 0),onKeydown:R},[(0,e.unref)(t).anchored.value?((0,e.openBlock)(),(0,e.createBlock)(I.default,(0,e.mergeProps)({key:T.value},u.value),null,16)):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(o.$slots,"default")],44,A)):(0,e.createCommentVNode)("",!0)}});exports.default=N;

package/dist/tour/TourContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as t}from"../utils/useDismiss.js";import{autoFocusEvent as o,useFocusTrap as a}from"../utils/useFocusTrap.js";import{useOutsideInert as s}from"../utils/useOutsideInert.js";import{ARROW_CONTEXT as n,POPPER_CONTEXT as i}from"../utils/popper.js";import{TOUR_CONTEXT as l,TOUR_POSITION as u}from"./context.js";import r from"./TourPositioner.vue.js";import{computed as d,createBlock as c,createCommentVNode as p,createElementBlock as v,defineComponent as f,inject as m,mergeProps as y,normalizeStyle as b,openBlock as g,provide as O,ref as k,renderSlot as w,shallowRef as T,unref as h,watch as E}from"vue";var x=["id","aria-modal","aria-labelledby","aria-describedby","data-state","data-step","data-type","data-keyboard-navigation","data-backdrop","data-centered","data-side","data-align"],C=/* @__PURE__ */f({__name:"TourContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{default:void 0},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(f,{emit:C}){const P=f,S=C,R=m(l);if(!R)throw new Error("SkdxTourContent must be used within SkdxTour.");const I=m(i);if(!I)throw new Error("SkdxTourContent must be used within SkdxTour.");const A=k(null),B=k(null),j=T({}),N=T({position:"absolute"}),_=k("bottom"),D=k("center"),F=e(A,R.contentRef);O(u,{contentRef:A,arrowRef:B,style:j,arrowStyle:N,placedSide:_,placedAlign:D}),O(n,{style:N,setArrowEl:e=>{B.value=e}});const K=k(0);E(()=>I.anchor.value,()=>{K.value+=1});const $=d(()=>({side:R.activeStep.value?.placement??P.side,align:R.activeStep.value?.align??P.align,sideOffset:P.sideOffset,alignOffset:P.alignOffset,avoidCollisions:P.avoidCollisions,collisionPadding:P.collisionPadding,collisionBoundary:P.collisionBoundary})),M=d(()=>`${$.value.side}|${$.value.align}|${K.value}`);a(A,R.open,{onOpenAutoFocus:e=>S("open-auto-focus",e),onCloseAutoFocus:e=>S("close-auto-focus",e)});const X=d(()=>R.open.value&&R.preventInteraction.value);s(A,X),E(()=>R.step.value,()=>{R.open.value&&o("open-auto-focus",e=>S("open-auto-focus",e))&&A.value?.focus({preventScroll:!0})},{flush:"post"}),t({enabled:R.open,onEscapeKeyDown:e=>{S("escape-key-down",e),!e.defaultPrevented&&R.closeOnEscape.value&&R.skip()},onInteractOutside:e=>S("interact-outside",e),onPointerDownOutside:e=>{S("pointer-down-outside",e),!e.defaultPrevented&&R.closeOnInteractOutside.value&&R.skip()},onFocusOutside:e=>S("focus-outside",e)},[A]);const L=e=>{if(!R.keyboardNavigation.value||e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey||function(e){if(!(e instanceof HTMLElement))return!1;if(e.isContentEditable||"textbox"===e.getAttribute("role"))return!0;const t=e.localName;return"input"===t||"textarea"===t||"select"===t}(e.target))return;const t="rtl"===document.documentElement.getAttribute("dir"),o=e.key;if("ArrowRight"===o)t?R.prev():R.next();else{if("ArrowLeft"!==o)return;t?R.next():R.prev()}e.preventDefault()};return(e,t)=>f.forceMount||h(R).open.value?(g(),v("div",{key:0,class:"skdx-tour__content","data-part":"content",id:h(R).contentId,ref:h(F),role:"dialog","aria-modal":X.value?"true":void 0,"aria-labelledby":h(R).hasTitle.value?h(R).titleId:void 0,"aria-describedby":h(R).hasDescription.value?h(R).descriptionId:void 0,tabindex:"-1","data-state":h(R).open.value?"open":"closed","data-step":h(R).step.value,"data-type":h(R).activeStep.value?.type,"data-keyboard-navigation":h(R).keyboardNavigation.value?"":void 0,"data-backdrop":h(R).hasBackdrop.value?"":void 0,"data-centered":h(R).anchored.value?void 0:"","data-side":h(R).anchored.value?_.value:void 0,"data-align":h(R).anchored.value?D.value:void 0,style:b(h(R).anchored.value?j.value:void 0),onKeydown:L},[h(R).anchored.value?(g(),c(r,y({key:M.value},$.value),null,16)):p("",!0),w(e.$slots,"default")],44,x)):p("",!0)}});export{C as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{composeRefs as t}from"../utils/composeRefs.js";import{resolveDirection as o,useDirection as a}from"../utils/direction.js";import{autoFocusEvent as s}from"../utils/dismissal.js";import{useDismiss as i}from"../utils/useDismiss.js";import{useFocusTrap as n}from"../utils/useFocusTrap.js";import{useOutsideInert as l}from"../utils/useOutsideInert.js";import{ARROW_CONTEXT as r,POPPER_CONTEXT as u}from"../utils/popper.js";import{TOUR_CONTEXT as d,TOUR_POSITION as c}from"./context.js";import p from"./TourPositioner.vue.js";import{computed as v,createBlock as f,createCommentVNode as m,createElementBlock as y,defineComponent as b,inject as O,mergeProps as g,normalizeStyle as k,openBlock as T,provide as w,ref as h,renderSlot as R,shallowRef as j,unref as x,watch as C}from"vue";var P=["id","aria-modal","aria-labelledby","aria-describedby","data-state","data-step","data-type","data-keyboard-navigation","data-backdrop","data-centered","data-side","data-align"],S=/* @__PURE__ */b({__name:"TourContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(b,{emit:S}){const E=b,I=S,B=e(d,"SkdxTourContent must be used within SkdxTour."),A=O(u);if(!A)throw new Error("SkdxTourContent must be used within SkdxTour.");const D=h(null),N=a(),_=h(null),F=j({}),K=j({position:"absolute"}),$=h("bottom"),M=h("center"),X=t(D,B.contentRef);w(c,{contentRef:D,arrowRef:_,style:F,arrowStyle:K,placedSide:$,placedAlign:M}),w(r,{style:K,setArrowEl:e=>{_.value=e}});const q=h(0);C(()=>A.anchor.value,()=>{q.value+=1});const L=v(()=>({side:B.activeStep.value?.placement??E.side,align:B.activeStep.value?.align??E.align,sideOffset:E.sideOffset,alignOffset:E.alignOffset,avoidCollisions:E.avoidCollisions,collisionPadding:E.collisionPadding,collisionBoundary:E.collisionBoundary})),U=v(()=>`${L.value.side}|${L.value.align}|${q.value}`);n(D,B.open,{onOpenAutoFocus:e=>I("open-auto-focus",e),onCloseAutoFocus:e=>I("close-auto-focus",e)});const z=v(()=>B.open.value&&B.preventInteraction.value);l(D,z),C(()=>B.step.value,()=>{B.open.value&&s("open-auto-focus",e=>I("open-auto-focus",e))&&D.value?.focus({preventScroll:!0})},{flush:"post"}),i({enabled:B.open,onEscapeKeyDown:e=>{I("escape-key-down",e),!e.defaultPrevented&&B.closeOnEscape.value&&B.skip()},onInteractOutside:e=>I("interact-outside",e),onPointerDownOutside:e=>{I("pointer-down-outside",e),!e.defaultPrevented&&B.closeOnInteractOutside.value&&B.skip()},onFocusOutside:e=>I("focus-outside",e)},[D]);const H=e=>{if(!B.keyboardNavigation.value||e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey||function(e){if(!(e instanceof HTMLElement))return!1;if(e.isContentEditable||"textbox"===e.getAttribute("role"))return!0;const t=e.localName;return"input"===t||"textarea"===t||"select"===t}(e.target))return;const t="rtl"===o(D.value,N()),a=e.key;if("ArrowRight"===a)t?B.prev():B.next();else{if("ArrowLeft"!==a)return;t?B.next():B.prev()}e.preventDefault()};return(e,t)=>b.forceMount||x(B).open.value?(T(),y("div",{key:0,id:x(B).contentId,ref:x(X),class:"skdx-tour__content","data-part":"content",role:"dialog","aria-modal":z.value?"true":void 0,"aria-labelledby":x(B).hasTitle.value?x(B).titleId:void 0,"aria-describedby":x(B).hasDescription.value?x(B).descriptionId:void 0,tabindex:"-1","data-state":x(B).open.value?"open":"closed","data-step":x(B).step.value,"data-type":x(B).activeStep.value?.type,"data-keyboard-navigation":x(B).keyboardNavigation.value?"":void 0,"data-backdrop":x(B).hasBackdrop.value?"":void 0,"data-centered":x(B).anchored.value?void 0:"","data-side":x(B).anchored.value?$.value:void 0,"data-align":x(B).anchored.value?M.value:void 0,style:k(x(B).anchored.value?F.value:void 0),onKeydown:H},[x(B).anchored.value?(T(),f(p,g({key:U.value},L.value),null,16)):m("",!0),R(e.$slots,"default")],44,P)):m("",!0)}});export{S as default};

package/dist/tour/TourDescription.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * The active step's accessible description: renders a `<p>` wired to
- * `SkdxTourContent` via `aria-describedby`. Must be used inside `SkdxTour`.
- */
+/** The active step's accessible description, rendered as a `<p>` wired to `SkdxTourContent` via `aria-describedby`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/tour/TourDescription.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * The active step's accessible description: renders a `<p>` wired to
- * `SkdxTourContent` via `aria-describedby`. Must be used inside `SkdxTour`.
- */
+/** The active step's accessible description, rendered as a `<p>` wired to `SkdxTourContent` via `aria-describedby`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/tour/TourDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let e=require("vue");var n=["id"],i=(0,e.defineComponent)({__name:"TourDescription",setup(s){const t=(0,e.inject)(o.TOUR_CONTEXT);if(!t)throw new Error("SkdxTourDescription must be used within SkdxTour.");return t.setHasDescription(!0),(0,e.onUnmounted)(()=>t.setHasDescription(!1)),(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("p",{class:"skdx-tour__description","data-part":"description",id:(0,e.unref)(t).descriptionId},[(0,e.renderSlot)(r.$slots,"default")],8,n))}});exports.default=i;
+const i=require("../utils/injectRequired.cjs"),n=require("./context.cjs");let e=require("vue");var o=["id"],s=(0,e.defineComponent)({__name:"TourDescription",setup(u){const t=i.injectRequired(n.TOUR_CONTEXT,"SkdxTourDescription must be used within SkdxTour.");return t.setHasDescription(!0),(0,e.onUnmounted)(()=>t.setHasDescription(!1)),(r,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("p",{id:(0,e.unref)(t).descriptionId,class:"skdx-tour__description","data-part":"description"},[(0,e.renderSlot)(r.$slots,"default")],8,o))}});exports.default=s;

package/dist/tour/TourDescription.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOUR_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as s,inject as o,onUnmounted as r,openBlock as n,renderSlot as i,unref as a}from"vue";var d=["id"],p=/* @__PURE__ */s({__name:"TourDescription",setup(s){const p=o(e);if(!p)throw new Error("SkdxTourDescription must be used within SkdxTour.");return p.setHasDescription(!0),r(()=>p.setHasDescription(!1)),(e,s)=>(n(),t("p",{class:"skdx-tour__description","data-part":"description",id:a(p).descriptionId},[i(e.$slots,"default")],8,d))}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TOUR_CONTEXT as t}from"./context.js";import{createElementBlock as s,defineComponent as o,onUnmounted as r,openBlock as i,renderSlot as n,unref as a}from"vue";var d=["id"],p=/* @__PURE__ */o({__name:"TourDescription",setup(o){const p=e(t,"SkdxTourDescription must be used within SkdxTour.");return p.setHasDescription(!0),r(()=>p.setHasDescription(!1)),(e,t)=>(i(),s("p",{id:a(p).descriptionId,class:"skdx-tour__description","data-part":"description"},[n(e.$slots,"default")],8,d))}});export{p as default};