third_party/polymer/v1_0/components/more-routing/more-route-context-aware.html

   1 <!--
   2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
   3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   6 Code distributed by Google as part of the polymer project is also
   7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   8 -->
   9 <link rel="import" href="../polymer/polymer.html">
  10
  11 <link rel="import" href="route.html">
  12 <link rel="import" href="routing.html">
  13
  14 <script>
  15
  16   MoreRouting.ContextAware = {
  17
  18     /** @override */
  19     ready: function() {
  20       this._makeRoutingReady();
  21     },
  22
  23     /**
  24      * Calls `routingReady`, and ensures that it is called in a top-down manner.
  25      *
  26      * We need to be sure that parent nodes have `routingReady` triggered before
  27      * their children so that they can properly configure nested routes.
  28      *
  29      * Unfortunately, `ready` is sometimes bottom-up, sometimes top-down.
  30      * Ideally, this wouldn't be necessary.
  31      *
  32      * @see https://github.com/Polymer/polymer/pull/1448
  33      */
  34     _makeRoutingReady: function() {
  35       if (this.routingIsReady) return;
  36
  37       var node = this;
  38       while (node = Polymer.dom(node).parentNode) {
  39         if (typeof node._makeRoutingReady === 'function') break;
  40       }
  41       if (node) node._makeRoutingReady();
  42
  43       this.parentRoute = this._findParentRoute();
  44       this.routingIsReady = true;
  45       if (typeof this.routingReady === 'function') this.routingReady();
  46     },
  47
  48     _findParentRoute: function() {
  49       var node = this;
  50       while (node) {
  51         node = Polymer.dom(node).parentNode;
  52         if (node && node.nodeType !== Node.ELEMENT_NODE) {
  53           node = node.host;
  54         }
  55
  56         var route = node && node.moreRouteContext;
  57         if (route instanceof MoreRouting.Route) {
  58           return route;
  59         }
  60       }
  61       return null;
  62     },
  63
  64   };
  65
  66 </script>