{{#if (gt @lines.length 0)}}
  <svg
    {{did-insert this.getIconPositions}}
    {{did-update this.getIconPositions @lines}}
    viewBox={{concat @center.x ' ' @view.y ' ' @view.width ' ' @view.height}}
    preserveAspectRatio="none"
  >
    <defs>
      <marker
        id={{concat this.guid '-allow-dot'}}
        class="allow-dot"
        viewBox="-2 -2 15 15"
        refX="6"
        refY="6"
        markerWidth="6"
        markerHeight="6"
      >
        <circle
          cx="6"
          cy="6"
          r="6"
        />
      </marker>
      <marker
        id={{concat this.guid '-allow-arrow'}}
        class="allow-arrow"
        viewBox="-1 -1 12 12"
        refX="5"
        refY="5"
        markerWidth="6"
        markerHeight="6"
        orient="auto-start-reverse"
      >
        <polygon points="0 0 10 5 0 10" />
      </marker>
      <marker
        id={{concat this.guid '-deny-dot'}}
        class="deny-dot"
        viewBox="-2 -2 15 15"
        refX="6"
        refY="6"
        markerWidth="6"
        markerHeight="6"
      >
        <circle
          cx="6"
          cy="6"
          r="6"
        />
      </marker>
      <marker
        id={{concat this.guid '-deny-arrow'}}
        class="deny-arrow"
        viewBox="-1 -1 12 12"
        refX="5"
        refY="5"
        markerWidth="6"
        markerHeight="6"
        orient="auto-start-reverse"
      >
        <polygon points="0 0 10 5 0 10" />
      </marker>
    </defs>
{{#each @lines as |line|}}
  {{#if (eq line.permission 'deny')}}
    <path
      id={{concat this.guid line.id}}
      d={{svg-curve line.dest src=line.src}}
      marker-start={{concat 'url(#' this.guid '-deny-dot)'}}
      marker-end={{concat 'url(#' this.guid '-deny-arrow)'}}
      data-permission={{line.permission}}
    />
  {{else}}
     <path
      id={{concat this.guid line.id}}
      d={{svg-curve line.dest src=line.src}}
      marker-start={{concat 'url(#' this.guid '-allow-dot)'}}
      marker-end={{concat 'url(#' this.guid '-allow-arrow)'}}
      data-permission={{line.permission}}
    />
  {{/if}}
{{/each}}
  </svg>
{{/if}}
{{#each @items as |item|}}
  {{#if (and (not-eq item.Datacenter '') (or (not item.Intention.Allowed) item.Intention.HasPermissions))}}
    <TopologyMetrics::Popover
      @type={{if item.Intention.HasPermissions 'l7' 'deny'}}
      @position={{find-by 'id' (concat this.guid item.Namespace item.Name) this.iconPositions}}
      @item={{item}}
      @disabled={{false}}
      @oncreate={{action @oncreate @service item}}
    />
  {{/if}}
{{/each}}