## Activity - Events

##### Initialization

``` plantuml
@startuml
!define STYLE_RG
!includeurl https://raw.githubusercontent.com/raumgleiter/PlantUML-Style/master/PlantUML_Style.puml
!include <tupadr3/common>
!include <tupadr3/font-awesome/rocket>
!include <tupadr3/font-awesome-5/user>

' All Skinparams: https://plantuml-documentation.readthedocs.io/en/latest/formatting/all-skin-params.html
' skinparam defaultTextAlignment center

' allowmixing
' skinparam ClassAttributeIconSize 0.1
' skinparam CircledCharacterRadius 0
' skinparam CircledCharacterFontSize 0

'-----------------------------------------------------------------------------

'left to right direction

'******************************************************************************

|eventHandler|
start
:eventsCapture;
:observeInputValue;
:updateDLDescription;
:easyScrolling();

'-----------------------------------------------------------------------------
'-----------------------------------------------------------------------------

'******************************************************************************

@enduml
```


##### Events

``` plantuml
@startuml
!define STYLE_RG
!includeurl https://raw.githubusercontent.com/raumgleiter/PlantUML-Style/master/PlantUML_Style.puml
!include <tupadr3/common>
!include <tupadr3/font-awesome/rocket>
!include <tupadr3/font-awesome-5/user>

' All Skinparams: https://plantuml-documentation.readthedocs.io/en/latest/formatting/all-skin-params.html
' skinparam defaultTextAlignment center

' allowmixing
' skinparam ClassAttributeIconSize 0.1
' skinparam CircledCharacterRadius 0
' skinparam CircledCharacterFontSize 0

'-----------------------------------------------------------------------------

left to right direction

'******************************************************************************

state eventsCapture {
  state resize
  state setCurrentDesignLine
  state onChangeDesignLine

  state init : initConfigArea
  state init : setupPanels
  state init : getBaseImgPaths
  state init : resetDesignLineInitValues
  state init : ?setSelectionsForConfig
  state init : initializeOptions
  state init : setVisibilityForInactiveScenes
  state init {
    setupPanels --> createScenes
    createScenes --> createOptionsGroups
    createOptionsGroups --> joinGroups
    joinGroups --> createOptionElements
    createOptionElements --> sortObjectElements
    sortObjectElements --> buildOptionElements
  }

  state onClickDropdown

  onClickConfirm --> createReport
  onClickOption --> setOptionValues
  onClickStart --> init
}

state observeInputValue : save the values the user types into fields

state updateDLDescription : update hovering on design line

state easyScrolling : ??? scroll back to top ???

'-----------------------------------------------------------------------------
'-----------------------------------------------------------------------------

'******************************************************************************

@enduml
```