@slotted/angular 0.1.0-beta.7 → 0.1.0-beta.9

package/fesm2022/slotted-angular-tour.mjs

@@ -12,6 +12,7 @@ import { createPresence } from '@slotted/core/presence';
 import { tourMessages } from '@slotted/core/i18n';
 import { createControllable } from '@slotted/core/state';
 import { compactSide, tourProgress, createTourController, stageStep, cardFits, writeTargetRect, watchTarget, isCompactViewport, keepOverTarget, isTextEntry, tourKey } from '@slotted/core/tour';
+import { writeSelectorKey } from '@slotted/core/selector-key';
 import { SlGlyph, SlIcon } from '@slotted/angular/icon';
 
 const SL_TOUR = new InjectionToken('slotted tour');
@@ -119,7 +120,7 @@ class SlTourContent {
     role = inject(new HostAttributeToken('role'), { optional: true });
     label = inject(new HostAttributeToken('aria-label'), { optional: true });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTourContent, isStandalone: true, selector: "[slTourContent]", host: { attributes: { "data-part": "content", "tabindex": "-1" }, listeners: { "keydown": "tour.onKeyDown($event)" }, properties: { "attr.role": "role ?? \"dialog\"", "attr.aria-labelledby": "label === null ? tour.titleId : null", "attr.aria-describedby": "tour.hasDescription() ? tour.descriptionId : null", "attr.aria-modal": "tour.modal() ? \"true\" : null" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTourContent, isStandalone: true, selector: "[slTourContent]", host: { attributes: { "data-part": "content", "data-part-content": "", "tabindex": "-1" }, listeners: { "keydown": "tour.onKeyDown($event)" }, properties: { "attr.role": "role ?? \"dialog\"", "attr.aria-labelledby": "label === null ? tour.titleId : null", "attr.aria-describedby": "tour.hasDescription() ? tour.descriptionId : null", "attr.aria-modal": "tour.modal() ? \"true\" : null" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourContent, decorators: [{
             type: Directive,
@@ -128,6 +129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     host: {
                         'data-part': 'content',
+                        'data-part-content': '',
                         tabindex: '-1',
                         '[attr.role]': 'role ?? "dialog"',
                         '[attr.aria-labelledby]': 'label === null ? tour.titleId : null',
@@ -148,7 +150,7 @@ class SlTourMedia {
     shown = computed(() => this.tour.mediaTemplate() !== null || this.url() !== null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "shown" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourMedia, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTourMedia, isStandalone: true, selector: "[slTourMedia]", host: { attributes: { "data-part": "media" }, properties: { "attr.hidden": "shown() ? null : \"\"" } }, ngImport: i0, template: `@if (tour.mediaTemplate(); as media) {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTourMedia, isStandalone: true, selector: "[slTourMedia]", host: { attributes: { "data-part": "media", "data-part-media": "" }, properties: { "attr.hidden": "shown() ? null : \"\"" } }, ngImport: i0, template: `@if (tour.mediaTemplate(); as media) {
       <ng-container [ngTemplateOutlet]="media" />
     } @else if (url(); as src) {
       <img alt="" [src]="src" />
@@ -169,23 +171,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'media',
+                        'data-part-media': '',
                         '[attr.hidden]': 'shown() ? null : ""',
                     },
                 }]
         }] });
 class SlTourHeader {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTourHeader, isStandalone: true, selector: "[slTourHeader]", host: { attributes: { "data-part": "header" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTourHeader, isStandalone: true, selector: "[slTourHeader]", host: { attributes: { "data-part": "header", "data-part-header": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourHeader, decorators: [{
             type: Directive,
-            args: [{ selector: '[slTourHeader]', standalone: true, host: { 'data-part': 'header' } }]
+            args: [{
+                    selector: '[slTourHeader]',
+                    standalone: true,
+                    host: { 'data-part': 'header', 'data-part-header': '' },
+                }]
         }] });
 /** “2 of 5”, counting the steps available now; hidden in a tour of one step. */
 class SlTourProgress {
     tour = inject(SL_TOUR);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTourProgress, isStandalone: true, selector: "[slTourProgress]", host: { attributes: { "data-part": "progress" }, properties: { "attr.hidden": "tour.total() > 1 ? null : \"\"" } }, ngImport: i0, template: `{{ tour.t('progress', { position: tour.position(), total: tour.total() }) }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTourProgress, isStandalone: true, selector: "[slTourProgress]", host: { attributes: { "data-part": "progress", "data-part-progress": "" }, properties: { "attr.hidden": "tour.total() > 1 ? null : \"\"" } }, ngImport: i0, template: `{{ tour.t('progress', { position: tour.position(), total: tour.total() }) }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourProgress, decorators: [{
             type: Component,
@@ -197,6 +204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'progress',
+                        'data-part-progress': '',
                         '[attr.hidden]': 'tour.total() > 1 ? null : ""',
                     },
                 }]
@@ -206,7 +214,7 @@ class SlTourClose {
     tour = inject(SL_TOUR);
     label = inject(new HostAttributeToken('aria-label'), { optional: true });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourClose, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTourClose, isStandalone: true, selector: "button[slTourClose]", host: { attributes: { "data-part": "close", "type": "button" }, listeners: { "click": "tour.close(\"close\", $event, true)" }, properties: { "attr.aria-label": "label ?? tour.t('close')", "attr.hidden": "tour.showClose() ? null : \"\"" } }, ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTourClose, isStandalone: true, selector: "button[slTourClose]", host: { attributes: { "data-part": "close", "data-part-close": "", "type": "button" }, listeners: { "click": "tour.close(\"close\", $event, true)" }, properties: { "attr.aria-label": "label ?? tour.t('close')", "attr.hidden": "tour.showClose() ? null : \"\"" } }, ngImport: i0, template: `<ng-content
     ><span slIcon size="sm"><svg slGlyph name="x"></svg></span
   ></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
@@ -223,6 +231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'close',
+                        'data-part-close': '',
                         type: 'button',
                         '[attr.aria-label]': "label ?? tour.t('close')",
                         '[attr.hidden]': 'tour.showClose() ? null : ""',
@@ -234,7 +243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 class SlTourTitle {
     tour = inject(SL_TOUR);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTourTitle, isStandalone: true, selector: "[slTourTitle]", host: { attributes: { "data-part": "title" }, properties: { "id": "tour.titleId" } }, ngImport: i0, template: `<ng-content>{{ tour.current()?.title }}</ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTourTitle, isStandalone: true, selector: "[slTourTitle]", host: { attributes: { "data-part": "title", "data-part-title": "" }, properties: { "id": "tour.titleId" } }, ngImport: i0, template: `<ng-content>{{ tour.current()?.title }}</ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourTitle, decorators: [{
             type: Component,
@@ -244,14 +253,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     template: `<ng-content>{{ tour.current()?.title }}</ng-content>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    host: { 'data-part': 'title', '[id]': 'tour.titleId' },
+                    host: { 'data-part': 'title', 'data-part-title': '', '[id]': 'tour.titleId' },
                 }]
         }] });
 /** The step's description, and the card's accessible description; hidden when it has none. */
 class SlTourDescription {
     tour = inject(SL_TOUR);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourDescription, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTourDescription, isStandalone: true, selector: "[slTourDescription]", host: { attributes: { "data-part": "description" }, properties: { "id": "tour.descriptionId", "attr.hidden": "tour.hasDescription() ? null : \"\"" } }, ngImport: i0, template: `{{ tour.current()?.description }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTourDescription, isStandalone: true, selector: "[slTourDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" }, properties: { "id": "tour.descriptionId", "attr.hidden": "tour.hasDescription() ? null : \"\"" } }, ngImport: i0, template: `{{ tour.current()?.description }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourDescription, decorators: [{
             type: Component,
@@ -263,6 +272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'description',
+                        'data-part-description': '',
                         '[id]': 'tour.descriptionId',
                         '[attr.hidden]': 'tour.hasDescription() ? null : ""',
                     },
@@ -279,7 +289,7 @@ class SlTourBody {
     shown = computed(() => this.tour.bodyTemplate() !== null || this.text() !== '', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "shown" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTourBody, isStandalone: true, selector: "[slTourBody]", host: { attributes: { "data-part": "body" }, properties: { "attr.hidden": "shown() ? null : \"\"" } }, ngImport: i0, template: `@if (tour.bodyTemplate(); as body) {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTourBody, isStandalone: true, selector: "[slTourBody]", host: { attributes: { "data-part": "body", "data-part-body": "" }, properties: { "attr.hidden": "shown() ? null : \"\"" } }, ngImport: i0, template: `@if (tour.bodyTemplate(); as body) {
       <ng-container [ngTemplateOutlet]="body" />
     } @else {
       {{ text() }}
@@ -300,17 +310,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'body',
+                        'data-part-body': '',
                         '[attr.hidden]': 'shown() ? null : ""',
                     },
                 }]
         }] });
 class SlTourFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTourFooter, isStandalone: true, selector: "[slTourFooter]", host: { attributes: { "data-part": "footer" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTourFooter, isStandalone: true, selector: "[slTourFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourFooter, decorators: [{
             type: Directive,
-            args: [{ selector: '[slTourFooter]', standalone: true, host: { 'data-part': 'footer' } }]
+            args: [{
+                    selector: '[slTourFooter]',
+                    standalone: true,
+                    host: { 'data-part': 'footer', 'data-part-footer': '' },
+                }]
         }] });
 /**
  * The three actions go on the consumer's own `button slButton`. `slButton`
@@ -322,7 +337,7 @@ class TourAction {
     tour = inject(SL_TOUR);
     constructor(part) {
         const host = inject(ElementRef).nativeElement;
-        afterNextRender(() => host.setAttribute('data-part', part));
+        afterNextRender(() => writeSelectorKey(host, 'part', part));
     }
 }
 /** Closes with the outcome `skip`. Hidden on the last step and in a tour of one. */
