@slotted/angular 0.1.0-beta.7 → 0.1.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/calendar.json +1 -1
- package/docs/code-block.json +92 -92
- package/docs/code-block.md +69 -69
- package/docs/currency-field.json +7 -0
- package/docs/currency-field.md +1 -0
- package/docs/data-grid.examples.md +1 -1
- package/docs/data-grid.json +21 -4
- package/docs/data-grid.md +1 -1
- package/docs/data-grid.props.md +5 -3
- package/docs/dialog.examples.md +138 -136
- package/docs/dialog.json +8 -8
- package/docs/filter-bar.json +118 -118
- package/docs/filter-bar.md +79 -79
- package/docs/guidelines/async-feedback.md +10 -0
- package/docs/guidelines/composition.md +11 -7
- package/docs/guidelines/index.md +6 -1
- package/docs/guidelines/list-pages.md +30 -0
- package/docs/guidelines/overviews.md +10 -0
- package/docs/markdown.json +79 -79
- package/docs/markdown.md +65 -65
- package/docs/page-header.json +1 -1
- package/docs/skills/compose-screen/SKILL.md +22 -10
- package/docs/skills/review-screen/SKILL.md +6 -0
- package/docs/skills/waiting-states/SKILL.md +4 -1
- package/docs/tags-input.json +28 -2
- package/docs/tags-input.md +4 -1
- package/docs/timeline.json +131 -131
- package/docs/timeline.md +123 -123
- package/fesm2022/slotted-angular-accordion.mjs +4 -2
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-bar.mjs +21 -10
- package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
- package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
- package/fesm2022/slotted-angular-alert.mjs +17 -11
- package/fesm2022/slotted-angular-alert.mjs.map +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +52 -40
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
- package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
- package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
- package/fesm2022/slotted-angular-attachment.mjs +31 -20
- package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
- package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar.mjs +9 -6
- package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
- package/fesm2022/slotted-angular-badge.mjs +14 -10
- package/fesm2022/slotted-angular-badge.mjs.map +1 -1
- package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
- package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
- package/fesm2022/slotted-angular-button-group.mjs +7 -4
- package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-button.mjs +53 -25
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-calendar.mjs +82 -30
- package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-card.mjs +18 -16
- package/fesm2022/slotted-angular-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-carousel.mjs +22 -11
- package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
- package/fesm2022/slotted-angular-cascader.mjs +158 -64
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +4 -2
- package/fesm2022/slotted-angular-chart.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
- package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox.mjs +13 -8
- package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-code-block.mjs +29 -15
- package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
- package/fesm2022/slotted-angular-collapsible.mjs +20 -15
- package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
- package/fesm2022/slotted-angular-color-picker.mjs +77 -22
- package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs +68 -31
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
- package/fesm2022/slotted-angular-combobox.mjs +77 -31
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-command-palette.mjs +150 -54
- package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
- package/fesm2022/slotted-angular-container.mjs +6 -4
- package/fesm2022/slotted-angular-container.mjs.map +1 -1
- package/fesm2022/slotted-angular-context-menu.mjs +5 -4
- package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-currency-field.mjs +98 -32
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +127 -44
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +309 -104
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-list.mjs +83 -50
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-field.mjs +40 -14
- package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-picker.mjs +19 -9
- package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-range-picker.mjs +41 -16
- package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
- package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-picker.mjs +37 -23
- package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-range-picker.mjs +111 -42
- package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-description-list.mjs +33 -19
- package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
- package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +61 -28
- package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
- package/fesm2022/slotted-angular-divider.mjs +7 -5
- package/fesm2022/slotted-angular-divider.mjs.map +1 -1
- package/fesm2022/slotted-angular-drawer.mjs +38 -26
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-entity-picker.mjs +195 -67
- package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +259 -102
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-field-group.mjs +14 -7
- package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-field.mjs +35 -15
- package/fesm2022/slotted-angular-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-filter-bar.mjs +104 -43
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-form.mjs +18 -10
- package/fesm2022/slotted-angular-form.mjs.map +1 -1
- package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
- package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
- package/fesm2022/slotted-angular-grid.mjs +4 -2
- package/fesm2022/slotted-angular-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-highlight.mjs +5 -3
- package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
- package/fesm2022/slotted-angular-hover-card.mjs +5 -4
- package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-icon.mjs +6 -3
- package/fesm2022/slotted-angular-icon.mjs.map +1 -1
- package/fesm2022/slotted-angular-image.mjs +13 -10
- package/fesm2022/slotted-angular-image.mjs.map +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline-message.mjs +10 -8
- package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline.mjs +4 -2
- package/fesm2022/slotted-angular-inline.mjs.map +1 -1
- package/fesm2022/slotted-angular-kbd.mjs +11 -7
- package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
- package/fesm2022/slotted-angular-link.mjs +5 -3
- package/fesm2022/slotted-angular-link.mjs.map +1 -1
- package/fesm2022/slotted-angular-list-item.mjs +21 -18
- package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
- package/fesm2022/slotted-angular-list.mjs +14 -10
- package/fesm2022/slotted-angular-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-listbox.mjs +39 -21
- package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
- package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
- package/fesm2022/slotted-angular-markdown.mjs +31 -19
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
- package/fesm2022/slotted-angular-menu.mjs +41 -27
- package/fesm2022/slotted-angular-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-menubar.mjs +4 -2
- package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
- package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
- package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
- package/fesm2022/slotted-angular-message.mjs +113 -51
- package/fesm2022/slotted-angular-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +133 -57
- package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
- package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs +107 -65
- package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-number-field.mjs +23 -11
- package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-otp-input.mjs +13 -8
- package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-page-header.mjs +72 -42
- package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
- package/fesm2022/slotted-angular-page.mjs +18 -9
- package/fesm2022/slotted-angular-page.mjs.map +1 -1
- package/fesm2022/slotted-angular-pagination.mjs +35 -22
- package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
- package/fesm2022/slotted-angular-popover.mjs +25 -18
- package/fesm2022/slotted-angular-popover.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +122 -30
- package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-prompt-composer.mjs +24 -18
- package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
- package/fesm2022/slotted-angular-prose.mjs +14 -11
- package/fesm2022/slotted-angular-prose.mjs.map +1 -1
- package/fesm2022/slotted-angular-radio-group.mjs +15 -9
- package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-rating.mjs +138 -82
- package/fesm2022/slotted-angular-rating.mjs.map +1 -1
- package/fesm2022/slotted-angular-result-state.mjs +16 -12
- package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
- package/fesm2022/slotted-angular-saved-views.mjs +43 -16
- package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
- package/fesm2022/slotted-angular-scroll-area.mjs +9 -5
- package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
- package/fesm2022/slotted-angular-section.mjs +34 -15
- package/fesm2022/slotted-angular-section.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +15 -9
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-select.mjs +135 -53
- package/fesm2022/slotted-angular-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
- package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-skeleton.mjs +32 -16
- package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
- package/fesm2022/slotted-angular-slider.mjs +31 -11
- package/fesm2022/slotted-angular-slider.mjs.map +1 -1
- package/fesm2022/slotted-angular-sparkline.mjs +29 -13
- package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +25 -11
- package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-splitter.mjs +11 -9
- package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
- package/fesm2022/slotted-angular-stack.mjs +4 -2
- package/fesm2022/slotted-angular-stack.mjs.map +1 -1
- package/fesm2022/slotted-angular-stat-card.mjs +35 -28
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
- package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-stepper.mjs +40 -15
- package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
- package/fesm2022/slotted-angular-switch.mjs +15 -10
- package/fesm2022/slotted-angular-switch.mjs.map +1 -1
- package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
- package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
- package/fesm2022/slotted-angular-table.mjs +135 -72
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +31 -14
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/fesm2022/slotted-angular-tag.mjs +19 -12
- package/fesm2022/slotted-angular-tag.mjs.map +1 -1
- package/fesm2022/slotted-angular-tags-input.mjs +253 -28
- package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-text-field.mjs +49 -15
- package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-textarea.mjs +5 -3
- package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-field.mjs +48 -14
- package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-picker.mjs +28 -14
- package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-range-picker.mjs +109 -40
- package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-timeline.mjs +135 -64
- package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
- package/fesm2022/slotted-angular-toast.mjs +42 -31
- package/fesm2022/slotted-angular-toast.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +10 -6
- package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle.mjs +9 -4
- package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
- package/fesm2022/slotted-angular-toolbar.mjs +21 -10
- package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
- package/fesm2022/slotted-angular-tooltip.mjs +8 -5
- package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
- package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
- package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-tour.mjs +46 -21
- package/fesm2022/slotted-angular-tour.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +69 -30
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-tree.mjs +74 -26
- package/fesm2022/slotted-angular-tree.mjs.map +1 -1
- package/fesm2022/slotted-angular-typography.mjs +8 -4
- package/fesm2022/slotted-angular-typography.mjs.map +1 -1
- package/fesm2022/slotted-angular-upload.mjs +125 -57
- package/fesm2022/slotted-angular-upload.mjs.map +1 -1
- package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
- package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
- package/fesm2022/slotted-angular-wizard.mjs +163 -65
- package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
- package/package.json +3 -3
- package/types/slotted-angular-accordion.d.ts.map +1 -1
- package/types/slotted-angular-action-bar.d.ts.map +1 -1
- package/types/slotted-angular-action-sheet.d.ts.map +1 -1
- package/types/slotted-angular-alert.d.ts +1 -1
- package/types/slotted-angular-alert.d.ts.map +1 -1
- package/types/slotted-angular-app-shell.d.ts.map +1 -1
- package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
- package/types/slotted-angular-attachment.d.ts +1 -1
- package/types/slotted-angular-attachment.d.ts.map +1 -1
- package/types/slotted-angular-avatar-group.d.ts.map +1 -1
- package/types/slotted-angular-avatar.d.ts.map +1 -1
- package/types/slotted-angular-badge.d.ts.map +1 -1
- package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
- package/types/slotted-angular-button-group.d.ts.map +1 -1
- package/types/slotted-angular-button.d.ts.map +1 -1
- package/types/slotted-angular-calendar.d.ts +2 -0
- package/types/slotted-angular-calendar.d.ts.map +1 -1
- package/types/slotted-angular-card.d.ts.map +1 -1
- package/types/slotted-angular-carousel.d.ts.map +1 -1
- package/types/slotted-angular-cascader.d.ts.map +1 -1
- package/types/slotted-angular-chart.d.ts.map +1 -1
- package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
- package/types/slotted-angular-checkbox.d.ts.map +1 -1
- package/types/slotted-angular-code-block.d.ts +1 -1
- package/types/slotted-angular-code-block.d.ts.map +1 -1
- package/types/slotted-angular-collapsible.d.ts +1 -1
- package/types/slotted-angular-collapsible.d.ts.map +1 -1
- package/types/slotted-angular-color-picker.d.ts.map +1 -1
- package/types/slotted-angular-column-manager.d.ts.map +1 -1
- package/types/slotted-angular-combobox.d.ts +1 -1
- package/types/slotted-angular-combobox.d.ts.map +1 -1
- package/types/slotted-angular-command-palette.d.ts +10 -1
- package/types/slotted-angular-command-palette.d.ts.map +1 -1
- package/types/slotted-angular-container.d.ts.map +1 -1
- package/types/slotted-angular-context-menu.d.ts.map +1 -1
- package/types/slotted-angular-currency-field.d.ts +39 -13
- package/types/slotted-angular-currency-field.d.ts.map +1 -1
- package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-grid.d.ts +26 -2
- package/types/slotted-angular-data-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-list.d.ts.map +1 -1
- package/types/slotted-angular-date-field.d.ts.map +1 -1
- package/types/slotted-angular-date-picker.d.ts.map +1 -1
- package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-field.d.ts.map +1 -1
- package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-description-list.d.ts.map +1 -1
- package/types/slotted-angular-detail-panel.d.ts.map +1 -1
- package/types/slotted-angular-dialog.d.ts +2 -1
- package/types/slotted-angular-dialog.d.ts.map +1 -1
- package/types/slotted-angular-divider.d.ts.map +1 -1
- package/types/slotted-angular-drawer.d.ts.map +1 -1
- package/types/slotted-angular-entity-picker.d.ts.map +1 -1
- package/types/slotted-angular-event-calendar.d.ts.map +1 -1
- package/types/slotted-angular-field-group.d.ts.map +1 -1
- package/types/slotted-angular-field.d.ts.map +1 -1
- package/types/slotted-angular-filter-bar.d.ts.map +1 -1
- package/types/slotted-angular-form.d.ts.map +1 -1
- package/types/slotted-angular-fullscreen.d.ts.map +1 -1
- package/types/slotted-angular-grid.d.ts.map +1 -1
- package/types/slotted-angular-highlight.d.ts.map +1 -1
- package/types/slotted-angular-hover-card.d.ts.map +1 -1
- package/types/slotted-angular-icon.d.ts +1 -1
- package/types/slotted-angular-icon.d.ts.map +1 -1
- package/types/slotted-angular-image.d.ts.map +1 -1
- package/types/slotted-angular-import-export-center.d.ts.map +1 -1
- package/types/slotted-angular-inline-message.d.ts +1 -1
- package/types/slotted-angular-inline-message.d.ts.map +1 -1
- package/types/slotted-angular-inline.d.ts.map +1 -1
- package/types/slotted-angular-kbd.d.ts.map +1 -1
- package/types/slotted-angular-link.d.ts.map +1 -1
- package/types/slotted-angular-list-item.d.ts.map +1 -1
- package/types/slotted-angular-list.d.ts.map +1 -1
- package/types/slotted-angular-listbox.d.ts.map +1 -1
- package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
- package/types/slotted-angular-markdown.d.ts.map +1 -1
- package/types/slotted-angular-menu.d.ts.map +1 -1
- package/types/slotted-angular-menubar.d.ts.map +1 -1
- package/types/slotted-angular-message-scroller.d.ts.map +1 -1
- package/types/slotted-angular-message.d.ts.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +1 -1
- package/types/slotted-angular-multi-select.d.ts.map +1 -1
- package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
- package/types/slotted-angular-notification-center.d.ts.map +1 -1
- package/types/slotted-angular-number-field.d.ts.map +1 -1
- package/types/slotted-angular-otp-input.d.ts.map +1 -1
- package/types/slotted-angular-page-header.d.ts +1 -1
- package/types/slotted-angular-page-header.d.ts.map +1 -1
- package/types/slotted-angular-page.d.ts.map +1 -1
- package/types/slotted-angular-pagination.d.ts.map +1 -1
- package/types/slotted-angular-popover.d.ts.map +1 -1
- package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
- package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
- package/types/slotted-angular-prose.d.ts.map +1 -1
- package/types/slotted-angular-radio-group.d.ts.map +1 -1
- package/types/slotted-angular-rating.d.ts.map +1 -1
- package/types/slotted-angular-result-state.d.ts.map +1 -1
- package/types/slotted-angular-saved-views.d.ts.map +1 -1
- package/types/slotted-angular-scroll-area.d.ts.map +1 -1
- package/types/slotted-angular-section.d.ts.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts +1 -1
- package/types/slotted-angular-select.d.ts.map +1 -1
- package/types/slotted-angular-side-navigation.d.ts.map +1 -1
- package/types/slotted-angular-skeleton.d.ts.map +1 -1
- package/types/slotted-angular-slider.d.ts.map +1 -1
- package/types/slotted-angular-sparkline.d.ts.map +1 -1
- package/types/slotted-angular-split-button.d.ts.map +1 -1
- package/types/slotted-angular-splitter.d.ts.map +1 -1
- package/types/slotted-angular-stack.d.ts.map +1 -1
- package/types/slotted-angular-stat-card.d.ts.map +1 -1
- package/types/slotted-angular-status-indicator.d.ts +1 -1
- package/types/slotted-angular-status-indicator.d.ts.map +1 -1
- package/types/slotted-angular-stepper.d.ts +1 -1
- package/types/slotted-angular-stepper.d.ts.map +1 -1
- package/types/slotted-angular-switch.d.ts.map +1 -1
- package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
- package/types/slotted-angular-table.d.ts.map +1 -1
- package/types/slotted-angular-tabs.d.ts.map +1 -1
- package/types/slotted-angular-tag.d.ts.map +1 -1
- package/types/slotted-angular-tags-input.d.ts +33 -1
- package/types/slotted-angular-tags-input.d.ts.map +1 -1
- package/types/slotted-angular-text-field.d.ts.map +1 -1
- package/types/slotted-angular-textarea.d.ts.map +1 -1
- package/types/slotted-angular-time-field.d.ts.map +1 -1
- package/types/slotted-angular-time-picker.d.ts.map +1 -1
- package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-timeline.d.ts.map +1 -1
- package/types/slotted-angular-toast.d.ts +2 -2
- package/types/slotted-angular-toast.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
- package/types/slotted-angular-toolbar.d.ts.map +1 -1
- package/types/slotted-angular-tooltip.d.ts.map +1 -1
- package/types/slotted-angular-top-navigation.d.ts.map +1 -1
- package/types/slotted-angular-tour.d.ts.map +1 -1
- package/types/slotted-angular-transfer.d.ts.map +1 -1
- package/types/slotted-angular-tree.d.ts.map +1 -1
- package/types/slotted-angular-typography.d.ts.map +1 -1
- package/types/slotted-angular-upload.d.ts +2 -2
- package/types/slotted-angular-upload.d.ts.map +1 -1
- package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
- package/types/slotted-angular-wizard.d.ts.map +1 -1
|
@@ -151,17 +151,19 @@ class SlStepper {
|
|
|
151
151
|
return `${this.id}-panel-${index}`;
|
|
152
152
|
}
|
|
153
153
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
154
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlStepper, isStandalone: true, selector: "[slStepper]", inputs: { stepValue: { classPropertyName: "stepValue", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, defaultStep: { classPropertyName: "defaultStep", publicName: "defaultStep", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, labelPlacement: { classPropertyName: "labelPlacement", publicName: "labelPlacement", isSignal: true, isRequired: false, transformFunction: null }, navigation: { classPropertyName: "navigation", publicName: "navigation", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepChange: "stepChange" }, host: { attributes: { "data-ui": "stepper", "data-part": "root" }, properties: { "attr.data-orientation": "orientationValue()", "attr.data-label-placement": "labelPlacementValue()", "attr.data-navigation": "navigationValue()" } }, exportAs: ["slStepper"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui=stepper] [data-part=list]{display:flex;list-style:none;margin:0;padding:0}[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:flex-start;flex-direction:row}[data-ui=stepper][data-orientation=vertical] [data-part=list]{flex-direction:column}[data-ui=stepper] [data-part=item]{display:flex;position:relative}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:1 1 0;min-inline-size:0}[data-ui=stepper][data-orientation=vertical] [data-part=item]{flex-direction:column}[data-ui=stepper] [data-part=trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] button[data-part=trigger],[data-ui=stepper] a[data-part=trigger]{cursor:pointer}[data-ui=stepper][data-label-placement=bottom] [data-part=trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui=stepper] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=stepper] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] [data-current] [data-part=marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-complete]:not([data-current],[data-invalid]) [data-part=marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui=stepper] [data-invalid] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] :is([data-complete],[data-invalid]) [data-part=marker]{color:transparent}[data-ui=stepper] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui=stepper] [data-current]:not([data-invalid]) [data-part=marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-part=label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui=stepper] :is([data-current],[data-complete]) [data-part=label]{color:var(--_strong)}[data-ui=stepper] [data-invalid] [data-part=label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] [data-part=description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:hover [data-part=label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:active [data-part=marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui=stepper] [data-part=separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui=stepper] [data-part=separator][data-complete]{background-color:var(--_done-line)}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=trigger]{flex:0 1 auto;min-inline-size:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui=stepper][data-orientation=vertical] [data-part=separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui=stepper] [data-part=item]:last-child [data-part=separator]{display:none}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=trigger]{inline-size:100%}[data-ui=stepper][data-orientation=vertical] [data-part=item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper][data-orientation=vertical] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=vertical] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui=stepper][data-orientation=horizontal] [data-part=panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper] [data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:stretch;flex-direction:column}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui=stepper][data-orientation=horizontal] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui=stepper] [data-part=separator]{background-color:GrayText}[data-ui=stepper] [data-part=separator][data-complete]{background-color:Highlight}[data-ui=stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
154
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlStepper, isStandalone: true, selector: "[slStepper]", inputs: { stepValue: { classPropertyName: "stepValue", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, defaultStep: { classPropertyName: "defaultStep", publicName: "defaultStep", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, labelPlacement: { classPropertyName: "labelPlacement", publicName: "labelPlacement", isSignal: true, isRequired: false, transformFunction: null }, navigation: { classPropertyName: "navigation", publicName: "navigation", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepChange: "stepChange" }, host: { attributes: { "data-ui": "stepper", "data-ui-stepper": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-orientation": "orientationValue()", "attr.data-label-placement": "labelPlacementValue()", "attr.data-navigation": "navigationValue()" } }, exportAs: ["slStepper"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui-stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui-stepper] [data-part-list]{display:flex;list-style:none;margin:0;padding:0}[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:flex-start;flex-direction:row}[data-ui-stepper][data-orientation=vertical] [data-part-list]{flex-direction:column}[data-ui-stepper] [data-part-item]{display:flex;position:relative}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:1 1 0;min-inline-size:0}[data-ui-stepper][data-orientation=vertical] [data-part-item]{flex-direction:column}[data-ui-stepper] [data-part-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] button[data-part-trigger],[data-ui-stepper] a[data-part-trigger]{cursor:pointer}[data-ui-stepper][data-label-placement=bottom] [data-part-trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui-stepper] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-stepper] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] [data-current] [data-part-marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-complete]:not([data-current],[data-invalid]) [data-part-marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui-stepper] [data-invalid] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] :is([data-complete],[data-invalid]) [data-part-marker]{color:transparent}[data-ui-stepper] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui-stepper] [data-current]:not([data-invalid]) [data-part-marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-part-label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui-stepper] :is([data-current],[data-complete]) [data-part-label]{color:var(--_strong)}[data-ui-stepper] [data-invalid] [data-part-label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] [data-part-description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:hover [data-part-label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:active [data-part-marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui-stepper] [data-part-separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui-stepper] [data-part-separator][data-complete]{background-color:var(--_done-line)}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-trigger]{flex:0 1 auto;min-inline-size:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui-stepper][data-orientation=vertical] [data-part-separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui-stepper] [data-part-item]:last-child [data-part-separator]{display:none}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-trigger]{inline-size:100%}[data-ui-stepper][data-orientation=vertical] [data-part-item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper][data-orientation=vertical] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=vertical] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui-stepper][data-orientation=horizontal] [data-part-panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper] [data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:stretch;flex-direction:column}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui-stepper][data-orientation=horizontal] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui-stepper] [data-part-separator]{background-color:GrayText}[data-ui-stepper] [data-part-separator][data-complete]{background-color:Highlight}[data-ui-stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
155
155
|
}
|
|
156
156
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepper, decorators: [{
|
|
157
157
|
type: Component,
|
|
158
158
|
args: [{ selector: '[slStepper]', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slStepper', host: {
|
|
159
159
|
'data-ui': 'stepper',
|
|
160
|
+
'data-ui-stepper': '',
|
|
160
161
|
'data-part': 'root',
|
|
162
|
+
'data-part-root': '',
|
|
161
163
|
'[attr.data-orientation]': 'orientationValue()',
|
|
162
164
|
'[attr.data-label-placement]': 'labelPlacementValue()',
|
|
163
165
|
'[attr.data-navigation]': 'navigationValue()',
|
|
164
|
-
}, styles: ["@layer slotted.components{[data-ui=stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui=stepper] [data-part=list]{display:flex;list-style:none;margin:0;padding:0}[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:flex-start;flex-direction:row}[data-ui=stepper][data-orientation=vertical] [data-part=list]{flex-direction:column}[data-ui=stepper] [data-part=item]{display:flex;position:relative}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:1 1 0;min-inline-size:0}[data-ui=stepper][data-orientation=vertical] [data-part=item]{flex-direction:column}[data-ui=stepper] [data-part=trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] button[data-part=trigger],[data-ui=stepper] a[data-part=trigger]{cursor:pointer}[data-ui=stepper][data-label-placement=bottom] [data-part=trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui=stepper] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=stepper] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] [data-current] [data-part=marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-complete]:not([data-current],[data-invalid]) [data-part=marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui=stepper] [data-invalid] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] :is([data-complete],[data-invalid]) [data-part=marker]{color:transparent}[data-ui=stepper] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui=stepper] [data-current]:not([data-invalid]) [data-part=marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-part=label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui=stepper] :is([data-current],[data-complete]) [data-part=label]{color:var(--_strong)}[data-ui=stepper] [data-invalid] [data-part=label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] [data-part=description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:hover [data-part=label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:active [data-part=marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui=stepper] [data-part=separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui=stepper] [data-part=separator][data-complete]{background-color:var(--_done-line)}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=trigger]{flex:0 1 auto;min-inline-size:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui=stepper][data-orientation=vertical] [data-part=separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui=stepper] [data-part=item]:last-child [data-part=separator]{display:none}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=trigger]{inline-size:100%}[data-ui=stepper][data-orientation=vertical] [data-part=item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper][data-orientation=vertical] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=vertical] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui=stepper][data-orientation=horizontal] [data-part=panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper] [data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:stretch;flex-direction:column}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui=stepper][data-orientation=horizontal] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui=stepper] [data-part=separator]{background-color:GrayText}[data-ui=stepper] [data-part=separator][data-complete]{background-color:Highlight}[data-ui=stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
166
|
+
}, styles: ["@layer slotted.components{[data-ui-stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui-stepper] [data-part-list]{display:flex;list-style:none;margin:0;padding:0}[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:flex-start;flex-direction:row}[data-ui-stepper][data-orientation=vertical] [data-part-list]{flex-direction:column}[data-ui-stepper] [data-part-item]{display:flex;position:relative}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:1 1 0;min-inline-size:0}[data-ui-stepper][data-orientation=vertical] [data-part-item]{flex-direction:column}[data-ui-stepper] [data-part-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] button[data-part-trigger],[data-ui-stepper] a[data-part-trigger]{cursor:pointer}[data-ui-stepper][data-label-placement=bottom] [data-part-trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui-stepper] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-stepper] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] [data-current] [data-part-marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-complete]:not([data-current],[data-invalid]) [data-part-marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui-stepper] [data-invalid] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] :is([data-complete],[data-invalid]) [data-part-marker]{color:transparent}[data-ui-stepper] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui-stepper] [data-current]:not([data-invalid]) [data-part-marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-part-label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui-stepper] :is([data-current],[data-complete]) [data-part-label]{color:var(--_strong)}[data-ui-stepper] [data-invalid] [data-part-label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] [data-part-description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:hover [data-part-label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:active [data-part-marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui-stepper] [data-part-separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui-stepper] [data-part-separator][data-complete]{background-color:var(--_done-line)}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-trigger]{flex:0 1 auto;min-inline-size:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui-stepper][data-orientation=vertical] [data-part-separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui-stepper] [data-part-item]:last-child [data-part-separator]{display:none}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-trigger]{inline-size:100%}[data-ui-stepper][data-orientation=vertical] [data-part-item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper][data-orientation=vertical] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=vertical] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui-stepper][data-orientation=horizontal] [data-part-panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper] [data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:stretch;flex-direction:column}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui-stepper][data-orientation=horizontal] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui-stepper] [data-part-separator]{background-color:GrayText}[data-ui-stepper] [data-part-separator][data-complete]{background-color:Highlight}[data-ui-stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
165
167
|
}], propDecorators: { stepValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], defaultStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultStep", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], labelPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPlacement", required: false }] }], navigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigation", required: false }] }], linear: [{ type: i0.Input, args: [{ isSignal: true, alias: "linear", required: false }] }], autoComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoComplete", required: false }] }], stepChange: [{ type: i0.Output, args: ["stepChange"] }] } });
|
|
166
168
|
/**
|
|
167
169
|
* The ordered list, and the one part that knows how many steps there are.
|
|
@@ -219,7 +221,7 @@ class SlStepperList {
|
|
|
219
221
|
this.element.ownerDocument.getElementById(this.stepper.triggerId(next))?.focus();
|
|
220
222
|
}
|
|
221
223
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
222
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlStepperList, isStandalone: true, selector: "ol[slStepperList]", host: { attributes: { "data-part": "list" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.aria-label": "accessibleLabel()" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => SlStepperStep), isSignal: true }], exportAs: ["slStepperList"], ngImport: i0 });
|
|
224
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlStepperList, isStandalone: true, selector: "ol[slStepperList]", host: { attributes: { "data-part": "list", "data-part-list": "" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.aria-label": "accessibleLabel()" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => SlStepperStep), isSignal: true }], exportAs: ["slStepperList"], ngImport: i0 });
|
|
223
225
|
}
|
|
224
226
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperList, decorators: [{
|
|
225
227
|
type: Directive,
|
|
@@ -229,6 +231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
229
231
|
exportAs: 'slStepperList',
|
|
230
232
|
host: {
|
|
231
233
|
'data-part': 'list',
|
|
234
|
+
'data-part-list': '',
|
|
232
235
|
'[attr.aria-label]': 'accessibleLabel()',
|
|
233
236
|
'(keydown)': 'onKeydown($event)',
|
|
234
237
|
},
|
|
@@ -299,7 +302,7 @@ class SlStepperStep {
|
|
|
299
302
|
this.stepper.goToStep(this.index(), 'pointer', event);
|
|
300
303
|
}
|
|
301
304
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperStep, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
302
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlStepperStep, isStandalone: true, selector: "li[slStepperStep]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, complete: { classPropertyName: "complete", publicName: "complete", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.data-current": "current() ? \"\" : null", "attr.data-complete": "status() === \"complete\" ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-disabled": "unreachable() ? \"\" : null" } }, exportAs: ["slStepperStep"], ngImport: i0, template: `
|
|
305
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlStepperStep, isStandalone: true, selector: "li[slStepperStep]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, complete: { classPropertyName: "complete", publicName: "complete", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "data-part-item": "" }, properties: { "attr.data-current": "current() ? \"\" : null", "attr.data-complete": "status() === \"complete\" ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-disabled": "unreachable() ? \"\" : null" } }, exportAs: ["slStepperStep"], ngImport: i0, template: `
|
|
303
306
|
@switch (stepper.navigationValue()) {
|
|
304
307
|
@case ('none') {
|
|
305
308
|
<span
|
|
@@ -307,6 +310,7 @@ class SlStepperStep {
|
|
|
307
310
|
[attr.data-index]="index()"
|
|
308
311
|
[id]="stepper.triggerId(index())"
|
|
309
312
|
data-part="trigger"
|
|
313
|
+
data-part-trigger=""
|
|
310
314
|
>
|
|
311
315
|
<ng-container *ngTemplateOutlet="header"></ng-container>
|
|
312
316
|
</span>
|
|
@@ -319,6 +323,7 @@ class SlStepperStep {
|
|
|
319
323
|
[attr.href]="unreachable() ? null : (href() ?? null)"
|
|
320
324
|
[id]="stepper.triggerId(index())"
|
|
321
325
|
data-part="trigger"
|
|
326
|
+
data-part-trigger=""
|
|
322
327
|
(click)="activate($event)"
|
|
323
328
|
>
|
|
324
329
|
<ng-container *ngTemplateOutlet="header"></ng-container>
|
|
@@ -331,6 +336,7 @@ class SlStepperStep {
|
|
|
331
336
|
[attr.data-index]="index()"
|
|
332
337
|
[id]="stepper.triggerId(index())"
|
|
333
338
|
data-part="trigger"
|
|
339
|
+
data-part-trigger=""
|
|
334
340
|
type="button"
|
|
335
341
|
(click)="activate($event)"
|
|
336
342
|
>
|
|
@@ -344,20 +350,21 @@ class SlStepperStep {
|
|
|
344
350
|
[attr.data-complete]="travelled() ? '' : null"
|
|
345
351
|
aria-hidden="true"
|
|
346
352
|
data-part="separator"
|
|
353
|
+
data-part-separator=""
|
|
347
354
|
></span>
|
|
348
355
|
}
|
|
349
356
|
|
|
350
357
|
<ng-template #header>
|
|
351
|
-
<span aria-hidden="true" data-part="marker"
|
|
358
|
+
<span aria-hidden="true" data-part="marker" data-part-marker=""
|
|
352
359
|
>{{ index() + 1 }}
|
|
353
360
|
@if (mark(); as mark) {
|
|
354
361
|
<span slIcon><svg slGlyph [name]="mark"></svg></span>
|
|
355
362
|
}
|
|
356
363
|
</span>
|
|
357
|
-
<span data-part="label">
|
|
364
|
+
<span data-part="label" data-part-label="">
|
|
358
365
|
{{ label() }}
|
|
359
366
|
@if (description()) {
|
|
360
|
-
<span data-part="description">{{ description() }}</span>
|
|
367
|
+
<span data-part="description" data-part-description="">{{ description() }}</span>
|
|
361
368
|
}
|
|
362
369
|
</span>
|
|
363
370
|
<!--
|
|
@@ -365,9 +372,15 @@ class SlStepperStep {
|
|
|
365
372
|
nothing separates two elements' text: without the comma a reader hears
|
|
366
373
|
"CartStep 1 of 4".
|
|
367
374
|
-->
|
|
368
|
-
<span
|
|
375
|
+
<span
|
|
376
|
+
data-part="status"
|
|
377
|
+
data-part-status=""
|
|
378
|
+
data-ui="visually-hidden"
|
|
379
|
+
data-ui-visually-hidden=""
|
|
380
|
+
>{{ ', ' + announced() }}</span
|
|
381
|
+
>
|
|
369
382
|
</ng-template>
|
|
370
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui=stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui=stepper] [data-part=list]{display:flex;list-style:none;margin:0;padding:0}[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:flex-start;flex-direction:row}[data-ui=stepper][data-orientation=vertical] [data-part=list]{flex-direction:column}[data-ui=stepper] [data-part=item]{display:flex;position:relative}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:1 1 0;min-inline-size:0}[data-ui=stepper][data-orientation=vertical] [data-part=item]{flex-direction:column}[data-ui=stepper] [data-part=trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] button[data-part=trigger],[data-ui=stepper] a[data-part=trigger]{cursor:pointer}[data-ui=stepper][data-label-placement=bottom] [data-part=trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui=stepper] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=stepper] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] [data-current] [data-part=marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-complete]:not([data-current],[data-invalid]) [data-part=marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui=stepper] [data-invalid] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] :is([data-complete],[data-invalid]) [data-part=marker]{color:transparent}[data-ui=stepper] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui=stepper] [data-current]:not([data-invalid]) [data-part=marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-part=label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui=stepper] :is([data-current],[data-complete]) [data-part=label]{color:var(--_strong)}[data-ui=stepper] [data-invalid] [data-part=label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] [data-part=description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:hover [data-part=label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:active [data-part=marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui=stepper] [data-part=separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui=stepper] [data-part=separator][data-complete]{background-color:var(--_done-line)}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=trigger]{flex:0 1 auto;min-inline-size:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui=stepper][data-orientation=vertical] [data-part=separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui=stepper] [data-part=item]:last-child [data-part=separator]{display:none}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=trigger]{inline-size:100%}[data-ui=stepper][data-orientation=vertical] [data-part=item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper][data-orientation=vertical] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=vertical] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui=stepper][data-orientation=horizontal] [data-part=panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper] [data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:stretch;flex-direction:column}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui=stepper][data-orientation=horizontal] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui=stepper] [data-part=separator]{background-color:GrayText}[data-ui=stepper] [data-part=separator][data-complete]{background-color:Highlight}[data-ui=stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
383
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui-stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui-stepper] [data-part-list]{display:flex;list-style:none;margin:0;padding:0}[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:flex-start;flex-direction:row}[data-ui-stepper][data-orientation=vertical] [data-part-list]{flex-direction:column}[data-ui-stepper] [data-part-item]{display:flex;position:relative}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:1 1 0;min-inline-size:0}[data-ui-stepper][data-orientation=vertical] [data-part-item]{flex-direction:column}[data-ui-stepper] [data-part-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] button[data-part-trigger],[data-ui-stepper] a[data-part-trigger]{cursor:pointer}[data-ui-stepper][data-label-placement=bottom] [data-part-trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui-stepper] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-stepper] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] [data-current] [data-part-marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-complete]:not([data-current],[data-invalid]) [data-part-marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui-stepper] [data-invalid] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] :is([data-complete],[data-invalid]) [data-part-marker]{color:transparent}[data-ui-stepper] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui-stepper] [data-current]:not([data-invalid]) [data-part-marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-part-label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui-stepper] :is([data-current],[data-complete]) [data-part-label]{color:var(--_strong)}[data-ui-stepper] [data-invalid] [data-part-label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] [data-part-description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:hover [data-part-label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:active [data-part-marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui-stepper] [data-part-separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui-stepper] [data-part-separator][data-complete]{background-color:var(--_done-line)}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-trigger]{flex:0 1 auto;min-inline-size:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui-stepper][data-orientation=vertical] [data-part-separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui-stepper] [data-part-item]:last-child [data-part-separator]{display:none}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-trigger]{inline-size:100%}[data-ui-stepper][data-orientation=vertical] [data-part-item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper][data-orientation=vertical] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=vertical] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui-stepper][data-orientation=horizontal] [data-part-panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper] [data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:stretch;flex-direction:column}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui-stepper][data-orientation=horizontal] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui-stepper] [data-part-separator]{background-color:GrayText}[data-ui-stepper] [data-part-separator][data-complete]{background-color:Highlight}[data-ui-stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
371
384
|
}
|
|
372
385
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperStep, decorators: [{
|
|
373
386
|
type: Component,
|
|
@@ -379,6 +392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
379
392
|
[attr.data-index]="index()"
|
|
380
393
|
[id]="stepper.triggerId(index())"
|
|
381
394
|
data-part="trigger"
|
|
395
|
+
data-part-trigger=""
|
|
382
396
|
>
|
|
383
397
|
<ng-container *ngTemplateOutlet="header"></ng-container>
|
|
384
398
|
</span>
|
|
@@ -391,6 +405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
391
405
|
[attr.href]="unreachable() ? null : (href() ?? null)"
|
|
392
406
|
[id]="stepper.triggerId(index())"
|
|
393
407
|
data-part="trigger"
|
|
408
|
+
data-part-trigger=""
|
|
394
409
|
(click)="activate($event)"
|
|
395
410
|
>
|
|
396
411
|
<ng-container *ngTemplateOutlet="header"></ng-container>
|
|
@@ -403,6 +418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
403
418
|
[attr.data-index]="index()"
|
|
404
419
|
[id]="stepper.triggerId(index())"
|
|
405
420
|
data-part="trigger"
|
|
421
|
+
data-part-trigger=""
|
|
406
422
|
type="button"
|
|
407
423
|
(click)="activate($event)"
|
|
408
424
|
>
|
|
@@ -416,20 +432,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
416
432
|
[attr.data-complete]="travelled() ? '' : null"
|
|
417
433
|
aria-hidden="true"
|
|
418
434
|
data-part="separator"
|
|
435
|
+
data-part-separator=""
|
|
419
436
|
></span>
|
|
420
437
|
}
|
|
421
438
|
|
|
422
439
|
<ng-template #header>
|
|
423
|
-
<span aria-hidden="true" data-part="marker"
|
|
440
|
+
<span aria-hidden="true" data-part="marker" data-part-marker=""
|
|
424
441
|
>{{ index() + 1 }}
|
|
425
442
|
@if (mark(); as mark) {
|
|
426
443
|
<span slIcon><svg slGlyph [name]="mark"></svg></span>
|
|
427
444
|
}
|
|
428
445
|
</span>
|
|
429
|
-
<span data-part="label">
|
|
446
|
+
<span data-part="label" data-part-label="">
|
|
430
447
|
{{ label() }}
|
|
431
448
|
@if (description()) {
|
|
432
|
-
<span data-part="description">{{ description() }}</span>
|
|
449
|
+
<span data-part="description" data-part-description="">{{ description() }}</span>
|
|
433
450
|
}
|
|
434
451
|
</span>
|
|
435
452
|
<!--
|
|
@@ -437,16 +454,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
437
454
|
nothing separates two elements' text: without the comma a reader hears
|
|
438
455
|
"CartStep 1 of 4".
|
|
439
456
|
-->
|
|
440
|
-
<span
|
|
457
|
+
<span
|
|
458
|
+
data-part="status"
|
|
459
|
+
data-part-status=""
|
|
460
|
+
data-ui="visually-hidden"
|
|
461
|
+
data-ui-visually-hidden=""
|
|
462
|
+
>{{ ', ' + announced() }}</span
|
|
463
|
+
>
|
|
441
464
|
</ng-template>
|
|
442
465
|
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slStepperStep', host: {
|
|
443
466
|
'data-part': 'item',
|
|
467
|
+
'data-part-item': '',
|
|
444
468
|
'[attr.data-current]': 'current() ? "" : null',
|
|
445
469
|
'[attr.data-complete]': 'status() === "complete" ? "" : null',
|
|
446
470
|
'[attr.data-invalid]': 'invalid() ? "" : null',
|
|
447
471
|
'[attr.data-loading]': 'loading() ? "" : null',
|
|
448
472
|
'[attr.data-disabled]': 'unreachable() ? "" : null',
|
|
449
|
-
}, styles: ["@layer slotted.components{[data-ui=stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui=stepper] [data-part=list]{display:flex;list-style:none;margin:0;padding:0}[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:flex-start;flex-direction:row}[data-ui=stepper][data-orientation=vertical] [data-part=list]{flex-direction:column}[data-ui=stepper] [data-part=item]{display:flex;position:relative}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:1 1 0;min-inline-size:0}[data-ui=stepper][data-orientation=vertical] [data-part=item]{flex-direction:column}[data-ui=stepper] [data-part=trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] button[data-part=trigger],[data-ui=stepper] a[data-part=trigger]{cursor:pointer}[data-ui=stepper][data-label-placement=bottom] [data-part=trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui=stepper] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=stepper] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] [data-current] [data-part=marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-complete]:not([data-current],[data-invalid]) [data-part=marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui=stepper] [data-invalid] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] :is([data-complete],[data-invalid]) [data-part=marker]{color:transparent}[data-ui=stepper] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui=stepper] [data-current]:not([data-invalid]) [data-part=marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-part=label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui=stepper] :is([data-current],[data-complete]) [data-part=label]{color:var(--_strong)}[data-ui=stepper] [data-invalid] [data-part=label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] [data-part=description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:hover [data-part=label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:active [data-part=marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui=stepper] [data-part=separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui=stepper] [data-part=separator][data-complete]{background-color:var(--_done-line)}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=trigger]{flex:0 1 auto;min-inline-size:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui=stepper][data-orientation=vertical] [data-part=separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui=stepper] [data-part=item]:last-child [data-part=separator]{display:none}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=trigger]{inline-size:100%}[data-ui=stepper][data-orientation=vertical] [data-part=item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper][data-orientation=vertical] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=vertical] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui=stepper][data-orientation=horizontal] [data-part=panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper] [data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:stretch;flex-direction:column}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui=stepper][data-orientation=horizontal] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui=stepper] [data-part=separator]{background-color:GrayText}[data-ui=stepper] [data-part=separator][data-complete]{background-color:Highlight}[data-ui=stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
473
|
+
}, styles: ["@layer slotted.components{[data-ui-stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui-stepper] [data-part-list]{display:flex;list-style:none;margin:0;padding:0}[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:flex-start;flex-direction:row}[data-ui-stepper][data-orientation=vertical] [data-part-list]{flex-direction:column}[data-ui-stepper] [data-part-item]{display:flex;position:relative}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:1 1 0;min-inline-size:0}[data-ui-stepper][data-orientation=vertical] [data-part-item]{flex-direction:column}[data-ui-stepper] [data-part-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] button[data-part-trigger],[data-ui-stepper] a[data-part-trigger]{cursor:pointer}[data-ui-stepper][data-label-placement=bottom] [data-part-trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui-stepper] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-stepper] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] [data-current] [data-part-marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-complete]:not([data-current],[data-invalid]) [data-part-marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui-stepper] [data-invalid] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] :is([data-complete],[data-invalid]) [data-part-marker]{color:transparent}[data-ui-stepper] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui-stepper] [data-current]:not([data-invalid]) [data-part-marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-part-label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui-stepper] :is([data-current],[data-complete]) [data-part-label]{color:var(--_strong)}[data-ui-stepper] [data-invalid] [data-part-label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] [data-part-description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:hover [data-part-label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:active [data-part-marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui-stepper] [data-part-separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui-stepper] [data-part-separator][data-complete]{background-color:var(--_done-line)}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-trigger]{flex:0 1 auto;min-inline-size:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui-stepper][data-orientation=vertical] [data-part-separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui-stepper] [data-part-item]:last-child [data-part-separator]{display:none}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-trigger]{inline-size:100%}[data-ui-stepper][data-orientation=vertical] [data-part-item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper][data-orientation=vertical] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=vertical] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui-stepper][data-orientation=horizontal] [data-part-panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper] [data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:stretch;flex-direction:column}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui-stepper][data-orientation=horizontal] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui-stepper] [data-part-separator]{background-color:GrayText}[data-ui-stepper] [data-part-separator][data-complete]{background-color:Highlight}[data-ui-stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
450
474
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], complete: [{ type: i0.Input, args: [{ isSignal: true, alias: "complete", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }] } });
|
|
451
475
|
/**
|
|
452
476
|
* The content of the step it is written inside. It is a `group` labelled by its
|
|
@@ -458,7 +482,7 @@ class SlStepperPanel {
|
|
|
458
482
|
stepper = inject(SlStepper);
|
|
459
483
|
step = inject(SlStepperStep);
|
|
460
484
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
461
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlStepperPanel, isStandalone: true, selector: "[slStepperPanel]", host: { attributes: { "data-part": "panel", "role": "group", "tabindex": "-1" }, properties: { "attr.id": "stepper.panelId(step.index())", "attr.aria-labelledby": "stepper.triggerId(step.index())", "hidden": "!step.current()" } }, exportAs: ["slStepperPanel"], ngImport: i0 });
|
|
485
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlStepperPanel, isStandalone: true, selector: "[slStepperPanel]", host: { attributes: { "data-part": "panel", "data-part-panel": "", "role": "group", "tabindex": "-1" }, properties: { "attr.id": "stepper.panelId(step.index())", "attr.aria-labelledby": "stepper.triggerId(step.index())", "hidden": "!step.current()" } }, exportAs: ["slStepperPanel"], ngImport: i0 });
|
|
462
486
|
}
|
|
463
487
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperPanel, decorators: [{
|
|
464
488
|
type: Directive,
|
|
@@ -468,6 +492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
468
492
|
exportAs: 'slStepperPanel',
|
|
469
493
|
host: {
|
|
470
494
|
'data-part': 'panel',
|
|
495
|
+
'data-part-panel': '',
|
|
471
496
|
role: 'group',
|
|
472
497
|
tabindex: '-1',
|
|
473
498
|
'[attr.id]': 'stepper.panelId(step.index())',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slotted-angular-stepper.mjs","sources":["../../stepper/src/stepper.constants.ts","../../stepper/src/stepper.ts","../../stepper/src/slotted-angular-stepper.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { StepOrientation } from '@slotted/core/steps';\n\nexport type StepperOrientation = StepOrientation;\nexport type StepperLabelPlacement = 'end' | 'bottom';\n/** What a step header is: a control, a destination, or neither. */\nexport type StepperNavigation = 'button' | 'link' | 'none';\nexport type StepperStepReason = 'pointer' | 'keyboard' | 'programmatic';\n\nexport const STEPPER_DEFAULT_ORIENTATION: StepperOrientation = 'horizontal';\nexport const STEPPER_DEFAULT_LABEL_PLACEMENT: StepperLabelPlacement = 'end';\nexport const STEPPER_DEFAULT_NAVIGATION: StepperNavigation = 'button';\n\nexport interface StepperDefaults {\n labelPlacement?: StepperLabelPlacement;\n linear?: boolean;\n navigation?: StepperNavigation;\n orientation?: StepperOrientation;\n}\n\nexport const STEPPER_DEFAULTS_TOKEN = new InjectionToken<StepperDefaults>(\n 'slotted stepper defaults',\n { providedIn: 'root', factory: (): StepperDefaults => ({}) },\n);\n\n/**\n * An application decides once which way its flows run, where the labels sit,\n * whether a header can be pressed, and whether the order is enforced. A\n * stepper that states any of those itself still wins: an explicit input is\n * never overridden by the token. Its words come from the language in force\n * (`provideSlotted`).\n */\nexport function provideStepperDefaults(defaults: StepperDefaults) {\n return { provide: STEPPER_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectStepperDefaults(): StepperDefaults {\n return inject(STEPPER_DEFAULTS_TOKEN);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n Directive,\n effect,\n ElementRef,\n forwardRef,\n HostAttributeToken,\n inject,\n input,\n numberAttribute,\n output,\n signal,\n untracked,\n ViewEncapsulation,\n} from '@angular/core';\nimport { injectLocale, injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport type { GlyphName } from '@slotted/angular/icon';\nimport { stepperMessages, type PartialMessages, type StepperMessages } from '@slotted/core/i18n';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport { stepFocusIndex, stepPercent, stepReachable, stepStatus } from '@slotted/core/steps';\n\nimport {\n injectStepperDefaults,\n STEPPER_DEFAULT_LABEL_PLACEMENT,\n STEPPER_DEFAULT_NAVIGATION,\n STEPPER_DEFAULT_ORIENTATION,\n type StepperLabelPlacement,\n type StepperNavigation,\n type StepperOrientation,\n type StepperStepReason,\n} from './stepper.constants';\n\nlet counter = 0;\n\n/**\n * Where the reader is in a sequence of steps, which steps they may reach, and\n * the panel belonging to the step they are on.\n *\n * **It refuses the tab role.** Angular Material gives a horizontal stepper\n * `role=\"tablist\"`; section 7 of the feature guide forbids it in the Tabs entry\n * itself — tabs are for peer views in one context, not for the steps of a\n * process. What replaces it is `ol` and `li` for the sequence,\n * `aria-current=\"step\"` for where the reader is, and a visually hidden status\n * inside each header so a reader hears \"Step 2 of 5, completed\" rather than\n * \"2\".\n *\n * **It validates nothing.** A consumer refuses a move by cancelling the change\n * request, which every mutable value in this library already carries. Zag ships\n * `isStepValid` and `onStepInvalid` for that job; this family needs neither.\n *\n * **It never claims completion.** `complete` is the consumer's fact about one\n * step; `autoComplete` is the shorthand for the flow where reaching step three\n * does mean the first two are done, and it is off.\n */\n@Component({\n selector: '[slStepper]',\n standalone: true,\n template: '<ng-content></ng-content>',\n styleUrls: [\n '../../../styles/src/stepper/stepper.css',\n '../../../styles/src/visually-hidden/visually-hidden.css',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStepper',\n host: {\n 'data-ui': 'stepper',\n 'data-part': 'root',\n '[attr.data-orientation]': 'orientationValue()',\n '[attr.data-label-placement]': 'labelPlacementValue()',\n '[attr.data-navigation]': 'navigationValue()',\n },\n})\nexport class SlStepper {\n /** Present means controlled, for the life of the component. */\n readonly stepValue = input(undefined, { alias: 'step', transform: optionalNumber });\n /** What an uncontrolled stepper starts from, read once. */\n readonly defaultStep = input(0, { transform: numberAttribute });\n /**\n * Words laid over the catalog of the language in force, key by key: the\n * list's name (`label`), the position, and the status each step announces.\n */\n readonly messages = input<PartialMessages<StepperMessages> | undefined>(undefined);\n readonly orientation = input<StepperOrientation | undefined>(undefined);\n readonly labelPlacement = input<StepperLabelPlacement | undefined>(undefined);\n readonly navigation = input<StepperNavigation | undefined>(undefined);\n readonly linear = input(false, { transform: booleanAttribute });\n readonly autoComplete = input(false, { transform: booleanAttribute });\n\n /**\n * Emitted before the step moves, carrying what it replaces, the reason and\n * the event. It is not the second half of a two-way binding: one slot can\n * carry none of those, and cancelling the request is how a consumer refuses\n * a move.\n */\n readonly stepChange = output<ChangeRequest<number>>();\n\n private readonly defaults = injectStepperDefaults();\n private readonly own = signal<number | undefined>(undefined);\n private readonly steps = signal<readonly SlStepperStep[]>([]);\n\n readonly id = `slotted-stepper-${(counter += 1)}`;\n readonly step = computed(() => this.stepValue() ?? this.own() ?? this.defaultStep());\n readonly count = computed(() => this.steps().length);\n\n readonly orientationValue = computed(\n () => this.orientation() ?? this.defaults.orientation ?? STEPPER_DEFAULT_ORIENTATION,\n );\n readonly labelPlacementValue = computed(\n () => this.labelPlacement() ?? this.defaults.labelPlacement ?? STEPPER_DEFAULT_LABEL_PLACEMENT,\n );\n readonly navigationValue = computed(\n () => this.navigation() ?? this.defaults.navigation ?? STEPPER_DEFAULT_NAVIGATION,\n );\n readonly linearValue = computed(() => this.linear() || this.defaults.linear === true);\n /** The family's words in the language in force, with this stepper's `messages` laid over them. */\n readonly t = injectMessages(stepperMessages, this.messages);\n /** The locale in force: what the descriptors a step announces are listed in. */\n readonly locale = injectLocale();\n\n /** How far along the row the reader has travelled, nought to a hundred. */\n readonly percent = computed(() => stepPercent({ count: this.count(), step: this.step() }));\n readonly canGoPrevious = computed(() => this.step() > 0);\n readonly canGoNext = computed(\n () => this.count() > 0 && this.step() < this.count() - 1 && this.reachable(this.step() + 1),\n );\n\n register(steps: readonly SlStepperStep[]) {\n this.steps.set(steps);\n }\n\n statusOf(index: number) {\n return stepStatus({\n autoComplete: this.autoComplete(),\n complete: this.steps()[index]?.complete(),\n index,\n step: this.step(),\n });\n }\n\n reachable(index: number) {\n return stepReachable({\n autoComplete: this.autoComplete(),\n complete: this.steps()[index]?.complete(),\n count: this.count(),\n disabled: this.steps()[index]?.disabled(),\n index,\n isComplete: (candidate) => this.statusOf(candidate) === 'complete',\n linear: this.linearValue(),\n step: this.step(),\n });\n }\n\n goToStep(next: number, reason: StepperStepReason = 'pointer', source?: Event) {\n if (next < 0 || (this.count() > 0 && next >= this.count())) return;\n const state = createControllable<number>({\n controlled: untracked(() => this.stepValue()),\n initial: untracked(() => this.step()),\n onRequest: (request) => this.stepChange.emit(request),\n });\n if (state.request(next, reason, source)) this.own.set(next);\n }\n\n next(reason: StepperStepReason = 'pointer', source?: Event) {\n this.goToStep(this.step() + 1, reason, source);\n }\n\n previous(reason: StepperStepReason = 'pointer', source?: Event) {\n this.goToStep(this.step() - 1, reason, source);\n }\n\n reset(source?: Event) {\n this.goToStep(this.defaultStep(), 'programmatic', source);\n }\n\n triggerId(index: number) {\n return `${this.id}-trigger-${index}`;\n }\n\n panelId(index: number) {\n return `${this.id}-panel-${index}`;\n }\n}\n\n/**\n * The ordered list, and the one part that knows how many steps there are.\n *\n * The keyboard is handled here rather than on each header, because the\n * destination of an arrow is another header and only the list knows them all.\n * Every header stays in the tab sequence: the arrows are added on top of it\n * rather than replacing it with a roving tab stop, which is the model a\n * `tablist` has and the model this family declined.\n */\n@Directive({\n selector: 'ol[slStepperList]',\n standalone: true,\n exportAs: 'slStepperList',\n host: {\n 'data-part': 'list',\n '[attr.aria-label]': 'accessibleLabel()',\n '(keydown)': 'onKeydown($event)',\n },\n})\nexport class SlStepperList {\n private readonly stepper = inject(SlStepper);\n /* The step is declared below this class, and the dev-server transform puts\n the query predicate in a static initializer — a direct reference would read\n the binding before it exists. `forwardRef` defers the read to the query. */\n private readonly items = contentChildren<SlStepperStep>(forwardRef(() => SlStepperStep));\n private readonly element = inject(ElementRef<HTMLElement>).nativeElement;\n private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n\n readonly accessibleLabel = computed(() => this.ownLabel ?? this.stepper.t('label'));\n\n constructor() {\n effect(() => {\n const items = this.items();\n this.stepper.register(items);\n for (const [index, item] of items.entries()) {\n item.index.set(index);\n item.last.set(index === items.length - 1);\n }\n });\n }\n\n onKeydown(event: KeyboardEvent) {\n const trigger = (event.target as HTMLElement | null)?.closest?.('[data-part=\"trigger\"]');\n const from = Number(trigger?.getAttribute('data-index') ?? -1);\n if (!Number.isInteger(from) || from < 0) return;\n\n const view = this.element.ownerDocument.defaultView;\n const direction = view?.getComputedStyle(this.element).direction === 'rtl' ? 'rtl' : 'ltr';\n\n /**\n * Every header, reachable or not. The arrows move focus exactly where Tab\n * moves it, because that is the whole reason they were added on top of the\n * tab sequence: a step a linear flow has not opened is still one a reader\n * is allowed to find.\n */\n const next = stepFocusIndex({\n count: this.stepper.count(),\n direction,\n from,\n key: event.key,\n orientation: this.stepper.orientationValue(),\n });\n if (next === -1) return;\n\n event.preventDefault();\n this.element.ownerDocument.getElementById(this.stepper.triggerId(next))?.focus();\n }\n}\n\n/**\n * One step: its marker, its name, the second line under it, and the connector\n * that runs to the next one.\n *\n * A step a linear flow has not reached carries `aria-disabled` rather than\n * `disabled`, so it stays in the tab sequence: a reader can find out the step\n * exists and that it is not yet available.\n */\n@Component({\n selector: 'li[slStepperStep]',\n standalone: true,\n imports: [NgTemplateOutlet, SlGlyph, SlIcon],\n template: `\n @switch (stepper.navigationValue()) {\n @case ('none') {\n <span\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.data-index]=\"index()\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </span>\n }\n @case ('link') {\n <a\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n [attr.data-index]=\"index()\"\n [attr.href]=\"unreachable() ? null : (href() ?? null)\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n (click)=\"activate($event)\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </a>\n }\n @default {\n <button\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n [attr.data-index]=\"index()\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n type=\"button\"\n (click)=\"activate($event)\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </button>\n }\n }\n <ng-content></ng-content>\n @if (!last()) {\n <span\n [attr.data-complete]=\"travelled() ? '' : null\"\n aria-hidden=\"true\"\n data-part=\"separator\"\n ></span>\n }\n\n <ng-template #header>\n <span aria-hidden=\"true\" data-part=\"marker\"\n >{{ index() + 1 }}\n @if (mark(); as mark) {\n <span slIcon><svg slGlyph [name]=\"mark\"></svg></span>\n }\n </span>\n <span data-part=\"label\">\n {{ label() }}\n @if (description()) {\n <span data-part=\"description\">{{ description() }}</span>\n }\n </span>\n <!--\n The visible name and this run concatenate into one accessible name, and\n nothing separates two elements' text: without the comma a reader hears\n \"CartStep 1 of 4\".\n -->\n <span data-part=\"status\" data-ui=\"visually-hidden\">{{ ', ' + announced() }}</span>\n </ng-template>\n `,\n styleUrls: [\n '../../../styles/src/stepper/stepper.css',\n '../../../styles/src/visually-hidden/visually-hidden.css',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStepperStep',\n host: {\n 'data-part': 'item',\n '[attr.data-current]': 'current() ? \"\" : null',\n '[attr.data-complete]': 'status() === \"complete\" ? \"\" : null',\n '[attr.data-invalid]': 'invalid() ? \"\" : null',\n '[attr.data-loading]': 'loading() ? \"\" : null',\n '[attr.data-disabled]': 'unreachable() ? \"\" : null',\n },\n})\nexport class SlStepperStep {\n readonly stepper = inject(SlStepper);\n\n readonly label = input<string | undefined>(undefined);\n readonly description = input<string | undefined>(undefined);\n readonly complete = input(undefined, { transform: optionalBoolean });\n readonly disabled = input(undefined, { transform: optionalBoolean });\n readonly invalid = input(false, { transform: booleanAttribute });\n readonly loading = input(false, { transform: booleanAttribute });\n readonly href = input<string | undefined>(undefined);\n\n /** Written by the list, the only part that can see the whole sequence. */\n readonly index = signal(0);\n readonly last = signal(false);\n\n readonly current = computed(() => this.index() === this.stepper.step());\n readonly travelled = computed(() => this.index() < this.stepper.step());\n readonly status = computed(() => this.stepper.statusOf(this.index()));\n readonly unreachable = computed(\n () => this.disabled() === true || !this.stepper.reachable(this.index()),\n );\n /**\n * The glyph drawn over the number: a cross for a step in error, a check for\n * a finished one the reader has left. The current step keeps its number\n * even when it is also complete, because the number is what says where the\n * reader is.\n */\n readonly mark = computed<GlyphName | null>(() =>\n this.invalid() ? 'x' : this.status() === 'complete' && !this.current() ? 'check' : null,\n );\n\n /** A list of descriptors, written the way the locale in force lists them. */\n readonly announced = computed(() => {\n const t = this.stepper.t;\n const state = this.invalid()\n ? t('invalid')\n : this.current()\n ? t('current')\n : this.status() === 'complete'\n ? t('complete')\n : undefined;\n return new Intl.ListFormat(this.stepper.locale(), { type: 'unit' }).format(\n [\n t('position', { index: this.index() + 1, count: this.stepper.count() }),\n state,\n this.loading() ? t('loading') : undefined,\n this.unreachable() && !this.current() ? t('unavailable') : undefined,\n ].filter((part): part is string => part !== undefined),\n );\n });\n\n activate(event: Event) {\n if (this.unreachable() || this.loading()) return;\n this.stepper.goToStep(this.index(), 'pointer', event);\n }\n}\n\n/**\n * The content of the step it is written inside. It is a `group` labelled by its\n * own header rather than a `tabpanel`, for the reason the root refuses the tab\n * role, and it is focusable so a consumer moving focus after a step change has\n * somewhere to put it.\n */\n@Directive({\n selector: '[slStepperPanel]',\n standalone: true,\n exportAs: 'slStepperPanel',\n host: {\n 'data-part': 'panel',\n role: 'group',\n tabindex: '-1',\n '[attr.id]': 'stepper.panelId(step.index())',\n '[attr.aria-labelledby]': 'stepper.triggerId(step.index())',\n '[hidden]': '!step.current()',\n },\n})\nexport class SlStepperPanel {\n readonly stepper = inject(SlStepper);\n readonly step = inject(SlStepperStep);\n}\n\n/**\n * The two directives that move the flow, on the consumer's own button.\n *\n * Angular Material reaches the same shape with `matStepperNext`: a family that\n * shipped its own advance button would ship a second button nobody could theme\n * with the first.\n */\n@Directive({\n selector: 'button[slStepperNext]',\n standalone: true,\n exportAs: 'slStepperNext',\n host: {\n '[disabled]': '!stepper.canGoNext()',\n '(click)': 'stepper.next(\"pointer\", $event)',\n },\n})\nexport class SlStepperNext {\n readonly stepper = inject(SlStepper);\n}\n\n@Directive({\n selector: 'button[slStepperPrevious]',\n standalone: true,\n exportAs: 'slStepperPrevious',\n host: {\n '[disabled]': '!stepper.canGoPrevious()',\n '(click)': 'stepper.previous(\"pointer\", $event)',\n },\n})\nexport class SlStepperPrevious {\n readonly stepper = inject(SlStepper);\n}\n\n/** Absence has to survive the transform, so an unset input stays unset. */\nfunction optionalBoolean(value: boolean | string | undefined) {\n return value === undefined ? undefined : booleanAttribute(value);\n}\n\nfunction optionalNumber(value: number | string | undefined) {\n if (value === undefined || value === null || value === '') return undefined;\n const parsed = numberAttribute(value);\n return Number.isFinite(parsed) ? parsed : undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"slotted-angular-stepper.mjs","sources":["../../stepper/src/stepper.constants.ts","../../stepper/src/stepper.ts","../../stepper/src/slotted-angular-stepper.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { StepOrientation } from '@slotted/core/steps';\n\nexport type StepperOrientation = StepOrientation;\nexport type StepperLabelPlacement = 'end' | 'bottom';\n/** What a step header is: a control, a destination, or neither. */\nexport type StepperNavigation = 'button' | 'link' | 'none';\nexport type StepperStepReason = 'pointer' | 'keyboard' | 'programmatic';\n\nexport const STEPPER_DEFAULT_ORIENTATION: StepperOrientation = 'horizontal';\nexport const STEPPER_DEFAULT_LABEL_PLACEMENT: StepperLabelPlacement = 'end';\nexport const STEPPER_DEFAULT_NAVIGATION: StepperNavigation = 'button';\n\nexport interface StepperDefaults {\n labelPlacement?: StepperLabelPlacement;\n linear?: boolean;\n navigation?: StepperNavigation;\n orientation?: StepperOrientation;\n}\n\nexport const STEPPER_DEFAULTS_TOKEN = new InjectionToken<StepperDefaults>(\n 'slotted stepper defaults',\n { providedIn: 'root', factory: (): StepperDefaults => ({}) },\n);\n\n/**\n * An application decides once which way its flows run, where the labels sit,\n * whether a header can be pressed, and whether the order is enforced. A\n * stepper that states any of those itself still wins: an explicit input is\n * never overridden by the token. Its words come from the language in force\n * (`provideSlotted`).\n */\nexport function provideStepperDefaults(defaults: StepperDefaults) {\n return { provide: STEPPER_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectStepperDefaults(): StepperDefaults {\n return inject(STEPPER_DEFAULTS_TOKEN);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n Directive,\n effect,\n ElementRef,\n forwardRef,\n HostAttributeToken,\n inject,\n input,\n numberAttribute,\n output,\n signal,\n untracked,\n ViewEncapsulation,\n} from '@angular/core';\nimport { injectLocale, injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport type { GlyphName } from '@slotted/angular/icon';\nimport { stepperMessages, type PartialMessages, type StepperMessages } from '@slotted/core/i18n';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport { stepFocusIndex, stepPercent, stepReachable, stepStatus } from '@slotted/core/steps';\n\nimport {\n injectStepperDefaults,\n STEPPER_DEFAULT_LABEL_PLACEMENT,\n STEPPER_DEFAULT_NAVIGATION,\n STEPPER_DEFAULT_ORIENTATION,\n type StepperLabelPlacement,\n type StepperNavigation,\n type StepperOrientation,\n type StepperStepReason,\n} from './stepper.constants';\n\nlet counter = 0;\n\n/**\n * Where the reader is in a sequence of steps, which steps they may reach, and\n * the panel belonging to the step they are on.\n *\n * **It refuses the tab role.** Angular Material gives a horizontal stepper\n * `role=\"tablist\"`; section 7 of the feature guide forbids it in the Tabs entry\n * itself — tabs are for peer views in one context, not for the steps of a\n * process. What replaces it is `ol` and `li` for the sequence,\n * `aria-current=\"step\"` for where the reader is, and a visually hidden status\n * inside each header so a reader hears \"Step 2 of 5, completed\" rather than\n * \"2\".\n *\n * **It validates nothing.** A consumer refuses a move by cancelling the change\n * request, which every mutable value in this library already carries. Zag ships\n * `isStepValid` and `onStepInvalid` for that job; this family needs neither.\n *\n * **It never claims completion.** `complete` is the consumer's fact about one\n * step; `autoComplete` is the shorthand for the flow where reaching step three\n * does mean the first two are done, and it is off.\n */\n@Component({\n selector: '[slStepper]',\n standalone: true,\n template: '<ng-content></ng-content>',\n styleUrls: [\n '../../../styles/src/stepper/stepper.css',\n '../../../styles/src/visually-hidden/visually-hidden.css',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStepper',\n host: {\n 'data-ui': 'stepper',\n 'data-ui-stepper': '',\n 'data-part': 'root',\n 'data-part-root': '',\n '[attr.data-orientation]': 'orientationValue()',\n '[attr.data-label-placement]': 'labelPlacementValue()',\n '[attr.data-navigation]': 'navigationValue()',\n },\n})\nexport class SlStepper {\n /** Present means controlled, for the life of the component. */\n readonly stepValue = input(undefined, { alias: 'step', transform: optionalNumber });\n /** What an uncontrolled stepper starts from, read once. */\n readonly defaultStep = input(0, { transform: numberAttribute });\n /**\n * Words laid over the catalog of the language in force, key by key: the\n * list's name (`label`), the position, and the status each step announces.\n */\n readonly messages = input<PartialMessages<StepperMessages> | undefined>(undefined);\n readonly orientation = input<StepperOrientation | undefined>(undefined);\n readonly labelPlacement = input<StepperLabelPlacement | undefined>(undefined);\n readonly navigation = input<StepperNavigation | undefined>(undefined);\n readonly linear = input(false, { transform: booleanAttribute });\n readonly autoComplete = input(false, { transform: booleanAttribute });\n\n /**\n * Emitted before the step moves, carrying what it replaces, the reason and\n * the event. It is not the second half of a two-way binding: one slot can\n * carry none of those, and cancelling the request is how a consumer refuses\n * a move.\n */\n readonly stepChange = output<ChangeRequest<number>>();\n\n private readonly defaults = injectStepperDefaults();\n private readonly own = signal<number | undefined>(undefined);\n private readonly steps = signal<readonly SlStepperStep[]>([]);\n\n readonly id = `slotted-stepper-${(counter += 1)}`;\n readonly step = computed(() => this.stepValue() ?? this.own() ?? this.defaultStep());\n readonly count = computed(() => this.steps().length);\n\n readonly orientationValue = computed(\n () => this.orientation() ?? this.defaults.orientation ?? STEPPER_DEFAULT_ORIENTATION,\n );\n readonly labelPlacementValue = computed(\n () => this.labelPlacement() ?? this.defaults.labelPlacement ?? STEPPER_DEFAULT_LABEL_PLACEMENT,\n );\n readonly navigationValue = computed(\n () => this.navigation() ?? this.defaults.navigation ?? STEPPER_DEFAULT_NAVIGATION,\n );\n readonly linearValue = computed(() => this.linear() || this.defaults.linear === true);\n /** The family's words in the language in force, with this stepper's `messages` laid over them. */\n readonly t = injectMessages(stepperMessages, this.messages);\n /** The locale in force: what the descriptors a step announces are listed in. */\n readonly locale = injectLocale();\n\n /** How far along the row the reader has travelled, nought to a hundred. */\n readonly percent = computed(() => stepPercent({ count: this.count(), step: this.step() }));\n readonly canGoPrevious = computed(() => this.step() > 0);\n readonly canGoNext = computed(\n () => this.count() > 0 && this.step() < this.count() - 1 && this.reachable(this.step() + 1),\n );\n\n register(steps: readonly SlStepperStep[]) {\n this.steps.set(steps);\n }\n\n statusOf(index: number) {\n return stepStatus({\n autoComplete: this.autoComplete(),\n complete: this.steps()[index]?.complete(),\n index,\n step: this.step(),\n });\n }\n\n reachable(index: number) {\n return stepReachable({\n autoComplete: this.autoComplete(),\n complete: this.steps()[index]?.complete(),\n count: this.count(),\n disabled: this.steps()[index]?.disabled(),\n index,\n isComplete: (candidate) => this.statusOf(candidate) === 'complete',\n linear: this.linearValue(),\n step: this.step(),\n });\n }\n\n goToStep(next: number, reason: StepperStepReason = 'pointer', source?: Event) {\n if (next < 0 || (this.count() > 0 && next >= this.count())) return;\n const state = createControllable<number>({\n controlled: untracked(() => this.stepValue()),\n initial: untracked(() => this.step()),\n onRequest: (request) => this.stepChange.emit(request),\n });\n if (state.request(next, reason, source)) this.own.set(next);\n }\n\n next(reason: StepperStepReason = 'pointer', source?: Event) {\n this.goToStep(this.step() + 1, reason, source);\n }\n\n previous(reason: StepperStepReason = 'pointer', source?: Event) {\n this.goToStep(this.step() - 1, reason, source);\n }\n\n reset(source?: Event) {\n this.goToStep(this.defaultStep(), 'programmatic', source);\n }\n\n triggerId(index: number) {\n return `${this.id}-trigger-${index}`;\n }\n\n panelId(index: number) {\n return `${this.id}-panel-${index}`;\n }\n}\n\n/**\n * The ordered list, and the one part that knows how many steps there are.\n *\n * The keyboard is handled here rather than on each header, because the\n * destination of an arrow is another header and only the list knows them all.\n * Every header stays in the tab sequence: the arrows are added on top of it\n * rather than replacing it with a roving tab stop, which is the model a\n * `tablist` has and the model this family declined.\n */\n@Directive({\n selector: 'ol[slStepperList]',\n standalone: true,\n exportAs: 'slStepperList',\n host: {\n 'data-part': 'list',\n 'data-part-list': '',\n '[attr.aria-label]': 'accessibleLabel()',\n '(keydown)': 'onKeydown($event)',\n },\n})\nexport class SlStepperList {\n private readonly stepper = inject(SlStepper);\n /* The step is declared below this class, and the dev-server transform puts\n the query predicate in a static initializer — a direct reference would read\n the binding before it exists. `forwardRef` defers the read to the query. */\n private readonly items = contentChildren<SlStepperStep>(forwardRef(() => SlStepperStep));\n private readonly element = inject(ElementRef<HTMLElement>).nativeElement;\n private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n\n readonly accessibleLabel = computed(() => this.ownLabel ?? this.stepper.t('label'));\n\n constructor() {\n effect(() => {\n const items = this.items();\n this.stepper.register(items);\n for (const [index, item] of items.entries()) {\n item.index.set(index);\n item.last.set(index === items.length - 1);\n }\n });\n }\n\n onKeydown(event: KeyboardEvent) {\n const trigger = (event.target as HTMLElement | null)?.closest?.('[data-part=\"trigger\"]');\n const from = Number(trigger?.getAttribute('data-index') ?? -1);\n if (!Number.isInteger(from) || from < 0) return;\n\n const view = this.element.ownerDocument.defaultView;\n const direction = view?.getComputedStyle(this.element).direction === 'rtl' ? 'rtl' : 'ltr';\n\n /**\n * Every header, reachable or not. The arrows move focus exactly where Tab\n * moves it, because that is the whole reason they were added on top of the\n * tab sequence: a step a linear flow has not opened is still one a reader\n * is allowed to find.\n */\n const next = stepFocusIndex({\n count: this.stepper.count(),\n direction,\n from,\n key: event.key,\n orientation: this.stepper.orientationValue(),\n });\n if (next === -1) return;\n\n event.preventDefault();\n this.element.ownerDocument.getElementById(this.stepper.triggerId(next))?.focus();\n }\n}\n\n/**\n * One step: its marker, its name, the second line under it, and the connector\n * that runs to the next one.\n *\n * A step a linear flow has not reached carries `aria-disabled` rather than\n * `disabled`, so it stays in the tab sequence: a reader can find out the step\n * exists and that it is not yet available.\n */\n@Component({\n selector: 'li[slStepperStep]',\n standalone: true,\n imports: [NgTemplateOutlet, SlGlyph, SlIcon],\n template: `\n @switch (stepper.navigationValue()) {\n @case ('none') {\n <span\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.data-index]=\"index()\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n data-part-trigger=\"\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </span>\n }\n @case ('link') {\n <a\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n [attr.data-index]=\"index()\"\n [attr.href]=\"unreachable() ? null : (href() ?? null)\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n data-part-trigger=\"\"\n (click)=\"activate($event)\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </a>\n }\n @default {\n <button\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n [attr.data-index]=\"index()\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n data-part-trigger=\"\"\n type=\"button\"\n (click)=\"activate($event)\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </button>\n }\n }\n <ng-content></ng-content>\n @if (!last()) {\n <span\n [attr.data-complete]=\"travelled() ? '' : null\"\n aria-hidden=\"true\"\n data-part=\"separator\"\n data-part-separator=\"\"\n ></span>\n }\n\n <ng-template #header>\n <span aria-hidden=\"true\" data-part=\"marker\" data-part-marker=\"\"\n >{{ index() + 1 }}\n @if (mark(); as mark) {\n <span slIcon><svg slGlyph [name]=\"mark\"></svg></span>\n }\n </span>\n <span data-part=\"label\" data-part-label=\"\">\n {{ label() }}\n @if (description()) {\n <span data-part=\"description\" data-part-description=\"\">{{ description() }}</span>\n }\n </span>\n <!--\n The visible name and this run concatenate into one accessible name, and\n nothing separates two elements' text: without the comma a reader hears\n \"CartStep 1 of 4\".\n -->\n <span\n data-part=\"status\"\n data-part-status=\"\"\n data-ui=\"visually-hidden\"\n data-ui-visually-hidden=\"\"\n >{{ ', ' + announced() }}</span\n >\n </ng-template>\n `,\n styleUrls: [\n '../../../styles/src/stepper/stepper.css',\n '../../../styles/src/visually-hidden/visually-hidden.css',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStepperStep',\n host: {\n 'data-part': 'item',\n 'data-part-item': '',\n '[attr.data-current]': 'current() ? \"\" : null',\n '[attr.data-complete]': 'status() === \"complete\" ? \"\" : null',\n '[attr.data-invalid]': 'invalid() ? \"\" : null',\n '[attr.data-loading]': 'loading() ? \"\" : null',\n '[attr.data-disabled]': 'unreachable() ? \"\" : null',\n },\n})\nexport class SlStepperStep {\n readonly stepper = inject(SlStepper);\n\n readonly label = input<string | undefined>(undefined);\n readonly description = input<string | undefined>(undefined);\n readonly complete = input(undefined, { transform: optionalBoolean });\n readonly disabled = input(undefined, { transform: optionalBoolean });\n readonly invalid = input(false, { transform: booleanAttribute });\n readonly loading = input(false, { transform: booleanAttribute });\n readonly href = input<string | undefined>(undefined);\n\n /** Written by the list, the only part that can see the whole sequence. */\n readonly index = signal(0);\n readonly last = signal(false);\n\n readonly current = computed(() => this.index() === this.stepper.step());\n readonly travelled = computed(() => this.index() < this.stepper.step());\n readonly status = computed(() => this.stepper.statusOf(this.index()));\n readonly unreachable = computed(\n () => this.disabled() === true || !this.stepper.reachable(this.index()),\n );\n /**\n * The glyph drawn over the number: a cross for a step in error, a check for\n * a finished one the reader has left. The current step keeps its number\n * even when it is also complete, because the number is what says where the\n * reader is.\n */\n readonly mark = computed<GlyphName | null>(() =>\n this.invalid() ? 'x' : this.status() === 'complete' && !this.current() ? 'check' : null,\n );\n\n /** A list of descriptors, written the way the locale in force lists them. */\n readonly announced = computed(() => {\n const t = this.stepper.t;\n const state = this.invalid()\n ? t('invalid')\n : this.current()\n ? t('current')\n : this.status() === 'complete'\n ? t('complete')\n : undefined;\n return new Intl.ListFormat(this.stepper.locale(), { type: 'unit' }).format(\n [\n t('position', { index: this.index() + 1, count: this.stepper.count() }),\n state,\n this.loading() ? t('loading') : undefined,\n this.unreachable() && !this.current() ? t('unavailable') : undefined,\n ].filter((part): part is string => part !== undefined),\n );\n });\n\n activate(event: Event) {\n if (this.unreachable() || this.loading()) return;\n this.stepper.goToStep(this.index(), 'pointer', event);\n }\n}\n\n/**\n * The content of the step it is written inside. It is a `group` labelled by its\n * own header rather than a `tabpanel`, for the reason the root refuses the tab\n * role, and it is focusable so a consumer moving focus after a step change has\n * somewhere to put it.\n */\n@Directive({\n selector: '[slStepperPanel]',\n standalone: true,\n exportAs: 'slStepperPanel',\n host: {\n 'data-part': 'panel',\n 'data-part-panel': '',\n role: 'group',\n tabindex: '-1',\n '[attr.id]': 'stepper.panelId(step.index())',\n '[attr.aria-labelledby]': 'stepper.triggerId(step.index())',\n '[hidden]': '!step.current()',\n },\n})\nexport class SlStepperPanel {\n readonly stepper = inject(SlStepper);\n readonly step = inject(SlStepperStep);\n}\n\n/**\n * The two directives that move the flow, on the consumer's own button.\n *\n * Angular Material reaches the same shape with `matStepperNext`: a family that\n * shipped its own advance button would ship a second button nobody could theme\n * with the first.\n */\n@Directive({\n selector: 'button[slStepperNext]',\n standalone: true,\n exportAs: 'slStepperNext',\n host: {\n '[disabled]': '!stepper.canGoNext()',\n '(click)': 'stepper.next(\"pointer\", $event)',\n },\n})\nexport class SlStepperNext {\n readonly stepper = inject(SlStepper);\n}\n\n@Directive({\n selector: 'button[slStepperPrevious]',\n standalone: true,\n exportAs: 'slStepperPrevious',\n host: {\n '[disabled]': '!stepper.canGoPrevious()',\n '(click)': 'stepper.previous(\"pointer\", $event)',\n },\n})\nexport class SlStepperPrevious {\n readonly stepper = inject(SlStepper);\n}\n\n/** Absence has to survive the transform, so an unset input stays unset. */\nfunction optionalBoolean(value: boolean | string | undefined) {\n return value === undefined ? undefined : booleanAttribute(value);\n}\n\nfunction optionalNumber(value: number | string | undefined) {\n if (value === undefined || value === null || value === '') return undefined;\n const parsed = numberAttribute(value);\n return Number.isFinite(parsed) ? parsed : undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|