"use strict";

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($attrs, $component, $helpers, JSON, Object) {
    var h = require('panel').h;
    var open = $attrs["open"];
    return {
      value: h("div", {
        "on": {
          click: $helpers.handleClick
        },
        "class": {
          'mp-sh-data-point-container': true
        }
      }, function () {
        var __jade_nodes = [];
        var alert = $component.alert;;
        __jade_nodes = __jade_nodes.concat(h("div", {
          "class": Object.assign({}, {
            'mp-sh-data-point-open': open,
            'mp-sh-data-point-type-anomaly': !!alert.anomaly,
            'mp-sh-data-point-type-contour': !!alert.contour
          }, {
            'mp-sh-data-point-icon': true
          })
        }, function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat(open ? function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat($helpers.getAlertDirection() === "NEGATIVE" ? function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h('div', {
                props: {
                  innerHTML: '<?xml version="1.0" encoding="UTF-8"?><svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">   <title>Arrow Down</title>    <desc>Smart Hub Icons</desc>    <defs></defs>    <g id="Arrow Down" stroke="none" stroke-width="1" fill-rule="evenodd">        <g id="Arrow-Down">            <g id="Page-1" transform="translate(8.000000, 8.000000) rotate(180.000000) translate(-8.000000, -8.000000) ">                <path d="M8,0 C12.418,0 16,3.582 16,8 C16,12.418 12.418,16 8,16 C3.582,16 0,12.418 0,8 C0,3.582 3.582,0 8,0" id="disc"></path>                <path d="M10.9121,7.3394 L8.4241,4.9214 C8.1901,4.6934 7.8101,4.6934 7.5761,4.9214 L5.0881,7.3394 C4.9711,7.4534 4.9711,7.6384 5.0881,7.7524 L5.5121,8.1644 C5.6291,8.2774 5.8191,8.2774 5.9361,8.1644 L7.4001,6.7414 L7.4001,11.4584 C7.4001,11.6194 7.5341,11.7504 7.7001,11.7504 L8.3001,11.7504 C8.4661,11.7504 8.5991,11.6194 8.5991,11.4584 L8.5991,6.7414 L10.0631,8.1644 C10.1811,8.2774 10.3711,8.2774 10.4881,8.1644 L10.9121,7.7524 C11.0291,7.6384 11.0291,7.4534 10.9121,7.3394" id="arrow"></path>            </g>        </g>    </g></svg>'
                }
              }));;
              return __jade_nodes;
            }.call(this) : function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h('div', {
                props: {
                  innerHTML: '<?xml version="1.0" encoding="UTF-8"?><svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Arrow Up</title>    <desc>Smart Hub Icons</desc>    <defs></defs>    <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">        <g id="Arrow-Up">            <g id="Arrow-Up">                <path d="M8,0 C12.418,0 16,3.582 16,8 C16,12.418 12.418,16 8,16 C3.582,16 0,12.418 0,8 C0,3.582 3.582,0 8,0" id="disc"></path>                <path d="M10.9121,7.3394 L8.4241,4.9214 C8.1901,4.6934 7.8101,4.6934 7.5761,4.9214 L5.0881,7.3394 C4.9711,7.4534 4.9711,7.6384 5.0881,7.7524 L5.5121,8.1644 C5.6291,8.2774 5.8191,8.2774 5.9361,8.1644 L7.4001,6.7414 L7.4001,11.4584 C7.4001,11.6194 7.5341,11.7504 7.7001,11.7504 L8.3001,11.7504 C8.4661,11.7504 8.5991,11.6194 8.5991,11.4584 L8.5991,6.7414 L10.0631,8.1644 C10.1811,8.2774 10.3711,8.2774 10.4881,8.1644 L10.9121,7.7524 C11.0291,7.6384 11.0291,7.4534 10.9121,7.3394" id="arrow"></path>            </g>        </g>    </g></svg>'
                }
              }));;
              return __jade_nodes;
            }.call(this));;
            return __jade_nodes;
          }.call(this) : undefined);;
          return __jade_nodes;
        }.call(this).filter(Boolean)));
        var tooltipOffset = $helpers.getTooltipOffset();;
        __jade_nodes = __jade_nodes.concat(h("mp-smart-hub-tooltip", {
          "attrs": {
            'open': open,
            'placement': $attrs["placement"],
            'offset-top': tooltipOffset.top,
            'offset-left': tooltipOffset.left,
            'project-id': $attrs["project-id"],
            'utc-offset': $attrs["utc-offset"],
            'alert': JSON.stringify($attrs["alert"]),
            'explains-value': $attrs["explains-value"],
            'alert-color': $attrs["alert-color"]
          },
          "on": {
            change: $helpers.handleTooltipChange,
            changedAlert: $helpers.handleChangedAlert
          }
        }));;
        return __jade_nodes;
      }.call(this).filter(Boolean))
    };
  }.call(this, "$attrs" in locals ? locals.$attrs : typeof $attrs !== "undefined" ? $attrs : undefined, "$component" in locals ? locals.$component : typeof $component !== "undefined" ? $component : undefined, "$helpers" in locals ? locals.$helpers : typeof $helpers !== "undefined" ? $helpers : undefined, "JSON" in locals ? locals.JSON : typeof JSON !== "undefined" ? JSON : undefined, "Object" in locals ? locals.Object : typeof Object !== "undefined" ? Object : undefined);
  if (result_of_with) return result_of_with.value;
}
module.exports = _jade_template_fn;