@aceshooting/lyra-ui 3.5.0 → 3.7.0

package/dist/components/tour/tour.class.js

@@ -0,0 +1,530 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { keyed } from 'lit/directives/keyed.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { lockScroll } from '../../internal/scroll-lock.js';
+import { activateOverlay } from '../../internal/overlay-manager.js';
+import { nextId, hasRealContent } from '../../internal/a11y.js';
+import { place, trackRect } from '../../internal/positioner.js';
+import { rtlAwarePlacement } from '../../internal/rtl.js';
+import { prefersReducedMotion } from '../../internal/motion.js';
+import { styles } from './tour.styles.js';
+// Punches a rectangular hole (viewport minus the padded target rect) into the backdrop's own
+// clip-path via the standard "keyhole" polygon technique: trace the full-viewport rectangle,
+// slit inward to the target rectangle along a zero-width bridge (traversed once in, once back
+// out along the exact same line so it contributes no net area), then trace the target rectangle
+// itself. `evenodd` fill-rule turns the doubled-back bridge into a no-op and leaves the target
+// rectangle excluded from the clipped (hit-testable, rendered) region -- this is what lets a
+// pointer event fall through to the live page content underneath when a step opts into
+// `interactiveTarget`.
+function keyholeClipPath(x, y, width, height) {
+    const right = x + width;
+    const bottom = y + height;
+    return (`polygon(evenodd, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, ` +
+        `${x}px ${y}px, ${x}px ${bottom}px, ${right}px ${bottom}px, ${right}px ${y}px, ${x}px ${y}px, 0% 0%)`);
+}
+/**
+ * `<lyra-tour>` -- a spotlight-and-step guided walkthrough for first-run onboarding. A sequence
+ * of steps, each anchored to a target element elsewhere in the page via the shared Floating UI
+ * positioner, shown against a dimmed full-viewport backdrop with a cutout/ring highlighting the
+ * current target, with Next/Previous/Skip controls and a step-progress indicator. First-party
+ * invention (no Web Awesome equivalent) -- nearest precedent in shape is `lyra-dialog` (overlay
+ * lifecycle/focus trap) + `lyra-carousel` (index-based navigation) + `lyra-stepper`
+ * (progress/RTL arrow-key nav).
+ *
+ * **Not a form-associated control.** A tour is a walkthrough, not a field -- it deliberately has
+ * no `label`/`hint`/`error` chrome and no `FormAssociated` mixin.
+ *
+ * **Controlled component.** `steps` is never mutated by this component (mirrors
+ * `lyra-stepper`'s `steps`); only `activeIndex` and `open` are self-managed, mirroring
+ * `lyra-carousel`'s `index`.
+ *
+ * **Target interactivity.** By default, the step's spotlighted target is non-interactive while
+ * its step is active: it stays visually revealed and perceivable/announceable by assistive tech
+ * (not `inert`, not `aria-hidden`) but cannot be clicked -- every pointer event over the full
+ * viewport, including directly over the visually-revealed target, is captured by the backdrop
+ * (CSS `mask` does not affect hit-testing, only `clip-path` does) -- and cannot be reached by Tab
+ * (the shared overlay focus trap confines Tab to the popover panel). Set `step.interactiveTarget`
+ * to opt a step's target out of this: the backdrop additionally clips itself (via `clip-path`,
+ * which *does* affect hit-testing) around the same rect, so pointer/click events fall through to
+ * the live target underneath. This only restores pointer/click reachability, not Tab
+ * reachability -- the focus trap still confines keyboard focus to the step popover regardless of
+ * `interactiveTarget`. If the interaction a step demonstrates must also be keyboard-reachable,
+ * don't rely on Tab to reach the live target -- have the app's own listener on the target call
+ * `tourEl.next()` to advance the tour programmatically.
+ *
+ * **Focus management.** Uses the shared overlay manager with `modal: false` -- a deliberate
+ * choice, not an oversight. The default `modal: true` would mark the entire rest of the page
+ * (including the spotlighted target itself, since it lives outside `<lyra-tour>`'s own ancestor
+ * chain) `inert`, stripping it from the accessibility tree entirely -- stronger than the
+ * "non-interactive but still perceivable" default described above. `modal: false` skips that
+ * DOM-wide `inert` marking; the shared Tab-trap still confines keyboard Tab to the popover panel
+ * unconditionally regardless of `modal`, and the backdrop's own hit-testing handles
+ * pointer/click reachability, so nothing is lost. `role="dialog"` and `aria-modal="true"` are
+ * still rendered on the popover panel anyway: most screen readers restrict their own virtual-
+ * cursor/browse-mode navigation to an `aria-modal="true"` element's subtree, giving assistive-
+ * tech users the same "can perceive, can't wander into, the live target" experience that the
+ * Tab-trap and backdrop hit-testing already give sighted/mouse users.
+ *
+ * Each step transition mounts a genuinely new popover DOM node (keyed on the step's `id`) so
+ * focus reliably re-enters the panel every time, even though the Previous/Next button that
+ * triggered the transition lives inside that same persistent-looking region.
+ *
+ * No `Home`/`End` jump-to-first/last-step shortcut and no click-to-jump progress dots, unlike
+ * `lyra-stepper` -- a tour's steps are tied to live DOM targets that may not exist until an
+ * earlier step's side effect (opening a menu, navigating a route) has run, so free jumping is
+ * unsafe by default. `goToStep()` remains available for a host that knows what it's doing (e.g.
+ * a "restart tour" affordance elsewhere).
+ *
+ * @customElement lyra-tour
+ * @slot - Rich content overriding the currently active step's plain-text `content` for that step
+ *   only. When real content is assigned, it's shown instead of `step.content`; when empty,
+ *   `step.content` renders as plain text. Not scoped per step by this component itself -- a
+ *   consumer that needs different rich content per step swaps the slotted children (or listens
+ *   for `lyra-tour-step-change` and re-renders them) itself, the same "consumer owns slotted
+ *   content" pattern `lyra-dialog`'s default slot already uses.
+ * @event lyra-tour-start - Fired by `start()`. `detail: { index }`. Not cancelable.
+ * @event lyra-tour-step-change - Fired by `next()`/`back()`/`goToStep()` before `activeIndex`
+ *   changes. `detail: { index, previousIndex, step, via }`. Cancelable -- a listener calling
+ *   `preventDefault()` leaves `activeIndex` unchanged, letting a tour gate advancement on a real
+ *   action (e.g. an onboarding step demonstrating "click this button" shouldn't let Next silently
+ *   skip past it). This is a deliberate departure from `lyra-carousel`'s non-cancelable
+ *   `lyra-slide-change`.
+ * @event lyra-tour-end - Fired by `end()` (and by `next()` on the last step, with reason
+ *   `'completed'`). `detail: TourEndReason`. Cancelable, except in practice for `'unmount'` since
+ *   the element is already being removed -- mirrors `lyra-dialog-close` exactly.
+ * @event lyra-tour-target-missing - The active step's `target` did not resolve to a connected
+ *   element. `detail: { index, step }`. Not cancelable -- informational. The tour does not
+ *   auto-end; it renders that step's popover unanchored (viewport-centered, no spotlight cutout)
+ *   instead of throwing. A host can listen and decide to `skip()`/`goToStep()` in response.
+ * @csspart backdrop - The full-viewport dimmed scrim with the spotlight cutout, an inline `<svg>`.
+ *   `aria-hidden="true"`.
+ * @csspart spotlight - The decorative highlight ring drawn around the current target's (padded)
+ *   rect. `pointer-events: none`, `aria-hidden="true"`.
+ * @csspart popover - The step panel itself. `role="dialog"`.
+ * @csspart heading - The step's visible heading text element -- the `aria-labelledby` target.
+ * @csspart body - Wrapper around the step's content (slotted or `step.content`).
+ * @csspart progress - Wrapper around the built-in step-progress indicator (dots + text).
+ * @csspart progress-dot - An individual decorative dot within `progress`. `aria-hidden="true"`.
+ * @csspart progress-text - The visible "Step X of Y" text -- one of the popover's
+ *   `aria-describedby` targets.
+ * @csspart footer - Wrapper around the Previous/Skip/Next-or-Done control row.
+ * @csspart skip-button - The Skip control.
+ * @csspart previous-button - The Previous control.
+ * @csspart next-button - The Next/Done control (label switches on the last step).
+ * @cssprop --lyra-tour-backdrop-color - Backdrop scrim fill. Defaults to `--lyra-color-overlay`.
+ * @cssprop --lyra-tour-spotlight-radius - Corner radius shared by the cutout and the ring.
+ *   Defaults to `--lyra-radius`.
+ * @cssprop --lyra-tour-spotlight-ring-color - Spotlight ring color. Defaults to `--lyra-color-brand`.
+ * @cssprop --lyra-tour-spotlight-ring-width - Spotlight ring thickness. Defaults to
+ *   `--lyra-border-width-medium`.
+ * @cssprop --lyra-tour-popover-max-width - Maximum popover inline size. Defaults to `--lyra-size-22rem`.
+ */
+export class LyraTour extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Whether the tour is open. Set this (or call `start()`/`end()`) -- there is no separate
+         *  `show()`/`hide()` pair. */
+        this.open = false;
+        /** Ordered step data. Never mutated by this component -- see the class doc's controlled-
+         *  component contract. Empty (the default) renders nothing. */
+        this.steps = [];
+        /** Index of the currently active step, clamped to `[0, steps.length - 1]` by `goToStep()`. */
+        this.activeIndex = 0;
+        /** Tour-level default Floating UI placement, overridable per step via `TourStep.placement`. */
+        this.placement = 'bottom';
+        /** Distance (px) between the target and the popover, passed straight to Floating UI's
+         *  `offset()` middleware -- a tour-level-only setting, mirroring `lyra-popover`'s `distance`
+         *  prop exactly. */
+        this.distance = 12;
+        /** Tour-level default extra px between a target's own box and the spotlight cutout/ring,
+         *  overridable per step via `TourStep.spotlightPadding`. */
+        this.spotlightPadding = 4;
+        /** Whether a backdrop click dismisses the tour (`end('skip')`). Defaults to `false` -- a
+         *  deliberate inversion of `lyra-dialog`'s `noLightDismiss` (opt-out, default
+         *  dismiss-on-backdrop-click): a guided tour's backdrop click doing nothing by default avoids
+         *  losing onboarding progress to a stray click. Set this to restore dismiss-on-backdrop-click. */
+        this.lightDismiss = false;
+        /** Whether the built-in "Step X of Y" progress indicator (dots + text) renders in the footer. */
+        this.showProgress = true;
+        /** Host-level `aria-label` override for every step popover's accessible name -- wins over each
+         *  step's own `heading`, matching `lyra-dialog`'s `accessibleLabel` pattern. Most consumers
+         *  won't need this since each step already has a meaningful name via `heading`; setting it
+         *  makes the *same* string name every step's panel. Set as a plain `aria-label` attribute on
+         *  `<lyra-tour>` itself, not a public JS property. */
+        this.accessibleLabel = null;
+        this.unanchored = false;
+        this.hasSlotContent = false;
+        this.maskId = nextId('tour-mask');
+        this.headingId = nextId('tour-heading');
+        this.bodyId = nextId('tour-body');
+        this.progressTextId = nextId('tour-progress-text');
+        this.onBackdropClick = () => {
+            if (!this.lightDismiss)
+                return;
+            this.overlay?.dismissBackdrop();
+        };
+        this.onDefaultSlotChange = (e) => {
+            this.hasSlotContent = hasRealContent(e.target.assignedNodes({ flatten: true }));
+        };
+        // ArrowRight/ArrowLeft swap "forward"/"backward" meaning under RTL, mirroring lyra-stepper's
+        // forwardKey/backwardKey. Skipped for a native text-editing control (a step's slotted rich
+        // content might legitimately contain one) or when the keydown was already handled.
+        this.onPopoverKeyDown = (event) => {
+            if (event.defaultPrevented)
+                return;
+            const eventTarget = event.target;
+            if (eventTarget.matches('input, textarea, [contenteditable]:not([contenteditable="false"])'))
+                return;
+            const rtl = this.effectiveDirection === 'rtl';
+            const forwardKey = rtl ? 'ArrowLeft' : 'ArrowRight';
+            const backwardKey = rtl ? 'ArrowRight' : 'ArrowLeft';
+            if (event.key === forwardKey) {
+                event.preventDefault();
+                this.next();
+            }
+            else if (event.key === backwardKey) {
+                event.preventDefault();
+                this.back();
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        if (!this.hasUpdated) {
+            this.hasSlotContent = hasRealContent(this.childNodes);
+        }
+        if (changed.has('open')) {
+            if (this.open) {
+                this.activateOverlayInternal();
+            }
+            else {
+                this.deactivateOverlayInternal();
+            }
+        }
+    }
+    // Runs after render so the manager can resolve the (possibly just-swapped, per keyed()) panel,
+    // and so activateStep() can query the freshly-rendered popover/spotlight/mask elements.
+    updated(changed) {
+        if ((changed.has('open') && this.open) || changed.has('activeIndex')) {
+            this.overlay?.focusInitial();
+            if (this.open)
+                void this.activateStep();
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // A reconnect (e.g. a drag-and-drop reparent keeping this same element instance) fires
+        // disconnectedCallback then connectedCallback synchronously with no update in between, so
+        // willUpdate never reruns to notice `open` is still true -- restore the scroll lock/trap and
+        // positioning it dropped. Mirrors lyra-dialog's identical reconnect-safety pattern.
+        if (this.hasUpdated && this.open) {
+            if (this.overlay?.isActive()) {
+                this.overlay.resume();
+                this.releaseScrollLock ??= lockScroll(this.ownerDocument);
+            }
+            else {
+                this.activateOverlayInternal();
+            }
+            queueMicrotask(() => {
+                this.overlay?.focusInitial();
+                void this.activateStep();
+            });
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.disposePositioning();
+        this.releaseScrollLock?.();
+        this.releaseScrollLock = undefined;
+        this.overlay?.suspend();
+        if (this.open) {
+            // Deferred a microtask so a synchronous reparent (disconnect immediately followed by
+            // reconnect) isn't mistaken for a real removal -- mirrors lyra-dialog's identical case.
+            queueMicrotask(() => {
+                if (!this.isConnected && this.open) {
+                    this.open = false;
+                    this.emit('lyra-tour-end', 'unmount');
+                }
+            });
+        }
+    }
+    /** Opens the tour at `index` (default `0`), clamped to `[0, steps.length - 1]`. Equivalent to
+     *  `this.activeIndex = index; this.open = true;` plus the `lyra-tour-start` event. */
+    start(index = 0) {
+        this.activeIndex = this.clampIndex(index);
+        this.open = true;
+        this.emit('lyra-tour-start', { index: this.activeIndex });
+    }
+    /** Advances to the next step. On the last step, ends the tour instead (`end('completed')`) --
+     *  the built-in Next/Done button calls this same method, so a custom control wired to `next()`
+     *  behaves identically to the built-in one. Cancelable via `lyra-tour-step-change` (or
+     *  `lyra-tour-end` when it triggers completion). */
+    next() {
+        const total = this.steps.length;
+        if (total === 0)
+            return;
+        if (this.activeIndex >= total - 1) {
+            this.end('completed');
+            return;
+        }
+        this.transitionTo(this.activeIndex + 1, 'next');
+    }
+    /** Moves to the previous step. No-op on the first step (`activeIndex === 0`). */
+    back() {
+        if (this.activeIndex <= 0)
+            return;
+        this.transitionTo(this.activeIndex - 1, 'back');
+    }
+    /** Jumps directly to `index`, clamped to `[0, steps.length - 1]`. */
+    goToStep(index) {
+        if (this.steps.length === 0)
+            return;
+        const clamped = this.clampIndex(index);
+        if (clamped === this.activeIndex)
+            return;
+        this.transitionTo(clamped, 'goto');
+    }
+    /** Sugar for `end('skip')`. What the built-in Skip button calls. */
+    skip() {
+        this.end('skip');
+    }
+    /** Ends the tour. `reason` is forwarded as the `lyra-tour-end` detail. Cancelable (except in
+     *  practice for `'unmount'`) -- mirrors `LyraDialog.close(reason)` exactly. */
+    end(reason = 'api') {
+        if (!this.open)
+            return;
+        const event = this.emit('lyra-tour-end', reason, { cancelable: true });
+        if (event.defaultPrevented)
+            return;
+        this.open = false;
+    }
+    clampIndex(index) {
+        const total = this.steps.length;
+        if (total === 0)
+            return 0;
+        return Math.min(Math.max(index, 0), total - 1);
+    }
+    transitionTo(index, via) {
+        const previousIndex = this.activeIndex;
+        const step = this.steps[index];
+        if (!step)
+            return;
+        const event = this.emit('lyra-tour-step-change', { index, previousIndex, step, via }, { cancelable: true });
+        if (event.defaultPrevented)
+            return;
+        this.activeIndex = index;
+    }
+    resolveTarget(step) {
+        const { target } = step;
+        if (typeof target === 'string') {
+            return this.ownerDocument.querySelector(target);
+        }
+        if (typeof target === 'function') {
+            return target() ?? null;
+        }
+        return target.isConnected ? target : null;
+    }
+    // Resolves the active step's target, scrolls it into view, and (re)wires the shared
+    // positioner (`place()`) for the popover and `trackRect()` for the spotlight cutout/ring.
+    // Re-run on every step activation -- targets are never cached, per TourTarget's doc comment.
+    async activateStep() {
+        this.disposePositioning();
+        const step = this.steps[this.activeIndex];
+        if (!step)
+            return;
+        const stepId = step.id;
+        const target = this.resolveTarget(step);
+        if (!target) {
+            if (!this.unanchored)
+                this.unanchored = true;
+            this.emit('lyra-tour-target-missing', { index: this.activeIndex, step });
+            return;
+        }
+        if (this.unanchored) {
+            this.unanchored = false;
+            await this.updateComplete;
+            // The active step may have changed again while this render was pending.
+            if (this.steps[this.activeIndex]?.id !== stepId)
+                return;
+        }
+        const popover = this.renderRoot.querySelector('[part="popover"]');
+        if (!popover)
+            return;
+        target.scrollIntoView({
+            block: 'center',
+            inline: 'nearest',
+            behavior: prefersReducedMotion() ? 'auto' : 'smooth',
+        });
+        const placement = rtlAwarePlacement(step.placement ?? this.placement, this);
+        this.placeCleanup = place(target, popover, { placement, offset: this.distance });
+        const padding = step.spotlightPadding ?? this.spotlightPadding;
+        const interactive = !!step.interactiveTarget;
+        this.spotlightCleanup = trackRect(target, (rect) => this.paintSpotlight(rect, padding, interactive));
+    }
+    paintSpotlight(rect, padding, interactive) {
+        const x = rect.left - padding;
+        const y = rect.top - padding;
+        const width = Math.max(0, rect.width + padding * 2);
+        const height = Math.max(0, rect.height + padding * 2);
+        const backdrop = this.renderRoot.querySelector('[part="backdrop"]');
+        const cutout = this.renderRoot.querySelector('[part="backdrop"] .cutout');
+        const spotlight = this.renderRoot.querySelector('[part="spotlight"]');
+        if (cutout) {
+            cutout.setAttribute('x', String(x));
+            cutout.setAttribute('y', String(y));
+            cutout.setAttribute('width', String(width));
+            cutout.setAttribute('height', String(height));
+        }
+        if (spotlight) {
+            spotlight.style.left = `${x}px`;
+            spotlight.style.top = `${y}px`;
+            spotlight.style.width = `${width}px`;
+            spotlight.style.height = `${height}px`;
+        }
+        if (backdrop) {
+            backdrop.style.clipPath = interactive ? keyholeClipPath(x, y, width, height) : '';
+        }
+    }
+    disposePositioning() {
+        this.placeCleanup?.();
+        this.placeCleanup = undefined;
+        this.spotlightCleanup?.();
+        this.spotlightCleanup = undefined;
+    }
+    activateOverlayInternal() {
+        if (this.overlay?.isActive())
+            return;
+        this.releaseScrollLock ??= lockScroll(this.ownerDocument);
+        this.overlay = activateOverlay({
+            host: this,
+            panel: () => this.shadowRoot?.querySelector('[part="popover"]') ?? null,
+            onEscape: () => this.end('escape'),
+            onBackdrop: () => this.end('skip'),
+            preferredInitialFocus: () => this.renderRoot.querySelector('[part="popover"]'),
+            modal: false,
+        });
+    }
+    deactivateOverlayInternal() {
+        this.disposePositioning();
+        this.releaseScrollLock?.();
+        this.releaseScrollLock = undefined;
+        this.overlay?.deactivate();
+        this.overlay = undefined;
+    }
+    render() {
+        const step = this.open ? this.steps[this.activeIndex] : undefined;
+        if (!step)
+            return html ``;
+        const total = this.steps.length;
+        const isLastStep = this.activeIndex >= total - 1;
+        const hasBodyContent = this.hasSlotContent || !!step.content;
+        const describedBy = [hasBodyContent ? this.bodyId : '', this.showProgress ? this.progressTextId : '']
+            .filter((id) => id.length > 0)
+            .join(' ');
+        return html `
+      <svg part="backdrop" aria-hidden="true" @click=${this.onBackdropClick}>
+        ${this.unanchored
+            ? html `<rect class="scrim" x="0" y="0" width="100%" height="100%"></rect>`
+            : html `
+              <defs>
+                <mask id=${this.maskId}>
+                  <rect x="0" y="0" width="100%" height="100%" fill="white"></rect>
+                  <rect class="cutout" x="0" y="0" width="0" height="0" fill="black"></rect>
+                </mask>
+              </defs>
+              <rect class="scrim" x="0" y="0" width="100%" height="100%" mask="url(#${this.maskId})"></rect>
+            `}
+      </svg>
+      <div part="spotlight" aria-hidden="true" ?hidden=${this.unanchored}></div>
+      ${keyed(step.id, html `
+          <div
+            part="popover"
+            role="dialog"
+            aria-modal="true"
+            tabindex="-1"
+            aria-label=${this.accessibleLabel ?? nothing}
+            aria-labelledby=${this.accessibleLabel ? nothing : this.headingId}
+            aria-describedby=${describedBy || nothing}
+            ?data-unanchored=${this.unanchored}
+            @keydown=${this.onPopoverKeyDown}
+          >
+            <span id=${this.headingId} part="heading">${step.heading}</span>
+            <div id=${this.bodyId} part="body">
+              <slot @slotchange=${this.onDefaultSlotChange}>${step.content ?? ''}</slot>
+            </div>
+            ${this.showProgress
+            ? html `
+                  <div part="progress">
+                    <span part="progress-text" id=${this.progressTextId}>
+                      ${this.localize('tourStepOf', undefined, { current: this.activeIndex + 1, total })}
+                    </span>
+                    <span class="dots">
+                      ${this.steps.map((_s, index) => html `<span part="progress-dot" aria-hidden="true" ?data-current=${index === this.activeIndex}></span>`)}
+                    </span>
+                  </div>
+                `
+            : nothing}
+            <div part="footer">
+              ${!step.hidePrevious
+            ? html `
+                    <button
+                      part="previous-button"
+                      type="button"
+                      ?disabled=${this.activeIndex === 0}
+                      @click=${this.back}
+                    >
+                      ${this.localize('previous')}
+                    </button>
+                  `
+            : nothing}
+              <button part="skip-button" type="button" @click=${this.skip}>${this.localize('tourSkip')}</button>
+              <button part="next-button" type="button" @click=${this.next}>
+                ${this.localize(isLastStep ? 'tourDone' : 'next')}
+              </button>
+            </div>
+          </div>
+        `)}
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraTour.prototype, "open", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraTour.prototype, "steps", void 0);
+__decorate([
+    property({ type: Number, reflect: true, attribute: 'active-index' })
+], LyraTour.prototype, "activeIndex", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraTour.prototype, "placement", void 0);
+__decorate([
+    property({ type: Number })
+], LyraTour.prototype, "distance", void 0);
+__decorate([
+    property({ type: Number, attribute: 'spotlight-padding' })
+], LyraTour.prototype, "spotlightPadding", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'light-dismiss' })
+], LyraTour.prototype, "lightDismiss", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-progress' })
+], LyraTour.prototype, "showProgress", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraTour.prototype, "accessibleLabel", void 0);
+__decorate([
+    state()
+], LyraTour.prototype, "unanchored", void 0);
+__decorate([
+    state()
+], LyraTour.prototype, "hasSlotContent", void 0);
+//# sourceMappingURL=tour.class.js.map

package/dist/components/tour/tour.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour.class.js","sourceRoot":"","sources":["../../../src/components/tour/tour.class.ts"],"names":[],"mappings":"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"}

package/dist/components/tour/tour.d.ts

@@ -0,0 +1,2 @@
+export * from './tour.class.js';
+//# sourceMappingURL=tour.d.ts.map

package/dist/components/tour/tour.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour.d.ts","sourceRoot":"","sources":["../../../src/components/tour/tour.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/tour/tour.js

@@ -0,0 +1,5 @@
+export * from './tour.class.js';
+import { LyraTour } from './tour.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('tour', LyraTour);
+//# sourceMappingURL=tour.js.map

package/dist/components/tour/tour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour.js","sourceRoot":"","sources":["../../../src/components/tour/tour.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC"}

package/dist/components/tour/tour.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=tour.styles.d.ts.map

package/dist/components/tour/tour.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tour/tour.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkKlB,CAAC"}