@acorex/components 21.0.1-next.53 → 21.0.1-next.56

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.
Files changed (143) hide show
  1. package/fab/README.md +3 -0
  2. package/fesm2022/acorex-components-accordion.mjs +4 -4
  3. package/fesm2022/acorex-components-action-sheet.mjs +2 -2
  4. package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
  5. package/fesm2022/acorex-components-alert.mjs +2 -2
  6. package/fesm2022/acorex-components-audio-wave.mjs +2 -2
  7. package/fesm2022/acorex-components-avatar.mjs +2 -2
  8. package/fesm2022/acorex-components-avatar.mjs.map +1 -1
  9. package/fesm2022/acorex-components-badge.mjs +2 -2
  10. package/fesm2022/acorex-components-bottom-navigation.mjs +2 -2
  11. package/fesm2022/acorex-components-breadcrumbs.mjs +2 -2
  12. package/fesm2022/acorex-components-button-group.mjs +2 -2
  13. package/fesm2022/acorex-components-button.mjs +4 -4
  14. package/fesm2022/acorex-components-calendar.mjs +4 -4
  15. package/fesm2022/acorex-components-check-box.mjs +2 -2
  16. package/fesm2022/acorex-components-chips.mjs +2 -2
  17. package/fesm2022/acorex-components-circular-progress.mjs +2 -2
  18. package/fesm2022/acorex-components-code-editor.mjs +2 -2
  19. package/fesm2022/acorex-components-code-editor.mjs.map +1 -1
  20. package/fesm2022/acorex-components-color-box.mjs +2 -2
  21. package/fesm2022/acorex-components-color-box.mjs.map +1 -1
  22. package/fesm2022/acorex-components-color-palette.mjs +2 -2
  23. package/fesm2022/acorex-components-command.mjs +2 -2
  24. package/fesm2022/acorex-components-command.mjs.map +1 -1
  25. package/fesm2022/acorex-components-comment.mjs +6 -6
  26. package/fesm2022/acorex-components-comment.mjs.map +1 -1
  27. package/fesm2022/acorex-components-conversation.mjs +1 -1
  28. package/fesm2022/acorex-components-conversation.mjs.map +1 -1
  29. package/fesm2022/acorex-components-conversation2.mjs +3817 -2952
  30. package/fesm2022/acorex-components-conversation2.mjs.map +1 -1
  31. package/fesm2022/acorex-components-data-pager.mjs +2 -2
  32. package/fesm2022/acorex-components-data-table.mjs +2 -2
  33. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  34. package/fesm2022/acorex-components-datetime-box.mjs +2 -2
  35. package/fesm2022/acorex-components-datetime-input.mjs +2 -2
  36. package/fesm2022/acorex-components-datetime-picker.mjs +2 -2
  37. package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
  38. package/fesm2022/acorex-components-decorators.mjs +8 -8
  39. package/fesm2022/acorex-components-decorators.mjs.map +1 -1
  40. package/fesm2022/acorex-components-dialog.mjs +2 -2
  41. package/fesm2022/acorex-components-drawer.mjs +4 -4
  42. package/fesm2022/acorex-components-dropdown-button.mjs +2 -2
  43. package/fesm2022/acorex-components-dropdown.mjs +3 -3
  44. package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
  45. package/fesm2022/acorex-components-editor.mjs +2 -2
  46. package/fesm2022/acorex-components-editor.mjs.map +1 -1
  47. package/fesm2022/acorex-components-fab.mjs +114 -0
  48. package/fesm2022/acorex-components-fab.mjs.map +1 -0
  49. package/fesm2022/acorex-components-file-explorer.mjs +1 -1
  50. package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
  51. package/fesm2022/acorex-components-form.mjs +2 -2
  52. package/fesm2022/acorex-components-form.mjs.map +1 -1
  53. package/fesm2022/acorex-components-image-editor.mjs +14 -14
  54. package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
  55. package/fesm2022/acorex-components-image.mjs +2 -2
  56. package/fesm2022/acorex-components-json-viewer.mjs +2 -2
  57. package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
  58. package/fesm2022/acorex-components-kanban.mjs +2 -2
  59. package/fesm2022/acorex-components-kanban.mjs.map +1 -1
  60. package/fesm2022/acorex-components-kbd.mjs +2 -2
  61. package/fesm2022/acorex-components-label.mjs +2 -2
  62. package/fesm2022/acorex-components-list.mjs +62 -14
  63. package/fesm2022/acorex-components-list.mjs.map +1 -1
  64. package/fesm2022/acorex-components-loading-dialog.mjs +2 -2
  65. package/fesm2022/acorex-components-loading.mjs +76 -36
  66. package/fesm2022/acorex-components-loading.mjs.map +1 -1
  67. package/fesm2022/acorex-components-map.mjs +2 -2
  68. package/fesm2022/acorex-components-media-viewer.mjs +10 -10
  69. package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
  70. package/fesm2022/acorex-components-menu.mjs +33 -13
  71. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  72. package/fesm2022/{acorex-components-modal-acorex-components-modal-B03hJbP8.mjs → acorex-components-modal-acorex-components-modal-Bjw8EpLk.mjs} +4 -4
  73. package/fesm2022/{acorex-components-modal-acorex-components-modal-B03hJbP8.mjs.map → acorex-components-modal-acorex-components-modal-Bjw8EpLk.mjs.map} +1 -1
  74. package/fesm2022/{acorex-components-modal-modal-content.component-DrHm0mZ4.mjs → acorex-components-modal-modal-content.component-A2h_OC6e.mjs} +4 -4
  75. package/fesm2022/{acorex-components-modal-modal-content.component-DrHm0mZ4.mjs.map → acorex-components-modal-modal-content.component-A2h_OC6e.mjs.map} +1 -1
  76. package/fesm2022/acorex-components-modal.mjs +1 -1
  77. package/fesm2022/acorex-components-navbar.mjs +2 -2
  78. package/fesm2022/acorex-components-notification.mjs +2 -2
  79. package/fesm2022/acorex-components-notification.mjs.map +1 -1
  80. package/fesm2022/acorex-components-number-box.mjs +2 -2
  81. package/fesm2022/acorex-components-otp.mjs +2 -2
  82. package/fesm2022/acorex-components-paint.mjs +4 -4
  83. package/fesm2022/acorex-components-password-box.mjs +2 -2
  84. package/fesm2022/acorex-components-pdf-reader.mjs +2 -2
  85. package/fesm2022/acorex-components-phone-box.mjs +2 -2
  86. package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
  87. package/fesm2022/acorex-components-picker.mjs +6 -6
  88. package/fesm2022/acorex-components-popover.mjs +4 -3
  89. package/fesm2022/acorex-components-popover.mjs.map +1 -1
  90. package/fesm2022/acorex-components-popup.mjs +3 -2
  91. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  92. package/fesm2022/acorex-components-progress-bar.mjs +2 -2
  93. package/fesm2022/acorex-components-qrcode.mjs +2 -2
  94. package/fesm2022/acorex-components-query-builder.mjs +2 -2
  95. package/fesm2022/acorex-components-radio.mjs +2 -2
  96. package/fesm2022/acorex-components-rail-navigation.mjs +2 -2
  97. package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
  98. package/fesm2022/acorex-components-range-slider.mjs +2 -2
  99. package/fesm2022/acorex-components-rate-picker.mjs +2 -2
  100. package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
  101. package/fesm2022/acorex-components-result.mjs +2 -2
  102. package/fesm2022/acorex-components-routing-progress.mjs +2 -2
  103. package/fesm2022/acorex-components-scheduler.mjs +18 -18
  104. package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
  105. package/fesm2022/acorex-components-select-box.mjs +2 -2
  106. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  107. package/fesm2022/acorex-components-selection-list-2.mjs +2 -2
  108. package/fesm2022/acorex-components-selection-list.mjs +2 -2
  109. package/fesm2022/acorex-components-side-menu.mjs +2 -2
  110. package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
  111. package/fesm2022/acorex-components-skeleton.mjs +2 -2
  112. package/fesm2022/acorex-components-sliding-item.mjs +2 -2
  113. package/fesm2022/acorex-components-step-wizard.mjs +2 -2
  114. package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
  115. package/fesm2022/acorex-components-switch.mjs +2 -2
  116. package/fesm2022/acorex-components-tabs.mjs +2 -2
  117. package/fesm2022/acorex-components-tag-box.mjs +2 -2
  118. package/fesm2022/acorex-components-tag.mjs +2 -2
  119. package/fesm2022/acorex-components-text-area.mjs +2 -2
  120. package/fesm2022/acorex-components-text-box.mjs +2 -2
  121. package/fesm2022/acorex-components-text-box.mjs.map +1 -1
  122. package/fesm2022/acorex-components-time-duration.mjs +5 -0
  123. package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
  124. package/fesm2022/acorex-components-time-line.mjs +4 -4
  125. package/fesm2022/acorex-components-time-line.mjs.map +1 -1
  126. package/fesm2022/acorex-components-toast.mjs +2 -2
  127. package/fesm2022/acorex-components-toolbar.mjs +2 -2
  128. package/fesm2022/acorex-components-tooltip.mjs +26 -15
  129. package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
  130. package/fesm2022/acorex-components-uploader.mjs +6 -6
  131. package/fesm2022/acorex-components-uploader.mjs.map +1 -1
  132. package/fesm2022/acorex-components-wysiwyg.mjs +6 -6
  133. package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
  134. package/package.json +7 -6
  135. package/types/acorex-components-action-sheet.d.ts +1 -1
  136. package/types/acorex-components-conversation2.d.ts +1106 -863
  137. package/types/acorex-components-fab.d.ts +50 -0
  138. package/types/acorex-components-list.d.ts +23 -1
  139. package/types/acorex-components-loading.d.ts +3 -1
  140. package/types/acorex-components-menu.d.ts +3 -1
  141. package/types/acorex-components-popover.d.ts +2 -1
  142. package/types/acorex-components-select-box.d.ts +6 -6
  143. package/types/acorex-components-tooltip.d.ts +2 -0
