@flitsmeister/design-system 2.2.36 → 3.0.0
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/README.md +33 -52
- package/dist/fm-button/fm-button-core.d.ts +25 -0
- package/dist/fm-button/fm-button-core.d.ts.map +1 -0
- package/dist/fm-button/fm-button-core.js +23 -0
- package/dist/fm-button/fm-button-core.js.map +1 -0
- package/dist/fm-button/fm-button.d.ts +83 -0
- package/dist/fm-button/fm-button.d.ts.map +1 -0
- package/dist/fm-button/fm-button.js +256 -0
- package/dist/fm-button/fm-button.js.map +1 -0
- package/dist/fm-button/fm-button.style.d.ts +2 -0
- package/dist/fm-button/fm-button.style.d.ts.map +1 -0
- package/dist/fm-button/fm-button.style.js +395 -0
- package/dist/fm-button/fm-button.style.js.map +1 -0
- package/dist/fm-dropdown/fm-dropdown-core.d.ts +34 -0
- package/dist/fm-dropdown/fm-dropdown-core.d.ts.map +1 -0
- package/dist/fm-dropdown/fm-dropdown-core.js +137 -0
- package/dist/fm-dropdown/fm-dropdown-core.js.map +1 -0
- package/dist/fm-dropdown/fm-dropdown-mobile.d.ts +11 -0
- package/dist/fm-dropdown/fm-dropdown-mobile.d.ts.map +1 -0
- package/dist/fm-dropdown/fm-dropdown-mobile.js +47 -0
- package/dist/fm-dropdown/fm-dropdown-mobile.js.map +1 -0
- package/dist/fm-dropdown/fm-dropdown.d.ts +107 -0
- package/dist/fm-dropdown/fm-dropdown.d.ts.map +1 -0
- package/dist/fm-dropdown/fm-dropdown.js +727 -0
- package/dist/fm-dropdown/fm-dropdown.js.map +1 -0
- package/dist/fm-dropdown/fm-dropdown.style.d.ts +2 -0
- package/dist/fm-dropdown/fm-dropdown.style.d.ts.map +1 -0
- package/dist/fm-dropdown/fm-dropdown.style.js +480 -0
- package/dist/fm-dropdown/fm-dropdown.style.js.map +1 -0
- package/dist/fm-icon/all.d.ts +6 -0
- package/dist/fm-icon/all.d.ts.map +1 -0
- package/dist/fm-icon/all.js +11 -0
- package/dist/fm-icon/all.js.map +1 -0
- package/dist/fm-icon/fm-icon.d.ts +47 -0
- package/dist/fm-icon/fm-icon.d.ts.map +1 -0
- package/dist/fm-icon/fm-icon.js +100 -0
- package/dist/fm-icon/fm-icon.js.map +1 -0
- package/dist/fm-icon/fm-icon.style.d.ts +2 -0
- package/dist/fm-icon/fm-icon.style.d.ts.map +1 -0
- package/dist/fm-icon/fm-icon.style.js +102 -0
- package/dist/fm-icon/fm-icon.style.js.map +1 -0
- package/dist/fm-icon/icon-registry.d.ts +4 -0
- package/dist/fm-icon/icon-registry.d.ts.map +1 -0
- package/dist/fm-icon/icon-registry.generated.d.ts +9 -0
- package/dist/fm-icon/icon-registry.generated.d.ts.map +1 -0
- package/dist/fm-icon/icon-registry.generated.js +96 -0
- package/dist/fm-icon/icon-registry.generated.js.map +1 -0
- package/dist/fm-icon/icon-registry.js +11 -0
- package/dist/fm-icon/icon-registry.js.map +1 -0
- package/dist/fm-icon/icons/bold-add.d.ts +5 -0
- package/dist/fm-icon/icons/bold-add.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-add.js +6 -0
- package/dist/fm-icon/icons/bold-add.js.map +1 -0
- package/dist/fm-icon/icons/bold-check.d.ts +5 -0
- package/dist/fm-icon/icons/bold-check.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-check.js +6 -0
- package/dist/fm-icon/icons/bold-check.js.map +1 -0
- package/dist/fm-icon/icons/bold-checkbox-checked.d.ts +5 -0
- package/dist/fm-icon/icons/bold-checkbox-checked.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-checkbox-checked.js +6 -0
- package/dist/fm-icon/icons/bold-checkbox-checked.js.map +1 -0
- package/dist/fm-icon/icons/bold-checkbox-unchecked.d.ts +5 -0
- package/dist/fm-icon/icons/bold-checkbox-unchecked.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-checkbox-unchecked.js +6 -0
- package/dist/fm-icon/icons/bold-checkbox-unchecked.js.map +1 -0
- package/dist/fm-icon/icons/bold-chevron-backward.d.ts +5 -0
- package/dist/fm-icon/icons/bold-chevron-backward.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-chevron-backward.js +6 -0
- package/dist/fm-icon/icons/bold-chevron-backward.js.map +1 -0
- package/dist/fm-icon/icons/bold-chevron-down.d.ts +5 -0
- package/dist/fm-icon/icons/bold-chevron-down.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-chevron-down.js +6 -0
- package/dist/fm-icon/icons/bold-chevron-down.js.map +1 -0
- package/dist/fm-icon/icons/bold-chevron-forward.d.ts +5 -0
- package/dist/fm-icon/icons/bold-chevron-forward.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-chevron-forward.js +6 -0
- package/dist/fm-icon/icons/bold-chevron-forward.js.map +1 -0
- package/dist/fm-icon/icons/bold-chevron-up.d.ts +5 -0
- package/dist/fm-icon/icons/bold-chevron-up.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-chevron-up.js +6 -0
- package/dist/fm-icon/icons/bold-chevron-up.js.map +1 -0
- package/dist/fm-icon/icons/bold-close-1.d.ts +5 -0
- package/dist/fm-icon/icons/bold-close-1.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-close-1.js +6 -0
- package/dist/fm-icon/icons/bold-close-1.js.map +1 -0
- package/dist/fm-icon/icons/bold-close.d.ts +5 -0
- package/dist/fm-icon/icons/bold-close.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-close.js +6 -0
- package/dist/fm-icon/icons/bold-close.js.map +1 -0
- package/dist/fm-icon/icons/bold-dot.d.ts +5 -0
- package/dist/fm-icon/icons/bold-dot.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-dot.js +6 -0
- package/dist/fm-icon/icons/bold-dot.js.map +1 -0
- package/dist/fm-icon/icons/bold-open-external.d.ts +5 -0
- package/dist/fm-icon/icons/bold-open-external.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-open-external.js +6 -0
- package/dist/fm-icon/icons/bold-open-external.js.map +1 -0
- package/dist/fm-icon/icons/bold-prominent-1.d.ts +5 -0
- package/dist/fm-icon/icons/bold-prominent-1.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-prominent-1.js +6 -0
- package/dist/fm-icon/icons/bold-prominent-1.js.map +1 -0
- package/dist/fm-icon/icons/bold-prominent.d.ts +5 -0
- package/dist/fm-icon/icons/bold-prominent.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-prominent.js +6 -0
- package/dist/fm-icon/icons/bold-prominent.js.map +1 -0
- package/dist/fm-icon/icons/bold-question.d.ts +5 -0
- package/dist/fm-icon/icons/bold-question.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-question.js +6 -0
- package/dist/fm-icon/icons/bold-question.js.map +1 -0
- package/dist/fm-icon/icons/bold-remove.d.ts +5 -0
- package/dist/fm-icon/icons/bold-remove.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-remove.js +6 -0
- package/dist/fm-icon/icons/bold-remove.js.map +1 -0
- package/dist/fm-icon/icons/bold-search.d.ts +5 -0
- package/dist/fm-icon/icons/bold-search.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-search.js +6 -0
- package/dist/fm-icon/icons/bold-search.js.map +1 -0
- package/dist/fm-icon/icons/bold-spinner.d.ts +5 -0
- package/dist/fm-icon/icons/bold-spinner.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-spinner.js +6 -0
- package/dist/fm-icon/icons/bold-spinner.js.map +1 -0
- package/dist/fm-icon/icons/bold-warning.d.ts +5 -0
- package/dist/fm-icon/icons/bold-warning.d.ts.map +1 -0
- package/dist/fm-icon/icons/bold-warning.js +6 -0
- package/dist/fm-icon/icons/bold-warning.js.map +1 -0
- package/dist/fm-icon/icons/duotone-check.d.ts +5 -0
- package/dist/fm-icon/icons/duotone-check.d.ts.map +1 -0
- package/dist/fm-icon/icons/duotone-check.js +6 -0
- package/dist/fm-icon/icons/duotone-check.js.map +1 -0
- package/dist/fm-icon/icons/filled-achievements.d.ts +5 -0
- package/dist/fm-icon/icons/filled-achievements.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-achievements.js +6 -0
- package/dist/fm-icon/icons/filled-achievements.js.map +1 -0
- package/dist/fm-icon/icons/filled-add.d.ts +5 -0
- package/dist/fm-icon/icons/filled-add.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-add.js +6 -0
- package/dist/fm-icon/icons/filled-add.js.map +1 -0
- package/dist/fm-icon/icons/filled-app-settings.d.ts +5 -0
- package/dist/fm-icon/icons/filled-app-settings.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-app-settings.js +6 -0
- package/dist/fm-icon/icons/filled-app-settings.js.map +1 -0
- package/dist/fm-icon/icons/filled-calendar.d.ts +5 -0
- package/dist/fm-icon/icons/filled-calendar.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-calendar.js +6 -0
- package/dist/fm-icon/icons/filled-calendar.js.map +1 -0
- package/dist/fm-icon/icons/filled-car-simplified.d.ts +5 -0
- package/dist/fm-icon/icons/filled-car-simplified.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-car-simplified.js +6 -0
- package/dist/fm-icon/icons/filled-car-simplified.js.map +1 -0
- package/dist/fm-icon/icons/filled-check.d.ts +5 -0
- package/dist/fm-icon/icons/filled-check.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-check.js +6 -0
- package/dist/fm-icon/icons/filled-check.js.map +1 -0
- package/dist/fm-icon/icons/filled-clock.d.ts +5 -0
- package/dist/fm-icon/icons/filled-clock.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-clock.js +6 -0
- package/dist/fm-icon/icons/filled-clock.js.map +1 -0
- package/dist/fm-icon/icons/filled-close.d.ts +5 -0
- package/dist/fm-icon/icons/filled-close.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-close.js +6 -0
- package/dist/fm-icon/icons/filled-close.js.map +1 -0
- package/dist/fm-icon/icons/filled-control.d.ts +5 -0
- package/dist/fm-icon/icons/filled-control.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-control.js +6 -0
- package/dist/fm-icon/icons/filled-control.js.map +1 -0
- package/dist/fm-icon/icons/filled-danger.d.ts +5 -0
- package/dist/fm-icon/icons/filled-danger.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-danger.js +6 -0
- package/dist/fm-icon/icons/filled-danger.js.map +1 -0
- package/dist/fm-icon/icons/filled-delete.d.ts +5 -0
- package/dist/fm-icon/icons/filled-delete.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-delete.js +6 -0
- package/dist/fm-icon/icons/filled-delete.js.map +1 -0
- package/dist/fm-icon/icons/filled-deviceOne.d.ts +5 -0
- package/dist/fm-icon/icons/filled-deviceOne.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-deviceOne.js +6 -0
- package/dist/fm-icon/icons/filled-deviceOne.js.map +1 -0
- package/dist/fm-icon/icons/filled-deviceTwo.d.ts +5 -0
- package/dist/fm-icon/icons/filled-deviceTwo.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-deviceTwo.js +6 -0
- package/dist/fm-icon/icons/filled-deviceTwo.js.map +1 -0
- package/dist/fm-icon/icons/filled-disputeFine.d.ts +5 -0
- package/dist/fm-icon/icons/filled-disputeFine.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-disputeFine.js +6 -0
- package/dist/fm-icon/icons/filled-disputeFine.js.map +1 -0
- package/dist/fm-icon/icons/filled-email.d.ts +5 -0
- package/dist/fm-icon/icons/filled-email.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-email.js +6 -0
- package/dist/fm-icon/icons/filled-email.js.map +1 -0
- package/dist/fm-icon/icons/filled-gasPrices.d.ts +5 -0
- package/dist/fm-icon/icons/filled-gasPrices.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-gasPrices.js +6 -0
- package/dist/fm-icon/icons/filled-gasPrices.js.map +1 -0
- package/dist/fm-icon/icons/filled-hazard.d.ts +5 -0
- package/dist/fm-icon/icons/filled-hazard.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-hazard.js +6 -0
- package/dist/fm-icon/icons/filled-hazard.js.map +1 -0
- package/dist/fm-icon/icons/filled-highway.d.ts +5 -0
- package/dist/fm-icon/icons/filled-highway.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-highway.js +6 -0
- package/dist/fm-icon/icons/filled-highway.js.map +1 -0
- package/dist/fm-icon/icons/filled-info.d.ts +5 -0
- package/dist/fm-icon/icons/filled-info.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-info.js +6 -0
- package/dist/fm-icon/icons/filled-info.js.map +1 -0
- package/dist/fm-icon/icons/filled-lock-close.d.ts +5 -0
- package/dist/fm-icon/icons/filled-lock-close.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-lock-close.js +6 -0
- package/dist/fm-icon/icons/filled-lock-close.js.map +1 -0
- package/dist/fm-icon/icons/filled-lock-open.d.ts +5 -0
- package/dist/fm-icon/icons/filled-lock-open.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-lock-open.js +6 -0
- package/dist/fm-icon/icons/filled-lock-open.js.map +1 -0
- package/dist/fm-icon/icons/filled-lock.d.ts +5 -0
- package/dist/fm-icon/icons/filled-lock.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-lock.js +6 -0
- package/dist/fm-icon/icons/filled-lock.js.map +1 -0
- package/dist/fm-icon/icons/filled-microphone.d.ts +5 -0
- package/dist/fm-icon/icons/filled-microphone.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-microphone.js +6 -0
- package/dist/fm-icon/icons/filled-microphone.js.map +1 -0
- package/dist/fm-icon/icons/filled-notificaiton-unread.d.ts +5 -0
- package/dist/fm-icon/icons/filled-notificaiton-unread.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-notificaiton-unread.js +6 -0
- package/dist/fm-icon/icons/filled-notificaiton-unread.js.map +1 -0
- package/dist/fm-icon/icons/filled-notificaiton.d.ts +5 -0
- package/dist/fm-icon/icons/filled-notificaiton.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-notificaiton.js +6 -0
- package/dist/fm-icon/icons/filled-notificaiton.js.map +1 -0
- package/dist/fm-icon/icons/filled-parking.d.ts +5 -0
- package/dist/fm-icon/icons/filled-parking.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-parking.js +6 -0
- package/dist/fm-icon/icons/filled-parking.js.map +1 -0
- package/dist/fm-icon/icons/filled-play.d.ts +5 -0
- package/dist/fm-icon/icons/filled-play.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-play.js +6 -0
- package/dist/fm-icon/icons/filled-play.js.map +1 -0
- package/dist/fm-icon/icons/filled-question.d.ts +5 -0
- package/dist/fm-icon/icons/filled-question.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-question.js +6 -0
- package/dist/fm-icon/icons/filled-question.js.map +1 -0
- package/dist/fm-icon/icons/filled-rating-empty.d.ts +5 -0
- package/dist/fm-icon/icons/filled-rating-empty.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-rating-empty.js +6 -0
- package/dist/fm-icon/icons/filled-rating-empty.js.map +1 -0
- package/dist/fm-icon/icons/filled-rating-full.d.ts +5 -0
- package/dist/fm-icon/icons/filled-rating-full.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-rating-full.js +6 -0
- package/dist/fm-icon/icons/filled-rating-full.js.map +1 -0
- package/dist/fm-icon/icons/filled-rating-half.d.ts +5 -0
- package/dist/fm-icon/icons/filled-rating-half.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-rating-half.js +6 -0
- package/dist/fm-icon/icons/filled-rating-half.js.map +1 -0
- package/dist/fm-icon/icons/filled-remove.d.ts +5 -0
- package/dist/fm-icon/icons/filled-remove.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-remove.js +6 -0
- package/dist/fm-icon/icons/filled-remove.js.map +1 -0
- package/dist/fm-icon/icons/filled-return-location.d.ts +5 -0
- package/dist/fm-icon/icons/filled-return-location.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-return-location.js +6 -0
- package/dist/fm-icon/icons/filled-return-location.js.map +1 -0
- package/dist/fm-icon/icons/filled-support.d.ts +5 -0
- package/dist/fm-icon/icons/filled-support.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-support.js +6 -0
- package/dist/fm-icon/icons/filled-support.js.map +1 -0
- package/dist/fm-icon/icons/filled-toll.d.ts +5 -0
- package/dist/fm-icon/icons/filled-toll.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-toll.js +6 -0
- package/dist/fm-icon/icons/filled-toll.js.map +1 -0
- package/dist/fm-icon/icons/filled-tripHistory.d.ts +5 -0
- package/dist/fm-icon/icons/filled-tripHistory.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-tripHistory.js +6 -0
- package/dist/fm-icon/icons/filled-tripHistory.js.map +1 -0
- package/dist/fm-icon/icons/filled-truck.d.ts +5 -0
- package/dist/fm-icon/icons/filled-truck.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-truck.js +6 -0
- package/dist/fm-icon/icons/filled-truck.js.map +1 -0
- package/dist/fm-icon/icons/filled-user-pin.d.ts +5 -0
- package/dist/fm-icon/icons/filled-user-pin.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-user-pin.js +6 -0
- package/dist/fm-icon/icons/filled-user-pin.js.map +1 -0
- package/dist/fm-icon/icons/filled-user-profile.d.ts +5 -0
- package/dist/fm-icon/icons/filled-user-profile.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-user-profile.js +6 -0
- package/dist/fm-icon/icons/filled-user-profile.js.map +1 -0
- package/dist/fm-icon/icons/filled-warning.d.ts +5 -0
- package/dist/fm-icon/icons/filled-warning.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-warning.js +6 -0
- package/dist/fm-icon/icons/filled-warning.js.map +1 -0
- package/dist/fm-icon/icons/filled-zone-default.d.ts +5 -0
- package/dist/fm-icon/icons/filled-zone-default.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-zone-default.js +6 -0
- package/dist/fm-icon/icons/filled-zone-default.js.map +1 -0
- package/dist/fm-icon/icons/filled-zone-indoor.d.ts +5 -0
- package/dist/fm-icon/icons/filled-zone-indoor.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-zone-indoor.js +6 -0
- package/dist/fm-icon/icons/filled-zone-indoor.js.map +1 -0
- package/dist/fm-icon/icons/filled-zone-street.d.ts +5 -0
- package/dist/fm-icon/icons/filled-zone-street.d.ts.map +1 -0
- package/dist/fm-icon/icons/filled-zone-street.js +6 -0
- package/dist/fm-icon/icons/filled-zone-street.js.map +1 -0
- package/dist/fm-icon/icons/stroke-arrow-Down.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-arrow-Down.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-arrow-Down.js +6 -0
- package/dist/fm-icon/icons/stroke-arrow-Down.js.map +1 -0
- package/dist/fm-icon/icons/stroke-arrow-Up.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-arrow-Up.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-arrow-Up.js +6 -0
- package/dist/fm-icon/icons/stroke-arrow-Up.js.map +1 -0
- package/dist/fm-icon/icons/stroke-arrow-left.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-arrow-left.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-arrow-left.js +6 -0
- package/dist/fm-icon/icons/stroke-arrow-left.js.map +1 -0
- package/dist/fm-icon/icons/stroke-arrow-right.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-arrow-right.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-arrow-right.js +6 -0
- package/dist/fm-icon/icons/stroke-arrow-right.js.map +1 -0
- package/dist/fm-icon/icons/stroke-check.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-check.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-check.js +6 -0
- package/dist/fm-icon/icons/stroke-check.js.map +1 -0
- package/dist/fm-icon/icons/stroke-checkbox-checked.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-checkbox-checked.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-checkbox-checked.js +6 -0
- package/dist/fm-icon/icons/stroke-checkbox-checked.js.map +1 -0
- package/dist/fm-icon/icons/stroke-checkbox-unchecked.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-checkbox-unchecked.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-checkbox-unchecked.js +6 -0
- package/dist/fm-icon/icons/stroke-checkbox-unchecked.js.map +1 -0
- package/dist/fm-icon/icons/stroke-chevron-backward.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-chevron-backward.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-chevron-backward.js +6 -0
- package/dist/fm-icon/icons/stroke-chevron-backward.js.map +1 -0
- package/dist/fm-icon/icons/stroke-chevron-down.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-chevron-down.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-chevron-down.js +6 -0
- package/dist/fm-icon/icons/stroke-chevron-down.js.map +1 -0
- package/dist/fm-icon/icons/stroke-chevron-forward.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-chevron-forward.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-chevron-forward.js +6 -0
- package/dist/fm-icon/icons/stroke-chevron-forward.js.map +1 -0
- package/dist/fm-icon/icons/stroke-chevron-up.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-chevron-up.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-chevron-up.js +6 -0
- package/dist/fm-icon/icons/stroke-chevron-up.js.map +1 -0
- package/dist/fm-icon/icons/stroke-clock.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-clock.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-clock.js +6 -0
- package/dist/fm-icon/icons/stroke-clock.js.map +1 -0
- package/dist/fm-icon/icons/stroke-close-1.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-close-1.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-close-1.js +6 -0
- package/dist/fm-icon/icons/stroke-close-1.js.map +1 -0
- package/dist/fm-icon/icons/stroke-close.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-close.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-close.js +6 -0
- package/dist/fm-icon/icons/stroke-close.js.map +1 -0
- package/dist/fm-icon/icons/stroke-download.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-download.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-download.js +6 -0
- package/dist/fm-icon/icons/stroke-download.js.map +1 -0
- package/dist/fm-icon/icons/stroke-email.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-email.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-email.js +6 -0
- package/dist/fm-icon/icons/stroke-email.js.map +1 -0
- package/dist/fm-icon/icons/stroke-hamburger.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-hamburger.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-hamburger.js +6 -0
- package/dist/fm-icon/icons/stroke-hamburger.js.map +1 -0
- package/dist/fm-icon/icons/stroke-login.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-login.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-login.js +6 -0
- package/dist/fm-icon/icons/stroke-login.js.map +1 -0
- package/dist/fm-icon/icons/stroke-logout.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-logout.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-logout.js +6 -0
- package/dist/fm-icon/icons/stroke-logout.js.map +1 -0
- package/dist/fm-icon/icons/stroke-more.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-more.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-more.js +6 -0
- package/dist/fm-icon/icons/stroke-more.js.map +1 -0
- package/dist/fm-icon/icons/stroke-open-external.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-open-external.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-open-external.js +6 -0
- package/dist/fm-icon/icons/stroke-open-external.js.map +1 -0
- package/dist/fm-icon/icons/stroke-question.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-question.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-question.js +6 -0
- package/dist/fm-icon/icons/stroke-question.js.map +1 -0
- package/dist/fm-icon/icons/stroke-search.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-search.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-search.js +6 -0
- package/dist/fm-icon/icons/stroke-search.js.map +1 -0
- package/dist/fm-icon/icons/stroke-spinner.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-spinner.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-spinner.js +6 -0
- package/dist/fm-icon/icons/stroke-spinner.js.map +1 -0
- package/dist/fm-icon/icons/stroke-warning.d.ts +5 -0
- package/dist/fm-icon/icons/stroke-warning.d.ts.map +1 -0
- package/dist/fm-icon/icons/stroke-warning.js +6 -0
- package/dist/fm-icon/icons/stroke-warning.js.map +1 -0
- package/dist/fm-input/fm-input.d.ts +95 -0
- package/dist/fm-input/fm-input.d.ts.map +1 -0
- package/dist/fm-input/fm-input.js +343 -0
- package/dist/fm-input/fm-input.js.map +1 -0
- package/dist/fm-input/fm-input.style.d.ts +2 -0
- package/dist/fm-input/fm-input.style.d.ts.map +1 -0
- package/dist/fm-input/fm-input.style.js +221 -0
- package/dist/fm-input/fm-input.style.js.map +1 -0
- package/dist/fm-radio-input/fm-radio-input.d.ts +54 -0
- package/dist/fm-radio-input/fm-radio-input.d.ts.map +1 -0
- package/dist/fm-radio-input/fm-radio-input.js +88 -0
- package/dist/fm-radio-input/fm-radio-input.js.map +1 -0
- package/dist/fm-radio-input/fm-radio-input.style.d.ts +2 -0
- package/dist/fm-radio-input/fm-radio-input.style.d.ts.map +1 -0
- package/dist/fm-radio-input/fm-radio-input.style.js +151 -0
- package/dist/fm-radio-input/fm-radio-input.style.js.map +1 -0
- package/dist/fm-segmented-controller/fm-segmented-controller-core.d.ts +22 -0
- package/dist/fm-segmented-controller/fm-segmented-controller-core.d.ts.map +1 -0
- package/dist/fm-segmented-controller/fm-segmented-controller-core.js +64 -0
- package/dist/fm-segmented-controller/fm-segmented-controller-core.js.map +1 -0
- package/dist/fm-segmented-controller/fm-segmented-controller.d.ts +51 -0
- package/dist/fm-segmented-controller/fm-segmented-controller.d.ts.map +1 -0
- package/dist/fm-segmented-controller/fm-segmented-controller.js +166 -0
- package/dist/fm-segmented-controller/fm-segmented-controller.js.map +1 -0
- package/dist/fm-segmented-controller/fm-segmented-controller.style.d.ts +2 -0
- package/dist/fm-segmented-controller/fm-segmented-controller.style.d.ts.map +1 -0
- package/dist/fm-segmented-controller/fm-segmented-controller.style.js +197 -0
- package/dist/fm-segmented-controller/fm-segmented-controller.style.js.map +1 -0
- package/dist/fm-wizard/fm-wizard-core.d.ts +106 -0
- package/dist/fm-wizard/fm-wizard-core.d.ts.map +1 -0
- package/dist/fm-wizard/fm-wizard-core.js +263 -0
- package/dist/fm-wizard/fm-wizard-core.js.map +1 -0
- package/dist/fm-wizard/fm-wizard-node.d.ts +34 -0
- package/dist/fm-wizard/fm-wizard-node.d.ts.map +1 -0
- package/dist/fm-wizard/fm-wizard-node.js +70 -0
- package/dist/fm-wizard/fm-wizard-node.js.map +1 -0
- package/dist/fm-wizard/fm-wizard.d.ts +66 -0
- package/dist/fm-wizard/fm-wizard.d.ts.map +1 -0
- package/dist/fm-wizard/fm-wizard.js +293 -0
- package/dist/fm-wizard/fm-wizard.js.map +1 -0
- package/dist/fm-wizard/fm-wizard.style.d.ts +2 -0
- package/dist/fm-wizard/fm-wizard.style.d.ts.map +1 -0
- package/dist/fm-wizard/fm-wizard.style.js +197 -0
- package/dist/fm-wizard/fm-wizard.style.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -0
- package/package.json +104 -67
- package/scripts/build-report.js +92 -0
- package/scripts/enrich-custom-elements-manifest.js +70 -0
- package/scripts/generate-icon-registry.js +80 -0
- package/scripts/install-cli.mjs +157 -0
- package/dist-lib/assets/style-entry-l0sNRNKZ.js +0 -1
- package/dist-lib/flitsmeister-design-system.es.js +0 -506
- package/dist-lib/flitsmeister-design-system.umd.js +0 -1
- package/dist-lib/main.css +0 -2
- package/dist-lib/style.css +0 -1
- package/index.js +0 -4
- package/tokens/schema_exports/fm-design-system/fm-design-system.css +0 -286
- package/tokens/schema_exports/fm-design-system/fm-design-system.json +0 -562
- package/tokens/schema_exports/fm-design-system/fm-design-system.xml +0 -207
- package/tokens/schema_exports/safedrive/safedrive.css +0 -349
- package/tokens/schema_exports/safedrive/safedrive.json +0 -658
- package/tokens/schema_exports/safedrive/safedrive.xml +0 -248
- package/web/components/CookieConsent.vue +0 -115
- package/web/components/Flag.vue +0 -47
- package/web/components/Icon.vue +0 -31
- package/web/components/LanguageSwitcher.vue +0 -77
- package/web/components/PermissionToggle.vue +0 -49
- package/web/components/button-with-loader.vue +0 -26
- package/web/components/fmxButton.vue +0 -287
- package/web/components/fmxDropdown.vue +0 -226
- package/web/components/fmxInput.vue +0 -319
- package/web/components/loader.vue +0 -22
- package/web/components/modal.vue +0 -61
- package/web/components/navbar.vue +0 -72
- package/web/icons/bold/add.svg +0 -3
- package/web/icons/bold/check.svg +0 -3
- package/web/icons/bold/checkbox-checked.svg +0 -4
- package/web/icons/bold/checkbox-unchecked.svg +0 -3
- package/web/icons/bold/chevron-backward.svg +0 -3
- package/web/icons/bold/chevron-down.svg +0 -3
- package/web/icons/bold/chevron-forward.svg +0 -3
- package/web/icons/bold/chevron-up.svg +0 -3
- package/web/icons/bold/close-1.svg +0 -3
- package/web/icons/bold/close.svg +0 -4
- package/web/icons/bold/dot.svg +0 -3
- package/web/icons/bold/open-external.svg +0 -3
- package/web/icons/bold/prominent-1.svg +0 -3
- package/web/icons/bold/prominent.svg +0 -3
- package/web/icons/bold/question.svg +0 -4
- package/web/icons/bold/remove.svg +0 -3
- package/web/icons/bold/search.svg +0 -3
- package/web/icons/bold/spinner.svg +0 -3
- package/web/icons/bold/warning.svg +0 -3
- package/web/icons/duotone/check.svg +0 -4
- package/web/icons/filled/achievements.svg +0 -3
- package/web/icons/filled/add.svg +0 -3
- package/web/icons/filled/app-settings.svg +0 -3
- package/web/icons/filled/calendar.svg +0 -7
- package/web/icons/filled/car-simplified.svg +0 -3
- package/web/icons/filled/check.svg +0 -3
- package/web/icons/filled/clock.svg +0 -3
- package/web/icons/filled/close.svg +0 -3
- package/web/icons/filled/control.svg +0 -7
- package/web/icons/filled/danger.svg +0 -3
- package/web/icons/filled/delete.svg +0 -3
- package/web/icons/filled/deviceOne.svg +0 -3
- package/web/icons/filled/deviceTwo.svg +0 -3
- package/web/icons/filled/disputeFine.svg +0 -3
- package/web/icons/filled/email.svg +0 -3
- package/web/icons/filled/gasPrices.svg +0 -3
- package/web/icons/filled/hazard.svg +0 -3
- package/web/icons/filled/highway.svg +0 -3
- package/web/icons/filled/info.svg +0 -3
- package/web/icons/filled/lock-close.svg +0 -3
- package/web/icons/filled/lock-open.svg +0 -3
- package/web/icons/filled/lock.svg +0 -3
- package/web/icons/filled/microphone.svg +0 -4
- package/web/icons/filled/notificaiton-unread.svg +0 -4
- package/web/icons/filled/notificaiton.svg +0 -3
- package/web/icons/filled/parking.svg +0 -3
- package/web/icons/filled/play.svg +0 -8
- package/web/icons/filled/question.svg +0 -3
- package/web/icons/filled/rating-empty.svg +0 -3
- package/web/icons/filled/rating-full.svg +0 -3
- package/web/icons/filled/rating-half.svg +0 -4
- package/web/icons/filled/remove.svg +0 -3
- package/web/icons/filled/return-location.svg +0 -3
- package/web/icons/filled/support.svg +0 -3
- package/web/icons/filled/toll.svg +0 -3
- package/web/icons/filled/tripHistory.svg +0 -3
- package/web/icons/filled/truck.svg +0 -3
- package/web/icons/filled/user-pin.svg +0 -3
- package/web/icons/filled/user-profile.svg +0 -3
- package/web/icons/filled/warning.svg +0 -3
- package/web/icons/filled/zone-default.svg +0 -3
- package/web/icons/filled/zone-indoor.svg +0 -3
- package/web/icons/filled/zone-street.svg +0 -3
- package/web/icons/stroke/arrow-Down.svg +0 -3
- package/web/icons/stroke/arrow-Up.svg +0 -3
- package/web/icons/stroke/arrow-left.svg +0 -3
- package/web/icons/stroke/arrow-right.svg +0 -3
- package/web/icons/stroke/check.svg +0 -3
- package/web/icons/stroke/checkbox-checked.svg +0 -4
- package/web/icons/stroke/checkbox-unchecked.svg +0 -3
- package/web/icons/stroke/chevron-backward.svg +0 -3
- package/web/icons/stroke/chevron-down.svg +0 -3
- package/web/icons/stroke/chevron-forward.svg +0 -3
- package/web/icons/stroke/chevron-up.svg +0 -3
- package/web/icons/stroke/clock.svg +0 -3
- package/web/icons/stroke/close-1.svg +0 -3
- package/web/icons/stroke/close.svg +0 -4
- package/web/icons/stroke/download.svg +0 -4
- package/web/icons/stroke/email.svg +0 -4
- package/web/icons/stroke/hamburger.svg +0 -3
- package/web/icons/stroke/login.svg +0 -4
- package/web/icons/stroke/logout.svg +0 -3
- package/web/icons/stroke/more.svg +0 -5
- package/web/icons/stroke/open-external.svg +0 -3
- package/web/icons/stroke/question.svg +0 -4
- package/web/icons/stroke/search.svg +0 -3
- package/web/icons/stroke/spinner.svg +0 -3
- package/web/icons/stroke/warning.svg +0 -3
- package/web/index.js +0 -55
- package/web/styles/flashmaster/primitives.json +0 -604
- package/web/styles/flashmaster/sample_fmdx_android.xml +0 -223
- package/web/styles/flashmaster/sample_fmdx_ios.json +0 -265
- package/web/styles/flashmaster.scss +0 -21
- package/web/styles/main.pcss +0 -143
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
import { css } from "lit";
|
|
2
|
+
export const fmSegmentedControllerStyle = css `
|
|
3
|
+
:host {
|
|
4
|
+
display: block;
|
|
5
|
+
width: 100%;
|
|
6
|
+
min-width: 240px;
|
|
7
|
+
-webkit-tap-highlight-color: transparent;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:host([disabled]) {
|
|
11
|
+
pointer-events: none;
|
|
12
|
+
opacity: 0.6;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
fieldset.segmented {
|
|
16
|
+
border: none;
|
|
17
|
+
margin: 0;
|
|
18
|
+
padding: 0;
|
|
19
|
+
min-width: 0;
|
|
20
|
+
width: 100%;
|
|
21
|
+
--segmented-motion-duration: 0.38s;
|
|
22
|
+
--segmented-motion-easing: cubic-bezier(0.66, -0.22, 0.28, 1.18);
|
|
23
|
+
/* --segmented-motion-easing: cubic-bezier(0.32, 0.72, 0, 1); */
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.segmented__track {
|
|
27
|
+
position: relative;
|
|
28
|
+
display: flex;
|
|
29
|
+
align-items: stretch;
|
|
30
|
+
box-sizing: border-box;
|
|
31
|
+
max-height: var(--size-l);
|
|
32
|
+
padding: var(--spacing-xxxs);
|
|
33
|
+
border-radius: var(--radius-sm);
|
|
34
|
+
background: var(--color-surface-neutral-default-higher);
|
|
35
|
+
-webkit-tap-highlight-color: transparent;
|
|
36
|
+
touch-action: manipulation;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.segmented__indicator {
|
|
40
|
+
position: absolute;
|
|
41
|
+
top: var(--spacing-xxxs);
|
|
42
|
+
bottom: var(--spacing-xxxs);
|
|
43
|
+
left: var(--spacing-xxxs);
|
|
44
|
+
width: calc((100% - 2 * var(--spacing-xxxs)) / var(--segment-count));
|
|
45
|
+
border-radius: var(--radius-sm);
|
|
46
|
+
background: var(--color-surface-brand-brand);
|
|
47
|
+
box-sizing: border-box;
|
|
48
|
+
transform: translateX(calc(var(--active-index, 0) * 100%));
|
|
49
|
+
transition: none;
|
|
50
|
+
z-index: 0;
|
|
51
|
+
pointer-events: none;
|
|
52
|
+
opacity: var(--indicator-opacity, 1);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.segmented--ready .segmented__indicator {
|
|
56
|
+
transition:
|
|
57
|
+
transform var(--segmented-motion-duration) var(--segmented-motion-easing),
|
|
58
|
+
opacity 0.2s ease;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.segmented__segments {
|
|
62
|
+
position: relative;
|
|
63
|
+
z-index: 1;
|
|
64
|
+
display: grid;
|
|
65
|
+
grid-template-columns: repeat(var(--segment-count, 1), minmax(0, 1fr));
|
|
66
|
+
align-items: stretch;
|
|
67
|
+
width: 100%;
|
|
68
|
+
min-width: 0;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.segment {
|
|
72
|
+
position: relative;
|
|
73
|
+
min-width: 0;
|
|
74
|
+
display: flex;
|
|
75
|
+
-webkit-tap-highlight-color: transparent;
|
|
76
|
+
-webkit-touch-callout: none;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.segment__input {
|
|
80
|
+
position: absolute;
|
|
81
|
+
inset: 0;
|
|
82
|
+
z-index: 2;
|
|
83
|
+
width: 100%;
|
|
84
|
+
height: 100%;
|
|
85
|
+
margin: 0;
|
|
86
|
+
padding: 0;
|
|
87
|
+
cursor: pointer;
|
|
88
|
+
opacity: 0;
|
|
89
|
+
appearance: none;
|
|
90
|
+
-webkit-appearance: none;
|
|
91
|
+
box-sizing: border-box;
|
|
92
|
+
-webkit-tap-highlight-color: transparent;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.segment__input:focus {
|
|
96
|
+
outline: none;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.segment__input:focus + .segment__label {
|
|
100
|
+
outline: none;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.segment__input:disabled {
|
|
104
|
+
cursor: not-allowed;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.segment__label {
|
|
108
|
+
position: relative;
|
|
109
|
+
display: flex;
|
|
110
|
+
align-items: center;
|
|
111
|
+
justify-content: center;
|
|
112
|
+
flex: 1;
|
|
113
|
+
min-width: 0;
|
|
114
|
+
padding: var(--spacing-sm) var(--spacing-md);
|
|
115
|
+
box-sizing: border-box;
|
|
116
|
+
font-family: inherit;
|
|
117
|
+
font-size: var(--text-lg);
|
|
118
|
+
font-weight: var(--font-weight-medium);
|
|
119
|
+
color: var(--color-content-neutral-default);
|
|
120
|
+
cursor: pointer;
|
|
121
|
+
user-select: none;
|
|
122
|
+
-webkit-user-select: none;
|
|
123
|
+
-webkit-touch-callout: none;
|
|
124
|
+
transition: color var(--segmented-motion-duration)
|
|
125
|
+
var(--segmented-motion-easing);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.segment + .segment .segment__label::before {
|
|
129
|
+
content: "";
|
|
130
|
+
position: absolute;
|
|
131
|
+
inset-inline-start: 0;
|
|
132
|
+
top: var(--spacing-xs);
|
|
133
|
+
bottom: var(--spacing-xs);
|
|
134
|
+
width: 1px;
|
|
135
|
+
background: var(--color-outline-neutral-default);
|
|
136
|
+
transition: color var(--segmented-motion-duration)
|
|
137
|
+
var(--segmented-motion-easing);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.segment:has(.segment__input:checked) .segment__label::before,
|
|
141
|
+
.segment:has(.segment__input:checked) + .segment .segment__label::before {
|
|
142
|
+
opacity: 0;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.segment__label-inner {
|
|
146
|
+
display: inline-flex;
|
|
147
|
+
align-items: center;
|
|
148
|
+
justify-content: center;
|
|
149
|
+
gap: var(--spacing-xs);
|
|
150
|
+
min-width: 0;
|
|
151
|
+
transform-origin: center;
|
|
152
|
+
user-select: none;
|
|
153
|
+
-webkit-user-select: none;
|
|
154
|
+
transform: translateZ(0);
|
|
155
|
+
backface-visibility: hidden;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.segment__text {
|
|
159
|
+
min-width: 0;
|
|
160
|
+
white-space: nowrap;
|
|
161
|
+
user-select: none;
|
|
162
|
+
-webkit-user-select: none;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.segment__icon {
|
|
166
|
+
display: inline-flex;
|
|
167
|
+
flex-shrink: 0;
|
|
168
|
+
align-items: center;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.segment__input:checked + .segment__label {
|
|
172
|
+
color: #ffffff;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.segment__input:disabled + .segment__label {
|
|
176
|
+
cursor: not-allowed;
|
|
177
|
+
opacity: 0.55;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.segment__input:focus-visible + .segment__label {
|
|
181
|
+
outline: var(--stroke-sm) solid var(--color-outline-brand-brand);
|
|
182
|
+
outline-offset: 2px;
|
|
183
|
+
border-radius: var(--radius-sm);
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.segment__input:checked:focus-visible + .segment__label {
|
|
187
|
+
outline-color: #ffffff;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
@media (pointer: coarse) {
|
|
191
|
+
fieldset.segmented {
|
|
192
|
+
--segmented-motion-duration: 0.38s;
|
|
193
|
+
--segmented-motion-easing: cubic-bezier(0.66, -0.22, 0.28, 1.18);
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
`;
|
|
197
|
+
//# sourceMappingURL=fm-segmented-controller.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fm-segmented-controller.style.js","sourceRoot":"","sources":["../../src/fm-segmented-controller/fm-segmented-controller.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkM5C,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { type IconSize } from '../fm-icon/fm-icon.js';
|
|
2
|
+
export type WizardIconVariant = 'bold' | 'filled' | 'stroke' | 'duotone';
|
|
3
|
+
export type { IconSize };
|
|
4
|
+
export type WizardNodeConfig = {
|
|
5
|
+
value: string;
|
|
6
|
+
label: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
/** When set (e.g. `check`), the stepper circle shows this `fm-icon` name on the node `color`. */
|
|
9
|
+
icon?: string;
|
|
10
|
+
/** Passed to `fm-icon` as `variant` when `icon` is set; default `bold`. */
|
|
11
|
+
iconVariant?: WizardIconVariant;
|
|
12
|
+
/** Passed to `fm-icon` as `size` when `icon` is set; default `sm`. */
|
|
13
|
+
iconSize?: IconSize;
|
|
14
|
+
segmentCount: number;
|
|
15
|
+
};
|
|
16
|
+
/** Values for {@link FmWizardCore.setNodes}; `iconVariant` / `iconSize` normalized by core. */
|
|
17
|
+
export type WizardNodeConfigInput = {
|
|
18
|
+
value: string;
|
|
19
|
+
label: string;
|
|
20
|
+
color?: string;
|
|
21
|
+
icon?: string;
|
|
22
|
+
iconVariant?: unknown;
|
|
23
|
+
iconSize?: unknown;
|
|
24
|
+
segmentCount: number;
|
|
25
|
+
};
|
|
26
|
+
export type WizardNodeRenderStatus = 'completed' | 'active' | 'upcoming';
|
|
27
|
+
export type WizardNodeRender = {
|
|
28
|
+
index: number;
|
|
29
|
+
value: string;
|
|
30
|
+
label: string;
|
|
31
|
+
color?: string;
|
|
32
|
+
icon?: string;
|
|
33
|
+
iconVariant?: WizardIconVariant;
|
|
34
|
+
iconSize?: IconSize;
|
|
35
|
+
status: WizardNodeRenderStatus;
|
|
36
|
+
};
|
|
37
|
+
export type WizardConnectionRender = {
|
|
38
|
+
index: number;
|
|
39
|
+
filledRatio: number;
|
|
40
|
+
};
|
|
41
|
+
export type WizardIndicatorMode = 'node' | 'connection';
|
|
42
|
+
export type WizardIndicatorState = {
|
|
43
|
+
mode: WizardIndicatorMode;
|
|
44
|
+
nodeIndex: number;
|
|
45
|
+
connectionIndex: number;
|
|
46
|
+
alongConnection: number;
|
|
47
|
+
trackPositionRatio: number;
|
|
48
|
+
};
|
|
49
|
+
export type WizardRenderState = {
|
|
50
|
+
nodes: WizardNodeRender[];
|
|
51
|
+
connections: WizardConnectionRender[];
|
|
52
|
+
indicator: WizardIndicatorState;
|
|
53
|
+
segmentCount: number;
|
|
54
|
+
intraConnectionProgress: number;
|
|
55
|
+
};
|
|
56
|
+
export type WizardCurrentNodeState = {
|
|
57
|
+
activeNodeValue: string;
|
|
58
|
+
currentNodeIndex: number;
|
|
59
|
+
nodeCount: number;
|
|
60
|
+
completedSegments: number;
|
|
61
|
+
segmentCount: number;
|
|
62
|
+
};
|
|
63
|
+
/**
|
|
64
|
+
* Framework-agnostic wizard: ordered steps with `value` ids, per-node segment totals on the
|
|
65
|
+
* outgoing connector, and a derived indicator position. No DOM.
|
|
66
|
+
*/
|
|
67
|
+
export declare class FmWizardCore {
|
|
68
|
+
private nodes;
|
|
69
|
+
private currentNodeIndex;
|
|
70
|
+
private completedSegments;
|
|
71
|
+
static anchorRatio(stepIndex: number, nodeCount: number): number;
|
|
72
|
+
private static clampInt;
|
|
73
|
+
private static normalizeSegmentCount;
|
|
74
|
+
private static normalizeIconVariant;
|
|
75
|
+
private static normalizeIconSize;
|
|
76
|
+
private nodeCount;
|
|
77
|
+
private currentSegmentCount;
|
|
78
|
+
/**
|
|
79
|
+
* Replaces step configuration. Duplicate `value` entries are dropped after the first (caller may warn).
|
|
80
|
+
* Empty list uses an internal placeholder until real nodes are set.
|
|
81
|
+
*/
|
|
82
|
+
setNodes(nodes: WizardNodeConfigInput[]): void;
|
|
83
|
+
/**
|
|
84
|
+
* Activates the step with the given `value` and sets completed segments on that step (clamped to [0, segments]).
|
|
85
|
+
* Unknown `value` is a no-op with a console warning.
|
|
86
|
+
*/
|
|
87
|
+
setProgress(activeValue: string, completedSegments: number): void;
|
|
88
|
+
/**
|
|
89
|
+
* Advance to the next node. Does not change index on the last node.
|
|
90
|
+
* Resets completed segments for the new current node.
|
|
91
|
+
*/
|
|
92
|
+
completeCurrentNode(): void;
|
|
93
|
+
back(): void;
|
|
94
|
+
getCurrentNodeState(): WizardCurrentNodeState;
|
|
95
|
+
/** Ratio on the active outgoing connector (0 on the last node). */
|
|
96
|
+
getIntraConnectionProgress(): number;
|
|
97
|
+
getConnectionProgress(connectionIndex: number): number;
|
|
98
|
+
getIndicatorState(): WizardIndicatorState;
|
|
99
|
+
getRenderState(): WizardRenderState;
|
|
100
|
+
private static indicatorStateSingleNode;
|
|
101
|
+
private static indicatorStateLastNode;
|
|
102
|
+
private static indicatorStateOnNode;
|
|
103
|
+
private static indicatorStateOnConnection;
|
|
104
|
+
private static clampRatio;
|
|
105
|
+
}
|
|
106
|
+
//# sourceMappingURL=fm-wizard-core.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fm-wizard-core.d.ts","sourceRoot":"","sources":["../../src/fm-wizard/fm-wizard-core.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
import { ICON_SIZES } from '../fm-icon/fm-icon.js';
|
|
2
|
+
const PLACEHOLDER_NODE = {
|
|
3
|
+
value: '',
|
|
4
|
+
label: '',
|
|
5
|
+
segmentCount: 1
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Framework-agnostic wizard: ordered steps with `value` ids, per-node segment totals on the
|
|
9
|
+
* outgoing connector, and a derived indicator position. No DOM.
|
|
10
|
+
*/
|
|
11
|
+
export class FmWizardCore {
|
|
12
|
+
constructor() {
|
|
13
|
+
this.nodes = [PLACEHOLDER_NODE];
|
|
14
|
+
this.currentNodeIndex = 0;
|
|
15
|
+
this.completedSegments = 0;
|
|
16
|
+
}
|
|
17
|
+
static anchorRatio(stepIndex, nodeCount) {
|
|
18
|
+
if (nodeCount <= 1)
|
|
19
|
+
return 0;
|
|
20
|
+
return stepIndex / (nodeCount - 1);
|
|
21
|
+
}
|
|
22
|
+
static clampInt(n, min, max) {
|
|
23
|
+
if (!Number.isFinite(n))
|
|
24
|
+
return min;
|
|
25
|
+
return Math.min(max, Math.max(min, Math.floor(n)));
|
|
26
|
+
}
|
|
27
|
+
static normalizeSegmentCount(n) {
|
|
28
|
+
if (!Number.isFinite(n) || n < 1)
|
|
29
|
+
return 1;
|
|
30
|
+
return Math.floor(n);
|
|
31
|
+
}
|
|
32
|
+
static normalizeIconVariant(v) {
|
|
33
|
+
if (v === undefined || v === null)
|
|
34
|
+
return undefined;
|
|
35
|
+
const s = String(v).trim().toLowerCase();
|
|
36
|
+
if (s === '')
|
|
37
|
+
return undefined;
|
|
38
|
+
if (s === 'bold' || s === 'filled' || s === 'stroke' || s === 'duotone')
|
|
39
|
+
return s;
|
|
40
|
+
console.warn(`[fm-wizard] invalid iconVariant "${String(v)}"; using bold`);
|
|
41
|
+
return 'bold';
|
|
42
|
+
}
|
|
43
|
+
static normalizeIconSize(v) {
|
|
44
|
+
if (v === undefined || v === null)
|
|
45
|
+
return undefined;
|
|
46
|
+
const s = String(v).trim().toLowerCase();
|
|
47
|
+
if (s === '')
|
|
48
|
+
return undefined;
|
|
49
|
+
if (ICON_SIZES.includes(s))
|
|
50
|
+
return s;
|
|
51
|
+
console.warn(`[fm-wizard] invalid iconSize "${String(v)}"; using sm`);
|
|
52
|
+
return 'sm';
|
|
53
|
+
}
|
|
54
|
+
nodeCount() {
|
|
55
|
+
return Math.max(1, this.nodes.length);
|
|
56
|
+
}
|
|
57
|
+
currentSegmentCount() {
|
|
58
|
+
const node = this.nodes[this.currentNodeIndex];
|
|
59
|
+
return node ? FmWizardCore.normalizeSegmentCount(node.segmentCount) : 1;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* Replaces step configuration. Duplicate `value` entries are dropped after the first (caller may warn).
|
|
63
|
+
* Empty list uses an internal placeholder until real nodes are set.
|
|
64
|
+
*/
|
|
65
|
+
setNodes(nodes) {
|
|
66
|
+
const seen = new Set();
|
|
67
|
+
const next = [];
|
|
68
|
+
if (Array.isArray(nodes)) {
|
|
69
|
+
for (const n of nodes) {
|
|
70
|
+
const value = typeof n.value === 'string' ? n.value.trim() : '';
|
|
71
|
+
if (value === '')
|
|
72
|
+
continue;
|
|
73
|
+
if (seen.has(value))
|
|
74
|
+
continue;
|
|
75
|
+
seen.add(value);
|
|
76
|
+
const label = typeof n.label === 'string' ? n.label : '';
|
|
77
|
+
const color = typeof n.color === 'string' && n.color.trim() !== '' ? n.color.trim() : undefined;
|
|
78
|
+
const icon = typeof n.icon === 'string' && n.icon.trim() !== '' ? n.icon.trim() : undefined;
|
|
79
|
+
const iconVariant = FmWizardCore.normalizeIconVariant(n.iconVariant);
|
|
80
|
+
const iconSize = FmWizardCore.normalizeIconSize(n.iconSize);
|
|
81
|
+
next.push({
|
|
82
|
+
value,
|
|
83
|
+
label,
|
|
84
|
+
color,
|
|
85
|
+
icon,
|
|
86
|
+
iconVariant,
|
|
87
|
+
iconSize,
|
|
88
|
+
segmentCount: FmWizardCore.normalizeSegmentCount(n.segmentCount)
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
this.nodes = next.length > 0 ? next : [PLACEHOLDER_NODE];
|
|
93
|
+
const max = this.nodes.length - 1;
|
|
94
|
+
if (this.currentNodeIndex > max)
|
|
95
|
+
this.currentNodeIndex = max;
|
|
96
|
+
const maxSeg = this.currentSegmentCount();
|
|
97
|
+
if (this.completedSegments > maxSeg)
|
|
98
|
+
this.completedSegments = maxSeg;
|
|
99
|
+
}
|
|
100
|
+
/**
|
|
101
|
+
* Activates the step with the given `value` and sets completed segments on that step (clamped to [0, segments]).
|
|
102
|
+
* Unknown `value` is a no-op with a console warning.
|
|
103
|
+
*/
|
|
104
|
+
setProgress(activeValue, completedSegments) {
|
|
105
|
+
const v = typeof activeValue === 'string' ? activeValue.trim() : '';
|
|
106
|
+
if (v === '') {
|
|
107
|
+
console.warn('[fm-wizard] setProgress: activeNode value is empty');
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
110
|
+
const idx = this.nodes.findIndex((n) => n.value === v);
|
|
111
|
+
if (idx < 0) {
|
|
112
|
+
console.warn(`[fm-wizard] setProgress: unknown activeNode "${v}"`);
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
this.currentNodeIndex = idx;
|
|
116
|
+
const max = this.nodes[idx] ? FmWizardCore.normalizeSegmentCount(this.nodes[idx].segmentCount) : 1;
|
|
117
|
+
this.completedSegments = FmWizardCore.clampInt(completedSegments, 0, max);
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* Advance to the next node. Does not change index on the last node.
|
|
121
|
+
* Resets completed segments for the new current node.
|
|
122
|
+
*/
|
|
123
|
+
completeCurrentNode() {
|
|
124
|
+
const n = this.nodeCount();
|
|
125
|
+
if (this.currentNodeIndex >= n - 1)
|
|
126
|
+
return;
|
|
127
|
+
this.currentNodeIndex += 1;
|
|
128
|
+
this.completedSegments = 0;
|
|
129
|
+
}
|
|
130
|
+
back() {
|
|
131
|
+
if (this.currentNodeIndex <= 0)
|
|
132
|
+
return;
|
|
133
|
+
this.currentNodeIndex -= 1;
|
|
134
|
+
this.completedSegments = 0;
|
|
135
|
+
}
|
|
136
|
+
getCurrentNodeState() {
|
|
137
|
+
const node = this.nodes[this.currentNodeIndex];
|
|
138
|
+
const segmentCount = this.currentSegmentCount();
|
|
139
|
+
return {
|
|
140
|
+
activeNodeValue: node?.value ?? '',
|
|
141
|
+
currentNodeIndex: this.currentNodeIndex,
|
|
142
|
+
nodeCount: this.nodeCount(),
|
|
143
|
+
completedSegments: this.completedSegments,
|
|
144
|
+
segmentCount
|
|
145
|
+
};
|
|
146
|
+
}
|
|
147
|
+
/** Ratio on the active outgoing connector (0 on the last node). */
|
|
148
|
+
getIntraConnectionProgress() {
|
|
149
|
+
const n = this.nodeCount();
|
|
150
|
+
if (this.currentNodeIndex >= n - 1)
|
|
151
|
+
return 0;
|
|
152
|
+
const segmentCount = this.currentSegmentCount();
|
|
153
|
+
return FmWizardCore.clampRatio(this.completedSegments / segmentCount);
|
|
154
|
+
}
|
|
155
|
+
getConnectionProgress(connectionIndex) {
|
|
156
|
+
const n = this.nodeCount();
|
|
157
|
+
const maxConn = n - 1;
|
|
158
|
+
if (!Number.isFinite(connectionIndex) || connectionIndex < 0 || connectionIndex >= maxConn)
|
|
159
|
+
return 0;
|
|
160
|
+
if (connectionIndex < this.currentNodeIndex)
|
|
161
|
+
return 1;
|
|
162
|
+
if (connectionIndex === this.currentNodeIndex && this.currentNodeIndex < n - 1)
|
|
163
|
+
return this.getIntraConnectionProgress();
|
|
164
|
+
return 0;
|
|
165
|
+
}
|
|
166
|
+
getIndicatorState() {
|
|
167
|
+
const n = this.nodeCount();
|
|
168
|
+
const i = this.currentNodeIndex;
|
|
169
|
+
if (n <= 1)
|
|
170
|
+
return FmWizardCore.indicatorStateSingleNode();
|
|
171
|
+
if (i >= n - 1)
|
|
172
|
+
return FmWizardCore.indicatorStateLastNode(n);
|
|
173
|
+
const filled = this.getIntraConnectionProgress();
|
|
174
|
+
const a0 = FmWizardCore.anchorRatio(i, n);
|
|
175
|
+
const a1 = FmWizardCore.anchorRatio(i + 1, n);
|
|
176
|
+
if (filled <= 0)
|
|
177
|
+
return FmWizardCore.indicatorStateOnNode(i, a0);
|
|
178
|
+
if (filled < 1)
|
|
179
|
+
return FmWizardCore.indicatorStateOnConnection(i, filled, a0, a1);
|
|
180
|
+
return FmWizardCore.indicatorStateOnNode(i, a0);
|
|
181
|
+
}
|
|
182
|
+
getRenderState() {
|
|
183
|
+
const n = this.nodeCount();
|
|
184
|
+
const connections = [];
|
|
185
|
+
for (let c = 0; c < n - 1; c += 1) {
|
|
186
|
+
connections.push({
|
|
187
|
+
index: c,
|
|
188
|
+
filledRatio: this.getConnectionProgress(c)
|
|
189
|
+
});
|
|
190
|
+
}
|
|
191
|
+
const nodes = this.nodes.map((node, index) => {
|
|
192
|
+
let status;
|
|
193
|
+
if (index < this.currentNodeIndex)
|
|
194
|
+
status = 'completed';
|
|
195
|
+
else if (index === this.currentNodeIndex)
|
|
196
|
+
status = 'active';
|
|
197
|
+
else
|
|
198
|
+
status = 'upcoming';
|
|
199
|
+
return {
|
|
200
|
+
index,
|
|
201
|
+
value: node.value,
|
|
202
|
+
label: node.label,
|
|
203
|
+
color: node.color,
|
|
204
|
+
icon: node.icon,
|
|
205
|
+
iconVariant: node.iconVariant,
|
|
206
|
+
iconSize: node.iconSize,
|
|
207
|
+
status
|
|
208
|
+
};
|
|
209
|
+
});
|
|
210
|
+
const segmentCount = this.currentSegmentCount();
|
|
211
|
+
return {
|
|
212
|
+
nodes,
|
|
213
|
+
connections,
|
|
214
|
+
indicator: this.getIndicatorState(),
|
|
215
|
+
segmentCount,
|
|
216
|
+
intraConnectionProgress: this.getIntraConnectionProgress()
|
|
217
|
+
};
|
|
218
|
+
}
|
|
219
|
+
static indicatorStateSingleNode() {
|
|
220
|
+
return {
|
|
221
|
+
mode: 'node',
|
|
222
|
+
nodeIndex: 0,
|
|
223
|
+
connectionIndex: 0,
|
|
224
|
+
alongConnection: 0,
|
|
225
|
+
trackPositionRatio: 0
|
|
226
|
+
};
|
|
227
|
+
}
|
|
228
|
+
static indicatorStateLastNode(n) {
|
|
229
|
+
return {
|
|
230
|
+
mode: 'node',
|
|
231
|
+
nodeIndex: n - 1,
|
|
232
|
+
connectionIndex: Math.max(0, n - 2),
|
|
233
|
+
alongConnection: 0,
|
|
234
|
+
trackPositionRatio: FmWizardCore.anchorRatio(n - 1, n)
|
|
235
|
+
};
|
|
236
|
+
}
|
|
237
|
+
static indicatorStateOnNode(nodeIndex, trackPositionRatio) {
|
|
238
|
+
return {
|
|
239
|
+
mode: 'node',
|
|
240
|
+
nodeIndex,
|
|
241
|
+
connectionIndex: nodeIndex,
|
|
242
|
+
alongConnection: 0,
|
|
243
|
+
trackPositionRatio
|
|
244
|
+
};
|
|
245
|
+
}
|
|
246
|
+
static indicatorStateOnConnection(nodeIndex, alongConnection, a0, a1) {
|
|
247
|
+
return {
|
|
248
|
+
mode: 'connection',
|
|
249
|
+
nodeIndex,
|
|
250
|
+
connectionIndex: nodeIndex,
|
|
251
|
+
alongConnection,
|
|
252
|
+
trackPositionRatio: FmWizardCore.clampRatio(a0 + alongConnection * (a1 - a0))
|
|
253
|
+
};
|
|
254
|
+
}
|
|
255
|
+
static clampRatio(x) {
|
|
256
|
+
if (!Number.isFinite(x) || x < 0)
|
|
257
|
+
return 0;
|
|
258
|
+
if (x > 1)
|
|
259
|
+
return 1;
|
|
260
|
+
return x;
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
//# sourceMappingURL=fm-wizard-core.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fm-wizard-core.js","sourceRoot":"","sources":["../../src/fm-wizard/fm-wizard-core.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Declarative wizard step: stable `value` id, optional label/color, and segment count for the
|
|
4
|
+
* outgoing connector progress bar.
|
|
5
|
+
*
|
|
6
|
+
* Renders no UI (`display: none`); lives in light DOM as configuration for `fm-wizard`.
|
|
7
|
+
*
|
|
8
|
+
* @element fm-wizard-node
|
|
9
|
+
*
|
|
10
|
+
* @property {string} value - Required unique id within the parent wizard (used in `setProgress`, events, `querySelector`).
|
|
11
|
+
* @property {string} label - Optional stepper label; when empty, no visible label (accessible name still includes step index and `value`).
|
|
12
|
+
* @property {string} color - Optional accent for this node (design token, `var(--...)`, or color) on the stepper circle.
|
|
13
|
+
* @property {string} icon - Optional `fm-icon` name inside the circle (e.g. `check`); white glyph on `color` when `color` is set; omit for an empty circle.
|
|
14
|
+
* @property {string} icon-variant - Optional `fm-icon` variant: `bold` (default), `filled`, `stroke`, or `duotone`.
|
|
15
|
+
* @property {string} icon-size - Optional `fm-icon` size: `xxxxs` … `xxxxl` (default `sm`).
|
|
16
|
+
* @property {number} segments - Total segments on the **outgoing** connection from this node (minimum `1`, default `1`). Consumer advances sub-progress with `setProgress({ completedSegments })` while this node is active; the ratio is `completedSegments / segments`. For a “fields + confirm” flow, use `segments = fieldCount + 1` and treat the last segment as “ready for next step”.
|
|
17
|
+
*/
|
|
18
|
+
export declare class FmWizardNode extends LitElement {
|
|
19
|
+
value: string;
|
|
20
|
+
label: string;
|
|
21
|
+
color: string;
|
|
22
|
+
icon: string;
|
|
23
|
+
iconVariant: string;
|
|
24
|
+
iconSize: string;
|
|
25
|
+
segments: number;
|
|
26
|
+
static styles: import("lit").CSSResult;
|
|
27
|
+
render(): import("lit").TemplateResult<1>;
|
|
28
|
+
}
|
|
29
|
+
declare global {
|
|
30
|
+
interface HTMLElementTagNameMap {
|
|
31
|
+
'fm-wizard-node': FmWizardNode;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=fm-wizard-node.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fm-wizard-node.d.ts","sourceRoot":"","sources":["../../src/fm-wizard/fm-wizard-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAG3C;;;;;;;;;;;;;;;GAeG;AACH,qBACa,YAAa,SAAQ,UAAU;IACC,KAAK,SAAK;IAEzB,KAAK,SAAK;IAEV,KAAK,SAAK;IAEV,IAAI,SAAK;IAEkB,WAAW,SAAK;IAEnB,QAAQ,SAAK;IAErC,QAAQ,SAAI;IAExC,MAAM,CAAC,MAAM,0BAIZ;IAED,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAA;KAC/B;CACF"}
|