@flourish/controls/settings.yml

- property: control_type
  name: Control type
  description: Choose between a dropdown, buttons or a time slider.
  width: three quarters
  type: string
  style: buttons
  choices:
  -
    - data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAKCAYAAAFXtOeCAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAALaADAAQAAAABAAAACgAAAAAWgdR+AAAAtklEQVQ4EdVV3QnEIAw25TbSB2foNI7iMu0MbuUR4ZOQy4OFCL2AmN8vMQallNLVez+DosNSsg/FGLtyDkR0H1rJMqOMiJxz4KWp1jpUsLNsptCBkD/MlFIgzx3IsD9GflTGTLvImN1ajP1x043dVrlr1fIY4xZZYd2kdATfWgu8NCEedtdWcJ+R1BVYnmIbsEzizW8bDO9CJd4cOijxCEH22DGIq1iyBiv2P8eDP4jVDrzE7/oCOyRFCckULykAAAAASUVORK5CYII=
    - dropdown
  -
    - data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAKCAYAAAFaqpfFAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAK6ADAAQAAAABAAAACgAAAACxtWN2AAAA5klEQVQ4EdVUwQ2DMAwkqBuFBzO0y2QUlqEz5AEzpTrUiyzLEEPbRy2F2D7n4tgWYRiGuZRy75T0lhMxIcZYoKzrWvUeDi0VTSlt2DRN9dQ4jh0WBP4avHneH3kF/SGE5w0GWXPOHRaFfrDiEW5mEJjBZJY7UoPNakjM0s0KWYFnfa6MUbRlWR573daXurLlhHDXJNreugan7D2D0K09YUeJy467no+D1iyRUO+u5+tDLdudaYuIOEcQtncMeba1/6QCrUuv4nWwJIE1ZBKHLgdJY0f2J9z/NQb4cRxV4iQ2y/hvc78ACNVvxtjAMtcAAAAASUVORK5CYII=
    - "buttons"
  -
    - data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAKCAYAAAFeX0f4AAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKaADAAQAAAABAAAACgAAAABlifOxAAABz0lEQVQ4Ea1UvU7CUBSml05EHoBEB3gFGpg0fQE0Tk6suDC4uKBuxsXJ6BswGZaq0bnRqaR9CglPwEJCW79Dem5Of2iq8Sbk/H/349zTU7Msy6nhdLvdJUk+Ko7jk8RosbNcAupKZhjAjMkRBIHWG41GbTQayTzSP1IOIL32er3DlDMxTEI1DGPh+/4BSA7CMBxMp9N8LlAu2EtF+IVsS6m5maZpeZ4XcDApUGzX6/Wj+Xz+xXaZ1EWg59m2vSeSdYx8URRdili52u/394syqFlgu6TGFcV3+dRms/lGoS8TCAysP+FrUYN39U3WsG4mCmq2b3+Kt3cA9swJiVR4se1sZPw5kwEp8EBgpOD5fWJGOp/hcGiwXiap+atOp2MCTI8HZukY/ogLcUFqlNlfJHl8Vii6abfbj7PZrHDOuBiPNAH7W9hZxhFhgMwd5/6XZJIaDxeFIPHUbDavXddd6QAUmqJse2WcdNS/JV3Lhv5s50gyEi5bQB/jwhf2YcBoYZXuph3LhiF+LcHjXQ4kAQTYGudya0hUbIwzTL8LX+qjFznRer22MbyVtoqoK1UNPKGDy8cgRp2rdOi7p22Ep7eoAP/WV0rdV115lS4RST+YjrA2q0ehBQAAAABJRU5ErkJggg==
    - slider
- property: control_styles
  name: Adv.
  type: boolean
  width: quarter

# Button & Dropdown styles 
- property: button_group
  name: Grouped
  type: boolean
  width: quarter
  choices:
    - [ On, true ]
    - [ Off, false ]
  show_if:
    control_type: buttons
    control_styles: true
- property: button_group_width_mode
  name: Button group width
  type: string
  style: buttons
  choices:
    - [ Auto, auto ]
    - [ Full, full ]
    - [ Fixed, fixed ]
  show_if:
    control_type: buttons
    button_group: true
    control_styles: true
  width: half
