@haxtheweb/haxcms-nodejs
Version:
HAXcms single and multisite nodejs server, api, and administration
23 lines (22 loc) • 1.57 kB
JavaScript
/**
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at
http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
part of the polymer project is also subject to an additional IP rights grant
found at http://polymer.github.io/PATENTS.txt
*/
import"../../../polymer/polymer-legacy.js";import"../../../paper-styles/shadow.js";import{Polymer as i}from"../../../polymer/lib/legacy/polymer-fn.js";import{html as n}from"../../../polymer/lib/utils/html-tag.js";import{NeonAnimationRunnerBehavior as o}from"../../neon-animation-runner-behavior.js";i({_template:n`
<style>
:host {
display: none;
padding: 16px;
background: white;
color: black;
--shadow-elevation-2dp;
}
</style>
<slot></slot>
`,is:"animated-dropdown",behaviors:[o],properties:{animationConfig:{type:Object,value:function(){return{entry:[{name:"scale-up-animation",node:this,transformOrigin:"0 0"}],exit:[{name:"fade-out-animation",node:this}]}}},_showing:{type:Boolean,value:!1}},listeners:{"neon-animation-finish":"_onAnimationFinish"},_onAnimationFinish:function(){this._showing||(this.style.display="")},show:function(){this.style.display="inline-block",this._showing=!0,this.playAnimation("entry")},hide:function(){this._showing=!1,this.playAnimation("exit")}});