text: define(["../../../iron-iconset-svg/iron-iconset-svg.js","../../../paper-icon-button/paper-icon-button.js","../../../paper-checkbox/paper-checkbox.js","../../app-drawer-layout/app-drawer-layout.js","../../app-drawer/app-drawer.js","../../app-header-layout/app-header-layout.js","../../app-header/app-header.js","../../app-scroll-effects/app-scroll-effects.js","../../app-toolbar/app-toolbar.js","../../demo/sample-content.js","../../../polymer/lib/legacy/polymer-fn.js","../../../polymer/lib/utils/html-tag.js"],function(_ironIconsetSvg,_paperIconButton,_paperCheckbox,_appDrawerLayout,_appDrawer,_appHeaderLayout,_appHeader,_appScrollEffects,_appToolbar,_sampleContent,_polymerFn,_htmlTag){"use strict";function _templateObject_13fda980ad5411e9a537cb1a95af6fbc(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n\n    app-drawer-layout:not([narrow]) [drawer-toggle] {\n      display: none;\n    }\n\n    app-drawer section {\n      height: 100%;\n      overflow-y: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    app-drawer h2 {\n      margin: 8px 0 0;\n      padding: 18px;\n      font-size: 18px;\n    }\n\n    app-drawer paper-checkbox {\n      display: block;\n      padding: 18px;\n    }\n\n    app-header {\n      color: #fff;\n      background-color: #C62828;\n      --app-header-background-front-layer: {\n        background-image: url(https://app-layout-assets.appspot.com/assets/test-drive.jpg);\n        background-position: 50% 10%;\n      };\n    }\n\n    [main-title] {\n      font-size: 2em;\n    }\n\n    </style>\n\n    <app-drawer-layout>\n\n      <app-drawer swipe-open slot=\"drawer\">\n        <section>\n          <h2>app-header Properties</h2>\n          <paper-checkbox checked=\"{{condenses}}\">\n            condenses\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{fixed}}\">\n            fixed\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{reveals}}\">\n            reveals\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{shadow}}\">\n            shadow\n          </paper-checkbox>\n\n          <h2>app-header Effects</h2>\n          <paper-checkbox checked=\"{{blendBackground}}\">\n            blend-background\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{fadeBackground}}\">\n            fade-background\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{parallaxBackground}}\">\n            parallax-background\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{resizeSnappedTitle}}\">\n            resize-snapped-title\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{resizeTitle}}\">\n            resize-title\n          </paper-checkbox>\n          <paper-checkbox checked=\"{{waterfall}}\">\n            waterfall\n          </paper-checkbox>\n        </section>\n      </app-drawer>\n\n      <app-header-layout>\n\n        <app-header condenses=\"[[condenses]]\" fixed=\"[[fixed]]\" reveals=\"[[reveals]]\" shadow=\"[[shadow]]\" effects=\"[[_computeEffects(blendBackground, fadeBackground, parallaxBackground, resizeSnappedTitle, resizeTitle, waterfall)]]\" slot=\"header\">\n\n          <app-toolbar>\n            <paper-icon-button icon=\"app:menu\" drawer-toggle></paper-icon-button>\n            <div condensed-title>Test Drive app-header</div>\n          </app-toolbar>\n\n          <app-toolbar></app-toolbar>\n\n          <app-toolbar>\n            <div main-title spacer>Test Drive</div>\n          </app-toolbar>\n\n        </app-header>\n\n        <sample-content size=\"100\"></sample-content>\n\n      </app-header-layout>\n\n    </app-drawer-layout>\n"]);_templateObject_13fda980ad5411e9a537cb1a95af6fbc=function _templateObject_13fda980ad5411e9a537cb1a95af6fbc(){return data};return data}var $_documentContainer=document.createElement("template");$_documentContainer.setAttribute("style","display: none;");$_documentContainer.innerHTML="<iron-iconset-svg name=\"app\" size=\"24\">\n<svg><defs>\n<g id=\"menu\"><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"></path></g>\n</defs></svg>\n</iron-iconset-svg>";document.head.appendChild($_documentContainer.content);(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_13fda980ad5411e9a537cb1a95af6fbc()),is:"test-app",properties:{condenses:{type:Boolean,value:!0},fixed:{type:Boolean,value:!0},reveals:{type:Boolean,value:!1},shadow:{type:Boolean,value:!1},blendBackground:{type:Boolean,value:!0},fadeBackground:{type:Boolean,value:!1},parallaxBackground:{type:Boolean,value:!0},resizeSnappedTitle:{type:Boolean,value:!1},resizeTitle:{type:Boolean,value:!0},waterfall:{type:Boolean,value:!0}},observers:["_removeIf(\"fixed\", reveals)","_removeIf(\"reveals\", fixed)","_removeIf(\"shadow\", waterfall)","_removeIf(\"blendBackground\", fadeBackground)","_removeIf(\"fadeBackground\", blendBackground)","_removeIf(\"resizeSnappedTitle\", resizeTitle)","_removeIf(\"resizeTitle\", resizeSnappedTitle)","_removeIf(\"waterfall\", shadow)"],_computeEffects:function _computeEffects(){return[this.blendBackground?"blend-background ":"",this.fadeBackground?"fade-background ":"",this.parallaxBackground?"parallax-background ":"",this.resizeSnappedTitle?"resize-snapped-title ":"",this.resizeTitle?"resize-title ":"",this.waterfall?"waterfall ":""].join("")},_removeIf:function _removeIf(propName,value){if(this[propName]&&value){this[propName]=!1}}})});