package/fesm2022/acorex-components-step-wizard.mjs CHANGED
@@ -204,11 +204,11 @@ class AXStepWizardComponent extends MXBaseComponent {
204
204
  return classList;
205
205
  }
206
206
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
207
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.3", 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: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\";--tw-font-weight:initial;--tw-border-style:solid}}}@layer base{ax-step-wizard{--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-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}}@layer components{ax-step-wizard{justify-content:space-between;width:100%;display:flex}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 3)}: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:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}: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;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}: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:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem) * 2);height:calc(var(--spacing,.25rem) * 2);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 2)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 4)}: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:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}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{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 3)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 4)}: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:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}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{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 4)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}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{height:var(--ax-comp-step-wizard-connector-size);background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));transition-property:background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:\"\";content:var(--tw-content);position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:calc(var(--spacing,.25rem) * 0)}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:calc(var(--spacing,.25rem) * 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{transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));background-color:var(--color-lighter,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:where(.dark,.dark *){border-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;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{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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:var(--color-primary,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{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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;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{background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content)}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-darkest,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:var(--color-on-primary,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{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:var(--color-surface,rgba(var(--ax-sys-color-surface)));border:unset}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{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);background-color:#0000;border-radius:3.40282e38px;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:var(--color-on-surface,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:var(--color-on-lightest,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,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:var(--color-warning,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:var(--color-on-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));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:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-dark,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-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-property:font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,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-step-wizard-item-icon-container .ax-step-wizard-item-icon:where(.dark,.dark *){border-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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:var(--color-darkest,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));background-color:var(--color-darkest,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!important}: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:var(--color-light,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!important}: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{position:unset;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;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!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-warning{color:var(--color-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-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!important}: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:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}: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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--radius-default)!important;border-radius:var(--radius-default,var(--ax-sys-border-radius))!important}ax-step-wizard.ax-look-text-line{gap:1rem;gap:calc(var(--spacing,.25rem) * 4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{height:calc(var(--spacing,.25rem) * 1);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));width:100%;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}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!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing,.25rem) * 3)}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-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-lightest,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:var(--color-primary,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:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:var(--color-on-lightest,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:calc(var(--spacing,.25rem) * 3)}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{border-radius:var(--radius-2xl,1rem);--tw-content:\"\";content:var(--tw-content);position:absolute;transition-property:background-color,height!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:unset;bottom:-1px}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:unset;top:-1px}: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:calc(var(--spacing,.25rem) * 4);height:100%;padding-block:calc(var(--spacing,.25rem) * 4);text-align:start;flex-direction:row}: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}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
207
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.3", 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: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\";--tw-font-weight:initial;--tw-border-style:solid}}}@layer base{ax-step-wizard{--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-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}}@layer components{ax-step-wizard{justify-content:space-between;width:100%;display:flex}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 3)}: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:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}: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;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}: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:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem) * 2);height:calc(var(--spacing,.25rem) * 2);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 2)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 4)}: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:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}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{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 3)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 4)}: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:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}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{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 4)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}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{height:var(--ax-comp-step-wizard-connector-size);background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));transition-property:background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:\"\";content:var(--tw-content);position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:calc(var(--spacing,.25rem) * 0)}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:calc(var(--spacing,.25rem) * 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{transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));background-color:var(--color-lighter,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:where(.dark,.dark *){border-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;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{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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:var(--color-primary,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{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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;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{background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content)}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-darkest,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:var(--color-on-primary,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{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:var(--color-surface);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));border:unset}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{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);background-color:#0000;border-radius:3.40282e38px;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:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:var(--color-on-lightest,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,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:var(--color-warning,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:var(--color-on-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));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:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-dark,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-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-property:font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,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-step-wizard-item-icon-container .ax-step-wizard-item-icon:where(.dark,.dark *){border-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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:var(--color-darkest,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));background-color:var(--color-darkest,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!important}: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:var(--color-light,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!important}: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{position:unset;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;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!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-warning{color:var(--color-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-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!important}: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:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}: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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--radius-default)!important;border-radius:var(--radius-default,var(--ax-sys-border-radius))!important}ax-step-wizard.ax-look-text-line{gap:1rem;gap:calc(var(--spacing,.25rem) * 4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{height:calc(var(--spacing,.25rem) * 1);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));width:100%;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}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!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing,.25rem) * 3)}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-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-lightest,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:var(--color-primary,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:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:var(--color-on-lightest,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:calc(var(--spacing,.25rem) * 3)}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{border-radius:var(--radius-2xl,1rem);--tw-content:\"\";content:var(--tw-content);position:absolute;transition-property:background-color,height!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:unset;bottom:-1px}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:unset;top:-1px}: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:calc(var(--spacing,.25rem) * 4);height:100%;padding-block:calc(var(--spacing,.25rem) * 4);text-align:start;flex-direction:row}: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}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
208
208
  }
