block_id: null

id: block_id
type: CircleColorSelector
properties:
  colors:
    - '#f44336'
    - '#e91e63'
    - '#9c27b0'
    - '#673ab7'
    - '#3f51b5'
    - '#2196f3'
    - '#03a9f4'
    - '#00bcd4'
    - '#009688'
    - '#4caf50'
    - '#8bc34a'
    - '#cddc39'
    - '#ffeb3b'
    - '#ffc107'
    - '#ff9800'
    - '#ff5722'
    - '#795548'
    - '#607d8b'

type: object
properties:
  events:
    additionalProperties: false
    properties:
      onChange:
        description: Trigger actions when color is picked.
        type: array
    type: object
  properties:
    properties:
      circleSize:
        default: 28
        description: Pixel value for circle size.
        type: number
      circleSpacing:
        default: 14
        description: Pixel value for spacing between circles.
        type: number
      colors:
        default:
          - '#f44336'
          - '#e91e63'
          - '#9c27b0'
          - '#673ab7'
          - '#3f51b5'
          - '#2196f3'
          - '#03a9f4'
          - '#00bcd4'
          - '#009688'
          - '#4caf50'
          - '#8bc34a'
          - '#cddc39'
          - '#ffeb3b'
          - '#ffc107'
          - '#ff9800'
          - '#ff5722'
          - '#795548'
          - '#607d8b'
        description: Colors to display.
        items:
          type: string
        type: array
      defaultColor:
        default: '#000000'
        description: Default color to display if input value is null.
        type: string
      inputStyle:
        description: Css style to applied to input.
        type: object
      label:
        additionalProperties: false
        description: Label properties.
        properties:
          align:
            default: left
            description: Align label left or right when inline.
            enum:
              - left
              - right
            type: string
          colon:
            default: true
            description: Append label with colon.
            type: boolean
          disabled:
            default: false
            description: Hide input label.
            type: boolean
          extra:
            description: Extra text to display beneath the content.
            type: string
          extraStyle:
            description: Css style to applied to label extra.
            type: object
          feedbackStyle:
            description: Css style to applied to label feedback.
            type: object
          hasFeedback:
            default: true
            description: >-
              Display feedback extra from validation, this does not disable
              validation.
            type: boolean
          inline:
            default: false
            description: Render input and label inline.
            type: boolean
          span:
            description: Label inline span.
            type: number
          title:
            description: Label title.
            type: string
        type: object
      showValue:
        default: false
        description: Display the selector value next to the circle selector.
        type: boolean
      title:
        description: >-
          Title to describe the input component, if no title is specified the
          block id is displayed.
        type: string
      valueStyle:
        description: Css style to applied to value text when is displayed.
        type: object
      width:
        default: 100%
        description: Color selector width.
        type:
          - string
          - number
    type: object