FUIStepperFormCell

@MainActor
open class FUIStepperFormCell : FUIInlineValidationDrawingTableViewCell<FUIStepperView>, FUIFormCell

extension FUIStepperFormCell: FUITintAttributesProvider

The reusable UI component implemented as an UITableViewCell to display or be edited as a stepper.

A stepper is a visual representation of a user’s progress through a series of steps in a task, indicating how much the user has completed or how far they are from completing the task.

The developer should set the following properties on the cell, in their implementation of UITableViewDataSource cellForRow(at:) function:

• keyName: The key name of the property.
• value: The numeric value of the stepper.

And an onChangeHandler:

• onChangeHandler: a handler closure, which is invoked on changes to the value

Optionally, the developer may provide

• hintText: hint text.

• isEditable: Indicates whether the cell’s value can be modified. The default is true.

• maximumValue: The highest possible numeric value for the stepper. The default is 100.

• minimumValue: The lowest possible numeric value for the stepper. The default is 0.

• stepValue: The step or increment value for the stepper. The default is 1, must be greater than 0.

The following is an example of usage in an application UITableViewController:

override func viewDidLoad() {
    super.viewDidLoad()
    self.tableView.register(FUIStepperFormCell.self, forCellReuseIdentifier: FUIStepperFormCell.reuseIdentifier)
}

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: FUIStepperFormCell.reuseIdentifier, for: indexPath) as! FUIStepperFormCell

    cell.keyName = "Normal Stepper"
    cell.value = 5
    cell.hintText = "hint text"

    // MARK:  implement onChangeHandler
    cell.onChangeHandler = { newValue in
        // ...
    }

    cell.maximumValue = 10
    cell.minimumValue = 0

    // custom colors and fonts
    cell.setAttributes([.fuiBorderColor: UIColor.systemPurple], for: .title, state: .highlighted)
    cell.setAttributes([.fuiBorderColor: UIColor.systemYellow], for: .title, state: .normal)

    return cell
 }

## Customize Style Using tintAttributes

Supported keyView:

 setAttributes([.foregroundColor:, .font], for: .title, state: { .normal | .highlighted | .disabled })

or directly set textColor and font for the title.

Supported valueText:

 setAttributes([.foregroundColor:, .font], for: .valueText, state: { .normal | .disabled })
 addAttributes([.fuiBorderColor:], for: .valueText, state: { .normal | .highlighted | .disabled })

or directly set textColor and font for the valueTextField.

Supported increaseButton and decreaseButton:

 setAttributes([.foregroundColor:], for: .icons, state: { .normal | .disabled })

Supported hintView:

 setAttributes([.foregroundColor:, .font:], for: .subtitle, state: { .normal | .disabled })

### .nss Theme

Supported keyView:

 fdlFUIStepperFormCell_keyText {
 font-color { -highlighted | -disabled } (Color)
 font-style { -highlighted | -disabled } (UIFont.TextStyle)
 }

Supported valueText:

 fdlFUIStepperFormCell_valueText {
 font-color { -disabled } (Color)
 font-style { -disabled } (UIFont.TextStyle)
 border-color { -highlighted | -disabled } (Color)
 }

Supported BUTTON class paths:

 fdlFUIStepperFormCell_increaseButton {
 font-color { -disabled } (Color)
 }

 fdlFUIStepperFormCell_decreaseButton {
 font-color { -disabled } (Color)
 }

Supported hintView:

 fdlFUIStepperFormCell_hintText {
 font-color { -disabled } (Color)
 font-style { -disabled } (UIFont.TextStyle)
 }