text: define(["../../../lit-element/lit-element.js", "../../haxcms-elements/lib/core/haxcms-site-store.js", "../../../mobx/dist/mobx.esm.js"], function (_litElement, _haxcmsSiteStore, _mobxEsm) {
    "use strict";
  
    function _templateObject2_3c12f02099b011eb851ed31c596cbbd8() {
      var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        header {\n          display: flex;\n          flex-wrap: wrap;\n          align-content: flex-end;\n          overflow: hidden;\n          width: 100%;\n          background-image: var(\n            --course-intro-header--header--background-image\n          );\n          background-size: var(\n            --course-intro-header--header--background-size,\n            contain\n          );\n          background-repeat: var(\n            --course-intro-header--header--background-repeat,\n            no-repeat\n          );\n          background-position: var(\n            --course-intro-header--header--background-position,\n            top center\n          );\n          background-color: rgba(var(--course-intro-bg-color), 1);\n          min-height: 50vw;\n          min-height: 60vh;\n          color: white;\n        }\n        header > * {\n          align-self: flex-end;\n          justify-self: center;\n          width: 100%;\n          flex: 0 0 auto;\n          text-align: center;\n          position: relative;\n        }\n        #info {\n          background: linear-gradient(\n            rgba(var(--course-intro-bg-color), 0),\n            rgba(var(--course-intro-bg-color), 1) 100px\n          );\n          padding: 40px 0;\n        }\n        #title {\n          margin: 0;\n          font-family: Lato;\n          font-size: var(--course-intro-header--title--FontSize, 56px);\n          line-height: 1.2;\n          flex: 1 1 auto;\n        }\n        #sub-heading {\n          margin: 0;\n          font-family: Lato;\n          font-size: var(--course-intro-header--sub-heading--FontSize, 40px);\n          text-transform: uppercase;\n          color: rgba(255, 255, 255, 0.5);\n          font-weight: 300;\n          line-height: 1.2;\n        }\n        #header-bottom {\n          height: 50px;\n          background: rgba(var(--course-intro-bg-color), 1);\n        }\n      "]);
  
      _templateObject2_3c12f02099b011eb851ed31c596cbbd8 = function _templateObject2_3c12f02099b011eb851ed31c596cbbd8() {
        return data;
      };
  
      return data;
    }
  
    function _templateObject_3c12f02099b011eb851ed31c596cbbd8() {
      var data = babelHelpers.taggedTemplateLiteral(["\n      <header>\n        <div id=\"info\">\n          <h1 id=\"title\">", "</h1>\n          <div id=\"sub-heading\">", "</div>\n        </div>\n        <div id=\"header-bottom\"></div>\n      </header>\n    "]);
  
      _templateObject_3c12f02099b011eb851ed31c596cbbd8 = function _templateObject_3c12f02099b011eb851ed31c596cbbd8() {
        return data;
      };
  
      return data;
    }
  
    function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
  
    function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
  
    var CourseIntroHeader = /*#__PURE__*/function (_LitElement) {
      babelHelpers.inherits(CourseIntroHeader, _LitElement);
  
      var _super = _createSuper(CourseIntroHeader);
  
      babelHelpers.createClass(CourseIntroHeader, null, [{
        key: "properties",
        get: function get() {
          return {
            title: {
              type: String
            },
            description: {
              type: String
            }
          };
        }
      }]);
  
      function CourseIntroHeader() {
        var _this;
  
        babelHelpers.classCallCheck(this, CourseIntroHeader);
        _this = _super.call(this);
        _this.title = "";
        _this.description = "";
        return _this;
      }
  
      babelHelpers.createClass(CourseIntroHeader, [{
        key: "firstUpdated",
        value: function firstUpdated(changedProperties) {
          var _this2 = this;
  
          if (babelHelpers.get(babelHelpers.getPrototypeOf(CourseIntroHeader.prototype), "firstUpdated", this)) {
            babelHelpers.get(babelHelpers.getPrototypeOf(CourseIntroHeader.prototype), "firstUpdated", this).call(this, changedProperties);
          }
  
          this._disposer = (0, _mobxEsm.autorun)(function () {
            _this2.title = (0, _mobxEsm.toJS)(_haxcmsSiteStore.store.manifest.title);
            _this2.description = (0, _mobxEsm.toJS)(_haxcmsSiteStore.store.manifest.description);
            _this2.shadowRoot.querySelector("header").style.backgroundImage = "url(".concat((0, _mobxEsm.toJS)(_haxcmsSiteStore.store.manifest.metadata.theme.variables.image), ")");
          });
        }
      }, {
        key: "render",
        value: function render() {
          return (0, _litElement.html)(_templateObject_3c12f02099b011eb851ed31c596cbbd8(), this.title, this.description);
        }
      }], [{
        key: "styles",
        get: function get() {
          return [(0, _litElement.css)(_templateObject2_3c12f02099b011eb851ed31c596cbbd8())];
        }
      }, {
        key: "tag",
        get: function get() {
          return "course-intro-header";
        }
      }]);
      return CourseIntroHeader;
    }(_litElement.LitElement);
  
    customElements.define(CourseIntroHeader.tag, CourseIntroHeader);
  });