{
    "type": "overpass",
    "name": {
        "de": "Radrouten",
        "en": "Cycle Routes",
        "fr": "Itinéraires vélo",
        "hu": "Kerékpáros útvonalak",
        "pt": "Ciclovias",
        "pt-br": "Ciclorrotas"
    },
    "query": {
        "6": "relation[type=route][route=bicycle][network~'^(icn)$']",
        "9": "relation[type=route][route=bicycle][network~'^(icn|ncn)$']",
        "12": "relation[type=route][route=bicycle][network~'^(icn|ncn|rcn)$']",
        "15": "relation[type=route][route=bicycle]"
    },
    "members": true,
    "feature": {
        "priority": "{{ const[tags.network].priority|default(4) }}",
        "description": "{{ tagTrans('network', tags.network) }}",
        "listMarkerSymbol": "{{ markerLine({ 'width': 4, 'color': const[tags.network].color|default(const[''].color) })|raw }}",
        "title": "{% if tags.ref and tags.name %}{{ tags.ref }} - {{ tags.name }}{% elseif tags.ref %}{{ tags.ref }}{% elseif tags.name %}{{ tags.name }}{% else %}{{ trans('unnamed') }}{% endif %}",
        "styles": "",
        "style:hover": {
            "width": 0
        },
        "style:selected": {
            "width": 0
        },
        "markerSymbol": ""
    },
    "memberFeature": {
        "pre": [
            "{% set priority = 4 %}",
            "{% set network = '' %}",
            "{% set refs = [] %}",
            "{% set dirForward = false %}",
            "{% set dirBackward = false %}",
            "{% set hover = false %}",
            "{% set selected = false %}",
            "",
            "{% for master in masters %}",
            "  {% set _p = const[master.tags.network].priority|default(4) %}",
            "  {% if _p < priority %}",
            "    {% set priority = _p %}",
            "    {% set network = master.tags.network %}",
            "  {% endif %}",
            "  {% if master.tags.ref %}",
            "    {% set refs = refs|merge([ master.tags.ref ]) %}",
            "  {% endif %}",
            "  {% if master.role == 'forward' %}{% set dirForward = true %}",
            "  {% elseif master.role == 'backward' %}{% set dirBackward = true %}",
            "  {% else %}{% set dirForward = true %}{% set dirBackward = true %}",
            "  {% endif %}",
            "  {% if master.flags.hover %}{% set hover = master.role|default('both') %}{% endif %}",
            "  {% if master.flags.selected %}{% set selected = master.role|default('both') %}{% endif %}",
            "{% endfor %}"
        ],
        "title": "",
        "body": [
            "<h4>Routes</h4>",
            "<ul class='overpass-layer-list'>",
            "{% for master in masters %}",
            "  <li data-object=\"{{ master.id }}\">",
            "    <span class='markerParent'><div class='marker'>{{ markerLine({ width: 4, color: const[master.tags.network].color|default(const[''].color) })|raw }}</div></span>",
            "    <span class='title'>{% if master.tags.ref and master.tags.name %}{{ master.tags.ref }} - {{ master.tags.name|default(master.tags.ref) }}{% elseif master.tags.ref %}{{ master.tags.ref }}{% elseif master.tags.name %}{{ master.tags.name }}{% else %}{{ trans('unnamed') }}{% endif %}</span>",
            "    <span class='description'>{{ tagTrans('network', master.tags.network) }}</span>",
            "  </li>",
            "{% endfor %}",
            "</ul>"
        ],
        "listExclude": "1",
        "styles": "default{% if hover %},hover{% endif %}{% if selected %},selected{% endif %}",
        "style": {
            "color": "{{ const[network].color }}",
            "width": "4",
            "dashArray": "{% if not dirForward or not dirBackward %}27,8{% endif %}",
            "dashOffset": "{% if dirBackward %}28{% else %}0{% endif %}",
            "lineCap": "{% if not dirForward or not dirBackward %}butt{% else %}round{% endif %}",
            "noClip": "{% if not dirForward or not dirBackward %}true{% else %}false{% endif %}",
            "opacity": 1,
            "text": "{{ refs|join(' · ') }}             ",
            "textRepeat": "1",
            "textOffset": "12",
            "textFontWeight": "bold",
            "pattern": "{% if dirForward and dirBackward %}{% else %}arrowHead{% endif %}",
            "pattern-pixelSize": "9",
            "pattern-repeat": "35",
            "pattern-offset": "{% if dirBackward %}4{% else %}30.5{% endif %}",
            "pattern-polygon": "true",
            "pattern-angleCorrection": "{% if dirBackward %}180{% else %}0{% endif %}",
            "pattern-path-weight": "0",
            "pattern-path-fillOpacity": "1",
            "pattern-path-color": "{{ const[network].color }}"
        },
        "style:hover": {
            "pane": "hover",
            "width": "4",
            "dashArray": "{% if hover == 'forward' or hover == 'backward' %}27,8{% endif %}",
            "dashOffset": "{% if hover == 'backward' %}28{% else %}0{% endif %}",
            "lineCap": "{% if hover == 'forward' or hover == 'backward' %}butt{% else %}round{% endif %}",
            "noClip": "{% if hover == 'forward' or hover == 'backward' %}true{% else %}false{% endif %}",
            "color": "black",
            "pattern": "{% if hover == 'forward' or hover == 'backward' %}arrowHead{% endif %}",
            "pattern-pixelSize": "9",
            "pattern-repeat": "35",
            "pattern-offset": "{% if hover == 'backward' %}4{% else %}30.5{% endif %}",
            "pattern-polygon": "true",
            "pattern-angleCorrection": "{% if hover == 'backward' %}180{% else %}0{% endif %}",
            "pattern-path-weight": "0",
            "pattern-path-fillOpacity": "1",
            "pattern-path-color": "black"
        },
        "style:selected": {
            "pane": "selected",
            "width": "4",
            "dashArray": "{% if selected == 'forward' or selected == 'backward' %}27,8{% endif %}",
            "dashOffset": "{% if selected == 'backward' %}28{% else %}0{% endif %}",
            "lineCap": "{% if selected == 'forward' or selected == 'backward' %}butt{% else %}round{% endif %}",
            "noClip": "{% if selected == 'forward' or selected == 'backward' %}true{% else %}false{% endif %}",
            "color": "#3f3f3f",
            "pattern": "{% if selected == 'forward' or selected == 'backward' %}arrowHead{% endif %}",
            "pattern-pixelSize": "9",
            "pattern-repeat": "35",
            "pattern-offset": "{% if selected == 'backward' %}4{% else %}30.5{% endif %}",
            "pattern-polygon": "true",
            "pattern-angleCorrection": "{% if selected == 'backward' %}180{% else %}0{% endif %}",
            "pattern-path-weight": "0",
            "pattern-path-fillOpacity": "1",
            "pattern-path-color": "#3f3f3f"
        }
    },
    "const": {
        "icn": {
            "color": "#ff0000",
            "priority": 0,
            "zoom": 6
        },
        "ncn": {
            "color": "#ff00ba",
            "priority": 1,
            "zoom": 9
        },
        "rcn": {
            "color": "#ba00ff",
            "priority": 2,
            "zoom": 12
        },
        "lcn": {
            "color": "#0000ff",
            "priority": 3,
            "zoom": 15
        },
        "": {
            "color": "#007fff",
            "priority": 4,
            "zoom": 15
        }
    },
    "info": [
        "<table>",
        "{% for value, data in const %}",
        "{% if data.zoom <= map.zoom %}",
        "  <tr>",
        "    <td>{{ markerLine({ 'width': 4, color: data.color })|raw }}</td>",
        "    <td>{% if value %}{{ tagTrans('network', value) }}{% else %}{{ trans('unknown') }}{% endif %}</td>",
        "  </tr>",
        "{% endif %}",
        "{% endfor %}",
        "</table>"
    ]
}