"use strict";

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($attrs, $helpers, Object, delayRemove, open) {
    var h = require('panel').h;
    return {
      value: h("div", {
        "class": {
          'mp-dialog-stage': true
        }
      }, function () {
        var __jade_nodes = [];
        __jade_nodes = __jade_nodes.concat(h("div", {
          "class": Object.assign({}, {
            'mp-dialog-open': open
          }, {
            'mp-dialog-wrapper': true
          })
        }, function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat(open ? function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("div", {
              "hook": {
                insert: $helpers.handleDialogInserted,
                destroy: $helpers.handleDialogRemoved
              },
              "class": Object.assign({}, {
                delayed: {
                  'mp-dialog-in': true
                },
                remove: {
                  'mp-dialog-out': true,
                  delayRemove: delayRemove
                }
              }, {
                'mp-dialog-main': true
              })
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat($attrs['closeable'] ? function () {
                var __jade_nodes = [];
                __jade_nodes = __jade_nodes.concat(h("div", {
                  "on": {
                    click: $helpers.closeClicked
                  },
                  "class": {
                    'mp-dialog-close-btn': true
                  }
                }, function () {
                  var __jade_nodes = [];
                  __jade_nodes = __jade_nodes.concat(h("div", {
                    "class": {
                      'mp-dialog-close-icon': true
                    }
                  }, function () {
                    var __jade_nodes = [];
                    __jade_nodes = __jade_nodes.concat(h('div', {
                      props: {
                        innerHTML: '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"	 viewBox="0 0 10.6 10.5" style="enable-background:new 0 0 10.6 10.5;" xml:space="preserve"><style type="text/css">	.x{fill-rule:evenodd;clip-rule:evenodd;fill:#D8E0E7;}</style><path class="x" d="M8.6,0L5.3,3.3L2,0L0,2l3.3,3.3L0,8.5l2,2l3.2-3.2l3.2,3.2l2-2L7.3,5.3L10.6,2L8.6,0z"/></svg>'
                      }
                    }));;
                    return __jade_nodes;
                  }.call(this).filter(Boolean)));;
                  return __jade_nodes;
                }.call(this).filter(Boolean)));;
                return __jade_nodes;
              }.call(this) : undefined);
              __jade_nodes = __jade_nodes.concat(h("slot"));;
              return __jade_nodes;
            }.call(this).filter(Boolean)));;
            return __jade_nodes;
          }.call(this) : undefined);;
          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, "Object" in locals ? locals.Object : typeof Object !== "undefined" ? Object : undefined, "delayRemove" in locals ? locals.delayRemove : typeof delayRemove !== "undefined" ? delayRemove : undefined, "open" in locals ? locals.open : typeof open !== "undefined" ? open : undefined);
  if (result_of_with) return result_of_with.value;
}
module.exports = _jade_template_fn;