ng-hub-ui-stepper 1.0.0

package/README.md

@@ -0,0 +1,232 @@
+# ng-hub-ui-stepper
+
+A flexible and customizable stepper component for Angular applications. Perfect for multi-step forms, wizards, and guided user experiences.
+
+## Table of Contents
+
+- [ng-hub-ui-stepper](#ng-hub-ui-stepper)
+	- [Table of Contents](#table-of-contents)
+	- [Features](#features)
+	- [Installation](#installation)
+	- [Usage](#usage)
+	- [API Reference](#api-reference)
+		- [Stepper Component](#stepper-component)
+		- [Step Component](#step-component)
+	- [Customization](#customization)
+		- [CSS Variables](#css-variables)
+		- [Programmatic Customization](#programmatic-customization)
+		- [Custom Navigation Template](#custom-navigation-template)
+	- [Examples](#examples)
+		- [Basic Usage](#basic-usage)
+		- [With Custom Navigation](#with-custom-navigation)
+	- [Contributing](#contributing)
+	- [Support the Project](#support-the-project)
+	- [Inspiration](#inspiration)
+	- [License](#license)
+
+## Features
+
+- 🚀 Easy to integrate with existing Angular projects
+- 🎨 Highly customizable appearance and behavior
+- ♿ Accessible by default, following WCAG guidelines
+- 📱 Responsive design, works on all screen sizes
+- 🔢 Support for linear and non-linear step progression
+- 🔄 Built-in animations for smooth transitions
+- 🧩 Modular architecture for easy extension
+
+## Installation
+
+Install the package using npm:
+
+```bash
+npm install ng-hub-ui-stepper
+```
+
+## Usage
+
+1. Import the `StepperModule` in your Angular module:
+
+```typescript
+import { StepperModule } from 'ng-hub-ui-stepper';
+
+@NgModule({
+  imports: [StepperModule],
+  // ...
+})
+export class YourModule { }
+```
+
+2. Use the stepper component in your template:
+
+```html
+<hub-stepper>
+  <hub-step title="Step 1">
+	<h2>Welcome to Step 1</h2>
+	<p>This is the content of step 1.</p>
+  </hub-step>
+  <hub-step title="Step 2">
+	<h2>Moving on to Step 2</h2>
+	<p>Here's what you need to do in step 2.</p>
+  </hub-step>
+  <hub-step title="Step 3">
+	<h2>Final Step</h2>
+	<p>Congratulations! You've reached the last step.</p>
+  </hub-step>
+</hub-stepper>
+```
+
+## API Reference
+
+### Stepper Component
+
+| Input                | Type      | Default | Description                                    |
+|----------------------|-----------|---------|------------------------------------------------|
+| `backLabel`          | string    | 'Back'  | Label for the back button                      |
+| `continueLabel`      | string    | 'Continue' | Label for the continue button               |
+| `submitLabel`        | string    | 'Submit'| Label for the submit button                    |
+
+| Output     | Type                | Description                           |
+|------------|---------------------|---------------------------------------|
+| `completed`| EventEmitter<void>  | Emitted when the stepper is completed |
+| `previousStep` | EventEmitter<number> | Emitted when moving to the previous step |
+| `nextStep` | EventEmitter<number> | Emitted when moving to the next step |
+
+### Step Component
+
+| Input     | Type    | Default | Description                        |
+|-----------|---------|--------|--------------------------------------|
+| `index`   | number  | required | The index of this step             |
+| `title`   | string  | optional | The title of this step             |
+| `disabled`| boolean | false   | Whether this step is disabled       |
+
+## Customization
+
+The stepper component can be customized using CSS variables and by providing custom templates for navigation and buttons.
+
+### CSS Variables
+
+```css
+:root {
+  --stepper-primary-color: #009ef7;
+  --stepper-secondary-color: #b5b5c3;
+  --stepper-background-color: #f3f6f9;
+  --stepper-text-color: #181c32;
+  --stepper-disabled-color: #e1e3ea;
+}
+```
+
+### Programmatic Customization
+
+You can also customize the stepper appearance programmatically using the `StepperThemeService`:
+
+```typescript
+import { StepperThemeService } from '@hub-ui/stepper';
+
+@Component({...})
+export class YourComponent implements OnInit {
+  constructor(private themeService: StepperThemeService) {}
+
+  ngOnInit() {
+    this.themeService.setTheme({
+      'primary-color': '#ff4081',
+      'background-color': '#f0f0f0'
+    });
+  }
+}
+```
+
+This allows you to change the theme dynamically based on user preferences or other conditions in your application.
+
+### Custom Navigation Template
+
+```html
+<hub-stepper [stepperNavTpt]="customNavTemplate">
+  <!-- step content -->
+</hub-stepper>
+
+<ng-template #customNavTemplate let-steps="steps" let-currentIndex="currentIndex">
+  <!-- Your custom navigation markup -->
+</ng-template>
+```
+
+<!-- ## Accessibility
+
+This component is designed with accessibility in mind:
+
+- Proper ARIA attributes are used for navigation and step content
+- Keyboard navigation is supported
+- Color contrast ratios meet WCAG AA standards -->
+
+## Examples
+
+### Basic Usage
+
+```html
+<hub-stepper>
+  <hub-step title="Personal Info">
+	<!-- Personal info form fields -->
+  </hub-step>
+  <hub-step title="Address">
+	<!-- Address form fields -->
+  </hub-step>
+  <hub-step title="Confirmation">
+	<!-- Confirmation step -->
+  </hub-step>
+</hub-stepper>
+```
+
+### With Custom Navigation
+
+```html
+<hub-stepper [stepperNavTpt]="customNav">
+  <!-- Steps content -->
+</hub-stepper>
+
+<ng-template #customNav let-steps="steps" let-currentIndex="currentIndex">
+  <ul class="custom-nav">
+	<li *ngFor="let step of steps; let i = index"
+		[class.active]="i === currentIndex">
+	  {{ step.title }}
+	</li>
+  </ul>
+</ng-template>
+```
+
+## Contributing
+
+We welcome contributions to ng-hub-ui-stepper! Here's how you can help:
+
+1. Fork the repository
+2. Create your feature branch: `git checkout -b feature/AmazingFeature`
+3. Commit your changes: `git commit -m 'Add some AmazingFeature'`
+4. Push to the branch: `git push origin feature/AmazingFeature`
+5. Open a pull request
+
+Please make sure to update tests as appropriate and adhere to the [Angular Style Guide](https://angular.io/guide/styleguide).
+
+## Support the Project
+
+If you find this project helpful and would like to support its development, you can buy me a coffee:
+
+[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/carlosmorcillo)
+
+Your support is greatly appreciated and helps maintain and improve this project!
+
+## Inspiration
+
+This project was inspired by the need for a flexible, customizable, and accessible stepper component in the Angular ecosystem. We drew inspiration from:
+
+- Material Design's Stepper component
+- Various multi-step form implementations across the web
+- Feedback and feature requests from the Angular community
+
+My goal was to create a component that combined the best features of existing solutions while adding my own improvements and focusing on customization and accessibility.
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+---
+
+Made with ❤️ by [Carlos Morcillo Fernández]
+

package/esm2022/lib/next-step-button.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostListener, inject } from '@angular/core';
+import { StepperComponent } from './stepper/stepper.component';
+import * as i0 from "@angular/core";
+export class NextStepButtonDirective {
+    #stepper = inject(StepperComponent);
+    constructor() { }
+    onClick() {
+        this.#stepper.goToNext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: NextStepButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: NextStepButtonDirective, selector: "[hubNextStepButton] [nextStepButton]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: NextStepButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hubNextStepButton] [nextStepButton]'
+                }]
+        }], ctorParameters: () => [], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV4dC1zdGVwLWJ1dHRvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdGVwcGVyL3NyYy9saWIvbmV4dC1zdGVwLWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUsvRCxNQUFNLE9BQU8sdUJBQXVCO0lBQ25DLFFBQVEsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNwQyxnQkFBZSxDQUFDO0lBRU8sT0FBTztRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzFCLENBQUM7OEdBTlcsdUJBQXVCO2tHQUF2Qix1QkFBdUI7OzJGQUF2Qix1QkFBdUI7a0JBSG5DLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHNDQUFzQztpQkFDaEQ7d0RBS3VCLE9BQU87c0JBQTdCLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0ZXBwZXJDb21wb25lbnQgfSBmcm9tICcuL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcblx0c2VsZWN0b3I6ICdbaHViTmV4dFN0ZXBCdXR0b25dIFtuZXh0U3RlcEJ1dHRvbl0nXG59KVxuZXhwb3J0IGNsYXNzIE5leHRTdGVwQnV0dG9uRGlyZWN0aXZlIHtcblx0I3N0ZXBwZXIgPSBpbmplY3QoU3RlcHBlckNvbXBvbmVudCk7XG5cdGNvbnN0cnVjdG9yKCkge31cblxuXHRASG9zdExpc3RlbmVyKCdjbGljaycpIG9uQ2xpY2soKSB7XG5cdFx0dGhpcy4jc3RlcHBlci5nb1RvTmV4dCgpO1xuXHR9XG59XG4iXX0=

package/esm2022/lib/prev-step-button.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostListener, inject } from '@angular/core';
+import { StepperComponent } from './stepper/stepper.component';
+import * as i0 from "@angular/core";
+export class PrevStepButtonDirective {
+    #stepper = inject(StepperComponent);
+    constructor() { }
+    onClick() {
+        this.#stepper.goToPrevious();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PrevStepButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: PrevStepButtonDirective, selector: "[hubPrevStepButton]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PrevStepButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hubPrevStepButton]'
+                }]
+        }], ctorParameters: () => [], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldi1zdGVwLWJ1dHRvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdGVwcGVyL3NyYy9saWIvcHJldi1zdGVwLWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUsvRCxNQUFNLE9BQU8sdUJBQXVCO0lBQ25DLFFBQVEsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNwQyxnQkFBZSxDQUFDO0lBRU8sT0FBTztRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzlCLENBQUM7OEdBTlcsdUJBQXVCO2tHQUF2Qix1QkFBdUI7OzJGQUF2Qix1QkFBdUI7a0JBSG5DLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHFCQUFxQjtpQkFDL0I7d0RBS3VCLE9BQU87c0JBQTdCLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0ZXBwZXJDb21wb25lbnQgfSBmcm9tICcuL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcblx0c2VsZWN0b3I6ICdbaHViUHJldlN0ZXBCdXR0b25dJ1xufSlcbmV4cG9ydCBjbGFzcyBQcmV2U3RlcEJ1dHRvbkRpcmVjdGl2ZSB7XG5cdCNzdGVwcGVyID0gaW5qZWN0KFN0ZXBwZXJDb21wb25lbnQpO1xuXHRjb25zdHJ1Y3RvcigpIHt9XG5cblx0QEhvc3RMaXN0ZW5lcignY2xpY2snKSBvbkNsaWNrKCkge1xuXHRcdHRoaXMuI3N0ZXBwZXIuZ29Ub1ByZXZpb3VzKCk7XG5cdH1cbn1cbiJdfQ==

package/esm2022/lib/services/stepper-theme-service.mjs

@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class StepperThemeService {
+    constructor(rendererFactory) {
+        this.renderer = rendererFactory.createRenderer(null, null);
+    }
+    setTheme(theme) {
+        Object.keys(theme).forEach((key) => {
+            this.renderer.setStyle(document.documentElement, `--stepper-${key}`, theme[key]);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperThemeService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperThemeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci10aGVtZS1zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3RlcHBlci9zcmMvbGliL3NlcnZpY2VzL3N0ZXBwZXItdGhlbWUtc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUErQixNQUFNLGVBQWUsQ0FBQzs7QUFLeEUsTUFBTSxPQUFPLG1CQUFtQjtJQUcvQixZQUFZLGVBQWlDO1FBQzVDLElBQUksQ0FBQyxRQUFRLEdBQUcsZUFBZSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFnQztRQUN4QyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNyQixRQUFRLENBQUMsZUFBZSxFQUN4QixhQUFhLEdBQUcsRUFBRSxFQUNsQixLQUFLLENBQUMsR0FBRyxDQUFDLENBQ1YsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0osQ0FBQzs4R0FmVyxtQkFBbUI7a0hBQW5CLG1CQUFtQixjQUZuQixNQUFNOzsyRkFFTixtQkFBbUI7a0JBSC9CLFVBQVU7bUJBQUM7b0JBQ1gsVUFBVSxFQUFFLE1BQU07aUJBQ2xCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgUmVuZGVyZXIyLCBSZW5kZXJlckZhY3RvcnkyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtcblx0cHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBwZXJUaGVtZVNlcnZpY2Uge1xuXHRwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjI7XG5cblx0Y29uc3RydWN0b3IocmVuZGVyZXJGYWN0b3J5OiBSZW5kZXJlckZhY3RvcnkyKSB7XG5cdFx0dGhpcy5yZW5kZXJlciA9IHJlbmRlcmVyRmFjdG9yeS5jcmVhdGVSZW5kZXJlcihudWxsLCBudWxsKTtcblx0fVxuXG5cdHNldFRoZW1lKHRoZW1lOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9KSB7XG5cdFx0T2JqZWN0LmtleXModGhlbWUpLmZvckVhY2goKGtleSkgPT4ge1xuXHRcdFx0dGhpcy5yZW5kZXJlci5zZXRTdHlsZShcblx0XHRcdFx0ZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LFxuXHRcdFx0XHRgLS1zdGVwcGVyLSR7a2V5fWAsXG5cdFx0XHRcdHRoZW1lW2tleV1cblx0XHRcdCk7XG5cdFx0fSk7XG5cdH1cbn1cblxuLy8gVXNhZ2UgaW4gYSBjb21wb25lbnQ6XG4vLyBjb25zdHJ1Y3Rvcihwcml2YXRlIHRoZW1lU2VydmljZTogU3RlcHBlclRoZW1lU2VydmljZSkge31cbi8vXG4vLyBuZ09uSW5pdCgpIHtcbi8vICAgdGhpcy50aGVtZVNlcnZpY2Uuc2V0VGhlbWUoe1xuLy8gICAgICdwcmltYXJ5LWNvbG9yJzogJyNmZjQwODEnLFxuLy8gICAgICdiYWNrZ3JvdW5kLWNvbG9yJzogJyNmMGYwZjAnXG4vLyAgIH0pO1xuLy8gfVxuIl19

package/esm2022/lib/step/step.component.mjs

@@ -0,0 +1,79 @@
+import { animate, style, transition, trigger } from '@angular/animations';
+import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, Input, TemplateRef, ViewChild } from '@angular/core';
+import { NextStepButtonDirective } from '../next-step-button.directive';
+import { PrevStepButtonDirective } from '../prev-step-button.directive';
+import { StepTriggerDirective } from '../step-trigger.directive';
+import * as i0 from "@angular/core";
+const ANIMATION_DURATION = 256;
+export class StepComponent {
+    constructor() {
+        /** Whether this step is disabled */
+        this.disabled = false;
+    }
+    ngOnInit() {
+        this.validateInputs();
+    }
+    /**
+     * Validates the inputs to ensure the component is properly configured
+     */
+    validateInputs() {
+        if (this.index === undefined) {
+            console.warn('StepComponent: index is required');
+        }
+        if (!this.title) {
+            console.warn('StepComponent: title is recommended for accessibility');
+        }
+    }
+    /**
+     * Checks if the step can be navigated to
+     * @returns boolean indicating if the step is accessible
+     */
+    isAccessible() {
+        return !this.disabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: StepComponent, selector: "hub-step, hub-ui-step, ng80-step", inputs: { index: "index", title: "title", disabled: "disabled" }, queries: [{ propertyName: "stepTriggerTpt", first: true, predicate: StepTriggerDirective, descendants: true, read: TemplateRef }, { propertyName: "prevStepButtons", predicate: PrevStepButtonDirective }, { propertyName: "nextStepButtons", predicate: NextStepButtonDirective }], viewQueries: [{ propertyName: "innerTemplate", first: true, predicate: ["innerTemplate"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #innerTemplate>\n\t<div\n\t\t[@slideInOut]\n\t\tclass=\"step__content\"\n\t\t[attr.data-step-index]=\"index\"\n\t\t[attr.aria-label]=\"title\"\n\t>\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-template>\n", styles: [""], animations: [
+            trigger('slideInOut', [
+                transition(':enter', [
+                    style({ transform: 'translateX(-100%)', opacity: 0 }),
+                    animate(`${ANIMATION_DURATION}ms ${ANIMATION_DURATION}ms`, style({ transform: 'translateX(0%)', opacity: 1 }))
+                ]),
+                transition(':leave', [
+                    animate(`${ANIMATION_DURATION}ms ease-in`, style({ transform: 'translateX(100%)' }))
+                ])
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hub-step, hub-ui-step, ng80-step', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        trigger('slideInOut', [
+                            transition(':enter', [
+                                style({ transform: 'translateX(-100%)', opacity: 0 }),
+                                animate(`${ANIMATION_DURATION}ms ${ANIMATION_DURATION}ms`, style({ transform: 'translateX(0%)', opacity: 1 }))
+                            ]),
+                            transition(':leave', [
+                                animate(`${ANIMATION_DURATION}ms ease-in`, style({ transform: 'translateX(100%)' }))
+                            ])
+                        ])
+                    ], template: "<ng-template #innerTemplate>\n\t<div\n\t\t[@slideInOut]\n\t\tclass=\"step__content\"\n\t\t[attr.data-step-index]=\"index\"\n\t\t[attr.aria-label]=\"title\"\n\t>\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [], propDecorators: { index: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], innerTemplate: [{
+                type: ViewChild,
+                args: ['innerTemplate', { static: true }]
+            }], stepTriggerTpt: [{
+                type: ContentChild,
+                args: [StepTriggerDirective, { read: TemplateRef }]
+            }], prevStepButtons: [{
+                type: ContentChildren,
+                args: [PrevStepButtonDirective]
+            }], nextStepButtons: [{
+                type: ContentChildren,
+                args: [NextStepButtonDirective]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zdGVwcGVyL3NyYy9saWIvc3RlcC9zdGVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N0ZXBwZXIvc3JjL2xpYi9zdGVwL3N0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFDTix1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2YsS0FBSyxFQUdMLFdBQVcsRUFDWCxTQUFTLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBRWpFLE1BQU0sa0JBQWtCLEdBQUcsR0FBRyxDQUFDO0FBeUIvQixNQUFNLE9BQU8sYUFBYTtJQTBCekI7UUFuQkEsb0NBQW9DO1FBQzNCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFrQnBCLENBQUM7SUFFaEIsUUFBUTtRQUNQLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQ7O09BRUc7SUFDSyxjQUFjO1FBQ3JCLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDN0IsT0FBTyxDQUFDLElBQUksQ0FBQyxrQ0FBa0MsQ0FBQyxDQUFDO1NBQ2pEO1FBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDaEIsT0FBTyxDQUFDLElBQUksQ0FDWCx1REFBdUQsQ0FDdkQsQ0FBQztTQUNGO0lBQ0YsQ0FBQztJQUVEOzs7T0FHRztJQUNILFlBQVk7UUFDWCxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDOzhHQXBEVyxhQUFhO2tHQUFiLGFBQWEsc0xBZVgsb0JBQW9CLDJCQUFVLFdBQVcsa0RBSXRDLHVCQUF1QixrREFJdkIsdUJBQXVCLDJKQ2hFekMsNk5BVUEsNEJEYWE7WUFDWCxPQUFPLENBQUMsWUFBWSxFQUFFO2dCQUNyQixVQUFVLENBQUMsUUFBUSxFQUFFO29CQUNwQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO29CQUNyRCxPQUFPLENBQ04sR0FBRyxrQkFBa0IsTUFBTSxrQkFBa0IsSUFBSSxFQUNqRCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQ2xEO2lCQUNELENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDcEIsT0FBTyxDQUNOLEdBQUcsa0JBQWtCLFlBQVksRUFDakMsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FDeEM7aUJBQ0QsQ0FBQzthQUNGLENBQUM7U0FDRjs7MkZBRVcsYUFBYTtrQkF2QnpCLFNBQVM7K0JBQ0Msa0NBQWtDLG1CQUczQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DO3dCQUNYLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3JCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ3BCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7Z0NBQ3JELE9BQU8sQ0FDTixHQUFHLGtCQUFrQixNQUFNLGtCQUFrQixJQUFJLEVBQ2pELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FDbEQ7NkJBQ0QsQ0FBQzs0QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNwQixPQUFPLENBQ04sR0FBRyxrQkFBa0IsWUFBWSxFQUNqQyxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUN4Qzs2QkFDRCxDQUFDO3lCQUNGLENBQUM7cUJBQ0Y7d0RBSVEsS0FBSztzQkFBYixLQUFLO2dCQUdHLEtBQUs7c0JBQWIsS0FBSztnQkFHRyxRQUFRO3NCQUFoQixLQUFLO2dCQUlOLGFBQWE7c0JBRFosU0FBUzt1QkFBQyxlQUFlLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUs1QyxjQUFjO3NCQURiLFlBQVk7dUJBQUMsb0JBQW9CLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO2dCQUt6RCxlQUFlO3NCQURkLGVBQWU7dUJBQUMsdUJBQXVCO2dCQUt4QyxlQUFlO3NCQURkLGVBQWU7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7XG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDb21wb25lbnQsXG5cdENvbnRlbnRDaGlsZCxcblx0Q29udGVudENoaWxkcmVuLFxuXHRJbnB1dCxcblx0T25Jbml0LFxuXHRRdWVyeUxpc3QsXG5cdFRlbXBsYXRlUmVmLFxuXHRWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZXh0U3RlcEJ1dHRvbkRpcmVjdGl2ZSB9IGZyb20gJy4uL25leHQtc3RlcC1idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFByZXZTdGVwQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vcHJldi1zdGVwLWJ1dHRvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3RlcFRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuLi9zdGVwLXRyaWdnZXIuZGlyZWN0aXZlJztcblxuY29uc3QgQU5JTUFUSU9OX0RVUkFUSU9OID0gMjU2O1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdodWItc3RlcCwgaHViLXVpLXN0ZXAsIG5nODAtc3RlcCcsXG5cdHRlbXBsYXRlVXJsOiAnLi9zdGVwLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vc3RlcC5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0YW5pbWF0aW9uczogW1xuXHRcdHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXG5cdFx0XHR0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG5cdFx0XHRcdHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknLCBvcGFjaXR5OiAwIH0pLFxuXHRcdFx0XHRhbmltYXRlKFxuXHRcdFx0XHRcdGAke0FOSU1BVElPTl9EVVJBVElPTn1tcyAke0FOSU1BVElPTl9EVVJBVElPTn1tc2AsXG5cdFx0XHRcdFx0c3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKScsIG9wYWNpdHk6IDEgfSlcblx0XHRcdFx0KVxuXHRcdFx0XSksXG5cdFx0XHR0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG5cdFx0XHRcdGFuaW1hdGUoXG5cdFx0XHRcdFx0YCR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW5gLFxuXHRcdFx0XHRcdHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgxMDAlKScgfSlcblx0XHRcdFx0KVxuXHRcdFx0XSlcblx0XHRdKVxuXHRdXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXHQvKiogVGhlIGluZGV4IG9mIHRoaXMgc3RlcCBpbiB0aGUgc3RlcHBlciAqL1xuXHRASW5wdXQoKSBpbmRleCE6IG51bWJlcjtcblxuXHQvKiogVGhlIHRpdGxlIG9mIHRoaXMgc3RlcCAqL1xuXHRASW5wdXQoKSB0aXRsZT86IHN0cmluZztcblxuXHQvKiogV2hldGhlciB0aGlzIHN0ZXAgaXMgZGlzYWJsZWQgKi9cblx0QElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuXHQvKiogVGVtcGxhdGUgcmVmZXJlbmNlIGZvciB0aGUgY29udGVudCBvZiB0aGlzIHN0ZXAgKi9cblx0QFZpZXdDaGlsZCgnaW5uZXJUZW1wbGF0ZScsIHsgc3RhdGljOiB0cnVlIH0pXG5cdGlubmVyVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG5cdC8qKiBDdXN0b20gdGVtcGxhdGUgZm9yIHRoZSBzdGVwIHRyaWdnZXIgKi9cblx0QENvbnRlbnRDaGlsZChTdGVwVHJpZ2dlckRpcmVjdGl2ZSwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KVxuXHRzdGVwVHJpZ2dlclRwdCE6IFRlbXBsYXRlUmVmPGFueT47XG5cblx0LyoqIENvbGxlY3Rpb24gb2YgcHJldmlvdXMgc3RlcCBidXR0b24gZGlyZWN0aXZlcyAqL1xuXHRAQ29udGVudENoaWxkcmVuKFByZXZTdGVwQnV0dG9uRGlyZWN0aXZlKVxuXHRwcmV2U3RlcEJ1dHRvbnMhOiBRdWVyeUxpc3Q8UHJldlN0ZXBCdXR0b25EaXJlY3RpdmU+O1xuXG5cdC8qKiBDb2xsZWN0aW9uIG9mIG5leHQgc3RlcCBidXR0b24gZGlyZWN0aXZlcyAqL1xuXHRAQ29udGVudENoaWxkcmVuKE5leHRTdGVwQnV0dG9uRGlyZWN0aXZlKVxuXHRuZXh0U3RlcEJ1dHRvbnMhOiBRdWVyeUxpc3Q8TmV4dFN0ZXBCdXR0b25EaXJlY3RpdmU+O1xuXG5cdGNvbnN0cnVjdG9yKCkge31cblxuXHRuZ09uSW5pdCgpOiB2b2lkIHtcblx0XHR0aGlzLnZhbGlkYXRlSW5wdXRzKCk7XG5cdH1cblxuXHQvKipcblx0ICogVmFsaWRhdGVzIHRoZSBpbnB1dHMgdG8gZW5zdXJlIHRoZSBjb21wb25lbnQgaXMgcHJvcGVybHkgY29uZmlndXJlZFxuXHQgKi9cblx0cHJpdmF0ZSB2YWxpZGF0ZUlucHV0cygpOiB2b2lkIHtcblx0XHRpZiAodGhpcy5pbmRleCA9PT0gdW5kZWZpbmVkKSB7XG5cdFx0XHRjb25zb2xlLndhcm4oJ1N0ZXBDb21wb25lbnQ6IGluZGV4IGlzIHJlcXVpcmVkJyk7XG5cdFx0fVxuXHRcdGlmICghdGhpcy50aXRsZSkge1xuXHRcdFx0Y29uc29sZS53YXJuKFxuXHRcdFx0XHQnU3RlcENvbXBvbmVudDogdGl0bGUgaXMgcmVjb21tZW5kZWQgZm9yIGFjY2Vzc2liaWxpdHknXG5cdFx0XHQpO1xuXHRcdH1cblx0fVxuXG5cdC8qKlxuXHQgKiBDaGVja3MgaWYgdGhlIHN0ZXAgY2FuIGJlIG5hdmlnYXRlZCB0b1xuXHQgKiBAcmV0dXJucyBib29sZWFuIGluZGljYXRpbmcgaWYgdGhlIHN0ZXAgaXMgYWNjZXNzaWJsZVxuXHQgKi9cblx0aXNBY2Nlc3NpYmxlKCk6IGJvb2xlYW4ge1xuXHRcdHJldHVybiAhdGhpcy5kaXNhYmxlZDtcblx0fVxufVxuIiwiPG5nLXRlbXBsYXRlICNpbm5lclRlbXBsYXRlPlxuXHQ8ZGl2XG5cdFx0W0BzbGlkZUluT3V0XVxuXHRcdGNsYXNzPVwic3RlcF9fY29udGVudFwiXG5cdFx0W2F0dHIuZGF0YS1zdGVwLWluZGV4XT1cImluZGV4XCJcblx0XHRbYXR0ci5hcmlhLWxhYmVsXT1cInRpdGxlXCJcblx0PlxuXHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0PC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/lib/step-trigger.directive.mjs

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class StepTriggerDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepTriggerDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: StepTriggerDirective, selector: "[hubStepTrigger] [stepTrigger]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hubStepTrigger] [stepTrigger]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC10cmlnZ2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3N0ZXBwZXIvc3JjL2xpYi9zdGVwLXRyaWdnZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBS3ZELE1BQU0sT0FBTyxvQkFBb0I7SUFDaEMsWUFBbUIsUUFBMEI7UUFBMUIsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7SUFBRyxDQUFDOzhHQURyQyxvQkFBb0I7a0dBQXBCLG9CQUFvQjs7MkZBQXBCLG9CQUFvQjtrQkFIaEMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsZ0NBQWdDO2lCQUMxQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmLCBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG5cdHNlbGVjdG9yOiAnW2h1YlN0ZXBUcmlnZ2VyXSBbc3RlcFRyaWdnZXJdJ1xufSlcbmV4cG9ydCBjbGFzcyBTdGVwVHJpZ2dlckRpcmVjdGl2ZSB7XG5cdGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55Pikge31cbn1cbiJdfQ==

package/esm2022/lib/stepper/stepper.component.mjs

@@ -0,0 +1,136 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, EventEmitter, inject, Input, Output, TemplateRef } from '@angular/core';
+import { StepComponent } from '../step/step.component';
+import { StepperButtonsDirective } from '../stepper-buttons.directive';
+import { StepperNavDirective } from '../stepper-nav.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * StepperComponent is a multi-step interface component for Angular applications.
+ * It manages navigation between steps, handles step content, and provides
+ * customization options for navigation and controls.
+ */
+export class StepperComponent {
+    constructor() {
+        this.#cdr = inject(ChangeDetectorRef);
+        /** The index of the current active step */
+        this.currentIndex = 0;
+        /** Label for the back button */
+        this.backLabel = 'Back';
+        /** Label for the continue button */
+        this.continueLabel = 'Continue';
+        /** Label for the submit button */
+        this.submitLabel = 'Submit';
+        /** Event emitted when the stepper is completed */
+        this.completed = new EventEmitter();
+        /** Event emitted when moving to the previous step */
+        this.previousStep = new EventEmitter();
+        /** Event emitted when moving to the next step */
+        this.nextStep = new EventEmitter();
+    }
+    #cdr;
+    /** Get the current active step */
+    get currentStep() {
+        return this.steps?.toArray()[this.currentIndex] ?? null;
+    }
+    ngAfterContentInit() {
+        this.initializeSteps();
+    }
+    /**
+     * Initialize step indices and set up change detection
+     */
+    initializeSteps() {
+        this.steps.forEach((step, index) => (step.index = index));
+        // Consider using ngZone.runOutsideAngular for better performance
+        this.#cdr.detectChanges();
+    }
+    /**
+     * Navigate to the previous step
+     */
+    goToPrevious() {
+        this.goTo(this.currentIndex - 1);
+    }
+    /**
+     * Navigate to the next step
+     */
+    goToNext() {
+        this.goTo(this.currentIndex + 1);
+    }
+    /**
+     * Navigate to a specific step by index
+     * @param index The index of the step to navigate to
+     */
+    goTo(index) {
+        if (this.isValidStepIndex(index)) {
+            this.currentIndex = index;
+            this.#cdr.detectChanges();
+            if (index > this.currentIndex) {
+                this.nextStep.emit(index);
+            }
+            else {
+                this.previousStep.emit(index);
+            }
+        }
+        else {
+            console.error(`Invalid step index: ${index}`);
+        }
+    }
+    /**
+     * Check if it's possible to navigate to the next step
+     */
+    canGoNext() {
+        const nextIndex = this.currentIndex + 1;
+        return (this.isValidStepIndex(nextIndex) &&
+            !this.steps.toArray()[nextIndex]?.disabled);
+    }
+    /**
+     * Check if it's possible to navigate to a specific step
+     * @param index The index of the step to check
+     */
+    canNavigateTo(index) {
+        return (this.isValidStepIndex(index) &&
+            !this.steps.toArray()[index]?.disabled);
+    }
+    /**
+     * Complete the stepper process
+     */
+    complete() {
+        this.completed.emit();
+    }
+    /**
+     * Check if a given index is valid within the current steps
+     * @param index The index to validate
+     */
+    isValidStepIndex(index) {
+        return index >= 0 && index < this.steps.length;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: StepperComponent, selector: "hub-stepper, hub-ui-stepper, ng80-stepper", inputs: { backLabel: "backLabel", continueLabel: "continueLabel", submitLabel: "submitLabel" }, outputs: { completed: "completed", previousStep: "previousStep", nextStep: "nextStep" }, host: { classAttribute: "stepper d-flex flex-column overflow-auto" }, queries: [{ propertyName: "stepperNavTpt", first: true, predicate: StepperNavDirective, descendants: true, read: TemplateRef }, { propertyName: "stepperControlsTpt", first: true, predicate: StepperButtonsDirective, descendants: true, read: TemplateRef }, { propertyName: "steps", predicate: StepComponent }], ngImport: i0, template: "<div class=\"stepper\">\n\t<!--begin::Nav-->\n\t<nav class=\"stepper__nav\">\n\t\t<ng-container\n\t\t\t[ngTemplateOutlet]=\"stepperNavTpt || defaultNavTpt\"\n\t\t\t[ngTemplateOutletContext]=\"{ steps: steps, currentIndex }\"\n\t\t></ng-container>\n\t</nav>\n\t<!--end::Nav-->\n\n\t<!--begin::Content-->\n\t<div class=\"stepper__content\">\n\t\t<ng-container\n\t\t\t[ngTemplateOutlet]=\"currentStep?.innerTemplate\"\n\t\t></ng-container>\n\t</div>\n\t<!--end::Content-->\n\n\t<!--begin::Controls-->\n\t<div class=\"stepper__controls\">\n\t\t<ng-container\n\t\t\t[ngTemplateOutlet]=\"stepperControlsTpt || defaultStepperControlsTpt\"\n\t\t\t[ngTemplateOutletContext]=\"{ steps: steps, currentIndex }\"\n\t\t></ng-container>\n\t</div>\n\t<!--end::Controls-->\n</div>\n\n<!-- begin:default-controls -->\n<ng-template #defaultStepperControlsTpt let-currentIndex=\"currentIndex\">\n\t<button\n\t\tclass=\"stepper__button stepper__button--back\"\n\t\t(click)=\"goTo(currentIndex - 1)\"\n\t\t*ngIf=\"currentIndex > 0\"\n\t>\n\t\t<i class=\"stepper__button-icon stepper__button-icon--back\"></i>\n\t\t{{ backLabel }}\n\t</button>\n\n\t<button\n\t\tclass=\"stepper__button stepper__button--next\"\n\t\t(click)=\"goTo(currentIndex + 1)\"\n\t\t*ngIf=\"currentIndex < steps.length - 1\"\n\t\t[disabled]=\"!canGoNext()\"\n\t>\n\t\t{{ continueLabel }}\n\t\t<i class=\"stepper__button-icon stepper__button-icon--next\"></i>\n\t</button>\n\n\t<button\n\t\tclass=\"stepper__button stepper__button--submit\"\n\t\t(click)=\"complete()\"\n\t\t*ngIf=\"currentIndex === steps.length - 1\"\n\t>\n\t\t{{ submitLabel }}\n\t</button>\n</ng-template>\n<!--end::default-controls-->\n\n<!-- begin:default-nav -->\n<ng-template #defaultNavTpt let-steps=\"steps\" let-currentIndex=\"currentIndex\">\n\t<ul class=\"stepper__nav-list\">\n\t\t<li *ngFor=\"let step of steps; let i = index\" class=\"stepper__nav-item\">\n\t\t\t<ng-container\n\t\t\t\t[ngTemplateOutlet]=\"\n\t\t\t\t\tstep?.stepTriggerTpt || defaultNavTriggerTpt\n\t\t\t\t\"\n\t\t\t\t[ngTemplateOutletContext]=\"{\n\t\t\t\t\ttitle: step.title,\n\t\t\t\t\tindex: i,\n\t\t\t\t\tisCurrent: currentIndex === i,\n\t\t\t\t\tisCompleted: i < currentIndex\n\t\t\t\t}\"\n\t\t\t></ng-container>\n\t\t</li>\n\t</ul>\n</ng-template>\n<!-- end:default-nav -->\n\n<!-- begin:default-nav-trigger -->\n<ng-template\n\t#defaultNavTriggerTpt\n\tlet-title=\"title\"\n\tlet-index=\"index\"\n\tlet-isCurrent=\"isCurrent\"\n\tlet-isCompleted=\"isCompleted\"\n>\n\t<button\n\t\tclass=\"stepper__nav-trigger\"\n\t\t[class.stepper__nav-trigger--current]=\"isCurrent\"\n\t\t[class.stepper__nav-trigger--completed]=\"isCompleted\"\n\t\t[disabled]=\"!canNavigateTo(index)\"\n\t\t(click)=\"goTo(index)\"\n\t>\n\t\t<span class=\"stepper__nav-indicator\">{{ index + 1 }}</span>\n\t\t<span class=\"stepper__nav-title\" *ngIf=\"title\">{{ title }}</span>\n\t</button>\n</ng-template>\n<!-- end:default-nav-trigger -->\n", styles: [":host{--stepper-primary-color: #009ef7;--stepper-secondary-color: #b5b5c3;--stepper-background-color: #f3f6f9;--stepper-text-color: #181c32;--stepper-disabled-color: #e1e3ea;display:block}.stepper__nav{background-color:var(--stepper-background-color)}.stepper__nav-trigger{color:var(--stepper-text-color)}.stepper__nav-trigger--current{color:var(--stepper-primary-color)}.stepper__nav-trigger--completed{color:var(--stepper-secondary-color)}.stepper__nav-trigger:disabled{color:var(--stepper-disabled-color)}.stepper__button--back{background-color:var(--stepper-background-color);color:var(--stepper-text-color)}.stepper__button--next,.stepper__button--submit{background-color:var(--stepper-primary-color);color:var(--stepper-background-color)}.stepper__button:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hub-stepper, hub-ui-stepper, ng80-stepper', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'stepper d-flex flex-column overflow-auto'
+                    }, template: "<div class=\"stepper\">\n\t<!--begin::Nav-->\n\t<nav class=\"stepper__nav\">\n\t\t<ng-container\n\t\t\t[ngTemplateOutlet]=\"stepperNavTpt || defaultNavTpt\"\n\t\t\t[ngTemplateOutletContext]=\"{ steps: steps, currentIndex }\"\n\t\t></ng-container>\n\t</nav>\n\t<!--end::Nav-->\n\n\t<!--begin::Content-->\n\t<div class=\"stepper__content\">\n\t\t<ng-container\n\t\t\t[ngTemplateOutlet]=\"currentStep?.innerTemplate\"\n\t\t></ng-container>\n\t</div>\n\t<!--end::Content-->\n\n\t<!--begin::Controls-->\n\t<div class=\"stepper__controls\">\n\t\t<ng-container\n\t\t\t[ngTemplateOutlet]=\"stepperControlsTpt || defaultStepperControlsTpt\"\n\t\t\t[ngTemplateOutletContext]=\"{ steps: steps, currentIndex }\"\n\t\t></ng-container>\n\t</div>\n\t<!--end::Controls-->\n</div>\n\n<!-- begin:default-controls -->\n<ng-template #defaultStepperControlsTpt let-currentIndex=\"currentIndex\">\n\t<button\n\t\tclass=\"stepper__button stepper__button--back\"\n\t\t(click)=\"goTo(currentIndex - 1)\"\n\t\t*ngIf=\"currentIndex > 0\"\n\t>\n\t\t<i class=\"stepper__button-icon stepper__button-icon--back\"></i>\n\t\t{{ backLabel }}\n\t</button>\n\n\t<button\n\t\tclass=\"stepper__button stepper__button--next\"\n\t\t(click)=\"goTo(currentIndex + 1)\"\n\t\t*ngIf=\"currentIndex < steps.length - 1\"\n\t\t[disabled]=\"!canGoNext()\"\n\t>\n\t\t{{ continueLabel }}\n\t\t<i class=\"stepper__button-icon stepper__button-icon--next\"></i>\n\t</button>\n\n\t<button\n\t\tclass=\"stepper__button stepper__button--submit\"\n\t\t(click)=\"complete()\"\n\t\t*ngIf=\"currentIndex === steps.length - 1\"\n\t>\n\t\t{{ submitLabel }}\n\t</button>\n</ng-template>\n<!--end::default-controls-->\n\n<!-- begin:default-nav -->\n<ng-template #defaultNavTpt let-steps=\"steps\" let-currentIndex=\"currentIndex\">\n\t<ul class=\"stepper__nav-list\">\n\t\t<li *ngFor=\"let step of steps; let i = index\" class=\"stepper__nav-item\">\n\t\t\t<ng-container\n\t\t\t\t[ngTemplateOutlet]=\"\n\t\t\t\t\tstep?.stepTriggerTpt || defaultNavTriggerTpt\n\t\t\t\t\"\n\t\t\t\t[ngTemplateOutletContext]=\"{\n\t\t\t\t\ttitle: step.title,\n\t\t\t\t\tindex: i,\n\t\t\t\t\tisCurrent: currentIndex === i,\n\t\t\t\t\tisCompleted: i < currentIndex\n\t\t\t\t}\"\n\t\t\t></ng-container>\n\t\t</li>\n\t</ul>\n</ng-template>\n<!-- end:default-nav -->\n\n<!-- begin:default-nav-trigger -->\n<ng-template\n\t#defaultNavTriggerTpt\n\tlet-title=\"title\"\n\tlet-index=\"index\"\n\tlet-isCurrent=\"isCurrent\"\n\tlet-isCompleted=\"isCompleted\"\n>\n\t<button\n\t\tclass=\"stepper__nav-trigger\"\n\t\t[class.stepper__nav-trigger--current]=\"isCurrent\"\n\t\t[class.stepper__nav-trigger--completed]=\"isCompleted\"\n\t\t[disabled]=\"!canNavigateTo(index)\"\n\t\t(click)=\"goTo(index)\"\n\t>\n\t\t<span class=\"stepper__nav-indicator\">{{ index + 1 }}</span>\n\t\t<span class=\"stepper__nav-title\" *ngIf=\"title\">{{ title }}</span>\n\t</button>\n</ng-template>\n<!-- end:default-nav-trigger -->\n", styles: [":host{--stepper-primary-color: #009ef7;--stepper-secondary-color: #b5b5c3;--stepper-background-color: #f3f6f9;--stepper-text-color: #181c32;--stepper-disabled-color: #e1e3ea;display:block}.stepper__nav{background-color:var(--stepper-background-color)}.stepper__nav-trigger{color:var(--stepper-text-color)}.stepper__nav-trigger--current{color:var(--stepper-primary-color)}.stepper__nav-trigger--completed{color:var(--stepper-secondary-color)}.stepper__nav-trigger:disabled{color:var(--stepper-disabled-color)}.stepper__button--back{background-color:var(--stepper-background-color);color:var(--stepper-text-color)}.stepper__button--next,.stepper__button--submit{background-color:var(--stepper-primary-color);color:var(--stepper-background-color)}.stepper__button:disabled{opacity:.5;cursor:not-allowed}\n"] }]
+        }], propDecorators: { backLabel: [{
+                type: Input
+            }], continueLabel: [{
+                type: Input
+            }], submitLabel: [{
+                type: Input
+            }], completed: [{
+                type: Output
+            }], previousStep: [{
+                type: Output
+            }], nextStep: [{
+                type: Output
+            }], steps: [{
+                type: ContentChildren,
+                args: [StepComponent]
+            }], stepperNavTpt: [{
+                type: ContentChild,
+                args: [StepperNavDirective, { read: TemplateRef }]
+            }], stepperControlsTpt: [{
+                type: ContentChild,
+                args: [StepperButtonsDirective, { read: TemplateRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zdGVwcGVyL3NyYy9saWIvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N0ZXBwZXIvc3JjL2xpYi9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVOLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUVOLFdBQVcsRUFDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQUUvRDs7OztHQUlHO0FBVUgsTUFBTSxPQUFPLGdCQUFnQjtJQVQ3QjtRQVVDLFNBQUksR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUVqQywyQ0FBMkM7UUFDM0MsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFFekIsZ0NBQWdDO1FBQ3ZCLGNBQVMsR0FBVyxNQUFNLENBQUM7UUFFcEMsb0NBQW9DO1FBQzNCLGtCQUFhLEdBQVcsVUFBVSxDQUFDO1FBRTVDLGtDQUFrQztRQUN6QixnQkFBVyxHQUFXLFFBQVEsQ0FBQztRQUV4QyxrREFBa0Q7UUFDeEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFL0MscURBQXFEO1FBQzNDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVwRCxpREFBaUQ7UUFDdkMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FtR2hEO0lBeEhBLElBQUksQ0FBNkI7SUFrQ2pDLGtDQUFrQztJQUNsQyxJQUFJLFdBQVc7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLElBQUksQ0FBQztJQUN6RCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2pCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQ7O09BRUc7SUFDSyxlQUFlO1FBQ3RCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDMUQsaUVBQWlFO1FBQ2pFLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWTtRQUNYLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxRQUFRO1FBQ1AsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxJQUFJLENBQUMsS0FBYTtRQUNqQixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztZQUMxQixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzFCLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUU7Z0JBQzlCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQzFCO2lCQUFNO2dCQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQzlCO1NBQ0Q7YUFBTTtZQUNOLE9BQU8sQ0FBQyxLQUFLLENBQUMsdUJBQXVCLEtBQUssRUFBRSxDQUFDLENBQUM7U0FDOUM7SUFDRixDQUFDO0lBRUQ7O09BRUc7SUFDSCxTQUFTO1FBQ1IsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7UUFDeEMsT0FBTyxDQUNOLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUM7WUFDaEMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFFBQVEsQ0FDMUMsQ0FBQztJQUNILENBQUM7SUFFRDs7O09BR0c7SUFDSCxhQUFhLENBQUMsS0FBYTtRQUMxQixPQUFPLENBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQztZQUM1QixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsUUFBUSxDQUN0QyxDQUFDO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNQLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOzs7T0FHRztJQUNLLGdCQUFnQixDQUFDLEtBQWE7UUFDckMsT0FBTyxLQUFLLElBQUksQ0FBQyxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztJQUNoRCxDQUFDOzhHQXhIVyxnQkFBZ0I7a0dBQWhCLGdCQUFnQiwyWEE0QmQsbUJBQW1CLDJCQUFVLFdBQVcsa0VBSXhDLHVCQUF1QiwyQkFBVSxXQUFXLHdDQVB6QyxhQUFhLDZCQ3pEL0IsczJGQW1HQTs7MkZEbkVhLGdCQUFnQjtrQkFUNUIsU0FBUzsrQkFDQywyQ0FBMkMsbUJBR3BDLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0wsS0FBSyxFQUFFLDBDQUEwQztxQkFDakQ7OEJBU1EsU0FBUztzQkFBakIsS0FBSztnQkFHRyxhQUFhO3NCQUFyQixLQUFLO2dCQUdHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTTtnQkFHRyxZQUFZO3NCQUFyQixNQUFNO2dCQUdHLFFBQVE7c0JBQWpCLE1BQU07Z0JBR3lCLEtBQUs7c0JBQXBDLGVBQWU7dUJBQUMsYUFBYTtnQkFJOUIsYUFBYTtzQkFEWixZQUFZO3VCQUFDLG1CQUFtQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFLeEQsa0JBQWtCO3NCQURqQixZQUFZO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdEFmdGVyQ29udGVudEluaXQsXG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDaGFuZ2VEZXRlY3RvclJlZixcblx0Q29tcG9uZW50LFxuXHRDb250ZW50Q2hpbGQsXG5cdENvbnRlbnRDaGlsZHJlbixcblx0RXZlbnRFbWl0dGVyLFxuXHRpbmplY3QsXG5cdElucHV0LFxuXHRPdXRwdXQsXG5cdFF1ZXJ5TGlzdCxcblx0VGVtcGxhdGVSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGVwQ29tcG9uZW50IH0gZnJvbSAnLi4vc3RlcC9zdGVwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdGVwcGVyQnV0dG9uc0RpcmVjdGl2ZSB9IGZyb20gJy4uL3N0ZXBwZXItYnV0dG9ucy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3RlcHBlck5hdkRpcmVjdGl2ZSB9IGZyb20gJy4uL3N0ZXBwZXItbmF2LmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogU3RlcHBlckNvbXBvbmVudCBpcyBhIG11bHRpLXN0ZXAgaW50ZXJmYWNlIGNvbXBvbmVudCBmb3IgQW5ndWxhciBhcHBsaWNhdGlvbnMuXG4gKiBJdCBtYW5hZ2VzIG5hdmlnYXRpb24gYmV0d2VlbiBzdGVwcywgaGFuZGxlcyBzdGVwIGNvbnRlbnQsIGFuZCBwcm92aWRlc1xuICogY3VzdG9taXphdGlvbiBvcHRpb25zIGZvciBuYXZpZ2F0aW9uIGFuZCBjb250cm9scy5cbiAqL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnaHViLXN0ZXBwZXIsIGh1Yi11aS1zdGVwcGVyLCBuZzgwLXN0ZXBwZXInLFxuXHR0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL3N0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdGhvc3Q6IHtcblx0XHRjbGFzczogJ3N0ZXBwZXIgZC1mbGV4IGZsZXgtY29sdW1uIG92ZXJmbG93LWF1dG8nXG5cdH1cbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuXHQjY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcblxuXHQvKiogVGhlIGluZGV4IG9mIHRoZSBjdXJyZW50IGFjdGl2ZSBzdGVwICovXG5cdGN1cnJlbnRJbmRleDogbnVtYmVyID0gMDtcblxuXHQvKiogTGFiZWwgZm9yIHRoZSBiYWNrIGJ1dHRvbiAqL1xuXHRASW5wdXQoKSBiYWNrTGFiZWw6IHN0cmluZyA9ICdCYWNrJztcblxuXHQvKiogTGFiZWwgZm9yIHRoZSBjb250aW51ZSBidXR0b24gKi9cblx0QElucHV0KCkgY29udGludWVMYWJlbDogc3RyaW5nID0gJ0NvbnRpbnVlJztcblxuXHQvKiogTGFiZWwgZm9yIHRoZSBzdWJtaXQgYnV0dG9uICovXG5cdEBJbnB1dCgpIHN1Ym1pdExhYmVsOiBzdHJpbmcgPSAnU3VibWl0JztcblxuXHQvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBzdGVwcGVyIGlzIGNvbXBsZXRlZCAqL1xuXHRAT3V0cHV0KCkgY29tcGxldGVkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG5cdC8qKiBFdmVudCBlbWl0dGVkIHdoZW4gbW92aW5nIHRvIHRoZSBwcmV2aW91cyBzdGVwICovXG5cdEBPdXRwdXQoKSBwcmV2aW91c1N0ZXAgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuXHQvKiogRXZlbnQgZW1pdHRlZCB3aGVuIG1vdmluZyB0byB0aGUgbmV4dCBzdGVwICovXG5cdEBPdXRwdXQoKSBuZXh0U3RlcCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG5cdC8qKiBRdWVyeUxpc3Qgb2YgYWxsIFN0ZXBDb21wb25lbnQgY2hpbGRyZW4gKi9cblx0QENvbnRlbnRDaGlsZHJlbihTdGVwQ29tcG9uZW50KSBzdGVwcyE6IFF1ZXJ5TGlzdDxTdGVwQ29tcG9uZW50PjtcblxuXHQvKiogQ3VzdG9tIHRlbXBsYXRlIGZvciBzdGVwcGVyIG5hdmlnYXRpb24gKi9cblx0QENvbnRlbnRDaGlsZChTdGVwcGVyTmF2RGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pXG5cdHN0ZXBwZXJOYXZUcHQ/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG5cdC8qKiBDdXN0b20gdGVtcGxhdGUgZm9yIHN0ZXBwZXIgY29udHJvbHMgKi9cblx0QENvbnRlbnRDaGlsZChTdGVwcGVyQnV0dG9uc0RpcmVjdGl2ZSwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KVxuXHRzdGVwcGVyQ29udHJvbHNUcHQ/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG5cdC8qKiBHZXQgdGhlIGN1cnJlbnQgYWN0aXZlIHN0ZXAgKi9cblx0Z2V0IGN1cnJlbnRTdGVwKCk6IFN0ZXBDb21wb25lbnQgfCBudWxsIHtcblx0XHRyZXR1cm4gdGhpcy5zdGVwcz8udG9BcnJheSgpW3RoaXMuY3VycmVudEluZGV4XSA/PyBudWxsO1xuXHR9XG5cblx0bmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuXHRcdHRoaXMuaW5pdGlhbGl6ZVN0ZXBzKCk7XG5cdH1cblxuXHQvKipcblx0ICogSW5pdGlhbGl6ZSBzdGVwIGluZGljZXMgYW5kIHNldCB1cCBjaGFuZ2UgZGV0ZWN0aW9uXG5cdCAqL1xuXHRwcml2YXRlIGluaXRpYWxpemVTdGVwcygpOiB2b2lkIHtcblx0XHR0aGlzLnN0ZXBzLmZvckVhY2goKHN0ZXAsIGluZGV4KSA9PiAoc3RlcC5pbmRleCA9IGluZGV4KSk7XG5cdFx0Ly8gQ29uc2lkZXIgdXNpbmcgbmdab25lLnJ1bk91dHNpZGVBbmd1bGFyIGZvciBiZXR0ZXIgcGVyZm9ybWFuY2Vcblx0XHR0aGlzLiNjZHIuZGV0ZWN0Q2hhbmdlcygpO1xuXHR9XG5cblx0LyoqXG5cdCAqIE5hdmlnYXRlIHRvIHRoZSBwcmV2aW91cyBzdGVwXG5cdCAqL1xuXHRnb1RvUHJldmlvdXMoKTogdm9pZCB7XG5cdFx0dGhpcy5nb1RvKHRoaXMuY3VycmVudEluZGV4IC0gMSk7XG5cdH1cblxuXHQvKipcblx0ICogTmF2aWdhdGUgdG8gdGhlIG5leHQgc3RlcFxuXHQgKi9cblx0Z29Ub05leHQoKTogdm9pZCB7XG5cdFx0dGhpcy5nb1RvKHRoaXMuY3VycmVudEluZGV4ICsgMSk7XG5cdH1cblxuXHQvKipcblx0ICogTmF2aWdhdGUgdG8gYSBzcGVjaWZpYyBzdGVwIGJ5IGluZGV4XG5cdCAqIEBwYXJhbSBpbmRleCBUaGUgaW5kZXggb2YgdGhlIHN0ZXAgdG8gbmF2aWdhdGUgdG9cblx0ICovXG5cdGdvVG8oaW5kZXg6IG51bWJlcik6IHZvaWQge1xuXHRcdGlmICh0aGlzLmlzVmFsaWRTdGVwSW5kZXgoaW5kZXgpKSB7XG5cdFx0XHR0aGlzLmN1cnJlbnRJbmRleCA9IGluZGV4O1xuXHRcdFx0dGhpcy4jY2RyLmRldGVjdENoYW5nZXMoKTtcblx0XHRcdGlmIChpbmRleCA+IHRoaXMuY3VycmVudEluZGV4KSB7XG5cdFx0XHRcdHRoaXMubmV4dFN0ZXAuZW1pdChpbmRleCk7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHR0aGlzLnByZXZpb3VzU3RlcC5lbWl0KGluZGV4KTtcblx0XHRcdH1cblx0XHR9IGVsc2Uge1xuXHRcdFx0Y29uc29sZS5lcnJvcihgSW52YWxpZCBzdGVwIGluZGV4OiAke2luZGV4fWApO1xuXHRcdH1cblx0fVxuXG5cdC8qKlxuXHQgKiBDaGVjayBpZiBpdCdzIHBvc3NpYmxlIHRvIG5hdmlnYXRlIHRvIHRoZSBuZXh0IHN0ZXBcblx0ICovXG5cdGNhbkdvTmV4dCgpOiBib29sZWFuIHtcblx0XHRjb25zdCBuZXh0SW5kZXggPSB0aGlzLmN1cnJlbnRJbmRleCArIDE7XG5cdFx0cmV0dXJuIChcblx0XHRcdHRoaXMuaXNWYWxpZFN0ZXBJbmRleChuZXh0SW5kZXgpICYmXG5cdFx0XHQhdGhpcy5zdGVwcy50b0FycmF5KClbbmV4dEluZGV4XT8uZGlzYWJsZWRcblx0XHQpO1xuXHR9XG5cblx0LyoqXG5cdCAqIENoZWNrIGlmIGl0J3MgcG9zc2libGUgdG8gbmF2aWdhdGUgdG8gYSBzcGVjaWZpYyBzdGVwXG5cdCAqIEBwYXJhbSBpbmRleCBUaGUgaW5kZXggb2YgdGhlIHN0ZXAgdG8gY2hlY2tcblx0ICovXG5cdGNhbk5hdmlnYXRlVG8oaW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuXHRcdHJldHVybiAoXG5cdFx0XHR0aGlzLmlzVmFsaWRTdGVwSW5kZXgoaW5kZXgpICYmXG5cdFx0XHQhdGhpcy5zdGVwcy50b0FycmF5KClbaW5kZXhdPy5kaXNhYmxlZFxuXHRcdCk7XG5cdH1cblxuXHQvKipcblx0ICogQ29tcGxldGUgdGhlIHN0ZXBwZXIgcHJvY2Vzc1xuXHQgKi9cblx0Y29tcGxldGUoKTogdm9pZCB7XG5cdFx0dGhpcy5jb21wbGV0ZWQuZW1pdCgpO1xuXHR9XG5cblx0LyoqXG5cdCAqIENoZWNrIGlmIGEgZ2l2ZW4gaW5kZXggaXMgdmFsaWQgd2l0aGluIHRoZSBjdXJyZW50IHN0ZXBzXG5cdCAqIEBwYXJhbSBpbmRleCBUaGUgaW5kZXggdG8gdmFsaWRhdGVcblx0ICovXG5cdHByaXZhdGUgaXNWYWxpZFN0ZXBJbmRleChpbmRleDogbnVtYmVyKTogYm9vbGVhbiB7XG5cdFx0cmV0dXJuIGluZGV4ID49IDAgJiYgaW5kZXggPCB0aGlzLnN0ZXBzLmxlbmd0aDtcblx0fVxufVxuIiwiPGRpdiBjbGFzcz1cInN0ZXBwZXJcIj5cblx0PCEtLWJlZ2luOjpOYXYtLT5cblx0PG5hdiBjbGFzcz1cInN0ZXBwZXJfX25hdlwiPlxuXHRcdDxuZy1jb250YWluZXJcblx0XHRcdFtuZ1RlbXBsYXRlT3V0bGV0XT1cInN0ZXBwZXJOYXZUcHQgfHwgZGVmYXVsdE5hdlRwdFwiXG5cdFx0XHRbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBzdGVwczogc3RlcHMsIGN1cnJlbnRJbmRleCB9XCJcblx0XHQ+PC9uZy1jb250YWluZXI+XG5cdDwvbmF2PlxuXHQ8IS0tZW5kOjpOYXYtLT5cblxuXHQ8IS0tYmVnaW46OkNvbnRlbnQtLT5cblx0PGRpdiBjbGFzcz1cInN0ZXBwZXJfX2NvbnRlbnRcIj5cblx0XHQ8bmctY29udGFpbmVyXG5cdFx0XHRbbmdUZW1wbGF0ZU91dGxldF09XCJjdXJyZW50U3RlcD8uaW5uZXJUZW1wbGF0ZVwiXG5cdFx0PjwvbmctY29udGFpbmVyPlxuXHQ8L2Rpdj5cblx0PCEtLWVuZDo6Q29udGVudC0tPlxuXG5cdDwhLS1iZWdpbjo6Q29udHJvbHMtLT5cblx0PGRpdiBjbGFzcz1cInN0ZXBwZXJfX2NvbnRyb2xzXCI+XG5cdFx0PG5nLWNvbnRhaW5lclxuXHRcdFx0W25nVGVtcGxhdGVPdXRsZXRdPVwic3RlcHBlckNvbnRyb2xzVHB0IHx8IGRlZmF1bHRTdGVwcGVyQ29udHJvbHNUcHRcIlxuXHRcdFx0W25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgc3RlcHM6IHN0ZXBzLCBjdXJyZW50SW5kZXggfVwiXG5cdFx0PjwvbmctY29udGFpbmVyPlxuXHQ8L2Rpdj5cblx0PCEtLWVuZDo6Q29udHJvbHMtLT5cbjwvZGl2PlxuXG48IS0tIGJlZ2luOmRlZmF1bHQtY29udHJvbHMgLS0+XG48bmctdGVtcGxhdGUgI2RlZmF1bHRTdGVwcGVyQ29udHJvbHNUcHQgbGV0LWN1cnJlbnRJbmRleD1cImN1cnJlbnRJbmRleFwiPlxuXHQ8YnV0dG9uXG5cdFx0Y2xhc3M9XCJzdGVwcGVyX19idXR0b24gc3RlcHBlcl9fYnV0dG9uLS1iYWNrXCJcblx0XHQoY2xpY2spPVwiZ29UbyhjdXJyZW50SW5kZXggLSAxKVwiXG5cdFx0Km5nSWY9XCJjdXJyZW50SW5kZXggPiAwXCJcblx0PlxuXHRcdDxpIGNsYXNzPVwic3RlcHBlcl9fYnV0dG9uLWljb24gc3RlcHBlcl9fYnV0dG9uLWljb24tLWJhY2tcIj48L2k+XG5cdFx0e3sgYmFja0xhYmVsIH19XG5cdDwvYnV0dG9uPlxuXG5cdDxidXR0b25cblx0XHRjbGFzcz1cInN0ZXBwZXJfX2J1dHRvbiBzdGVwcGVyX19idXR0b24tLW5leHRcIlxuXHRcdChjbGljayk9XCJnb1RvKGN1cnJlbnRJbmRleCArIDEpXCJcblx0XHQqbmdJZj1cImN1cnJlbnRJbmRleCA8IHN0ZXBzLmxlbmd0aCAtIDFcIlxuXHRcdFtkaXNhYmxlZF09XCIhY2FuR29OZXh0KClcIlxuXHQ+XG5cdFx0e3sgY29udGludWVMYWJlbCB9fVxuXHRcdDxpIGNsYXNzPVwic3RlcHBlcl9fYnV0dG9uLWljb24gc3RlcHBlcl9fYnV0dG9uLWljb24tLW5leHRcIj48L2k+XG5cdDwvYnV0dG9uPlxuXG5cdDxidXR0b25cblx0XHRjbGFzcz1cInN0ZXBwZXJfX2J1dHRvbiBzdGVwcGVyX19idXR0b24tLXN1Ym1pdFwiXG5cdFx0KGNsaWNrKT1cImNvbXBsZXRlKClcIlxuXHRcdCpuZ0lmPVwiY3VycmVudEluZGV4ID09PSBzdGVwcy5sZW5ndGggLSAxXCJcblx0PlxuXHRcdHt7IHN1Ym1pdExhYmVsIH19XG5cdDwvYnV0dG9uPlxuPC9uZy10ZW1wbGF0ZT5cbjwhLS1lbmQ6OmRlZmF1bHQtY29udHJvbHMtLT5cblxuPCEtLSBiZWdpbjpkZWZhdWx0LW5hdiAtLT5cbjxuZy10ZW1wbGF0ZSAjZGVmYXVsdE5hdlRwdCBsZXQtc3RlcHM9XCJzdGVwc1wiIGxldC1jdXJyZW50SW5kZXg9XCJjdXJyZW50SW5kZXhcIj5cblx0PHVsIGNsYXNzPVwic3RlcHBlcl9fbmF2LWxpc3RcIj5cblx0XHQ8bGkgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcHM7IGxldCBpID0gaW5kZXhcIiBjbGFzcz1cInN0ZXBwZXJfX25hdi1pdGVtXCI+XG5cdFx0XHQ8bmctY29udGFpbmVyXG5cdFx0XHRcdFtuZ1RlbXBsYXRlT3V0bGV0XT1cIlxuXHRcdFx0XHRcdHN0ZXA/LnN0ZXBUcmlnZ2VyVHB0IHx8IGRlZmF1bHROYXZUcmlnZ2VyVHB0XG5cdFx0XHRcdFwiXG5cdFx0XHRcdFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7XG5cdFx0XHRcdFx0dGl0bGU6IHN0ZXAudGl0bGUsXG5cdFx0XHRcdFx0aW5kZXg6IGksXG5cdFx0XHRcdFx0aXNDdXJyZW50OiBjdXJyZW50SW5kZXggPT09IGksXG5cdFx0XHRcdFx0aXNDb21wbGV0ZWQ6IGkgPCBjdXJyZW50SW5kZXhcblx0XHRcdFx0fVwiXG5cdFx0XHQ+PC9uZy1jb250YWluZXI+XG5cdFx0PC9saT5cblx0PC91bD5cbjwvbmctdGVtcGxhdGU+XG48IS0tIGVuZDpkZWZhdWx0LW5hdiAtLT5cblxuPCEtLSBiZWdpbjpkZWZhdWx0LW5hdi10cmlnZ2VyIC0tPlxuPG5nLXRlbXBsYXRlXG5cdCNkZWZhdWx0TmF2VHJpZ2dlclRwdFxuXHRsZXQtdGl0bGU9XCJ0aXRsZVwiXG5cdGxldC1pbmRleD1cImluZGV4XCJcblx0bGV0LWlzQ3VycmVudD1cImlzQ3VycmVudFwiXG5cdGxldC1pc0NvbXBsZXRlZD1cImlzQ29tcGxldGVkXCJcbj5cblx0PGJ1dHRvblxuXHRcdGNsYXNzPVwic3RlcHBlcl9fbmF2LXRyaWdnZXJcIlxuXHRcdFtjbGFzcy5zdGVwcGVyX19uYXYtdHJpZ2dlci0tY3VycmVudF09XCJpc0N1cnJlbnRcIlxuXHRcdFtjbGFzcy5zdGVwcGVyX19uYXYtdHJpZ2dlci0tY29tcGxldGVkXT1cImlzQ29tcGxldGVkXCJcblx0XHRbZGlzYWJsZWRdPVwiIWNhbk5hdmlnYXRlVG8oaW5kZXgpXCJcblx0XHQoY2xpY2spPVwiZ29UbyhpbmRleClcIlxuXHQ+XG5cdFx0PHNwYW4gY2xhc3M9XCJzdGVwcGVyX19uYXYtaW5kaWNhdG9yXCI+e3sgaW5kZXggKyAxIH19PC9zcGFuPlxuXHRcdDxzcGFuIGNsYXNzPVwic3RlcHBlcl9fbmF2LXRpdGxlXCIgKm5nSWY9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9zcGFuPlxuXHQ8L2J1dHRvbj5cbjwvbmctdGVtcGxhdGU+XG48IS0tIGVuZDpkZWZhdWx0LW5hdi10cmlnZ2VyIC0tPlxuIl19

package/esm2022/lib/stepper-buttons.directive.mjs

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class StepperButtonsDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperButtonsDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: StepperButtonsDirective, selector: "[hubStepperButtons], [stepperButtons]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperButtonsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hubStepperButtons], [stepperButtons]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci1idXR0b25zLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3N0ZXBwZXIvc3JjL2xpYi9zdGVwcGVyLWJ1dHRvbnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBS3ZELE1BQU0sT0FBTyx1QkFBdUI7SUFDbkMsWUFBbUIsUUFBMEI7UUFBMUIsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7SUFBRyxDQUFDOzhHQURyQyx1QkFBdUI7a0dBQXZCLHVCQUF1Qjs7MkZBQXZCLHVCQUF1QjtrQkFIbkMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsdUNBQXVDO2lCQUNqRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmLCBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG5cdHNlbGVjdG9yOiAnW2h1YlN0ZXBwZXJCdXR0b25zXSwgW3N0ZXBwZXJCdXR0b25zXSdcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlckJ1dHRvbnNEaXJlY3RpdmUge1xuXHRjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4pIHt9XG59XG4iXX0=

package/esm2022/lib/stepper-nav.directive.mjs

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class StepperNavDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperNavDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: StepperNavDirective, selector: "[hubStepperNav], [stepperNav]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperNavDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hubStepperNav], [stepperNav]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci1uYXYuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvc3RlcHBlci9zcmMvbGliL3N0ZXBwZXItbmF2LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUt2RCxNQUFNLE9BQU8sbUJBQW1CO0lBQy9CLFlBQW1CLFFBQTBCO1FBQTFCLGFBQVEsR0FBUixRQUFRLENBQWtCO0lBQUcsQ0FBQzs4R0FEckMsbUJBQW1CO2tHQUFuQixtQkFBbUI7OzJGQUFuQixtQkFBbUI7a0JBSC9CLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLCtCQUErQjtpQkFDekMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZW1wbGF0ZVJlZiwgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuXHRzZWxlY3RvcjogJ1todWJTdGVwcGVyTmF2XSwgW3N0ZXBwZXJOYXZdJ1xufSlcbmV4cG9ydCBjbGFzcyBTdGVwcGVyTmF2RGlyZWN0aXZlIHtcblx0Y29uc3RydWN0b3IocHVibGljIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+KSB7fVxufVxuIl19