@acorex/components 21.0.3-next.37 → 21.0.3-next.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/acorex-components-accordion.mjs +4 -4
- package/fesm2022/acorex-components-accordion.mjs.map +1 -1
- package/fesm2022/acorex-components-action-sheet.mjs +2 -2
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +2 -2
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs +2 -2
- package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +2 -2
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +2 -2
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-bottom-navigation.mjs +2 -2
- package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +2 -2
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +2 -2
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +6 -6
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +4 -4
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +2 -2
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +2 -2
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-circular-progress.mjs +2 -2
- package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +2 -2
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +2 -2
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-command.mjs +2 -2
- package/fesm2022/acorex-components-command.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs +6 -6
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs +2 -2
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-list.mjs +2 -2
- package/fesm2022/acorex-components-data-list.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +2 -2
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +2 -2
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +2 -2
- package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-input.mjs +2 -2
- package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +2 -2
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +10 -10
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +2 -2
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +4 -4
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +2 -2
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +2 -2
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-editor.mjs +2 -2
- package/fesm2022/acorex-components-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-fab.mjs +2 -2
- package/fesm2022/acorex-components-fab.mjs.map +1 -1
- package/fesm2022/acorex-components-flow-chart.mjs +6 -6
- package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +2 -2
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs +8 -8
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +2 -2
- package/fesm2022/acorex-components-image.mjs.map +1 -1
- package/fesm2022/acorex-components-json-viewer.mjs +2 -2
- package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-kanban.mjs +2 -2
- package/fesm2022/acorex-components-kanban.mjs.map +1 -1
- package/fesm2022/acorex-components-kbd.mjs +2 -2
- package/fesm2022/acorex-components-kbd.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs +2 -2
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +2 -2
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +2 -2
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +4 -4
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-map.mjs +2 -2
- package/fesm2022/acorex-components-map.mjs.map +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +10 -10
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +2 -2
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/{acorex-components-modal-acorex-components-modal-D4z5gAJW.mjs → acorex-components-modal-acorex-components-modal-dF5HUEBH.mjs} +4 -4
- package/fesm2022/acorex-components-modal-acorex-components-modal-dF5HUEBH.mjs.map +1 -0
- package/fesm2022/{acorex-components-modal-modal-content.component-DyfRrOwo.mjs → acorex-components-modal-modal-content.component-BGTYje3j.mjs} +4 -4
- package/fesm2022/acorex-components-modal-modal-content.component-BGTYje3j.mjs.map +1 -0
- package/fesm2022/acorex-components-modal.mjs +1 -1
- package/fesm2022/acorex-components-navbar.mjs +2 -2
- package/fesm2022/acorex-components-navbar.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +2 -2
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +2 -2
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +2 -2
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-paint.mjs +4 -4
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +4 -4
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-pdf-reader.mjs +2 -2
- package/fesm2022/acorex-components-pdf-reader.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +2 -2
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +6 -6
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +2 -2
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +2 -2
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-qrcode.mjs +2 -2
- package/fesm2022/acorex-components-qrcode.mjs.map +1 -1
- package/fesm2022/acorex-components-query-builder.mjs +2 -2
- package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +2 -2
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-rail-navigation.mjs +2 -2
- package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +2 -2
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-rate-picker.mjs +2 -2
- package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-rest-api-generator.mjs +10 -10
- package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +2 -2
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs +2 -2
- package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler-picker.mjs +18 -18
- package/fesm2022/acorex-components-scheduler-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +18 -18
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +2 -2
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list-2.mjs +2 -2
- package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +2 -2
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +13 -4
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-sidebar.mjs +275 -0
- package/fesm2022/acorex-components-sidebar.mjs.map +1 -0
- package/fesm2022/acorex-components-skeleton.mjs +2 -2
- package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
- package/fesm2022/acorex-components-sliding-item.mjs +2 -2
- package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +2 -2
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +2 -2
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag-box.mjs +2 -2
- package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +2 -2
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +2 -2
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs +2 -2
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-line.mjs +4 -4
- package/fesm2022/acorex-components-time-line.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +2 -2
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-toolbar.mjs +2 -2
- package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +2 -2
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +2 -2
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +6 -6
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +6 -6
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/package.json +7 -3
- package/sidebar/README.md +5 -0
- package/types/acorex-components-side-menu.d.ts +3 -1
- package/types/acorex-components-sidebar.d.ts +132 -0
- package/fesm2022/acorex-components-modal-acorex-components-modal-D4z5gAJW.mjs.map +0 -1
- package/fesm2022/acorex-components-modal-modal-content.component-DyfRrOwo.mjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-components-sliding-item.mjs","sources":["../../../../packages/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item/sliding-item.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item/sliding-item.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item.module.ts","../../../../packages/components/sliding-item/src/acorex-components-sliding-item.ts"],"sourcesContent":["import { AXClickEvent, AXComponent, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-sliding-item-prefix',\n templateUrl: './sliding-item-prefix.component.html',\n encapsulation: ViewEncapsulation.None,\n imports: [AXDecoratorGenericComponent],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }],\n})\nexport class AXSlidingItemPrefixComponent {\n readonly color = input<AXStyleColorType>();\n readonly text = input<string | number>();\n onClick = output<AXClickEvent>();\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color()}`;\n }\n\n @HostListener('click') _onclick() {\n this.onClick.emit({ component: this });\n }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXClickEvent, AXComponent, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-sliding-item-suffix',\n templateUrl: './sliding-item-suffix.component.html',\n encapsulation: ViewEncapsulation.None,\n imports: [AXDecoratorGenericComponent],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }],\n})\nexport class AXSlidingItemSuffixComponent {\n color = input<AXStyleColorType>();\n text = input<string | number>();\n onClick = output<AXClickEvent>();\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color()}`;\n }\n\n @HostListener('click') _onclick() {\n this.onClick.emit({ component: this });\n }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXComponent } from '@acorex/cdk/common';\nimport { AXSlidingItemDirective } from '@acorex/cdk/sliding-item';\nimport {\n afterNextRender,\n Component,\n contentChildren,\n effect,\n ElementRef,\n signal,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from '../sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from '../sliding-item-suffix/sliding-item-suffix.component';\n\n@Component({\n selector: 'ax-sliding-item',\n templateUrl: './sliding-item.component.html',\n styleUrl: 'sliding-item.component.compiled.css',\n encapsulation: ViewEncapsulation.None,\n imports: [AXSlidingItemDirective],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }],\n})\nexport class AXSlidingItemComponent {\n protected slidingItem = viewChild(AXSlidingItemDirective);\n protected itemPrefix = contentChildren(AXSlidingItemPrefixComponent, { read: ElementRef });\n protected itemSuffix = contentChildren(AXSlidingItemSuffixComponent, { read: ElementRef });\n\n protected stopArrayPrefix = signal<number[]>([]);\n protected stopArraySuffix = signal<number[]>([]);\n\n #effect = effect(() => {\n if (this.slidingItem().currentX() > 0) return;\n\n this.stopArraySuffix().forEach((item, index) => {\n if (this.slidingItem().currentX() < item) {\n this.slidingItem().stopPoint.set(item);\n } else if (this.slidingItem().currentX() > item && index === 0) {\n this.slidingItem().stopPoint.set(0);\n }\n });\n });\n\n #effect2 = effect(() => {\n if (this.slidingItem().currentX() < 0) return;\n\n this.stopArrayPrefix().forEach((item, index) => {\n if (this.slidingItem().currentX() > item) {\n this.slidingItem().stopPoint.set(item);\n } else if (this.slidingItem().currentX() < item && index === 0) {\n this.slidingItem().stopPoint.set(0);\n }\n });\n });\n\n #init = afterNextRender(() => {\n setTimeout(() => {\n if (!this.itemPrefix().length) {\n this.slidingItem().disableSlidingRight.set(true);\n return;\n }\n\n this.itemPrefix().forEach((item) => {\n const itemElem = item.nativeElement as HTMLElement;\n\n this.stopArrayPrefix.update((prev) => {\n const prevCopy = [...prev];\n if (prevCopy[prevCopy.length - 1]) {\n prevCopy.push(itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n } else {\n prevCopy.push(itemElem.getClientRects()[0].width);\n }\n return prevCopy;\n });\n });\n });\n\n setTimeout(() => {\n if (!this.itemSuffix().length) {\n this.slidingItem().disableSlidingLeft.set(true);\n return;\n }\n\n this.itemSuffix().forEach((item) => {\n const itemElem = item.nativeElement as HTMLElement;\n\n this.stopArraySuffix.update((prev) => {\n const prevCopy = [...prev];\n\n if (prevCopy[prevCopy.length - 1]) {\n prevCopy.push(-itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n } else {\n prevCopy.push(-itemElem.getClientRects()[0].width);\n }\n return prevCopy;\n });\n });\n });\n });\n}\n","<div #itemPrefix class=\"ax-sliding-item-container\">\n <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgModule } from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from './sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from './sliding-item-suffix/sliding-item-suffix.component';\nimport { AXSlidingItemComponent } from './sliding-item/sliding-item.component';\n\nconst COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];\n\nconst MODULES = [AXDecoratorModule];\n\n@NgModule({\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXSlidingItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"acorex-components-sliding-item.mjs","sources":["../../../../packages/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item/sliding-item.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item/sliding-item.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item.module.ts","../../../../packages/components/sliding-item/src/acorex-components-sliding-item.ts"],"sourcesContent":["import { AXClickEvent, AXComponent, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-sliding-item-prefix',\n templateUrl: './sliding-item-prefix.component.html',\n encapsulation: ViewEncapsulation.None,\n imports: [AXDecoratorGenericComponent],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }],\n})\nexport class AXSlidingItemPrefixComponent {\n readonly color = input<AXStyleColorType>();\n readonly text = input<string | number>();\n onClick = output<AXClickEvent>();\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color()}`;\n }\n\n @HostListener('click') _onclick() {\n this.onClick.emit({ component: this });\n }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXClickEvent, AXComponent, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-sliding-item-suffix',\n templateUrl: './sliding-item-suffix.component.html',\n encapsulation: ViewEncapsulation.None,\n imports: [AXDecoratorGenericComponent],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }],\n})\nexport class AXSlidingItemSuffixComponent {\n color = input<AXStyleColorType>();\n text = input<string | number>();\n onClick = output<AXClickEvent>();\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color()}`;\n }\n\n @HostListener('click') _onclick() {\n this.onClick.emit({ component: this });\n }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXComponent } from '@acorex/cdk/common';\nimport { AXSlidingItemDirective } from '@acorex/cdk/sliding-item';\nimport {\n afterNextRender,\n Component,\n contentChildren,\n effect,\n ElementRef,\n signal,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from '../sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from '../sliding-item-suffix/sliding-item-suffix.component';\n\n@Component({\n selector: 'ax-sliding-item',\n templateUrl: './sliding-item.component.html',\n styleUrl: 'sliding-item.component.css',\n encapsulation: ViewEncapsulation.None,\n imports: [AXSlidingItemDirective],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }],\n})\nexport class AXSlidingItemComponent {\n protected slidingItem = viewChild(AXSlidingItemDirective);\n protected itemPrefix = contentChildren(AXSlidingItemPrefixComponent, { read: ElementRef });\n protected itemSuffix = contentChildren(AXSlidingItemSuffixComponent, { read: ElementRef });\n\n protected stopArrayPrefix = signal<number[]>([]);\n protected stopArraySuffix = signal<number[]>([]);\n\n #effect = effect(() => {\n if (this.slidingItem().currentX() > 0) return;\n\n this.stopArraySuffix().forEach((item, index) => {\n if (this.slidingItem().currentX() < item) {\n this.slidingItem().stopPoint.set(item);\n } else if (this.slidingItem().currentX() > item && index === 0) {\n this.slidingItem().stopPoint.set(0);\n }\n });\n });\n\n #effect2 = effect(() => {\n if (this.slidingItem().currentX() < 0) return;\n\n this.stopArrayPrefix().forEach((item, index) => {\n if (this.slidingItem().currentX() > item) {\n this.slidingItem().stopPoint.set(item);\n } else if (this.slidingItem().currentX() < item && index === 0) {\n this.slidingItem().stopPoint.set(0);\n }\n });\n });\n\n #init = afterNextRender(() => {\n setTimeout(() => {\n if (!this.itemPrefix().length) {\n this.slidingItem().disableSlidingRight.set(true);\n return;\n }\n\n this.itemPrefix().forEach((item) => {\n const itemElem = item.nativeElement as HTMLElement;\n\n this.stopArrayPrefix.update((prev) => {\n const prevCopy = [...prev];\n if (prevCopy[prevCopy.length - 1]) {\n prevCopy.push(itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n } else {\n prevCopy.push(itemElem.getClientRects()[0].width);\n }\n return prevCopy;\n });\n });\n });\n\n setTimeout(() => {\n if (!this.itemSuffix().length) {\n this.slidingItem().disableSlidingLeft.set(true);\n return;\n }\n\n this.itemSuffix().forEach((item) => {\n const itemElem = item.nativeElement as HTMLElement;\n\n this.stopArraySuffix.update((prev) => {\n const prevCopy = [...prev];\n\n if (prevCopy[prevCopy.length - 1]) {\n prevCopy.push(-itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n } else {\n prevCopy.push(-itemElem.getClientRects()[0].width);\n }\n return prevCopy;\n });\n });\n });\n });\n}\n","<div #itemPrefix class=\"ax-sliding-item-container\">\n <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgModule } from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from './sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from './sliding-item-suffix/sliding-item-suffix.component';\nimport { AXSlidingItemComponent } from './sliding-item/sliding-item.component';\n\nconst COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];\n\nconst MODULES = [AXDecoratorModule];\n\n@NgModule({\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXSlidingItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -205,11 +205,11 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
|
205
205
|
return classList;
|
|
206
206
|
}
|
|
207
207
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
208
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXStepWizardComponent, isStandalone: true, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, scrollToStep: { classPropertyName: "scrollToStep", publicName: "scrollToStep", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, changeStep: { classPropertyName: "changeStep", publicName: "changeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { stepChanged: "stepChanged" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: [".ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}:root{--ax-comp-step-wizard-connector-size:2px;--ax-comp-step-wizard-circular-sm-icon-size:1.5rem;--ax-comp-step-wizard-circular-md-icon-size:2rem;--ax-comp-step-wizard-circular-lg-icon-size:2.5rem;--ax-comp-step-wizard-arrow-minimal-sm-icon-size:1.125rem;--ax-comp-step-wizard-arrow-minimal-md-icon-size:1.25rem;--ax-comp-step-wizard-arrow-minimal-lg-icon-size:1.375rem;--ax-comp-step-wizard-with-icon-sm-icon-size:2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size:3rem;--ax-comp-step-wizard-with-icon-lg-icon-size:3.5rem}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size)}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size)}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size)}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-sys-color-darker-surface));transition-property:background-color,width;position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-radius:50%;justify-content:center;align-items:center;transition-property:border-radius,box-shadow,background-color,height,width,border-color;display:flex}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem;font-weight:400}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-darkest-surface));border-radius:50%;width:.625rem;height:.625rem}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface));border-radius:50%;width:.625rem;height:.625rem}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed) .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";border-style:solid;border-width:2px;border-color:rgba(var(--ax-sys-color-on-lightest-surface));background-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface));background-color:#0000}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface));background-color:#0000}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface));background-color:#0000}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-radius:50%;justify-content:center;align-items:center;transition-property:border-radius,box-shadow,background-color,height,width,border-color;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem;font-weight:400}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));box-shadow:0 1px 2px #0000000d}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:.9}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:1}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-style:solid;border-width:2px;border-color:rgba(var(--ax-sys-color-on-lightest-surface));border-radius:50%;animation:1s linear infinite rotation;border-bottom-color:#0000!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-radius:50%;justify-content:center;align-items:center;transition-property:border-radius,box-shadow,background-color,height,width,border-color;display:flex}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem;font-weight:400}ax-step-wizard.ax-look-rounded-arrow-minimal{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-surface));border-radius:9999px;gap:0;overflow:hidden}ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{text-align:start;opacity:1;flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;gap:.5rem;padding:.25rem .625rem;position:relative}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";z-index:1;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));pointer-events:none;inset-inline-end:0;width:.75rem;height:.75rem;position:absolute;top:50%;transform:translate(50%,-50%)rotate(45deg)}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{flex-shrink:0;position:static}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));box-shadow:none;color:rgba(var(--ax-sys-color-on-lightest-surface));background-color:#0000;font-size:.6875rem;font-weight:600}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{line-height:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface));font-size:.55rem}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.75rem;font-weight:500}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:#0000}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";border-style:solid;border-width:2px;border-color:rgba(var(--ax-sys-color-on-lightest-surface));border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-radius:50%;justify-content:center;align-items:center;transition-property:border-radius,box-shadow,background-color,height,width,border-color;display:flex}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem;font-weight:400}ax-step-wizard.ax-look-rectangular-arrow-minimal{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-surface));border-radius:0;gap:0;overflow:hidden}ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{text-align:start;opacity:1;flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;gap:.5rem;padding:.25rem .625rem;position:relative}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";z-index:1;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));pointer-events:none;inset-inline-end:0;width:.75rem;height:.75rem;position:absolute;top:50%;transform:translate(50%,-50%)rotate(45deg)}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{flex-shrink:0;position:static}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));box-shadow:none;color:rgba(var(--ax-sys-color-on-lightest-surface));background-color:#0000;font-size:.6875rem;font-weight:600}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{line-height:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface));font-size:.55rem}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.75rem;font-weight:500}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:#0000}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";border-style:solid;border-width:2px;border-color:rgba(var(--ax-sys-color-on-lightest-surface));border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-darkest-surface));width:100%;height:.25rem;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-weight:400}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";border-radius:1rem;position:absolute;width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{text-align:start;flex-direction:row;gap:1rem;height:100%;padding-block:1rem}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{flex-direction:column;justify-content:center;display:flex}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item:not(:last-child):after{border-inline-end-color:rgba(var(--ax-sys-color-lightest-surface));border-block-start-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
208
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXStepWizardComponent, isStandalone: true, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, scrollToStep: { classPropertyName: "scrollToStep", publicName: "scrollToStep", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, changeStep: { classPropertyName: "changeStep", publicName: "changeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { stepChanged: "stepChanged" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: [".ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}:root{--ax-comp-step-wizard-connector-size: 2px;--ax-comp-step-wizard-circular-sm-icon-size: 1.5rem;--ax-comp-step-wizard-circular-md-icon-size: 2rem;--ax-comp-step-wizard-circular-lg-icon-size: 2.5rem;--ax-comp-step-wizard-arrow-minimal-sm-icon-size: 1.125rem;--ax-comp-step-wizard-arrow-minimal-md-icon-size: 1.25rem;--ax-comp-step-wizard-arrow-minimal-lg-icon-size: 1.375rem;--ax-comp-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size: 3rem;--ax-comp-step-wizard-with-icon-lg-icon-size: 3.5rem}ax-step-wizard{width:100%;display:flex;justify-content:space-between;@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:.95rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size)}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size)}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size)}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed) .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:.9}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:1}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-rounded-arrow-minimal{gap:0;border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:9999px;overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{position:relative;flex:1 1 0;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;text-align:start;padding:.25rem .625rem;opacity:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";position:absolute;inset-inline-end:0;top:50%;z-index:1;width:.75rem;height:.75rem;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg);pointer-events:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;box-shadow:none;color:rgba(var(--ax-sys-color-on-lightest-surface));font-weight:600;font-size:.6875rem}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{line-height:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:500;font-size:.75rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal{gap:0;border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:0;overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{position:relative;flex:1 1 0;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;text-align:start;padding:.25rem .625rem;opacity:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";position:absolute;inset-inline-end:0;top:50%;z-index:1;width:.75rem;height:.75rem;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg);pointer-events:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;box-shadow:none;color:rgba(var(--ax-sys-color-on-lightest-surface));font-weight:600;font-size:.6875rem}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{line-height:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:500;font-size:.75rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item:not(:last-child):after{border-inline-end-color:rgba(var(--ax-sys-color-lightest-surface));border-block-start-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
209
209
|
}
|
|
210
210
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXStepWizardComponent, decorators: [{
|
|
211
211
|
type: Component,
|
|
212
|
-
args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], styles: [".ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}:root{--ax-comp-step-wizard-connector-size:2px;--ax-comp-step-wizard-circular-sm-icon-size:1.5rem;--ax-comp-step-wizard-circular-md-icon-size:2rem;--ax-comp-step-wizard-circular-lg-icon-size:2.5rem;--ax-comp-step-wizard-arrow-minimal-sm-icon-size:1.125rem;--ax-comp-step-wizard-arrow-minimal-md-icon-size:1.25rem;--ax-comp-step-wizard-arrow-minimal-lg-icon-size:1.375rem;--ax-comp-step-wizard-with-icon-sm-icon-size:2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size:3rem;--ax-comp-step-wizard-with-icon-lg-icon-size:3.5rem}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size)}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size)}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size)}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-sys-color-darker-surface));transition-property:background-color,width;position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-radius:50%;justify-content:center;align-items:center;transition-property:border-radius,box-shadow,background-color,height,width,border-color;display:flex}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem;font-weight:400}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-darkest-surface));border-radius:50%;width:.625rem;height:.625rem}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface));border-radius:50%;width:.625rem;height:.625rem}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed) .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";border-style:solid;border-width:2px;border-color:rgba(var(--ax-sys-color-on-lightest-surface));background-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface));background-color:#0000}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface));background-color:#0000}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface));background-color:#0000}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-radius:50%;justify-content:center;align-items:center;transition-property:border-radius,box-shadow,background-color,height,width,border-color;display:flex}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem;font-weight:400}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));box-shadow:0 1px 2px #0000000d}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:.9}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:1}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-style:solid;border-width:2px;border-color:rgba(var(--ax-sys-color-on-lightest-surface));border-radius:50%;animation:1s linear infinite rotation;border-bottom-color:#0000!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-radius:50%;justify-content:center;align-items:center;transition-property:border-radius,box-shadow,background-color,height,width,border-color;display:flex}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem;font-weight:400}ax-step-wizard.ax-look-rounded-arrow-minimal{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-surface));border-radius:9999px;gap:0;overflow:hidden}ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{text-align:start;opacity:1;flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;gap:.5rem;padding:.25rem .625rem;position:relative}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";z-index:1;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));pointer-events:none;inset-inline-end:0;width:.75rem;height:.75rem;position:absolute;top:50%;transform:translate(50%,-50%)rotate(45deg)}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{flex-shrink:0;position:static}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));box-shadow:none;color:rgba(var(--ax-sys-color-on-lightest-surface));background-color:#0000;font-size:.6875rem;font-weight:600}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{line-height:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface));font-size:.55rem}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.75rem;font-weight:500}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:#0000}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";border-style:solid;border-width:2px;border-color:rgba(var(--ax-sys-color-on-lightest-surface));border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-radius:50%;justify-content:center;align-items:center;transition-property:border-radius,box-shadow,background-color,height,width,border-color;display:flex}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem;font-weight:400}ax-step-wizard.ax-look-rectangular-arrow-minimal{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-surface));border-radius:0;gap:0;overflow:hidden}ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{text-align:start;opacity:1;flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;gap:.5rem;padding:.25rem .625rem;position:relative}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";z-index:1;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));pointer-events:none;inset-inline-end:0;width:.75rem;height:.75rem;position:absolute;top:50%;transform:translate(50%,-50%)rotate(45deg)}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{flex-shrink:0;position:static}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));box-shadow:none;color:rgba(var(--ax-sys-color-on-lightest-surface));background-color:#0000;font-size:.6875rem;font-weight:600}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{line-height:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface));font-size:.55rem}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.75rem;font-weight:500}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:#0000}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";border-style:solid;border-width:2px;border-color:rgba(var(--ax-sys-color-on-lightest-surface));border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-darkest-surface));width:100%;height:.25rem;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface));font-weight:600}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface));font-weight:400}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";border-radius:1rem;position:absolute;width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{text-align:start;flex-direction:row;gap:1rem;height:100%;padding-block:1rem}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{flex-direction:column;justify-content:center;display:flex}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item:not(:last-child):after{border-inline-end-color:rgba(var(--ax-sys-color-lightest-surface));border-block-start-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"] }]
|
|
212
|
+
args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], styles: [".ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}:root{--ax-comp-step-wizard-connector-size: 2px;--ax-comp-step-wizard-circular-sm-icon-size: 1.5rem;--ax-comp-step-wizard-circular-md-icon-size: 2rem;--ax-comp-step-wizard-circular-lg-icon-size: 2.5rem;--ax-comp-step-wizard-arrow-minimal-sm-icon-size: 1.125rem;--ax-comp-step-wizard-arrow-minimal-md-icon-size: 1.25rem;--ax-comp-step-wizard-arrow-minimal-lg-icon-size: 1.375rem;--ax-comp-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size: 3rem;--ax-comp-step-wizard-with-icon-lg-icon-size: 3.5rem}ax-step-wizard{width:100%;display:flex;justify-content:space-between;@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:.95rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.5rem;height:.5rem}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.5rem}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.875rem}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size)}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:1.125rem}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size)}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.75rem;height:.75rem}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:1rem}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:1rem;font-size:.875rem}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size)}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed) .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:.9}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:1}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-rounded-arrow-minimal{gap:0;border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:9999px;overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{position:relative;flex:1 1 0;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;text-align:start;padding:.25rem .625rem;opacity:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";position:absolute;inset-inline-end:0;top:50%;z-index:1;width:.75rem;height:.75rem;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg);pointer-events:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;box-shadow:none;color:rgba(var(--ax-sys-color-on-lightest-surface));font-weight:600;font-size:.6875rem}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{line-height:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:500;font-size:.75rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal{gap:0;border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:0;overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{position:relative;flex:1 1 0;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;text-align:start;padding:.25rem .625rem;opacity:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";position:absolute;inset-inline-end:0;top:50%;z-index:1;width:.75rem;height:.75rem;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg);pointer-events:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;box-shadow:none;color:rgba(var(--ax-sys-color-on-lightest-surface));font-weight:600;font-size:.6875rem}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{line-height:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:500;font-size:.75rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;border-width:2px;border-radius:50%;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:.75rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:.95}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:.75rem}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:1rem;width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item:not(:last-child):after{border-inline-end-color:rgba(var(--ax-sys-color-lightest-surface));border-block-start-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"] }]
|
|
213
213
|
}], propDecorators: { connector: [{ type: i0.Input, args: [{ isSignal: true, alias: "connector", required: false }] }], scrollToStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToStep", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], changeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeStep", required: false }] }], stepChanged: [{ type: i0.Output, args: ["stepChanged"] }], steps: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXStepWizardItemComponent), { isSignal: true }] }], orientation: [{
|
|
214
214
|
type: Input
|
|
215
215
|
}], content: [{
|