define(["../../../polymer/polymer-legacy.js", "../../../polymer/lib/legacy/polymer-fn.js", "../../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _polymerFn, _htmlTag) {
  "use strict";

  var _templateObject_0cc34810942811ecb1937969798b231a;

  (0, _polymerFn.Polymer)({
    _template: (0, _htmlTag.html)(_templateObject_0cc34810942811ecb1937969798b231a || (_templateObject_0cc34810942811ecb1937969798b231a = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        font-style: italic;\n        font-size: 0.85em;\n        font-weight: 200;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        color: #fff;\n      }\n    </style>\n    <span>Route prefix: {{route.prefix}} \xB7 Route path: {{route.path}} \xB7 Query params: {{_stringifyQueryParams(route.__queryParams.*)}}</span>\n"]))),
    is: 'route-info',
    properties: {
      route: {
        type: Object
      }
    },
    _stringifyQueryParams: function _stringifyQueryParams() {
      var params = [];

      if (this.route && this.route.__queryParams) {
        for (var key in this.route.__queryParams) {
          params.push(key + ' = ' + this.route.__queryParams[key]);
        }
      }

      return params.join(', ');
    }
  });
});