@startuml
title Treatment Adjustment Ultrafiltration Layouts

package "TreatmentStack.qml" as TreatmentStack {
    package "TreatmentUltrafiltrationItem.qml" as TreatmentUfItem {
        package "TreatmentAdjustmentUltrafiltrationStart.qml" as UfStart {
            package "TreatmentAdjustmentUltrafiltrationMetrics.qml" as UfStartMetrics #AliceBlue {
                [vTreatmentUltrafiltration.setVolume]       as UfStartMetricsSetVolume
                [vTreatmentUltrafiltration.volumeRemoved]   as UfStartMetricsVolumeRemoved
            }
            Rectangle "Item" as VolumeProgressItem #line:red;line.dashed {
                package "ProgressBarEx.qml" as UfProgressBar #APPLICATION {
                    [vTreatmentRanges.treatmentRanges_Ultrafiltration_Volume_Min]   as VolumeProgressVolumeMin
                    [vTreatmentUltrafiltration.setVolume]                           as VolumeProgressSetVolume
                    [vTreatmentUltrafiltration.volumeRemoved]                       as VolumeProgressVolumeRemoved
                }
            }
            together {
                package "TouchRect.qml" as PauseButton #APPLICATION {
                    Rectangle "Pause" as PauseButtonText {
                    }
                }
                Rectangle "Row" as ResumeRow #line:red;line.dashed {
                    package "TouchRect.qml" as ResumeButton #APPLICATION {
                        Rectangle "Resume" as ResumeButtonText {
                        }
                    }
                    package "TouchRect.qml" as EditUfButton #APPLICATION {
                        Rectangle "Edit" as EditUfButtonText {
                        }
                    }
                    package "TouchRect.qml" as IsolatedUsfButton #APPLICATION {
                        Rectangle "Isolated UF" as IsolatedUfButtonText {
                        }
                    }
                }
            }
            UfStartMetrics      -[hidden]down-  VolumeProgressItem
            VolumeProgressItem  -[hidden]down-- PauseButton
        }

        package "TreatmentAdjustmentUltrafiltrationEdit.qml" as UfEdit {
            package "TreatmentAdjustmentUltrafiltrationMetrics.qml" as UfEditMetrics #AliceBlue {
                [vTreatmentUltrafiltration.setVolume]       as UfEditMetricsSetVolume
                [vTreatmentUltrafiltration.volumeRemoved]   as UfEditMetricsVolumeRemoved
            }
            Rectangle "Item" as EditSliderItem #line:red;line.dashed {
                package "StoppedSlider.qml" as StoppedSlider #APPLICATION {
                    [vTreatmentRanges.treatmentRanges_Ultrafiltration_Volume_Min]   as SliderVolumeMin
                    [vTreatmentRanges.treatmentRanges_Ultrafiltration_Volume_Max]   as SliderVolumeMax
                    [vTreatmentUltrafiltration.setVolume]                           as SliderSetVolume
                    [vTreatmentUltrafiltration.volumeRemoved]                       as SliderVolumeRemoved
                }
            }
            package "TouchRect.qml" as ContinueButton #APPLICATION {
                Rectangle "Continue" as ContinueButtonText {
                }
            }

            UfEditMetrics   -[hidden]down-  EditSliderItem
            EditSliderItem  -[hidden]down-- ContinueButton
        }

        package "TreatmentAdjustmentUltrafiltrationConfirm.qml" as UfConfirm {
            Rectangle "Item" as UfConfirmItem #line:red;line.dashed {
                Rectangle "Column" as UfConfirmLeftColumn {
                    [vTreatmentAdjustmentUltrafiltrationEdit.volume]    as UfConfirmVolume
                }
                Rectangle "Column" as UfConfirmRightColumn {
                    [vTreatmentAdjustmentUltrafiltrationEdit.rate]      as UfConfirmRate
                }
            }
            package "TouchRect.qml" as ConfirmButton #APPLICATION {
                Rectangle "Confirm" as ConfirmButtonText {
                }
            }

            UfConfirmItem -[hidden]- ConfirmButton
        }

        UfStart -[hidden]right- UfEdit
        UfEdit  -[hidden]right- UfConfirm
    }
}
@enduml