Kaleidoscope: Allow setting the page name on the cr-toolbar element

This CL allows the internal code to set the page-name attribute on the
CrToolbarElement.

Bug: b:166811061
Change-Id: Ibe209f080b08f3426d9c9ff33ace7206e147cc75
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2386279
Commit-Queue: Tommy Steimel <steimel@chromium.org>
Commit-Queue: Becca Hughes <beccahughes@chromium.org>
Auto-Submit: Tommy Steimel <steimel@chromium.org>
Reviewed-by: Becca Hughes <beccahughes@chromium.org>
Cr-Commit-Position: refs/heads/master@{#803304}

chrome/browser/resources/kaleidoscope/toolbar.html

@@ -8,4 +8,4 @@
     z-index: 1;
   }
 </style>
-<cr-toolbar id="toolbar" show-menu show-search="[[showSearch]]" menu-label="[[menuLabel]]"></cr-toolbar>
+<cr-toolbar id="toolbar" show-menu show-search="[[showSearch]]" menu-label="[[menuLabel]]" page-name="[[pageName]]"></cr-toolbar>

chrome/browser/resources/kaleidoscope/toolbar.js

@@ -22,6 +22,9 @@ class KaleidoscopeToolbarElement extends PolymerElement {
 
       // Sets the tooltip text displayed on the menu button.
       menuLabel: {type: String, value: ''},
+
+      // Sets the text displayed beside the menu button.
+      pageName: {type: String, value: ''},
     };
   }
 }