"use strict";

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($attrs, $component, $controller, $helpers, Array, JSON, Object) {
    var h = require('panel').h;
    return {
      value: h("div", {
        "class": {
          'mp-sh-menu': true
        }
      }, function () {
        var __jade_nodes = [];
        var placement = $attrs["placement"];;
        var caretOffset = $component.getCaretOffset(placement);;
        var dropdownWidth = $component.dropdownWidth;;
        var open = $controller.isOpen();
        __jade_nodes = __jade_nodes.concat(h("mp-drop-menu", {
          "attrs": {
            open: open,
            'with-caret': $controller.getWithCaret(),
            'caret-pos-left': $controller.getCaretPosLeft()
          },
          "style": {
            position: "absolute",
            left: placement === "left" || placement === "center" ? "-" + caretOffset + "px" : "auto",
            right: placement === "right" ? "-" + caretOffset + "px" : "auto",
            width: open ? dropdownWidth + "px" : ""
          },
          "on": {
            change: $helpers.handleDropMenuChange
          }
        }, function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat(h("div", {
            "style": {
              width: dropdownWidth + "px"
            },
            "class": Object.assign({}, {
              'mp-sh-placement-left': placement === "left",
              'mp-sh-placement-right': placement === "right",
              'mp-sh-placement-center': placement === "center"
            }, {
              'mp-sh-menu-caret-container': true
            })
          }, function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-sh-menu-container': true
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h("div", {
                "class": {
                  'mp-sh-menu-header': true
                }
              }, function () {
                var __jade_nodes = [];
                __jade_nodes = __jade_nodes.concat(h("div", {
                  "class": {
                    'mp-sh-menu-title': true
                  }
                }, function () {
                  var __jade_nodes = [];
                  __jade_nodes = __jade_nodes.concat($component.displayContext !== "GLOBAL" ? function () {
                    var __jade_nodes = [];
                    __jade_nodes = __jade_nodes.concat("Related insights");;
                    return __jade_nodes;
                  }.call(this) : function () {
                    var __jade_nodes = [];
                    __jade_nodes = __jade_nodes.concat("Notifications");;
                    return __jade_nodes;
                  }.call(this));;
                  return __jade_nodes;
                }.call(this).filter(Boolean)));;
                return __jade_nodes;
              }.call(this).filter(Boolean)));
              __jade_nodes = __jade_nodes.concat($helpers.shouldShowLoadingState() ? function () {
                var __jade_nodes = [];
                __jade_nodes = __jade_nodes.concat(h("div", {
                  "class": {
                    'mp-sh-initial-loading': true
                  }
                }, function () {
                  var __jade_nodes = [];
                  __jade_nodes = __jade_nodes.concat(h("mp-spinner"));;
                  return __jade_nodes;
                }.call(this).filter(Boolean)));;
                return __jade_nodes;
              }.call(this) : $helpers.hasAlerts() ? function () {
                var __jade_nodes = [];
                __jade_nodes = __jade_nodes.concat(h("div", {
                  "on": {
                    scroll: $helpers.handleScroll,
                    wheel: $helpers.handleMousewheel
                  },
                  "hook": {
                    insert: $helpers.fetchAlertsIfNeeded,
                    postpatch: $helpers.fetchAlertsIfNeeded
                  },
                  "class": {
                    'mp-sh-alerts-container': true
                  }
                }, function () {
                  var __jade_nodes = [];
                  __jade_nodes = __jade_nodes.concat(function () {
                    var $$obj = $controller.getAlerts();
                    var $$eachNodes;
                    var $$iterated = false;
                    if (Array.isArray($$obj)) {
                      $$eachNodes = $$obj.reduce(function ($$eachNodes, alert, index) {
                        $$iterated = true;
                        return $$eachNodes.concat(function () {
                          var __jade_nodes = [];
                          __jade_nodes = __jade_nodes.concat(alert.isDeleted ? function () {
                            var __jade_nodes = [];
                            __jade_nodes = __jade_nodes.concat(h("div", {
                              "hook": {
                                insert: function insert(vnode) {
                                  return $helpers.insertedDeletedAlert(vnode.elm, alert);
                                }
                              },
                              "style": {
                                height: alert.placeholderHeight + "px"
                              },
                              "class": {
                                'mp-sh-deleted-alert': true,
                                'mp-sh-list-item': true
                              }
                            }));;
                            return __jade_nodes;
                          }.call(this) : function () {
                            var __jade_nodes = [];
                            __jade_nodes = __jade_nodes.concat(h("mp-smart-hub-notification", {
                              "attrs": {
                                'project-id': $attrs["project-id"],
                                'utc-offset': $attrs["utc-offset"],
                                'display-context': $component.displayContext,
                                'alert': JSON.stringify(alert),
                                'last-item': index === $controller.getAlerts().length - 1 || undefined,
                                'visible': open
                              },
                              "style": {
                                width: dropdownWidth + "px"
                              },
                              "on": {
                                clickedLink: $helpers.handleClickedLink,
                                changedAlert: $helpers.handleChangedAlert
                              },
                              "class": {
                                'mp-sh-list-item': true
                              }
                            }));;
                            return __jade_nodes;
                          }.call(this));;
                          return __jade_nodes;
                        }.call(this));
                      }, []);
                    } else {
                      $$eachNodes = [];
                      for (var $$objKey in $$obj) {
                        (function () {
                          var index = $$objKey;
                          if ($$obj.hasOwnProperty(index)) {
                            $$iterated = true;
                            var alert = $$obj[index];
                            $$eachNodes = $$eachNodes.concat(function () {
                              var __jade_nodes = [];
                              __jade_nodes = __jade_nodes.concat(alert.isDeleted ? function () {
                                var __jade_nodes = [];
                                __jade_nodes = __jade_nodes.concat(h("div", {
                                  "hook": {
                                    insert: function insert(vnode) {
                                      return $helpers.insertedDeletedAlert(vnode.elm, alert);
                                    }
                                  },
                                  "style": {
                                    height: alert.placeholderHeight + "px"
                                  },
                                  "class": {
                                    'mp-sh-deleted-alert': true,
                                    'mp-sh-list-item': true
                                  }
                                }));;
                                return __jade_nodes;
                              }.call(this) : function () {
                                var __jade_nodes = [];
                                __jade_nodes = __jade_nodes.concat(h("mp-smart-hub-notification", {
                                  "attrs": {
                                    'project-id': $attrs["project-id"],
                                    'utc-offset': $attrs["utc-offset"],
                                    'display-context': $component.displayContext,
                                    'alert': JSON.stringify(alert),
                                    'last-item': index === $controller.getAlerts().length - 1 || undefined,
                                    'visible': open
                                  },
                                  "style": {
                                    width: dropdownWidth + "px"
                                  },
                                  "on": {
                                    clickedLink: $helpers.handleClickedLink,
                                    changedAlert: $helpers.handleChangedAlert
                                  },
                                  "class": {
                                    'mp-sh-list-item': true
                                  }
                                }));;
                                return __jade_nodes;
                              }.call(this));;
                              return __jade_nodes;
                            }.call(this));
                          }
                        })();
                      }
                    }

                    return $$eachNodes;
                  }());
                  __jade_nodes = __jade_nodes.concat($helpers.isLoading() ? function () {
                    var __jade_nodes = [];
                    __jade_nodes = __jade_nodes.concat(h("div", {
                      "class": {
                        'mp-sh-pagination-loading': true,
                        'mp-sh-list-item': true
                      }
                    }, function () {
                      var __jade_nodes = [];
                      __jade_nodes = __jade_nodes.concat(h("mp-spinner"));;
                      return __jade_nodes;
                    }.call(this).filter(Boolean)));;
                    return __jade_nodes;
                  }.call(this) : undefined);
                  __jade_nodes = __jade_nodes.concat(h("div", {
                    "class": {
                      'mp-sh-menu-footer': true
                    }
                  }));;
                  return __jade_nodes;
                }.call(this).filter(Boolean)));;
                return __jade_nodes;
              }.call(this) : function () {
                var __jade_nodes = [];
                __jade_nodes = __jade_nodes.concat(h("div", {
                  "class": {
                    'mp-sh-empty-state': true
                  }
                }, function () {
                  var __jade_nodes = [];
                  __jade_nodes = __jade_nodes.concat(h("img", {
                    "attrs": {
                      // By un-setting/re-setting the src, the gif will replay from the beginning when the dropdown
                      // is re-opened.
                      src: open ? "/site_media/images/smart_hub/empty_state.gif" : ""
                    },
                    "class": {
                      'mp-sh-empty-state-image': true
                    }
                  }));
                  __jade_nodes = __jade_nodes.concat(h("div", {
                    "class": {
                      'mp-sh-empty-state-text': true
                    }
                  }, function () {
                    var __jade_nodes = [];
                    __jade_nodes = __jade_nodes.concat(h("div", {
                      "class": {
                        'mp-sh-empty-state-text-primary': true
                      }
                    }, function () {
                      var __jade_nodes = [];
                      __jade_nodes = __jade_nodes.concat("No current notifications");;
                      return __jade_nodes;
                    }.call(this).filter(Boolean)));
                    __jade_nodes = __jade_nodes.concat(h("div", {
                      "class": {
                        'mp-sh-empty-state-text-secondary': true
                      }
                    }, function () {
                      var __jade_nodes = [];
                      __jade_nodes = __jade_nodes.concat("Mixpanel automatically finds interesting trends and anomalies in your data. Add reports to your dashboard to start receiving notifications.");;
                      return __jade_nodes;
                    }.call(this).filter(Boolean)));;
                    return __jade_nodes;
                  }.call(this).filter(Boolean)));;
                  return __jade_nodes;
                }.call(this).filter(Boolean)));;
                return __jade_nodes;
              }.call(this));;
              return __jade_nodes;
            }.call(this).filter(Boolean)));;
            return __jade_nodes;
          }.call(this).filter(Boolean)));;
          return __jade_nodes;
        }.call(this).filter(Boolean)));
        __jade_nodes = __jade_nodes.concat($controller.getTutorialAllowed() ? function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat(h("mp-tutorial-tooltip", {
            "attrs": {
              'arrow-align': 'right',
              hide: !$helpers.shouldShowTutorial(),
              'hide-footer': false,
              'next-button': true,
              placement: 'bottom'
            },
            "on": {
              close: $helpers.closeTooltip
            }
          }, function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-sh-tutorial-title': true
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat("Introducing Anomaly Explanations");;
              return __jade_nodes;
            }.call(this).filter(Boolean)));
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-sh-tutorial-content': true
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat("Spend less time investigating the source of each anomaly. Now we've highlighted anomalies where our machine learning algorithms have detected contributing factors.");;
              return __jade_nodes;
            }.call(this).filter(Boolean)));;
            return __jade_nodes;
          }.call(this).filter(Boolean)));;
          return __jade_nodes;
        }.call(this) : undefined);;
        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, "$controller" in locals ? locals.$controller : typeof $controller !== "undefined" ? $controller : undefined, "$helpers" in locals ? locals.$helpers : typeof $helpers !== "undefined" ? $helpers : undefined, "Array" in locals ? locals.Array : typeof Array !== "undefined" ? Array : 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;