@@ -439,7 +454,9 @@ class SlTourFrame {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTourFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTourFrame, isStandalone: true, selector: "sl-tour-frame", host: { styleAttribute: "display: contents" }, ngImport: i0, template: `<div
     data-ui="tour"
+    data-ui-tour=""
     data-part="root"
+    data-part-root=""
     [attr.data-open]="tour.visible() && tour.arrived() ? '' : null"
     [attr.data-modal]="tour.modal() ? '' : null"
     [attr.data-spot]="tour.spot().move"
@@ -451,14 +468,15 @@ class SlTourFrame {
     [attr.data-align]="tour.anchored() ? tour.resolvedAlign() : null"
   >
     @if (tour.modal() || tour.spotlightOn()) {
-      <div data-part="backdrop" aria-hidden="true">
+      <div data-part="backdrop" data-part-backdrop="" aria-hidden="true">
         @if (tour.spotlightOn()) {
-          <div data-part="spotlight"></div>
+          <div data-part="spotlight" data-part-spotlight=""></div>
         }
       </div>
     }
     <div
       data-part="surface"
+      data-part-surface=""
       [attr.data-placement]="tour.anchored() ? 'anchored' : 'centered'"
       [attr.data-ready]="tour.ready() ? '' : null"
       [attr.data-leaving]="tour.leaving() ? '' : null"
@@ -466,13 +484,14 @@ class SlTourFrame {
       @if (!tour.modal()) {
         <span
           data-part="focus-guard"
+          data-part-focus-guard=""
           tabindex="0"
           aria-hidden="true"
           (focus)="tour.onGuardFocus()"
         ></span>
       }
       @if (tour.anchored() && tour.resolvedArrow()) {
-        <div data-part="arrow"></div>
+        <div data-part="arrow" data-part-arrow=""></div>
       }
       @if (tour.card(); as custom) {
         <ng-container [ngTemplateOutlet]="custom.template" />
@@ -510,6 +529,7 @@ class SlTourFrame {
       @if (!tour.modal()) {
         <span
           data-part="focus-guard"
+          data-part-focus-guard=""
           tabindex="0"
           aria-hidden="true"
           (focus)="tour.onGuardFocus()"
@@ -544,7 +564,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     host: { style: 'display: contents' },
                     template: `<div
     data-ui="tour"
+    data-ui-tour=""
     data-part="root"
+    data-part-root=""
     [attr.data-open]="tour.visible() && tour.arrived() ? '' : null"
     [attr.data-modal]="tour.modal() ? '' : null"
     [attr.data-spot]="tour.spot().move"
@@ -556,14 +578,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     [attr.data-align]="tour.anchored() ? tour.resolvedAlign() : null"
   >
     @if (tour.modal() || tour.spotlightOn()) {
-      <div data-part="backdrop" aria-hidden="true">
+      <div data-part="backdrop" data-part-backdrop="" aria-hidden="true">
         @if (tour.spotlightOn()) {
-          <div data-part="spotlight"></div>
+          <div data-part="spotlight" data-part-spotlight=""></div>
         }
       </div>
     }
     <div
       data-part="surface"
+      data-part-surface=""
       [attr.data-placement]="tour.anchored() ? 'anchored' : 'centered'"
       [attr.data-ready]="tour.ready() ? '' : null"
       [attr.data-leaving]="tour.leaving() ? '' : null"
@@ -571,13 +594,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       @if (!tour.modal()) {
         <span
           data-part="focus-guard"
+          data-part-focus-guard=""
           tabindex="0"
           aria-hidden="true"
           (focus)="tour.onGuardFocus()"
         ></span>
       }
       @if (tour.anchored() && tour.resolvedArrow()) {
-        <div data-part="arrow"></div>
+        <div data-part="arrow" data-part-arrow=""></div>
       }
       @if (tour.card(); as custom) {
         <ng-container [ngTemplateOutlet]="custom.template" />
@@ -615,6 +639,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       @if (!tour.modal()) {
         <span
           data-part="focus-guard"
+          data-part-focus-guard=""
           tabindex="0"
           aria-hidden="true"
           (focus)="tour.onGuardFocus()"
@@ -1315,11 +1340,11 @@ class SlTour {
             destination.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTour, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: SlTour, isStandalone: true, selector: "sl-tour", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, missing: { classPropertyName: "missing", publicName: "missing", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, finalFocus: { classPropertyName: "finalFocus", publicName: "finalFocus", isSignal: true, isRequired: false, transformFunction: null }, arrow: { classPropertyName: "arrow", publicName: "arrow", isSignal: true, isRequired: false, transformFunction: null }, modalInput: { classPropertyName: "modalInput", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, spotlight: { classPropertyName: "spotlight", publicName: "spotlight", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsidePress: { classPropertyName: "closeOnOutsidePress", publicName: "closeOnOutsidePress", isSignal: true, isRequired: false, transformFunction: null }, scrollIntoView: { classPropertyName: "scrollIntoView", publicName: "scrollIntoView", isSignal: true, isRequired: false, transformFunction: null }, keyboardNavigation: { classPropertyName: "keyboardNavigation", publicName: "keyboardNavigation", isSignal: true, isRequired: false, transformFunction: null }, targetTimeout: { classPropertyName: "targetTimeout", publicName: "targetTimeout", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null }, alignOffset: { classPropertyName: "alignOffset", publicName: "alignOffset", isSignal: true, isRequired: false, transformFunction: null }, collisionPadding: { classPropertyName: "collisionPadding", publicName: "collisionPadding", isSignal: true, isRequired: false, transformFunction: null }, arrowPadding: { classPropertyName: "arrowPadding", publicName: "arrowPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", step: "stepChange", openChangeRequest: "openChangeRequest", stepChangeRequest: "stepChangeRequest" }, providers: [{ provide: SL_TOUR, useExisting: forwardRef(() => SlTour) }], queries: [{ propertyName: "card", first: true, predicate: SlTourCard, descendants: true, isSignal: true }, { propertyName: "stepTemplates", predicate: SlTourStep, isSignal: true }], viewQueries: [{ propertyName: "outlet", first: true, predicate: ["outlet"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["slTour"], ngImport: i0, template: `<ng-container #outlet></ng-container>`, isInline: true, styles: ["@layer slotted.components{[data-ui=tour]{--_scrim: var(--slotted-tour-scrim, var(--slotted-scrim, Canvas));--_spotlight-padding: var(--slotted-tour-spotlight-padding, var(--slotted-space-3, .375rem));--_spotlight-radius: var(--slotted-tour-spotlight-radius, var(--slotted-radius-md, 6px));--_gap: var( --slotted-tour-gap, calc(var(--_spotlight-padding) + var(--slotted-space-4, .5rem)) );--_surface: var(--slotted-tour-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-tour-text, var(--slotted-text, #0f172a));--_border-color: var(--slotted-tour-border-color, var(--slotted-border-subtle, #e2e8f0));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-tour-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-tour-shadow, var(--slotted-shadow-lg));--_arrow-size: var(--slotted-tour-arrow-size, .625rem);--_arrow-tip-radius: var(--slotted-tour-arrow-tip-radius, var(--slotted-radius-xs, 2px));--_inset-block: var(--slotted-tour-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-tour-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-control-gap-md, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem);--_font-size: var(--slotted-font-size-md, .875rem);--_measure: var(--slotted-tour-measure, 20rem);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));isolation:isolate;overflow:clip;pointer-events:none;visibility:hidden;transition:visibility var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=tour][data-open]{visibility:visible;transition:none}[data-ui=tour][data-size=sm]{--_inset-block: var(--slotted-tour-padding-block-sm, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-tour-padding-inline-sm, var(--slotted-space-5, .75rem));--_title-font-size: var(--slotted-font-size-md, .875rem);--_font-size: var(--slotted-font-size-sm, .8125rem);--_measure: var(--slotted-tour-measure-sm, 16rem)}[data-ui=tour][data-size=lg]{--_inset-block: var(--slotted-tour-padding-block-lg, var(--slotted-space-7, 1.25rem));--_inset-inline: var(--slotted-tour-padding-inline-lg, var(--slotted-space-7, 1.25rem));--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_measure: var(--slotted-tour-measure-lg, 24rem)}[data-ui=tour]>[data-part=backdrop]{position:absolute;inset:0;overflow:clip;background:var(--_scrim);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=tour][data-open]>[data-part=backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=tour][data-spotlight]>[data-part=backdrop]{background:transparent}[data-ui=tour][data-modal]>[data-part=backdrop]{pointer-events:auto}[data-ui=tour]>[data-part=backdrop]>[data-part=spotlight]{position:absolute;left:calc(var(--slotted-tour-target-x, 0px) - var(--_spotlight-padding));top:calc(var(--slotted-tour-target-y, 0px) - var(--_spotlight-padding));width:calc(var(--slotted-tour-target-width, 0px) + 2 * var(--_spotlight-padding));height:calc(var(--slotted-tour-target-height, 0px) + 2 * var(--_spotlight-padding));border-radius:var(--_spotlight-radius);box-shadow:0 0 0 200vmax var(--_scrim);background-color:transparent}[data-ui=tour][data-spot=travel]>[data-part=backdrop]>[data-part=spotlight]{transition-property:left,top,width,height;transition-duration:var(--slotted-duration-long);transition-timing-function:var(--slotted-easing-standard)}[data-ui=tour][data-spot=light]>[data-part=backdrop]>[data-part=spotlight]{animation:slotted-tour-light var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=tour][data-spot=close]>[data-part=backdrop]>[data-part=spotlight]{background-color:var(--_scrim);transition:background-color var(--slotted-duration-long) var(--slotted-easing-standard)}@keyframes slotted-tour-light{0%{background-color:var(--_scrim)}}[data-ui=tour]>[data-part=surface]{position:absolute;inset-block-start:0;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));pointer-events:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=tour][data-open]>[data-part=surface][data-ready]:not([data-leaving]){opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=tour]>[data-part=surface][data-detached]{visibility:hidden}[data-ui=tour]>[data-part=surface][data-placement=centered]{inset:0;margin:auto;block-size:max-content;max-inline-size:min(var(--_measure),100%);max-block-size:100%}@supports (inset: env(safe-area-inset-top)){[data-ui=tour]>[data-part=surface][data-placement=centered]{inset:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}}[data-ui=tour][data-compact]>[data-part=surface][data-placement=anchored]{--_compact-measure: var(--slotted-tour-measure-compact, 32rem);inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--_compact-measure));max-inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--_compact-measure))}[data-ui=tour]>[data-part=surface][data-placement=centered]>[data-part=arrow]{display:none}[data-ui=tour]>[data-part=surface]>[data-part=focus-guard]{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;opacity:0;outline:none;pointer-events:none}[data-ui=tour]>[data-part=surface]>[data-part=content]{box-sizing:border-box;display:flex;flex-direction:column;max-inline-size:100%;max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - 2 * var(--_gap));border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);color:var(--_text);box-shadow:var(--_shadow);overflow:clip;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);text-align:start;pointer-events:auto;outline:none}[data-ui=tour]>[data-part=surface][data-placement=centered]>[data-part=content]{max-block-size:calc(100vh - 2 * var(--_gap))}[data-ui=tour]>[data-part=surface]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tour] [data-part=content]>[data-part=media]{display:block;flex:none;inline-size:100%;max-inline-size:100%;block-size:auto;object-fit:cover;border-block-end:var(--_border-width) solid var(--_border-color)}[data-ui=tour] [data-part=content]>[data-part=media]>:is(img,video,svg){display:block;inline-size:100%;block-size:auto}[data-ui=tour] [data-part=content]>[data-part=header]{display:flex;flex:none;align-items:flex-start;gap:var(--_row-gap);min-block-size:var(--slotted-control-height-sm, 30px);padding-block-start:calc(var(--_inset-block) - var(--slotted-space-3, .375rem));padding-inline:var(--_inset-inline) calc(var(--_inset-inline) - var(--slotted-space-3, .375rem))}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=progress]{flex:1 1 auto;min-inline-size:0;margin:0;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-xs, 1.4);color:var(--slotted-text-muted, #5b6b7f);font-variant-numeric:tabular-nums;padding-block:calc((var(--slotted-control-height-sm, 30px) - 1lh) / 2);unicode-bidi:plaintext}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=close]{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--slotted-control-height-sm, 30px);block-size:var(--slotted-control-height-sm, 30px);margin-inline-start:auto;padding:0;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));background:transparent;color:var(--slotted-text-muted, #5b6b7f);cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=close]:enabled:hover{background:var(--slotted-tone-secondary-subtle-hover, rgb(15 23 42 / .06));color:var(--_text)}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=close]:enabled:active{background:var(--slotted-tone-secondary-subtle-active, rgb(15 23 42 / .1))}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tour] [data-part=content]>[data-part=title]{flex:none;margin:0;padding-inline:var(--_inset-inline);padding-block-start:var(--slotted-space-2, .25rem);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);color:var(--_text);overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=tour] [data-part=content]>[data-part=title]:first-child,[data-ui=tour] [data-part=content]>[data-part=media]+[data-part=title]{padding-block-start:var(--_inset-block)}[data-ui=tour] [data-part=content]>[data-part=description]{flex:none;margin:0;padding-inline:var(--_inset-inline);padding-block-start:var(--slotted-space-2, .25rem);color:var(--slotted-text-muted, #5b6b7f);overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=tour] [data-part=content]>[data-part=body]{flex:1 1 auto;min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;overflow-wrap:anywhere;unicode-bidi:plaintext;margin-block-start:var(--_row-gap);padding-inline:var(--_inset-inline);background:linear-gradient(var(--_surface) 30%,transparent) center top / 100% var(--slotted-space-4, .5rem) no-repeat local,linear-gradient(transparent,var(--_surface) 70%) center bottom / 100% var(--slotted-space-4, .5rem) no-repeat local,radial-gradient(farthest-side at 50% 0,color-mix(in oklab,var(--_text) 12%,transparent),transparent) center top / 100% var(--slotted-space-3, .375rem) no-repeat scroll,radial-gradient(farthest-side at 50% 100%,color-mix(in oklab,var(--_text) 12%,transparent),transparent) center bottom / 100% var(--slotted-space-3, .375rem) no-repeat scroll}[data-ui=tour] [data-part=content]>[data-part=footer]{display:flex;flex:none;flex-direction:row-reverse;flex-wrap:wrap-reverse;align-items:center;justify-content:flex-start;gap:var(--_row-gap);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=tour] [data-part=content]>[data-part=footer]>[data-part=next]{order:1}[data-ui=tour] [data-part=content]>[data-part=footer]>[data-part=prev]{order:2}[data-ui=tour] [data-part=content]>[data-part=footer]>[data-part=skip]{order:3;margin-inline-end:auto;margin-inline-start:calc(-1 * var(--slotted-control-padding-inline-sm, 10px))}[data-ui=tour]>[data-part=surface]>[data-part=arrow]{--_arrow-min: calc(var(--_gap) + var(--_radius));--_arrow-max-x: calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size));--_arrow-x: clamp( var(--_arrow-min), var(--slotted-positioner-arrow-x, 0px), var(--_arrow-max-x) );--_arrow-y: clamp( var(--_arrow-min), var(--slotted-positioner-arrow-y, 0px), calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size)) );position:absolute;z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);rotate:45deg;background:var(--_surface);border:0 solid var(--_border-color)}[data-ui=tour]>[data-part=surface][data-side=top]>[data-part=arrow]{left:var(--_arrow-x);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui=tour]>[data-part=surface][data-side=bottom]>[data-part=arrow]{left:var(--_arrow-x);top:calc(var(--_gap) - var(--_arrow-size) / 2);bottom:auto;border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius)}[data-ui=tour]>[data-part=surface][data-side=left]>[data-part=arrow]{top:var(--_arrow-y);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui=tour]>[data-part=surface][data-side=right]>[data-part=arrow]{top:var(--_arrow-y);left:calc(var(--_gap) - var(--_arrow-size) / 2);right:auto;border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius)}[data-ui=tour]>[data-part=surface]:has(>[data-part=content]:focus-visible)>[data-part=arrow]{--_border-width: var(--slotted-focus-ring-width, 2px);border-color:var(--slotted-focus-ring-color, currentColor)}[data-ui=tour] [data-part=content] [data-part][hidden]{display:none}@media(forced-colors:active){[data-ui=tour]>[data-part=backdrop]>[data-part=spotlight]{outline:var(--slotted-focus-ring-width, 2px) solid Highlight}[data-ui=tour][data-spotlight]>[data-part=backdrop]{background:transparent}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: SlTour, isStandalone: true, selector: "sl-tour", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, missing: { classPropertyName: "missing", publicName: "missing", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, finalFocus: { classPropertyName: "finalFocus", publicName: "finalFocus", isSignal: true, isRequired: false, transformFunction: null }, arrow: { classPropertyName: "arrow", publicName: "arrow", isSignal: true, isRequired: false, transformFunction: null }, modalInput: { classPropertyName: "modalInput", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, spotlight: { classPropertyName: "spotlight", publicName: "spotlight", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsidePress: { classPropertyName: "closeOnOutsidePress", publicName: "closeOnOutsidePress", isSignal: true, isRequired: false, transformFunction: null }, scrollIntoView: { classPropertyName: "scrollIntoView", publicName: "scrollIntoView", isSignal: true, isRequired: false, transformFunction: null }, keyboardNavigation: { classPropertyName: "keyboardNavigation", publicName: "keyboardNavigation", isSignal: true, isRequired: false, transformFunction: null }, targetTimeout: { classPropertyName: "targetTimeout", publicName: "targetTimeout", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null }, alignOffset: { classPropertyName: "alignOffset", publicName: "alignOffset", isSignal: true, isRequired: false, transformFunction: null }, collisionPadding: { classPropertyName: "collisionPadding", publicName: "collisionPadding", isSignal: true, isRequired: false, transformFunction: null }, arrowPadding: { classPropertyName: "arrowPadding", publicName: "arrowPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", step: "stepChange", openChangeRequest: "openChangeRequest", stepChangeRequest: "stepChangeRequest" }, providers: [{ provide: SL_TOUR, useExisting: forwardRef(() => SlTour) }], queries: [{ propertyName: "card", first: true, predicate: SlTourCard, descendants: true, isSignal: true }, { propertyName: "stepTemplates", predicate: SlTourStep, isSignal: true }], viewQueries: [{ propertyName: "outlet", first: true, predicate: ["outlet"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["slTour"], ngImport: i0, template: `<ng-container #outlet></ng-container>`, isInline: true, styles: ["@layer slotted.components{[data-ui-tour]{--_scrim: var(--slotted-tour-scrim, var(--slotted-scrim, Canvas));--_spotlight-padding: var(--slotted-tour-spotlight-padding, var(--slotted-space-3, .375rem));--_spotlight-radius: var(--slotted-tour-spotlight-radius, var(--slotted-radius-md, 6px));--_gap: var( --slotted-tour-gap, calc(var(--_spotlight-padding) + var(--slotted-space-4, .5rem)) );--_surface: var(--slotted-tour-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-tour-text, var(--slotted-text, #0f172a));--_border-color: var(--slotted-tour-border-color, var(--slotted-border-subtle, #e2e8f0));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-tour-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-tour-shadow, var(--slotted-shadow-lg));--_arrow-size: var(--slotted-tour-arrow-size, .625rem);--_arrow-tip-radius: var(--slotted-tour-arrow-tip-radius, var(--slotted-radius-xs, 2px));--_inset-block: var(--slotted-tour-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-tour-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-control-gap-md, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem);--_font-size: var(--slotted-font-size-md, .875rem);--_measure: var(--slotted-tour-measure, 20rem);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));isolation:isolate;overflow:clip;pointer-events:none;visibility:hidden;transition:visibility var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-tour][data-open]{visibility:visible;transition:none}[data-ui-tour][data-size=sm]{--_inset-block: var(--slotted-tour-padding-block-sm, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-tour-padding-inline-sm, var(--slotted-space-5, .75rem));--_title-font-size: var(--slotted-font-size-md, .875rem);--_font-size: var(--slotted-font-size-sm, .8125rem);--_measure: var(--slotted-tour-measure-sm, 16rem)}[data-ui-tour][data-size=lg]{--_inset-block: var(--slotted-tour-padding-block-lg, var(--slotted-space-7, 1.25rem));--_inset-inline: var(--slotted-tour-padding-inline-lg, var(--slotted-space-7, 1.25rem));--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_measure: var(--slotted-tour-measure-lg, 24rem)}[data-ui-tour]>[data-part-backdrop]{position:absolute;inset:0;overflow:clip;background:var(--_scrim);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-tour][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-tour][data-spotlight]>[data-part-backdrop]{background:transparent}[data-ui-tour][data-modal]>[data-part-backdrop]{pointer-events:auto}[data-ui-tour]>[data-part-backdrop]>[data-part-spotlight]{position:absolute;left:calc(var(--slotted-tour-target-x, 0px) - var(--_spotlight-padding));top:calc(var(--slotted-tour-target-y, 0px) - var(--_spotlight-padding));width:calc(var(--slotted-tour-target-width, 0px) + 2 * var(--_spotlight-padding));height:calc(var(--slotted-tour-target-height, 0px) + 2 * var(--_spotlight-padding));border-radius:var(--_spotlight-radius);box-shadow:0 0 0 200vmax var(--_scrim);background-color:transparent}[data-ui-tour][data-spot=travel]>[data-part-backdrop]>[data-part-spotlight]{transition-property:left,top,width,height;transition-duration:var(--slotted-duration-long);transition-timing-function:var(--slotted-easing-standard)}[data-ui-tour][data-spot=light]>[data-part-backdrop]>[data-part-spotlight]{animation:slotted-tour-light var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-tour][data-spot=close]>[data-part-backdrop]>[data-part-spotlight]{background-color:var(--_scrim);transition:background-color var(--slotted-duration-long) var(--slotted-easing-standard)}@keyframes slotted-tour-light{0%{background-color:var(--_scrim)}}[data-ui-tour]>[data-part-surface]{position:absolute;inset-block-start:0;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));pointer-events:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-tour][data-open]>[data-part-surface][data-ready]:not([data-leaving]){opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-tour]>[data-part-surface][data-detached]{visibility:hidden}[data-ui-tour]>[data-part-surface][data-placement=centered]{inset:0;margin:auto;block-size:max-content;max-inline-size:min(var(--_measure),100%);max-block-size:100%}@supports (inset: env(safe-area-inset-top)){[data-ui-tour]>[data-part-surface][data-placement=centered]{inset:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}}[data-ui-tour][data-compact]>[data-part-surface][data-placement=anchored]{--_compact-measure: var(--slotted-tour-measure-compact, 32rem);inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--_compact-measure));max-inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--_compact-measure))}[data-ui-tour]>[data-part-surface][data-placement=centered]>[data-part-arrow]{display:none}[data-ui-tour]>[data-part-surface]>[data-part-focus-guard]{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;opacity:0;outline:none;pointer-events:none}[data-ui-tour]>[data-part-surface]>[data-part-content]{box-sizing:border-box;display:flex;flex-direction:column;max-inline-size:100%;max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - 2 * var(--_gap));border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);color:var(--_text);box-shadow:var(--_shadow);overflow:clip;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);text-align:start;pointer-events:auto;outline:none}[data-ui-tour]>[data-part-surface][data-placement=centered]>[data-part-content]{max-block-size:calc(100vh - 2 * var(--_gap))}[data-ui-tour]>[data-part-surface]>[data-part-content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-tour] [data-part-content]>[data-part-media]{display:block;flex:none;inline-size:100%;max-inline-size:100%;block-size:auto;object-fit:cover;border-block-end:var(--_border-width) solid var(--_border-color)}[data-ui-tour] [data-part-content]>[data-part-media]>:is(img,video,svg){display:block;inline-size:100%;block-size:auto}[data-ui-tour] [data-part-content]>[data-part-header]{display:flex;flex:none;align-items:flex-start;gap:var(--_row-gap);min-block-size:var(--slotted-control-height-sm, 30px);padding-block-start:calc(var(--_inset-block) - var(--slotted-space-3, .375rem));padding-inline:var(--_inset-inline) calc(var(--_inset-inline) - var(--slotted-space-3, .375rem))}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-progress]{flex:1 1 auto;min-inline-size:0;margin:0;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-xs, 1.4);color:var(--slotted-text-muted, #5b6b7f);font-variant-numeric:tabular-nums;padding-block:calc((var(--slotted-control-height-sm, 30px) - 1lh) / 2);unicode-bidi:plaintext}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--slotted-control-height-sm, 30px);block-size:var(--slotted-control-height-sm, 30px);margin-inline-start:auto;padding:0;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));background:transparent;color:var(--slotted-text-muted, #5b6b7f);cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]:enabled:hover{background:var(--slotted-tone-secondary-subtle-hover, rgb(15 23 42 / .06));color:var(--_text)}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]:enabled:active{background:var(--slotted-tone-secondary-subtle-active, rgb(15 23 42 / .1))}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-tour] [data-part-content]>[data-part-title]{flex:none;margin:0;padding-inline:var(--_inset-inline);padding-block-start:var(--slotted-space-2, .25rem);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);color:var(--_text);overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-tour] [data-part-content]>[data-part-title]:first-child,[data-ui-tour] [data-part-content]>[data-part-media]+[data-part-title]{padding-block-start:var(--_inset-block)}[data-ui-tour] [data-part-content]>[data-part-description]{flex:none;margin:0;padding-inline:var(--_inset-inline);padding-block-start:var(--slotted-space-2, .25rem);color:var(--slotted-text-muted, #5b6b7f);overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-tour] [data-part-content]>[data-part-body]{flex:1 1 auto;min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;overflow-wrap:anywhere;unicode-bidi:plaintext;margin-block-start:var(--_row-gap);padding-inline:var(--_inset-inline);background:linear-gradient(var(--_surface) 30%,transparent) center top / 100% var(--slotted-space-4, .5rem) no-repeat local,linear-gradient(transparent,var(--_surface) 70%) center bottom / 100% var(--slotted-space-4, .5rem) no-repeat local,radial-gradient(farthest-side at 50% 0,color-mix(in oklab,var(--_text) 12%,transparent),transparent) center top / 100% var(--slotted-space-3, .375rem) no-repeat scroll,radial-gradient(farthest-side at 50% 100%,color-mix(in oklab,var(--_text) 12%,transparent),transparent) center bottom / 100% var(--slotted-space-3, .375rem) no-repeat scroll}[data-ui-tour] [data-part-content]>[data-part-footer]{display:flex;flex:none;flex-direction:row-reverse;flex-wrap:wrap-reverse;align-items:center;justify-content:flex-start;gap:var(--_row-gap);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui-tour] [data-part-content]>[data-part-footer]>[data-part-next]{order:1}[data-ui-tour] [data-part-content]>[data-part-footer]>[data-part-prev]{order:2}[data-ui-tour] [data-part-content]>[data-part-footer]>[data-part-skip]{order:3;margin-inline-end:auto;margin-inline-start:calc(-1 * var(--slotted-control-padding-inline-sm, 10px))}[data-ui-tour]>[data-part-surface]>[data-part-arrow]{--_arrow-min: calc(var(--_gap) + var(--_radius));--_arrow-max-x: calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size));--_arrow-x: clamp( var(--_arrow-min), var(--slotted-positioner-arrow-x, 0px), var(--_arrow-max-x) );--_arrow-y: clamp( var(--_arrow-min), var(--slotted-positioner-arrow-y, 0px), calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size)) );position:absolute;z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);rotate:45deg;background:var(--_surface);border:0 solid var(--_border-color)}[data-ui-tour]>[data-part-surface][data-side=top]>[data-part-arrow]{left:var(--_arrow-x);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface][data-side=bottom]>[data-part-arrow]{left:var(--_arrow-x);top:calc(var(--_gap) - var(--_arrow-size) / 2);bottom:auto;border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface][data-side=left]>[data-part-arrow]{top:var(--_arrow-y);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface][data-side=right]>[data-part-arrow]{top:var(--_arrow-y);left:calc(var(--_gap) - var(--_arrow-size) / 2);right:auto;border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface]:has(>[data-part-content]:focus-visible)>[data-part-arrow]{--_border-width: var(--slotted-focus-ring-width, 2px);border-color:var(--slotted-focus-ring-color, currentColor)}[data-ui-tour] [data-part-content] [data-part][hidden]{display:none}@media(forced-colors:active){[data-ui-tour]>[data-part-backdrop]>[data-part-spotlight]{outline:var(--slotted-focus-ring-width, 2px) solid Highlight}[data-ui-tour][data-spotlight]>[data-part-backdrop]{background:transparent}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTour, decorators: [{
             type: Component,
-            args: [{ selector: 'sl-tour', standalone: true, exportAs: 'slTour', imports: [SlTourFrame], providers: [{ provide: SL_TOUR, useExisting: forwardRef(() => SlTour) }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `<ng-container #outlet></ng-container>`, styles: ["@layer slotted.components{[data-ui=tour]{--_scrim: var(--slotted-tour-scrim, var(--slotted-scrim, Canvas));--_spotlight-padding: var(--slotted-tour-spotlight-padding, var(--slotted-space-3, .375rem));--_spotlight-radius: var(--slotted-tour-spotlight-radius, var(--slotted-radius-md, 6px));--_gap: var( --slotted-tour-gap, calc(var(--_spotlight-padding) + var(--slotted-space-4, .5rem)) );--_surface: var(--slotted-tour-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-tour-text, var(--slotted-text, #0f172a));--_border-color: var(--slotted-tour-border-color, var(--slotted-border-subtle, #e2e8f0));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-tour-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-tour-shadow, var(--slotted-shadow-lg));--_arrow-size: var(--slotted-tour-arrow-size, .625rem);--_arrow-tip-radius: var(--slotted-tour-arrow-tip-radius, var(--slotted-radius-xs, 2px));--_inset-block: var(--slotted-tour-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-tour-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-control-gap-md, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem);--_font-size: var(--slotted-font-size-md, .875rem);--_measure: var(--slotted-tour-measure, 20rem);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));isolation:isolate;overflow:clip;pointer-events:none;visibility:hidden;transition:visibility var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=tour][data-open]{visibility:visible;transition:none}[data-ui=tour][data-size=sm]{--_inset-block: var(--slotted-tour-padding-block-sm, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-tour-padding-inline-sm, var(--slotted-space-5, .75rem));--_title-font-size: var(--slotted-font-size-md, .875rem);--_font-size: var(--slotted-font-size-sm, .8125rem);--_measure: var(--slotted-tour-measure-sm, 16rem)}[data-ui=tour][data-size=lg]{--_inset-block: var(--slotted-tour-padding-block-lg, var(--slotted-space-7, 1.25rem));--_inset-inline: var(--slotted-tour-padding-inline-lg, var(--slotted-space-7, 1.25rem));--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_measure: var(--slotted-tour-measure-lg, 24rem)}[data-ui=tour]>[data-part=backdrop]{position:absolute;inset:0;overflow:clip;background:var(--_scrim);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=tour][data-open]>[data-part=backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=tour][data-spotlight]>[data-part=backdrop]{background:transparent}[data-ui=tour][data-modal]>[data-part=backdrop]{pointer-events:auto}[data-ui=tour]>[data-part=backdrop]>[data-part=spotlight]{position:absolute;left:calc(var(--slotted-tour-target-x, 0px) - var(--_spotlight-padding));top:calc(var(--slotted-tour-target-y, 0px) - var(--_spotlight-padding));width:calc(var(--slotted-tour-target-width, 0px) + 2 * var(--_spotlight-padding));height:calc(var(--slotted-tour-target-height, 0px) + 2 * var(--_spotlight-padding));border-radius:var(--_spotlight-radius);box-shadow:0 0 0 200vmax var(--_scrim);background-color:transparent}[data-ui=tour][data-spot=travel]>[data-part=backdrop]>[data-part=spotlight]{transition-property:left,top,width,height;transition-duration:var(--slotted-duration-long);transition-timing-function:var(--slotted-easing-standard)}[data-ui=tour][data-spot=light]>[data-part=backdrop]>[data-part=spotlight]{animation:slotted-tour-light var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=tour][data-spot=close]>[data-part=backdrop]>[data-part=spotlight]{background-color:var(--_scrim);transition:background-color var(--slotted-duration-long) var(--slotted-easing-standard)}@keyframes slotted-tour-light{0%{background-color:var(--_scrim)}}[data-ui=tour]>[data-part=surface]{position:absolute;inset-block-start:0;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));pointer-events:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=tour][data-open]>[data-part=surface][data-ready]:not([data-leaving]){opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=tour]>[data-part=surface][data-detached]{visibility:hidden}[data-ui=tour]>[data-part=surface][data-placement=centered]{inset:0;margin:auto;block-size:max-content;max-inline-size:min(var(--_measure),100%);max-block-size:100%}@supports (inset: env(safe-area-inset-top)){[data-ui=tour]>[data-part=surface][data-placement=centered]{inset:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}}[data-ui=tour][data-compact]>[data-part=surface][data-placement=anchored]{--_compact-measure: var(--slotted-tour-measure-compact, 32rem);inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--_compact-measure));max-inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--_compact-measure))}[data-ui=tour]>[data-part=surface][data-placement=centered]>[data-part=arrow]{display:none}[data-ui=tour]>[data-part=surface]>[data-part=focus-guard]{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;opacity:0;outline:none;pointer-events:none}[data-ui=tour]>[data-part=surface]>[data-part=content]{box-sizing:border-box;display:flex;flex-direction:column;max-inline-size:100%;max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - 2 * var(--_gap));border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);color:var(--_text);box-shadow:var(--_shadow);overflow:clip;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);text-align:start;pointer-events:auto;outline:none}[data-ui=tour]>[data-part=surface][data-placement=centered]>[data-part=content]{max-block-size:calc(100vh - 2 * var(--_gap))}[data-ui=tour]>[data-part=surface]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tour] [data-part=content]>[data-part=media]{display:block;flex:none;inline-size:100%;max-inline-size:100%;block-size:auto;object-fit:cover;border-block-end:var(--_border-width) solid var(--_border-color)}[data-ui=tour] [data-part=content]>[data-part=media]>:is(img,video,svg){display:block;inline-size:100%;block-size:auto}[data-ui=tour] [data-part=content]>[data-part=header]{display:flex;flex:none;align-items:flex-start;gap:var(--_row-gap);min-block-size:var(--slotted-control-height-sm, 30px);padding-block-start:calc(var(--_inset-block) - var(--slotted-space-3, .375rem));padding-inline:var(--_inset-inline) calc(var(--_inset-inline) - var(--slotted-space-3, .375rem))}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=progress]{flex:1 1 auto;min-inline-size:0;margin:0;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-xs, 1.4);color:var(--slotted-text-muted, #5b6b7f);font-variant-numeric:tabular-nums;padding-block:calc((var(--slotted-control-height-sm, 30px) - 1lh) / 2);unicode-bidi:plaintext}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=close]{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--slotted-control-height-sm, 30px);block-size:var(--slotted-control-height-sm, 30px);margin-inline-start:auto;padding:0;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));background:transparent;color:var(--slotted-text-muted, #5b6b7f);cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=close]:enabled:hover{background:var(--slotted-tone-secondary-subtle-hover, rgb(15 23 42 / .06));color:var(--_text)}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=close]:enabled:active{background:var(--slotted-tone-secondary-subtle-active, rgb(15 23 42 / .1))}[data-ui=tour] [data-part=content]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tour] [data-part=content]>[data-part=title]{flex:none;margin:0;padding-inline:var(--_inset-inline);padding-block-start:var(--slotted-space-2, .25rem);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);color:var(--_text);overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=tour] [data-part=content]>[data-part=title]:first-child,[data-ui=tour] [data-part=content]>[data-part=media]+[data-part=title]{padding-block-start:var(--_inset-block)}[data-ui=tour] [data-part=content]>[data-part=description]{flex:none;margin:0;padding-inline:var(--_inset-inline);padding-block-start:var(--slotted-space-2, .25rem);color:var(--slotted-text-muted, #5b6b7f);overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=tour] [data-part=content]>[data-part=body]{flex:1 1 auto;min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;overflow-wrap:anywhere;unicode-bidi:plaintext;margin-block-start:var(--_row-gap);padding-inline:var(--_inset-inline);background:linear-gradient(var(--_surface) 30%,transparent) center top / 100% var(--slotted-space-4, .5rem) no-repeat local,linear-gradient(transparent,var(--_surface) 70%) center bottom / 100% var(--slotted-space-4, .5rem) no-repeat local,radial-gradient(farthest-side at 50% 0,color-mix(in oklab,var(--_text) 12%,transparent),transparent) center top / 100% var(--slotted-space-3, .375rem) no-repeat scroll,radial-gradient(farthest-side at 50% 100%,color-mix(in oklab,var(--_text) 12%,transparent),transparent) center bottom / 100% var(--slotted-space-3, .375rem) no-repeat scroll}[data-ui=tour] [data-part=content]>[data-part=footer]{display:flex;flex:none;flex-direction:row-reverse;flex-wrap:wrap-reverse;align-items:center;justify-content:flex-start;gap:var(--_row-gap);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=tour] [data-part=content]>[data-part=footer]>[data-part=next]{order:1}[data-ui=tour] [data-part=content]>[data-part=footer]>[data-part=prev]{order:2}[data-ui=tour] [data-part=content]>[data-part=footer]>[data-part=skip]{order:3;margin-inline-end:auto;margin-inline-start:calc(-1 * var(--slotted-control-padding-inline-sm, 10px))}[data-ui=tour]>[data-part=surface]>[data-part=arrow]{--_arrow-min: calc(var(--_gap) + var(--_radius));--_arrow-max-x: calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size));--_arrow-x: clamp( var(--_arrow-min), var(--slotted-positioner-arrow-x, 0px), var(--_arrow-max-x) );--_arrow-y: clamp( var(--_arrow-min), var(--slotted-positioner-arrow-y, 0px), calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size)) );position:absolute;z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);rotate:45deg;background:var(--_surface);border:0 solid var(--_border-color)}[data-ui=tour]>[data-part=surface][data-side=top]>[data-part=arrow]{left:var(--_arrow-x);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui=tour]>[data-part=surface][data-side=bottom]>[data-part=arrow]{left:var(--_arrow-x);top:calc(var(--_gap) - var(--_arrow-size) / 2);bottom:auto;border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius)}[data-ui=tour]>[data-part=surface][data-side=left]>[data-part=arrow]{top:var(--_arrow-y);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui=tour]>[data-part=surface][data-side=right]>[data-part=arrow]{top:var(--_arrow-y);left:calc(var(--_gap) - var(--_arrow-size) / 2);right:auto;border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius)}[data-ui=tour]>[data-part=surface]:has(>[data-part=content]:focus-visible)>[data-part=arrow]{--_border-width: var(--slotted-focus-ring-width, 2px);border-color:var(--slotted-focus-ring-color, currentColor)}[data-ui=tour] [data-part=content] [data-part][hidden]{display:none}@media(forced-colors:active){[data-ui=tour]>[data-part=backdrop]>[data-part=spotlight]{outline:var(--slotted-focus-ring-width, 2px) solid Highlight}[data-ui=tour][data-spotlight]>[data-part=backdrop]{background:transparent}}}\n"] }]
+            args: [{ selector: 'sl-tour', standalone: true, exportAs: 'slTour', imports: [SlTourFrame], providers: [{ provide: SL_TOUR, useExisting: forwardRef(() => SlTour) }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `<ng-container #outlet></ng-container>`, styles: ["@layer slotted.components{[data-ui-tour]{--_scrim: var(--slotted-tour-scrim, var(--slotted-scrim, Canvas));--_spotlight-padding: var(--slotted-tour-spotlight-padding, var(--slotted-space-3, .375rem));--_spotlight-radius: var(--slotted-tour-spotlight-radius, var(--slotted-radius-md, 6px));--_gap: var( --slotted-tour-gap, calc(var(--_spotlight-padding) + var(--slotted-space-4, .5rem)) );--_surface: var(--slotted-tour-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-tour-text, var(--slotted-text, #0f172a));--_border-color: var(--slotted-tour-border-color, var(--slotted-border-subtle, #e2e8f0));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-tour-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-tour-shadow, var(--slotted-shadow-lg));--_arrow-size: var(--slotted-tour-arrow-size, .625rem);--_arrow-tip-radius: var(--slotted-tour-arrow-tip-radius, var(--slotted-radius-xs, 2px));--_inset-block: var(--slotted-tour-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-tour-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-control-gap-md, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem);--_font-size: var(--slotted-font-size-md, .875rem);--_measure: var(--slotted-tour-measure, 20rem);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));isolation:isolate;overflow:clip;pointer-events:none;visibility:hidden;transition:visibility var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-tour][data-open]{visibility:visible;transition:none}[data-ui-tour][data-size=sm]{--_inset-block: var(--slotted-tour-padding-block-sm, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-tour-padding-inline-sm, var(--slotted-space-5, .75rem));--_title-font-size: var(--slotted-font-size-md, .875rem);--_font-size: var(--slotted-font-size-sm, .8125rem);--_measure: var(--slotted-tour-measure-sm, 16rem)}[data-ui-tour][data-size=lg]{--_inset-block: var(--slotted-tour-padding-block-lg, var(--slotted-space-7, 1.25rem));--_inset-inline: var(--slotted-tour-padding-inline-lg, var(--slotted-space-7, 1.25rem));--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_measure: var(--slotted-tour-measure-lg, 24rem)}[data-ui-tour]>[data-part-backdrop]{position:absolute;inset:0;overflow:clip;background:var(--_scrim);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-tour][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-tour][data-spotlight]>[data-part-backdrop]{background:transparent}[data-ui-tour][data-modal]>[data-part-backdrop]{pointer-events:auto}[data-ui-tour]>[data-part-backdrop]>[data-part-spotlight]{position:absolute;left:calc(var(--slotted-tour-target-x, 0px) - var(--_spotlight-padding));top:calc(var(--slotted-tour-target-y, 0px) - var(--_spotlight-padding));width:calc(var(--slotted-tour-target-width, 0px) + 2 * var(--_spotlight-padding));height:calc(var(--slotted-tour-target-height, 0px) + 2 * var(--_spotlight-padding));border-radius:var(--_spotlight-radius);box-shadow:0 0 0 200vmax var(--_scrim);background-color:transparent}[data-ui-tour][data-spot=travel]>[data-part-backdrop]>[data-part-spotlight]{transition-property:left,top,width,height;transition-duration:var(--slotted-duration-long);transition-timing-function:var(--slotted-easing-standard)}[data-ui-tour][data-spot=light]>[data-part-backdrop]>[data-part-spotlight]{animation:slotted-tour-light var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-tour][data-spot=close]>[data-part-backdrop]>[data-part-spotlight]{background-color:var(--_scrim);transition:background-color var(--slotted-duration-long) var(--slotted-easing-standard)}@keyframes slotted-tour-light{0%{background-color:var(--_scrim)}}[data-ui-tour]>[data-part-surface]{position:absolute;inset-block-start:0;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));pointer-events:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-tour][data-open]>[data-part-surface][data-ready]:not([data-leaving]){opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-tour]>[data-part-surface][data-detached]{visibility:hidden}[data-ui-tour]>[data-part-surface][data-placement=centered]{inset:0;margin:auto;block-size:max-content;max-inline-size:min(var(--_measure),100%);max-block-size:100%}@supports (inset: env(safe-area-inset-top)){[data-ui-tour]>[data-part-surface][data-placement=centered]{inset:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}}[data-ui-tour][data-compact]>[data-part-surface][data-placement=anchored]{--_compact-measure: var(--slotted-tour-measure-compact, 32rem);inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--_compact-measure));max-inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--_compact-measure))}[data-ui-tour]>[data-part-surface][data-placement=centered]>[data-part-arrow]{display:none}[data-ui-tour]>[data-part-surface]>[data-part-focus-guard]{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;opacity:0;outline:none;pointer-events:none}[data-ui-tour]>[data-part-surface]>[data-part-content]{box-sizing:border-box;display:flex;flex-direction:column;max-inline-size:100%;max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - 2 * var(--_gap));border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);color:var(--_text);box-shadow:var(--_shadow);overflow:clip;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);text-align:start;pointer-events:auto;outline:none}[data-ui-tour]>[data-part-surface][data-placement=centered]>[data-part-content]{max-block-size:calc(100vh - 2 * var(--_gap))}[data-ui-tour]>[data-part-surface]>[data-part-content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-tour] [data-part-content]>[data-part-media]{display:block;flex:none;inline-size:100%;max-inline-size:100%;block-size:auto;object-fit:cover;border-block-end:var(--_border-width) solid var(--_border-color)}[data-ui-tour] [data-part-content]>[data-part-media]>:is(img,video,svg){display:block;inline-size:100%;block-size:auto}[data-ui-tour] [data-part-content]>[data-part-header]{display:flex;flex:none;align-items:flex-start;gap:var(--_row-gap);min-block-size:var(--slotted-control-height-sm, 30px);padding-block-start:calc(var(--_inset-block) - var(--slotted-space-3, .375rem));padding-inline:var(--_inset-inline) calc(var(--_inset-inline) - var(--slotted-space-3, .375rem))}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-progress]{flex:1 1 auto;min-inline-size:0;margin:0;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-xs, 1.4);color:var(--slotted-text-muted, #5b6b7f);font-variant-numeric:tabular-nums;padding-block:calc((var(--slotted-control-height-sm, 30px) - 1lh) / 2);unicode-bidi:plaintext}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--slotted-control-height-sm, 30px);block-size:var(--slotted-control-height-sm, 30px);margin-inline-start:auto;padding:0;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));background:transparent;color:var(--slotted-text-muted, #5b6b7f);cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]:enabled:hover{background:var(--slotted-tone-secondary-subtle-hover, rgb(15 23 42 / .06));color:var(--_text)}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]:enabled:active{background:var(--slotted-tone-secondary-subtle-active, rgb(15 23 42 / .1))}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-tour] [data-part-content]>[data-part-title]{flex:none;margin:0;padding-inline:var(--_inset-inline);padding-block-start:var(--slotted-space-2, .25rem);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);color:var(--_text);overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-tour] [data-part-content]>[data-part-title]:first-child,[data-ui-tour] [data-part-content]>[data-part-media]+[data-part-title]{padding-block-start:var(--_inset-block)}[data-ui-tour] [data-part-content]>[data-part-description]{flex:none;margin:0;padding-inline:var(--_inset-inline);padding-block-start:var(--slotted-space-2, .25rem);color:var(--slotted-text-muted, #5b6b7f);overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-tour] [data-part-content]>[data-part-body]{flex:1 1 auto;min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;overflow-wrap:anywhere;unicode-bidi:plaintext;margin-block-start:var(--_row-gap);padding-inline:var(--_inset-inline);background:linear-gradient(var(--_surface) 30%,transparent) center top / 100% var(--slotted-space-4, .5rem) no-repeat local,linear-gradient(transparent,var(--_surface) 70%) center bottom / 100% var(--slotted-space-4, .5rem) no-repeat local,radial-gradient(farthest-side at 50% 0,color-mix(in oklab,var(--_text) 12%,transparent),transparent) center top / 100% var(--slotted-space-3, .375rem) no-repeat scroll,radial-gradient(farthest-side at 50% 100%,color-mix(in oklab,var(--_text) 12%,transparent),transparent) center bottom / 100% var(--slotted-space-3, .375rem) no-repeat scroll}[data-ui-tour] [data-part-content]>[data-part-footer]{display:flex;flex:none;flex-direction:row-reverse;flex-wrap:wrap-reverse;align-items:center;justify-content:flex-start;gap:var(--_row-gap);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui-tour] [data-part-content]>[data-part-footer]>[data-part-next]{order:1}[data-ui-tour] [data-part-content]>[data-part-footer]>[data-part-prev]{order:2}[data-ui-tour] [data-part-content]>[data-part-footer]>[data-part-skip]{order:3;margin-inline-end:auto;margin-inline-start:calc(-1 * var(--slotted-control-padding-inline-sm, 10px))}[data-ui-tour]>[data-part-surface]>[data-part-arrow]{--_arrow-min: calc(var(--_gap) + var(--_radius));--_arrow-max-x: calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size));--_arrow-x: clamp( var(--_arrow-min), var(--slotted-positioner-arrow-x, 0px), var(--_arrow-max-x) );--_arrow-y: clamp( var(--_arrow-min), var(--slotted-positioner-arrow-y, 0px), calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size)) );position:absolute;z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);rotate:45deg;background:var(--_surface);border:0 solid var(--_border-color)}[data-ui-tour]>[data-part-surface][data-side=top]>[data-part-arrow]{left:var(--_arrow-x);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface][data-side=bottom]>[data-part-arrow]{left:var(--_arrow-x);top:calc(var(--_gap) - var(--_arrow-size) / 2);bottom:auto;border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface][data-side=left]>[data-part-arrow]{top:var(--_arrow-y);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface][data-side=right]>[data-part-arrow]{top:var(--_arrow-y);left:calc(var(--_gap) - var(--_arrow-size) / 2);right:auto;border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface]:has(>[data-part-content]:focus-visible)>[data-part-arrow]{--_border-width: var(--slotted-focus-ring-width, 2px);border-color:var(--slotted-focus-ring-color, currentColor)}[data-ui-tour] [data-part-content] [data-part][hidden]{display:none}@media(forced-colors:active){[data-ui-tour]>[data-part-backdrop]>[data-part-spotlight]{outline:var(--slotted-focus-ring-width, 2px) solid Highlight}[data-ui-tour][data-spotlight]>[data-part-backdrop]{background:transparent}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: true }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }, { type: i0.Output, args: ["stepChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], missing: [{ type: i0.Input, args: [{ isSignal: true, alias: "missing", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], finalFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "finalFocus", required: false }] }], arrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrow", required: false }] }], modalInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], spotlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "spotlight", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], closeOnOutsidePress: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOutsidePress", required: false }] }], scrollIntoView: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollIntoView", required: false }] }], keyboardNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboardNavigation", required: false }] }], targetTimeout: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetTimeout", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOffset", required: false }] }], alignOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignOffset", required: false }] }], collisionPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "collisionPadding", required: false }] }], arrowPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowPadding", required: false }] }], openChangeRequest: [{ type: i0.Output, args: ["openChangeRequest"] }], stepChangeRequest: [{ type: i0.Output, args: ["stepChangeRequest"] }], card: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlTourCard), { isSignal: true }] }], stepTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlTourStep), { isSignal: true }] }], outlet: [{ type: i0.ViewChild, args: ['outlet', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
 
 /**