"use strict";

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($attrs, $helpers, JSON, Object, String, optionsMenuOpen, selected) {
    var h = require('panel').h;
    var __vjadeSafeCode = function __vjadeSafeCode(code) {
      return code || String(code);
    };
    return {
      value: h("div", {
        "class": {
          'mp-data-group-selector-container': true
        }
      }, function () {
        var __jade_nodes = [];
        __jade_nodes = __jade_nodes.concat(h("div", {
          "class": {
            'mp-data-group-selector-button-wrapper': true
          }
        }, function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat(h("div", {
            "on": {
              click: $helpers.clickDataGroupSelector
            },
            "class": Object.assign({}, {
              'mp-data-group-selector-button-disabled': !$helpers.isEnabled()
            }, {
              'mp-data-group-selector-button': true
            })
          }, function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("span", {
              "class": {
                'mp-data-group-selector-selected-option': true
              }
            }, [__vjadeSafeCode(selected.displayName)]));
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-data-group-selector-caret': true
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h("svg-icon", {
                "attrs": {
                  icon: "caret-down"
                }
              }));;
              return __jade_nodes;
            }.call(this).filter(Boolean)));;
            return __jade_nodes;
          }.call(this).filter(Boolean)));
          __jade_nodes = __jade_nodes.concat($attrs["disabled-reason"] ? function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("mp-tooltip", {
              "attrs": {
                placement: "right",
                'max-width': "300px"
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat($attrs["disabled-reason"] == $helpers.DISABLED_REASON.DATASETS ? function () {
                var __jade_nodes = [];
                __jade_nodes = __jade_nodes.concat("Cannot be used with Datasets");;
                return __jade_nodes;
              }.call(this) : undefined);;
              return __jade_nodes;
            }.call(this).filter(Boolean)));;
            return __jade_nodes;
          }.call(this) : undefined);
          __jade_nodes = __jade_nodes.concat(h("div", {
            "class": {
              'mp-data-group-selector-options-container': true
            }
          }, function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("mp-drop-menu", {
              "attrs": {
                open: optionsMenuOpen
              },
              "on": {
                change: $helpers.handleMenuChange
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h("mp-items-menu", {
                "attrs": {
                  'progressive': true,
                  'sections': JSON.stringify($helpers.getDataGroupsList())
                },
                "on": {
                  clickItem: $helpers.clickDataGroupOption
                }
              }));;
              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).filter(Boolean))
    };
  }.call(this, "$attrs" in locals ? locals.$attrs : typeof $attrs !== "undefined" ? $attrs : 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, "String" in locals ? locals.String : typeof String !== "undefined" ? String : undefined, "optionsMenuOpen" in locals ? locals.optionsMenuOpen : typeof optionsMenuOpen !== "undefined" ? optionsMenuOpen : undefined, "selected" in locals ? locals.selected : typeof selected !== "undefined" ? selected : undefined);
  if (result_of_with) return result_of_with.value;
}
module.exports = _jade_template_fn;