Example of re-distribution

core-header-panel.html

 <div id="outerContainer" vertical layout>

    <slot id="headerContent" name="core-toolbar"></slot>

    <div id="mainPanel" flex vertical layout>

      <div id="mainContainer" flex?="{{mode !== 'cover'}}">
        <slot id="mainContent" default></slot>
      </div>

      <div id="dropShadow"></div>

    </div>

  </div>

core-scaffold-tweaked.html

<core-drawer-panel id="drawerPanel" narrow="{{narrow}}" drawerWidth="{{drawerWidth}}" rightDrawer="{{rightDrawer}}" responsiveWidth="{{responsiveWidth}}" disableSwipe="{{disableSwipe}}">

    <div vertical layout drawer>

      <slot name="navigation" slot="core-header"></slot>

    </div>
    
    <core-header-panel id="headerPanel" main mode="{{mode}}">

      <core-toolbar slot="core-toolbar">
        <template if="{{!rightDrawer}}">
          <core-icon-button id="menuButton" icon="menu" on-tap="{{togglePanel}}"></core-icon-button>
        </template>
        <slot name="tool-bottom" slot="bottom"></slot>
        <slot name="tool-middle" slot="middle"></slot>
        <slot name="tool"></slot>
        <template if="{{rightDrawer}}">
          <core-icon-button id="menuButton" icon="menu" on-tap="{{togglePanel}}"></core-icon-button>
        </template>
      </core-toolbar>
      
      <slot default></slot>
      
    </core-header-panel>

  </core-drawer-panel>

core-scaffold.html

<core-drawer-panel id="drawerPanel" narrow="{{narrow}}" drawerWidth="{{drawerWidth}}" rightDrawer="{{rightDrawer}}" responsiveWidth="{{responsiveWidth}}" disableSwipe="{{disableSwipe}}">

    <div vertical layout drawer>

      <slot name="navigation" slot="core-header"></slot>

    </div>
    
    <core-header-panel id="headerPanel" main mode="{{mode}}">

      <core-toolbar slot="core-toolbar">
        <template if="{{!rightDrawer}}">
          <core-icon-button id="menuButton" icon="menu" on-tap="{{togglePanel}}"></core-icon-button>
        </template>
        <slot name="tool" slot="?"></slot> <!-- this is re-distribution -->
        <template if="{{rightDrawer}}">
          <core-icon-button id="menuButton" icon="menu" on-tap="{{togglePanel}}"></core-icon-button>
        </template>
      </core-toolbar>
      
      <slot default></slot>
      
    </core-header-panel>

  </core-drawer-panel>

core-toolbar.html

  <div id="bottomBar" class="toolbar-tools" center horizontal layout>
    <slot name="bottom"></slot>
  </div>

  <div id="middleBar" class="toolbar-tools" center horizontal layout>
    <slot name="middle"></slot>
  </div>

  <div id="topBar" class="toolbar-tools" center horizontal layout>
    <slot default></slot>
  </div>