- property: button_group_width_fixed
  name: Width
  type: number
  min: 0
  max: 100
  show_if:
    control_type: buttons
    button_group: true
    button_group_width_mode: fixed
    control_styles: true
  width: quarter
- property: dropdown_width_mode
  name: Dropdown width
  type: string
  style: buttons
  choices:
    - [ Auto, auto ]
    - [ Full, full ]
    - [ Fixed, fixed ]
  show_if:
    control_type: dropdown
    control_styles: true
  width: half
- property: dropdown_width_fixed
  name: Width
  type: number
  min: 0
  max: 100
  show_if:
    control_type: dropdown
    control_styles: true
    dropdown_width_mode: fixed
  width: half

# Slider styles
- property: slider_background_color
  name: Background
  type: color
  width: quarter
  show_if:
    control_type: slider
    control_styles: true
- property: slider_font_color
  name: Text
  type: color
  width: quarter
  optional: true
  show_if:
    control_type: slider
    control_styles: true
- property: slider_handle_color
  name: Handle
  type: color
  width: half
  show_if:
    control_type: slider
    control_styles: true
- property: slider_width
  name: Width
  type: number
  min: 0
  max: 100
  show_if:
    control_type: slider
    control_styles: true
  width: quarter
- property: slider_margin
  name: Label width
  type: number
  show_if:
    control_type: slider
    control_styles: true
  width: quarter
  step: 0.1
  min: 0
  max: 50
- property: slider_handle_height
  name: Height
  type: number
  step: 0.1
  min: 0
  max: 10
  show_if:
    control_type: slider
    control_styles: true
  width: quarter
- property: slider_track_height
  name: Track height
  type: number
  step: 0.1
  min: 0
  max: 10
  show_if:
    control_type: slider
    control_styles: true
  width: quarter
- property: slider_play_button
  name: Play button
  type: boolean
  show_if:
    control_type: slider
    control_styles: true
  width: half
- property: slider_loop
  name: Loop
  type: boolean
  width: half
  show_if:
    control_type: slider
    control_styles: true
    slider_play_button: true
- property: slider_step_time
  name: Time between steps
  description: Measured in seconds, positive values move the slider left to right, negative values move the slider right to left.
  type: number
  step: 0.25
  min: -100
  max: 100
  show_if:
    control_type: slider
    control_styles: true
    slider_play_button: true
- property: slider_restart_pause
  name: Pause before loop
  description: Measured in seconds and in addition to the regular step time displayed above.
  type: number
  step: 0.25
  min: 0
  max: 100
  width: half
  show_if:
    control_type: slider
    control_styles: true
    slider_play_button: true
    slider_loop: true

# Data formatting
- property: sort
  name: Sorting
  type: string
  width: half
  choices:
  -
    - Unsorted
    - unsorted
  -
    - Categories
    - categorical
  -
    - Dates/times
    - temporal
  -
    - Numbers
    - numeric
  show_if:
    control_styles: true
- property: sort_temporal_format
  name: Date/time format in data
  description: "The date/time format in your data sheet. Used only to sort the data, if required. If your format isn’t in the list, you can enter a custom format using d3-time-format syntax. See npmjs.com/package/d3-time-format for details."
  type: string
  show_if:
    sort: temporal
    control_styles: true
  choices:
    - [ "1986-01-28T11:39:13.000Z", "%Y-%m-%dT%H:%M:%S.%LZ" ]
    - [ "1986-01-28", "%Y-%m-%d" ]
    - [ "01/28/1986", "%m/%d/%Y" ]
    - [ "28-Jan-86", "%d-%b-%y" ]
    - [ "01/1986", "%m/%Y" ]
    - [ "Jan 1986", "%b %Y" ]
    - [ "January 28", "%B %d" ]
    - [ "28 Jan", "%d %b" ]
    - [ "1986", "%Y" ]
    - [ "January", "%B" ]
    - [ "Jan", "%b" ]
    - [ "Tuesday", "%A" ]
    - [ "Tue", "%a" ]
    - [ "11:39:13", "%X" ]
    - [ "11:39 AM", "%H:%M %p" ]
    - [ "11:39", "%H:%M" ]
  choices_other: true