npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions

polymer_0.5.0/bower_components/core-overlay/core-overlay.html

 <!--
 Copyright (c) 2014 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
 -->
 
 <link rel="import" href="../polymer/polymer.html">
 <link rel="import" href="../core-transition/core-transition.html">
+<link rel="import" href="../core-resizable/core-resizable.html">
 <link rel="import" href="core-key-helper.html">
 <link rel="import" href="core-overlay-layer.html">
 
 <!--
 The `core-overlay` element displays overlayed on top of other content. It starts
 out hidden and is displayed by setting its `opened` property to true.
 A `core-overlay's` opened state can be toggled by calling the `toggle`
 method.
 
 The `core-overlay` will, by default, show/hide itself when it's opened. The 
@@ skipping 86 matching lines @@
 
   .core-overlay-backdrop.core-opened {
     opacity: 0.6;
   }
 </style>
 
 <polymer-element name="core-overlay">
 <script>
 (function() {
 
-  Polymer('core-overlay', {
+  Polymer(Polymer.mixin({
 
     publish: {
       /**
        * The target element that will be shown when the overlay is 
        * opened. If unspecified, the core-overlay itself is the target.
        *
        * @attribute target
        * @type Object
        * @default the overlay element
        */
@@ skipping 100 matching lines @@
       transition: 'core-transition-fade'
 
     },
 
     captureEventName: 'tap',
     targetListeners: {
       'tap': 'tapHandler',
       'keydown': 'keydownHandler',
       'core-transitionend': 'transitionend'
     },
-    
+
+    attached: function() {
+      this.resizerAttachedHandler();
+    },
+
+    detached: function() {
+      this.resizerDetachedHandler();
+    },
+
+    resizerShouldNotify: function() {
+      return this.opened;
+    },
+
     registerCallback: function(element) {
       this.layer = document.createElement('core-overlay-layer');
       this.keyHelper = document.createElement('core-key-helper');
       this.meta = document.createElement('core-transition');
       this.scrim = document.createElement('div');
       this.scrim.className = 'core-overlay-backdrop';
     },
 
     ready: function() {
       this.target = this.target || this;
       // flush to ensure styles are installed before paint
-      Platform.flush();
+      Polymer.flush();
     },
 
     /** 
      * Toggle the opened state of the overlay.
      * @method toggle
      */
     toggle: function() {
       this.opened = !this.opened;
     },
 
@@ skipping 118 matching lines @@
         if (this.layered) {
           this.layer.addElement(this.target);
           this.layer.opened = this.opened;
         }
       }
     },
 
     // tasks which cause the overlay to actually open; typically play an
     // animation
     renderOpened: function() {
+      this.notifyResize();
       var transition = this.getTransition();
       if (transition) {
         transition.go(this.target, {opened: this.opened});
       } else {
         this.transitionend();
       }
       this.renderBackdropOpened();
     },
 
     // finishing tasks; typically called via a transition
@@ skipping 164 matching lines @@
       }
 
       if (!this.dimensions.position.h) {
         var l = (window.innerWidth - this.target.offsetWidth) / 2;
         l -= this.dimensions.margin.left;
         this.target.style.left = l + 'px';
       }
     },
 
     resetTargetDimensions: function() {
-      if (!this.dimensions.size.v) {
+      if (!this.dimensions || !this.dimensions.size.v) {
         this.sizingTarget.style.maxHeight = '';  
+        this.target.style.top = '';
       }
-      if (!this.dimensions.size.h) {
+      if (!this.dimensions || !this.dimensions.size.h) {
         this.sizingTarget.style.maxWidth = '';  
+        this.target.style.left = '';
       }
       this.dimensions = null;
     },
 
     tapHandler: function(e) {
       // closeSelector takes precedence since closeAttribute has a default non-null value.
       if (e.target &&
           (this.closeSelector && e.target.matches(this.closeSelector)) ||
           (this.closeAttribute && e.target.hasAttribute(this.closeAttribute))) {
         this.toggle();
@@ skipping 77 matching lines @@
       if (!method) {
         return;
       }
       var bound = '_bound' + methodName;
       if (!this[bound]) {
         this[bound] = function(e) {
           method.call(self, e);
         };
       }
       return this[bound];
-    },
-  });
+    }
+
+  }, Polymer.CoreResizer));
 
   // TODO(sorvell): This should be an element with private state so it can
   // be independent of overlay.
   // track overlays for z-index and focus managemant
   var overlays = [];
   function addOverlay(overlay) {
     var z0 = currentOverlayZ();
     overlays.push(overlay);
     var z1 = currentOverlayZ();
     if (z1 <= z0) {
@@ skipping 61 matching lines @@
       }
     }
   }
 
   function getBackdrops() {
     return backdrops;
   }
 })();
 </script>
 </polymer-element>