text: define(["../../../polymer/polymer-legacy.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js", "../app-scroll-effects-behavior.js"], function (_polymerLegacy, _polymerFn, _htmlTag, _appScrollEffectsBehavior) {
    "use strict";
  
    var _templateObject_93b2a5c0941711ec8d52c707f928eca0;
  
    (0, _polymerFn.Polymer)({
      _template: (0, _htmlTag.html)(_templateObject_93b2a5c0941711ec8d52c707f928eca0 || (_templateObject_93b2a5c0941711ec8d52c707f928eca0 = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        position: relative;\n        display: block;\n      }\n\n      #background,\n      #backgroundFrontLayer,\n      #backgroundRearLayer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n      }\n\n      #backgroundFrontLayer {\n        bottom: -200px;\n      }\n\n      #mainTitle, #condensedTitle {\n        display: block;\n        overflow: hidden;\n        margin: 0;\n        padding: 0;\n        position: absolute;\n      }\n\n      #mainTitle {\n        height: 18px;\n        top: 0;\n        left: 0;\n      }\n\n      #condensedTitle {\n        height: 37px;\n        top: 100px;\n        left: 100px;\n      }\n\n    </style>\n\n    <div id=\"background\"></div>\n    <div id=\"backgroundFrontLayer\"></div>\n    <div id=\"backgroundRearLayer\"></div>\n    <h4 id=\"mainTitle\">Title</h4>\n    <h1 id=\"condensedTitle\">Condensed title</h1>\n"]))),
      is: 'x-container',
      behaviors: [_appScrollEffectsBehavior.AppScrollEffectsBehavior],
      properties: {
        shadow: {
          type: Boolean,
          reflectToAttribute: true
        }
      },
      observers: ['_xScrollEffectChanged(effects)'],
      _getDOMRef: function _getDOMRef(id) {
        return this.$[id] || null;
      },
      _updateScrollState: function _updateScrollState(scrollTop) {
        this._runEffects(scrollTop / this.offsetHeight, scrollTop);
      },
      _xScrollEffectChanged: function _xScrollEffectChanged() {
        this._updateScrollState(this._scrollTop);
      }
    });
  });