block_id: null

id: block_id
type: CompactColorSelector
properties:
  colors:
    - '#4D4D4D'
    - '#999999'
    - '#FFFFFF'
    - '#F44E3B'
    - '#FE9200'
    - '#FCDC00'
    - '#DBDF00'
    - '#A4DD00'
    - '#68CCCA'
    - '#73D8FF'
    - '#AEA1FF'
    - '#FDA1FF'
    - '#333333'
    - '#808080'
    - '#cccccc'
    - '#D33115'
    - '#E27300'
    - '#FCC400'
    - '#B0BC00'
    - '#68BC00'
    - '#16A5A5'
    - '#009CE0'
    - '#7B64FF'
    - '#FA28FF'
    - '#000000'
    - '#666666'
    - '#B3B3B3'
    - '#9F0500'
    - '#C45100'
    - '#FB9E00'
    - '#808900'
    - '#194D33'
    - '#0C797D'
    - '#0062B1'
    - '#653294'
    - '#AB149E'

type: object
properties:
  events:
    additionalProperties: false
    properties:
      onChange:
        description: Trigger actions when color is picked.
        type: array
    type: object
  properties:
    properties:
      colors:
        default:
          - '#4D4D4D'
          - '#999999'
          - '#FFFFFF'
          - '#F44E3B'
          - '#FE9200'
          - '#FCDC00'
          - '#DBDF00'
          - '#A4DD00'
          - '#68CCCA'
          - '#73D8FF'
          - '#AEA1FF'
          - '#FDA1FF'
          - '#333333'
          - '#808080'
          - '#cccccc'
          - '#D33115'
          - '#E27300'
          - '#FCC400'
          - '#B0BC00'
          - '#68BC00'
          - '#16A5A5'
          - '#009CE0'
          - '#7B64FF'
          - '#FA28FF'
          - '#000000'
          - '#666666'
          - '#B3B3B3'
          - '#9F0500'
          - '#C45100'
          - '#FB9E00'
          - '#808900'
          - '#194D33'
          - '#0C797D'
          - '#0062B1'
          - '#653294'
          - '#AB149E'
        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
      title:
        description: >-
          Title to describe the input component, if no title is specified the
          block id is displayed.
        type: string
    type: object