209
209
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXStepWizardComponent, decorators: [{
210
210
  type: Component,
211
- 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: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\";--tw-font-weight:initial;--tw-border-style:solid}}}@layer base{ax-step-wizard{--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-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}}@layer components{ax-step-wizard{justify-content:space-between;width:100%;display:flex}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 3)}: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:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}: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;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}: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:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem) * 2);height:calc(var(--spacing,.25rem) * 2);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 2)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 4)}: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:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}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{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 3)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 4)}: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:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}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{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 4)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}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{height:var(--ax-comp-step-wizard-connector-size);background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));transition-property:background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:\"\";content:var(--tw-content);position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:calc(var(--spacing,.25rem) * 0)}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:calc(var(--spacing,.25rem) * 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{transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));background-color:var(--color-lighter,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:where(.dark,.dark *){border-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;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{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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:var(--color-primary,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{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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;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{background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content)}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-darkest,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:var(--color-on-primary,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{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:var(--color-surface,rgba(var(--ax-sys-color-surface)));border:unset}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{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);background-color:#0000;border-radius:3.40282e38px;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:var(--color-on-surface,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:var(--color-on-lightest,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,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:var(--color-warning,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:var(--color-on-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));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:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-dark,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-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-property:font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,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-step-wizard-item-icon-container .ax-step-wizard-item-icon:where(.dark,.dark *){border-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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:var(--color-darkest,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));background-color:var(--color-darkest,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!important}: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:var(--color-light,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!important}: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{position:unset;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;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!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-warning{color:var(--color-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-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!important}: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:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}: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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--radius-default)!important;border-radius:var(--radius-default,var(--ax-sys-border-radius))!important}ax-step-wizard.ax-look-text-line{gap:1rem;gap:calc(var(--spacing,.25rem) * 4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{height:calc(var(--spacing,.25rem) * 1);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));width:100%;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}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!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing,.25rem) * 3)}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-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-lightest,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:var(--color-primary,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:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:var(--color-on-lightest,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:calc(var(--spacing,.25rem) * 3)}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{border-radius:var(--radius-2xl,1rem);--tw-content:\"\";content:var(--tw-content);position:absolute;transition-property:background-color,height!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:unset;bottom:-1px}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:unset;top:-1px}: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:calc(var(--spacing,.25rem) * 4);height:100%;padding-block:calc(var(--spacing,.25rem) * 4);text-align:start;flex-direction:row}: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}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n"] }]
211
+ 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: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\";--tw-font-weight:initial;--tw-border-style:solid}}}@layer base{ax-step-wizard{--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-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}}@layer components{ax-step-wizard{justify-content:space-between;width:100%;display:flex}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 3)}: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:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}: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;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}: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:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem) * 2);height:calc(var(--spacing,.25rem) * 2);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 2)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 4)}: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:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}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{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 3)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing,.25rem) * 4)}: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:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}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{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);--tw-content:\"\";content:var(--tw-content)}: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:calc(var(--spacing,.25rem) * 4)}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}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{height:var(--ax-comp-step-wizard-connector-size);background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));transition-property:background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:\"\";content:var(--tw-content);position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:calc(var(--spacing,.25rem) * 0)}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:calc(var(--spacing,.25rem) * 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{transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));background-color:var(--color-lighter,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:where(.dark,.dark *){border-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;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{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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:var(--color-primary,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{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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;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{background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content)}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-darkest,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:var(--color-on-primary,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{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:var(--color-surface);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));border:unset}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{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);background-color:#0000;border-radius:3.40282e38px;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:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:var(--color-on-lightest,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,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:var(--color-warning,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:var(--color-on-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));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:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-dark,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-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-property:font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,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-step-wizard-item-icon-container .ax-step-wizard-item-icon:where(.dark,.dark *){border-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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:var(--color-darkest,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));background-color:var(--color-darkest,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!important}: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:var(--color-light,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!important}: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{position:unset;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;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!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-warning{color:var(--color-warning,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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-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!important}: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:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}: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-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--radius-default)!important;border-radius:var(--radius-default,var(--ax-sys-border-radius))!important}ax-step-wizard.ax-look-text-line{gap:1rem;gap:calc(var(--spacing,.25rem) * 4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{height:calc(var(--spacing,.25rem) * 1);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));width:100%;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}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!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing,.25rem) * 3)}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-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-lightest,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:var(--color-primary,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:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:var(--color-on-lightest,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:calc(var(--spacing,.25rem) * 3)}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{border-radius:var(--radius-2xl,1rem);--tw-content:\"\";content:var(--tw-content);position:absolute;transition-property:background-color,height!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:unset;bottom:-1px}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:unset;top:-1px}: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:calc(var(--spacing,.25rem) * 4);height:100%;padding-block:calc(var(--spacing,.25rem) * 4);text-align:start;flex-direction:row}: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}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
212
212
  }], 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: [{
213
213
  type: Input
214
214
  }], content: [{
package/fesm2022/acorex-components-step-wizard.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"acorex-components-step-wizard.mjs","sources":["../../../../packages/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.ts","../../../../packages/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.html","../../../../packages/components/step-wizard/src/lib/step-wizard.directive.ts","../../../../packages/components/step-wizard/src/lib/step-wizard.component.ts","../../../../packages/components/step-wizard/src/lib/step-wizard.module.ts","../../../../packages/components/step-wizard/src/acorex-components-step-wizard.ts"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXProgressBarComponent } from '@acorex/components/progress-bar';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n TemplateRef,\n ViewEncapsulation,\n computed,\n input,\n model,\n signal,\n viewChild,\n} from '@angular/core';\nimport { AXStepWizardLook, AXStepWizardState } from '../step-wizard.class';\n\n@Component({\n selector: 'ax-step-wizard-item',\n inputs: ['disabled', 'color'],\n templateUrl: './step-wizard-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [NgTemplateOutlet, AXProgressBarComponent],\n providers: [{ provide: AXComponent, useExisting: AXStepWizardItemComponent }],\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n step = input(1);\n label = input('');\n description = input('');\n customTemplate = input<TemplateRef<unknown>>();\n\n active = model<boolean>(false);\n passed = model<boolean>(false);\n look = model<AXStepWizardLook>();\n state = model<AXStepWizardState>('clear');\n\n stepId = signal<string>('');\n\n className = computed<string>(() => (this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : ''));\n\n template = viewChild<TemplateRef<unknown>>('content');\n\n @Input()\n public override set id(v: string) {\n this.stepId.set(v);\n }\n\n @HostBinding('class')\n private get __hostClass(): string[] {\n return [this.className(), `ax-state-${this.state()}`];\n }\n}\n","@if (look() === 'rounded-icon' || look() === 'circular-icon' || look() === 'circular') {\n <div class=\"ax-step-wizard-item-icon-container\">\n <div class=\"ax-step-wizard-item-icon\">\n @if (state() === 'error') {\n <div class=\"ax-icon ax-icon-close\"></div>\n } @else if (state() === 'success') {\n <div class=\"ax-icon ax-icon-check\"></div>\n } @else if (state() === 'warning') {\n <div class=\"ax-icon ax-icon-warning\"></div>\n }\n <ng-container [ngTemplateOutlet]=\"icon\"> </ng-container>\n </div>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else if (look() === 'text-line') {\n @if (state() === 'pending') {\n <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\"> </ax-progress-bar>\n } @else {\n <div class=\"ax-step-wizard-indicator\"></div>\n }\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else {\n @if (customTemplate()) {\n <ng-container [ngTemplateOutlet]=\"customTemplate()\"> </ng-container>\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n","import { Directive, TemplateRef, ViewContainerRef, inject } from '@angular/core';\n\n@Directive({\n selector: '[axStepWizardContent]',\n exportAs: 'axStepWizardContent',\n inputs: ['portal: axStepWizardContent'],\n})\nexport class AXStepWizardContentDirective {\n private _viewContainerRef = inject(ViewContainerRef);\n\n private _portal: TemplateRef<any> | undefined;\n public get portal(): TemplateRef<any> | undefined {\n return this._portal;\n }\n public set portal(v: TemplateRef<any> | undefined) {\n if (v) {\n this._portal = v;\n this._viewContainerRef.clear();\n this._viewContainerRef.createEmbeddedView(v, null, 0);\n }\n }\n}\n","import { AXComponent, AXOrientation, MXBaseComponent } from '@acorex/cdk/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n OnInit,\n ViewEncapsulation,\n computed,\n contentChildren,\n effect,\n input,\n output,\n signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook, AXStepWizardSize } from './step-wizard.class';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\n/**\n * @category\n * A component for creating a step-by-step wizard interface.\n */\n@Component({\n selector: 'ax-step-wizard',\n template: ` <ng-content select=\"ax-step-wizard-item\"></ng-content> `,\n styleUrls: ['./step-wizard.component.compiled.css'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }],\n})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n connector = input(true);\n /**\n * Whether to automatically scroll to the active step when it changes\n */\n scrollToStep = input<boolean>(true);\n size = input<AXStepWizardSize>('ax-md');\n look = input<AXStepWizardLook>('circular-icon');\n changeStep = input(false);\n\n stepChanged = output<AXStepWizardItemComponent>();\n\n #changeStepEffect = effect(() => {\n this.steps().forEach((item, i = 1) => {\n const stepItem = item.getHostElement();\n if (this.changeStep()) {\n stepItem.addEventListener('click', () => this.goStep(i));\n stepItem.style.pointerEvents = 'auto';\n stepItem.style.cursor = 'pointer';\n } else {\n stepItem.style.pointerEvents = 'none';\n stepItem.style.cursor = 'default';\n }\n i++;\n });\n });\n\n /**\n * Current active step index (0-based)\n */\n public activeStepIndex = signal<number>(0);\n\n /** @ignore */\n protected activeOrientation = signal<AXOrientation>(this.orientation);\n\n public isFirst = computed<boolean>(() => this.activeStepIndex() === 0);\n public isLast = computed<boolean>(() => this.activeStepIndex() === this.steps()?.length - 1);\n\n #effect = effect(() => {\n this.steps()?.forEach((s) => {\n s.look.set(this.look());\n });\n });\n\n /** @ignore */\n #stepChangeEffect = effect(() => {\n const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n this.steps().forEach((s, i) => {\n s.active.set(false);\n s.passed.set(false);\n if (i < this.activeStepIndex()) {\n this.steps()[i].passed.set(true);\n }\n });\n if (this.scrollToStep()) {\n this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'center',\n });\n }\n this.steps()[this.activeStepIndex()].active.set(true);\n setTimeout(() => {\n this.changeStepContent(step);\n this.stepChanged.emit(step);\n });\n });\n\n /** @ignore */\n private changeStepContent(step?: AXStepWizardItemComponent) {\n if (this.content && step) {\n this.content.portal = step.template();\n }\n }\n\n /** @ignore */\n override ngOnInit() {\n super.ngOnInit();\n }\n\n /** @ignore */\n // @ContentChildren(AXStepWizardItemComponent, { descendants: true })\n steps = contentChildren(AXStepWizardItemComponent);\n\n /**\n * Sets the orientation of the component.\n *\n * @param v\n */\n @Input()\n public set orientation(v: AXOrientation) {\n this.activeOrientation.set(v);\n }\n\n @Input()\n content!: AXStepWizardContentDirective;\n\n /**\n * Advances to the next step if available.\n */\n public next() {\n this.activeStepIndex.update((prev) => {\n if (prev < this.steps().length - 1) return prev + 1;\n else return prev;\n });\n }\n\n /**\n * Moves to the previous step if available.\n */\n public previous() {\n this.activeStepIndex.update((prev) => {\n if (prev > 0) return prev - 1;\n else return prev;\n });\n }\n\n /**\n * Directly navigates to the specified step by its index.\n * @param stepIndex - The step index to navigate to\n */\n public goStep(stepIndex: number) {\n this.activeStepIndex.set(stepIndex - 1);\n }\n\n /**\n * Resets the wizard to the first step.\n */\n public reset() {\n this.activeStepIndex.set(0);\n }\n\n /** @ignore */\n @HostBinding('class')\n private get __hostClass(): string[] {\n const classList = [`ax-look-${this.look()}`, this.size()];\n if (this.activeOrientation() == 'vertical') {\n classList.push('ax-vertical');\n }\n if (this.connector()) {\n classList.push('ax-connector');\n }\n return classList;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardComponent } from './step-wizard.component';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\nconst COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];\n\n@NgModule({\n imports: [...COMPONENT],\n exports: [...COMPONENT],\n})\nexport class AXStepWizardModule {}\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-step-wizard.mjs","sources":["../../../../packages/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.ts","../../../../packages/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.html","../../../../packages/components/step-wizard/src/lib/step-wizard.directive.ts","../../../../packages/components/step-wizard/src/lib/step-wizard.component.ts","../../../../packages/components/step-wizard/src/lib/step-wizard.module.ts","../../../../packages/components/step-wizard/src/acorex-components-step-wizard.ts"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXProgressBarComponent } from '@acorex/components/progress-bar';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n TemplateRef,\n ViewEncapsulation,\n computed,\n input,\n model,\n signal,\n viewChild,\n} from '@angular/core';\nimport { AXStepWizardLook, AXStepWizardState } from '../step-wizard.class';\n\n@Component({\n selector: 'ax-step-wizard-item',\n inputs: ['disabled', 'color'],\n templateUrl: './step-wizard-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [NgTemplateOutlet, AXProgressBarComponent],\n providers: [{ provide: AXComponent, useExisting: AXStepWizardItemComponent }],\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n step = input(1);\n label = input('');\n description = input('');\n customTemplate = input<TemplateRef<unknown>>();\n\n active = model<boolean>(false);\n passed = model<boolean>(false);\n look = model<AXStepWizardLook>();\n state = model<AXStepWizardState>('clear');\n\n stepId = signal<string>('');\n\n className = computed<string>(() => (this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : ''));\n\n template = viewChild<TemplateRef<unknown>>('content');\n\n @Input()\n public override set id(v: string) {\n this.stepId.set(v);\n }\n\n @HostBinding('class')\n private get __hostClass(): string[] {\n return [this.className(), `ax-state-${this.state()}`];\n }\n}\n","@if (look() === 'rounded-icon' || look() === 'circular-icon' || look() === 'circular') {\n <div class=\"ax-step-wizard-item-icon-container\">\n <div class=\"ax-step-wizard-item-icon\">\n @if (state() === 'error') {\n <div class=\"ax-icon ax-icon-close\"></div>\n } @else if (state() === 'success') {\n <div class=\"ax-icon ax-icon-check\"></div>\n } @else if (state() === 'warning') {\n <div class=\"ax-icon ax-icon-warning\"></div>\n }\n <ng-container [ngTemplateOutlet]=\"icon\"> </ng-container>\n </div>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else if (look() === 'text-line') {\n @if (state() === 'pending') {\n <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\"> </ax-progress-bar>\n } @else {\n <div class=\"ax-step-wizard-indicator\"></div>\n }\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else {\n @if (customTemplate()) {\n <ng-container [ngTemplateOutlet]=\"customTemplate()\"> </ng-container>\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n","import { Directive, TemplateRef, ViewContainerRef, inject } from '@angular/core';\n\n@Directive({\n selector: '[axStepWizardContent]',\n exportAs: 'axStepWizardContent',\n inputs: ['portal: axStepWizardContent'],\n})\nexport class AXStepWizardContentDirective {\n private _viewContainerRef = inject(ViewContainerRef);\n\n private _portal: TemplateRef<any> | undefined;\n public get portal(): TemplateRef<any> | undefined {\n return this._portal;\n }\n public set portal(v: TemplateRef<any> | undefined) {\n if (v) {\n this._portal = v;\n this._viewContainerRef.clear();\n this._viewContainerRef.createEmbeddedView(v, null, 0);\n }\n }\n}\n","import { AXComponent, AXOrientation, MXBaseComponent } from '@acorex/cdk/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n OnInit,\n ViewEncapsulation,\n computed,\n contentChildren,\n effect,\n input,\n output,\n signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook, AXStepWizardSize } from './step-wizard.class';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\n/**\n * @category\n * A component for creating a step-by-step wizard interface.\n */\n@Component({\n selector: 'ax-step-wizard',\n template: ` <ng-content select=\"ax-step-wizard-item\"></ng-content> `,\n styleUrls: ['./step-wizard.component.compiled.css'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }],\n})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n connector = input(true);\n /**\n * Whether to automatically scroll to the active step when it changes\n */\n scrollToStep = input<boolean>(true);\n size = input<AXStepWizardSize>('ax-md');\n look = input<AXStepWizardLook>('circular-icon');\n changeStep = input(false);\n\n stepChanged = output<AXStepWizardItemComponent>();\n\n #changeStepEffect = effect(() => {\n this.steps().forEach((item, i = 1) => {\n const stepItem = item.getHostElement();\n if (this.changeStep()) {\n stepItem.addEventListener('click', () => this.goStep(i));\n stepItem.style.pointerEvents = 'auto';\n stepItem.style.cursor = 'pointer';\n } else {\n stepItem.style.pointerEvents = 'none';\n stepItem.style.cursor = 'default';\n }\n i++;\n });\n });\n\n /**\n * Current active step index (0-based)\n */\n public activeStepIndex = signal<number>(0);\n\n /** @ignore */\n protected activeOrientation = signal<AXOrientation>(this.orientation);\n\n public isFirst = computed<boolean>(() => this.activeStepIndex() === 0);\n public isLast = computed<boolean>(() => this.activeStepIndex() === this.steps()?.length - 1);\n\n #effect = effect(() => {\n this.steps()?.forEach((s) => {\n s.look.set(this.look());\n });\n });\n\n /** @ignore */\n #stepChangeEffect = effect(() => {\n const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n this.steps().forEach((s, i) => {\n s.active.set(false);\n s.passed.set(false);\n if (i < this.activeStepIndex()) {\n this.steps()[i].passed.set(true);\n }\n });\n if (this.scrollToStep()) {\n this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'center',\n });\n }\n this.steps()[this.activeStepIndex()].active.set(true);\n setTimeout(() => {\n this.changeStepContent(step);\n this.stepChanged.emit(step);\n });\n });\n\n /** @ignore */\n private changeStepContent(step?: AXStepWizardItemComponent) {\n if (this.content && step) {\n this.content.portal = step.template();\n }\n }\n\n /** @ignore */\n override ngOnInit() {\n super.ngOnInit();\n }\n\n /** @ignore */\n // @ContentChildren(AXStepWizardItemComponent, { descendants: true })\n steps = contentChildren(AXStepWizardItemComponent);\n\n /**\n * Sets the orientation of the component.\n *\n * @param v\n */\n @Input()\n public set orientation(v: AXOrientation) {\n this.activeOrientation.set(v);\n }\n\n @Input()\n content!: AXStepWizardContentDirective;\n\n /**\n * Advances to the next step if available.\n */\n public next() {\n this.activeStepIndex.update((prev) => {\n if (prev < this.steps().length - 1) return prev + 1;\n else return prev;\n });\n }\n\n /**\n * Moves to the previous step if available.\n */\n public previous() {\n this.activeStepIndex.update((prev) => {\n if (prev > 0) return prev - 1;\n else return prev;\n });\n }\n\n /**\n * Directly navigates to the specified step by its index.\n * @param stepIndex - The step index to navigate to\n */\n public goStep(stepIndex: number) {\n this.activeStepIndex.set(stepIndex - 1);\n }\n\n /**\n * Resets the wizard to the first step.\n */\n public reset() {\n this.activeStepIndex.set(0);\n }\n\n /** @ignore */\n @HostBinding('class')\n private get __hostClass(): string[] {\n const classList = [`ax-look-${this.look()}`, this.size()];\n if (this.activeOrientation() == 'vertical') {\n classList.push('ax-vertical');\n }\n if (this.connector()) {\n classList.push('ax-connector');\n }\n return classList;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardComponent } from './step-wizard.component';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\nconst COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];\n\n@NgModule({\n imports: [...COMPONENT],\n exports: [...COMPONENT],\n})\nexport class AXStepWizardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2022/acorex-components-switch.mjs CHANGED
@@ -59,7 +59,7 @@ class AXSwitchComponent extends classes((MXValueComponent), MXColorComponent) {
59
59
  multi: true,
60
60
  },
61
61
  { provide: AXComponent, useExisting: AXSwitchComponent },
62
- ], usesInheritance: true, ngImport: i0, template: "<button\n type=\"button\"\n role=\"switch\"\n [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-readonly]=\"readonly\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n [class.ax-switch-checked]=\"value\"\n (click)=\"_handleOnClickEvent($event)\"\n>\n <div class=\"ax-switch-handle\">\n @if (isLoading) {\n <span class=\"ax-loader\"></span>\n }\n @if (!isLoading) {\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\n }\n @if (!isLoading && value) {\n <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n }\n @if (!isLoading && !value) {\n <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n }\n </div>\n @if (!value) {\n <span class=\"ax-switch-inner\">\n <ng-content select=\"ax-switch-off-content\"></ng-content>\n </span>\n }\n @if (value) {\n <span class=\"ax-switch-inner\">\n <ng-content select=\"ax-switch-on-content\"></ng-content>\n </span>\n }\n</button>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}@layer components{ax-switch{--tw-leading:initial;line-height:initial;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-switch.ax-sm button{height:calc(var(--spacing,.25rem) * 4);min-width:calc(var(--spacing,.25rem) * 8);--tw-leading:calc(var(--spacing,.25rem) * 4);line-height:calc(var(--spacing,.25rem) * 4)}ax-switch.ax-sm button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 4)}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:calc(var(--spacing,.25rem) * 2.5);min-width:calc(var(--spacing,.25rem) * 2.5)}ax-switch.ax-sm .ax-switch-handle{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}ax-switch.ax-lg button{height:calc(var(--spacing,.25rem) * 6);min-width:calc(var(--spacing,.25rem) * 12);--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}ax-switch.ax-lg button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 6)}ax-switch.ax-lg .ax-switch-handle{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}ax-switch button{height:calc(var(--spacing,.25rem) * 5);min-width:calc(var(--spacing,.25rem) * 10);cursor:pointer;background-color:#0000004d;border-radius:3.40282e38px;display:inline-block;position:relative}@supports (color:color-mix(in lab,red,red)){ax-switch button{background-color:color-mix(in oklab,var(--color-black,#000) 30%,transparent)}}ax-switch button{vertical-align:middle;--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-switch button:where(.dark,.dark *){background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){ax-switch button:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white,#fff) 30%,transparent)}}ax-switch button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--ax-comp-bg,var(--color-surface))}ax-switch button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 6)}ax-switch button.ax-switch-checked{background-color:var(--ax-comp-bg,var(--color-surface))}ax-switch button.ax-switch-checked .ax-switch-handle{background-color:var(--ax-comp-text,var(--color-dark));inset-inline-start:initial;inset-inline-end:calc(var(--spacing,.25rem) * .5)}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline:.375rem 1.5rem}ax-switch button .ax-switch-handle{inset-inline-start:calc(var(--spacing,.25rem) * .5);top:calc(var(--spacing,.25rem) * .5);width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;font-size:80%;display:flex;position:absolute}ax-switch button .ax-switch-handle:active{width:calc(var(--spacing,.25rem) * 6)}ax-switch button .ax-switch-handle .ax-loader{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 3);min-width:calc(var(--spacing,.25rem) * 3);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:2px;border-color:var(--ax-comp-bg,var(--color-surface));border-bottom-color:#0000;border-radius:3.40282e38px;animation:.5s linear infinite rotation;display:inline-block;position:absolute;top:50%}ax-switch button .ax-switch-handle:before{content:\"\";transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:var(--ax-sys-color-surface);border-radius:3.40282e38px;position:absolute}ax-switch button .ax-switch-inner{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));margin-inline-start:calc(var(--spacing,.25rem) * 6);margin-inline-end:calc(var(--spacing,.25rem) * 1.5);display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{padding-inline:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);display:flex}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
62
+ ], usesInheritance: true, ngImport: i0, template: "<button\n type=\"button\"\n role=\"switch\"\n [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-readonly]=\"readonly\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n [class.ax-switch-checked]=\"value\"\n (click)=\"_handleOnClickEvent($event)\"\n>\n <div class=\"ax-switch-handle\">\n @if (isLoading) {\n <span class=\"ax-loader\"></span>\n }\n @if (!isLoading) {\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\n }\n @if (!isLoading && value) {\n <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n }\n @if (!isLoading && !value) {\n <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n }\n </div>\n @if (!value) {\n <span class=\"ax-switch-inner\">\n <ng-content select=\"ax-switch-off-content\"></ng-content>\n </span>\n }\n @if (value) {\n <span class=\"ax-switch-inner\">\n <ng-content select=\"ax-switch-on-content\"></ng-content>\n </span>\n }\n</button>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}@layer components{ax-switch{--tw-leading:initial;line-height:initial;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-switch.ax-sm button{height:calc(var(--spacing,.25rem) * 4);min-width:calc(var(--spacing,.25rem) * 8);--tw-leading:calc(var(--spacing,.25rem) * 4);line-height:calc(var(--spacing,.25rem) * 4)}ax-switch.ax-sm button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 4)}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:calc(var(--spacing,.25rem) * 2.5);min-width:calc(var(--spacing,.25rem) * 2.5)}ax-switch.ax-sm .ax-switch-handle{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}ax-switch.ax-lg button{height:calc(var(--spacing,.25rem) * 6);min-width:calc(var(--spacing,.25rem) * 12);--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}ax-switch.ax-lg button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 6)}ax-switch.ax-lg .ax-switch-handle{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}ax-switch button{height:calc(var(--spacing,.25rem) * 5);min-width:calc(var(--spacing,.25rem) * 10);cursor:pointer;background-color:#0000004d;border-radius:3.40282e38px;display:inline-block;position:relative}@supports (color:color-mix(in lab,red,red)){ax-switch button{background-color:color-mix(in oklab,var(--color-black,#000) 30%,transparent)}}ax-switch button{vertical-align:middle;--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-switch button:where(.dark,.dark *){background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){ax-switch button:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white,#fff) 30%,transparent)}}ax-switch button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--ax-comp-bg,var(--color-surface))}ax-switch button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 6)}ax-switch button.ax-switch-checked{background-color:var(--ax-comp-bg,var(--color-surface))}ax-switch button.ax-switch-checked .ax-switch-handle{background-color:var(--ax-comp-text,var(--color-dark));inset-inline-start:initial;inset-inline-end:calc(var(--spacing,.25rem) * .5)}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline:.375rem 1.5rem}ax-switch button .ax-switch-handle{inset-inline-start:calc(var(--spacing,.25rem) * .5);top:calc(var(--spacing,.25rem) * .5);width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;font-size:80%;display:flex;position:absolute}ax-switch button .ax-switch-handle:active{width:calc(var(--spacing,.25rem) * 6)}ax-switch button .ax-switch-handle .ax-loader{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 3);min-width:calc(var(--spacing,.25rem) * 3);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:2px;border-color:var(--ax-comp-bg,var(--color-surface));border-bottom-color:#0000;border-radius:3.40282e38px;animation:.5s linear infinite rotation;display:inline-block;position:absolute;top:50%}ax-switch button .ax-switch-handle:before{content:\"\";transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:var(--ax-sys-color-surface);border-radius:3.40282e38px;position:absolute}ax-switch button .ax-switch-inner{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));margin-inline-start:calc(var(--spacing,.25rem) * 6);margin-inline-end:calc(var(--spacing,.25rem) * 1.5);display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{padding-inline:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);display:flex}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
63
63
  }
