"use strict";

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($component, $helpers, Array, Object, stagedCustomEvent) {
    var h = require('panel').h;
    return {
      value: h("div", {
        "class": {
          'mp-custom-event-builder': true
        }
      }, function () {
        var __jade_nodes = [];
        __jade_nodes = __jade_nodes.concat(function () {
          var $$obj = stagedCustomEvent.eventSelectors;
          var $$eachNodes;
          var $$iterated = false;
          if (Array.isArray($$obj)) {
            $$eachNodes = $$obj.reduce(function ($$eachNodes, eventSelector, selectorIndex) {
              $$iterated = true;
              return $$eachNodes.concat(function () {
                var __jade_nodes = [];
                __jade_nodes = __jade_nodes.concat(h("div", {
                  "class": {
                    'event-selector-block': true
                  }
                }, function () {
                  var __jade_nodes = [];
                  __jade_nodes = __jade_nodes.concat($component.child("mp-custom-event-builder-event-selector", {
                    attrs: {
                      'data-selector-index': selectorIndex
                    }
                  }));;
                  return __jade_nodes;
                }.call(this).filter(Boolean)));;
                return __jade_nodes;
              }.call(this));
            }, []);
          } else {
            $$eachNodes = [];
            for (var $$objKey in $$obj) {
              (function () {
                var selectorIndex = $$objKey;
                if ($$obj.hasOwnProperty(selectorIndex)) {
                  $$iterated = true;
                  var eventSelector = $$obj[selectorIndex];
                  $$eachNodes = $$eachNodes.concat(function () {
                    var __jade_nodes = [];
                    __jade_nodes = __jade_nodes.concat(h("div", {
                      "class": {
                        'event-selector-block': true
                      }
                    }, function () {
                      var __jade_nodes = [];
                      __jade_nodes = __jade_nodes.concat($component.child("mp-custom-event-builder-event-selector", {
                        attrs: {
                          'data-selector-index': selectorIndex
                        }
                      }));;
                      return __jade_nodes;
                    }.call(this).filter(Boolean)));;
                    return __jade_nodes;
                  }.call(this));
                }
              })();
            }
          }

          return $$eachNodes;
        }());
        __jade_nodes = __jade_nodes.concat(h("div", {
          "class": {
            'add-event-button-container': true
          }
        }, function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat(h("div", {
            "on": {
              click: $helpers.addEventSelector
            },
            "class": Object.assign({}, {
              'add-event-button-container-disabled': !$helpers.canAddEventSelector()
            }, {
              'add-event-button': true
            })
          }, function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("svg-icon", {
              "attrs": {
                icon: "x"
              }
            }));;
            return __jade_nodes;
          }.call(this).filter(Boolean)));;
          return __jade_nodes;
        }.call(this).filter(Boolean)));;
        return __jade_nodes;
      }.call(this).filter(Boolean))
    };
  }.call(this, "$component" in locals ? locals.$component : typeof $component !== "undefined" ? $component : undefined, "$helpers" in locals ? locals.$helpers : typeof $helpers !== "undefined" ? $helpers : undefined, "Array" in locals ? locals.Array : typeof Array !== "undefined" ? Array : undefined, "Object" in locals ? locals.Object : typeof Object !== "undefined" ? Object : undefined, "stagedCustomEvent" in locals ? locals.stagedCustomEvent : typeof stagedCustomEvent !== "undefined" ? stagedCustomEvent : undefined);
  if (result_of_with) return result_of_with.value;
}
module.exports = _jade_template_fn;