if componentSet.has('circles')
  solid-widget(name='hubl-menu-fix-url-circle')
    template
      solid-link.segment.full(data-src="${value}" next=getRoute('circles', true))
        solid-display.segment.full.text-color-white.heading-active.bg-color-heading.hover.active(
          data-src='${value}'
          fields='segment(status, circle(name, jabberID), badge)'
          class-segment="segment full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"

          class-status='segment text-top sub-menu-icon'

          class-circle='segment three-quarter sub-menu-name'

          class-name='ellipsis-content'

          class-badge='segment badge'

          value-badge='${value}'
          widget-status='hubl-menu-publicprivate'
          widget-badge='hubl-counter'
          widget-jabberID='hubl-menu-jabberid'
          widget-name='solid-display-div'
          order-asc="name"
        )