64
64
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXSwitchComponent, decorators: [{
65
65
  type: Component,
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
70
70
  multi: true,
71
71
  },
72
72
  { provide: AXComponent, useExisting: AXSwitchComponent },
73
- ], template: "<button\n type=\"button\"\n role=\"switch\"\n [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-readonly]=\"readonly\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n [class.ax-switch-checked]=\"value\"\n (click)=\"_handleOnClickEvent($event)\"\n>\n <div class=\"ax-switch-handle\">\n @if (isLoading) {\n <span class=\"ax-loader\"></span>\n }\n @if (!isLoading) {\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\n }\n @if (!isLoading && value) {\n <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n }\n @if (!isLoading && !value) {\n <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n }\n </div>\n @if (!value) {\n <span class=\"ax-switch-inner\">\n <ng-content select=\"ax-switch-off-content\"></ng-content>\n </span>\n }\n @if (value) {\n <span class=\"ax-switch-inner\">\n <ng-content select=\"ax-switch-on-content\"></ng-content>\n </span>\n }\n</button>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}@layer components{ax-switch{--tw-leading:initial;line-height:initial;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-switch.ax-sm button{height:calc(var(--spacing,.25rem) * 4);min-width:calc(var(--spacing,.25rem) * 8);--tw-leading:calc(var(--spacing,.25rem) * 4);line-height:calc(var(--spacing,.25rem) * 4)}ax-switch.ax-sm button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 4)}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:calc(var(--spacing,.25rem) * 2.5);min-width:calc(var(--spacing,.25rem) * 2.5)}ax-switch.ax-sm .ax-switch-handle{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}ax-switch.ax-lg button{height:calc(var(--spacing,.25rem) * 6);min-width:calc(var(--spacing,.25rem) * 12);--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}ax-switch.ax-lg button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 6)}ax-switch.ax-lg .ax-switch-handle{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}ax-switch button{height:calc(var(--spacing,.25rem) * 5);min-width:calc(var(--spacing,.25rem) * 10);cursor:pointer;background-color:#0000004d;border-radius:3.40282e38px;display:inline-block;position:relative}@supports (color:color-mix(in lab,red,red)){ax-switch button{background-color:color-mix(in oklab,var(--color-black,#000) 30%,transparent)}}ax-switch button{vertical-align:middle;--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-switch button:where(.dark,.dark *){background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){ax-switch button:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white,#fff) 30%,transparent)}}ax-switch button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--ax-comp-bg,var(--color-surface))}ax-switch button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 6)}ax-switch button.ax-switch-checked{background-color:var(--ax-comp-bg,var(--color-surface))}ax-switch button.ax-switch-checked .ax-switch-handle{background-color:var(--ax-comp-text,var(--color-dark));inset-inline-start:initial;inset-inline-end:calc(var(--spacing,.25rem) * .5)}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline:.375rem 1.5rem}ax-switch button .ax-switch-handle{inset-inline-start:calc(var(--spacing,.25rem) * .5);top:calc(var(--spacing,.25rem) * .5);width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;font-size:80%;display:flex;position:absolute}ax-switch button .ax-switch-handle:active{width:calc(var(--spacing,.25rem) * 6)}ax-switch button .ax-switch-handle .ax-loader{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 3);min-width:calc(var(--spacing,.25rem) * 3);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:2px;border-color:var(--ax-comp-bg,var(--color-surface));border-bottom-color:#0000;border-radius:3.40282e38px;animation:.5s linear infinite rotation;display:inline-block;position:absolute;top:50%}ax-switch button .ax-switch-handle:before{content:\"\";transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:var(--ax-sys-color-surface);border-radius:3.40282e38px;position:absolute}ax-switch button .ax-switch-inner{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));margin-inline-start:calc(var(--spacing,.25rem) * 6);margin-inline-end:calc(var(--spacing,.25rem) * 1.5);display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{padding-inline:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);display:flex}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n"] }]
73
+ ], template: "<button\n type=\"button\"\n role=\"switch\"\n [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-readonly]=\"readonly\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n [class.ax-switch-checked]=\"value\"\n (click)=\"_handleOnClickEvent($event)\"\n>\n <div class=\"ax-switch-handle\">\n @if (isLoading) {\n <span class=\"ax-loader\"></span>\n }\n @if (!isLoading) {\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\n }\n @if (!isLoading && value) {\n <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n }\n @if (!isLoading && !value) {\n <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n }\n </div>\n @if (!value) {\n <span class=\"ax-switch-inner\">\n <ng-content select=\"ax-switch-off-content\"></ng-content>\n </span>\n }\n @if (value) {\n <span class=\"ax-switch-inner\">\n <ng-content select=\"ax-switch-on-content\"></ng-content>\n </span>\n }\n</button>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}@layer components{ax-switch{--tw-leading:initial;line-height:initial;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-switch.ax-sm button{height:calc(var(--spacing,.25rem) * 4);min-width:calc(var(--spacing,.25rem) * 8);--tw-leading:calc(var(--spacing,.25rem) * 4);line-height:calc(var(--spacing,.25rem) * 4)}ax-switch.ax-sm button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 4)}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:calc(var(--spacing,.25rem) * 2.5);min-width:calc(var(--spacing,.25rem) * 2.5)}ax-switch.ax-sm .ax-switch-handle{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}ax-switch.ax-lg button{height:calc(var(--spacing,.25rem) * 6);min-width:calc(var(--spacing,.25rem) * 12);--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}ax-switch.ax-lg button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 6)}ax-switch.ax-lg .ax-switch-handle{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}ax-switch button{height:calc(var(--spacing,.25rem) * 5);min-width:calc(var(--spacing,.25rem) * 10);cursor:pointer;background-color:#0000004d;border-radius:3.40282e38px;display:inline-block;position:relative}@supports (color:color-mix(in lab,red,red)){ax-switch button{background-color:color-mix(in oklab,var(--color-black,#000) 30%,transparent)}}ax-switch button{vertical-align:middle;--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-switch button:where(.dark,.dark *){background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){ax-switch button:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white,#fff) 30%,transparent)}}ax-switch button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--ax-comp-bg,var(--color-surface))}ax-switch button:active .ax-switch-handle{width:calc(var(--spacing,.25rem) * 6)}ax-switch button.ax-switch-checked{background-color:var(--ax-comp-bg,var(--color-surface))}ax-switch button.ax-switch-checked .ax-switch-handle{background-color:var(--ax-comp-text,var(--color-dark));inset-inline-start:initial;inset-inline-end:calc(var(--spacing,.25rem) * .5)}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline:.375rem 1.5rem}ax-switch button .ax-switch-handle{inset-inline-start:calc(var(--spacing,.25rem) * .5);top:calc(var(--spacing,.25rem) * .5);width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;font-size:80%;display:flex;position:absolute}ax-switch button .ax-switch-handle:active{width:calc(var(--spacing,.25rem) * 6)}ax-switch button .ax-switch-handle .ax-loader{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 3);min-width:calc(var(--spacing,.25rem) * 3);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:2px;border-color:var(--ax-comp-bg,var(--color-surface));border-bottom-color:#0000;border-radius:3.40282e38px;animation:.5s linear infinite rotation;display:inline-block;position:absolute;top:50%}ax-switch button .ax-switch-handle:before{content:\"\";transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:var(--ax-sys-color-surface);border-radius:3.40282e38px;position:absolute}ax-switch button .ax-switch-inner{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));margin-inline-start:calc(var(--spacing,.25rem) * 6);margin-inline-end:calc(var(--spacing,.25rem) * 1.5);display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{padding-inline:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);display:flex}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
74
74
  }], propDecorators: { isLoading: [{
75
75
  type: Input
76
76
  }], __hostClass: [{