more generic name for the renderers

src/ui/splitpanel.ts

@@ -148,12 +148,12 @@ class SplitPanel extends Panel {
   }
 
   /**
-   * The handle renderer used by the split panel.
+   * The renderer used by the split panel.
    *
    * #### Notes
    * This is a read-only property.
    */
-  get renderer(): SplitPanel.IHandleRenderer {
+  get renderer(): SplitPanel.IRenderer {
     return (this.layout as SplitLayout).renderer;
   }
 
@@ -398,22 +398,22 @@ namespace SplitPanel {
   type Orientation = SplitLayout.Orientation;
 
   /**
-   * A type alias for a split handler renderer;
+   * A type alias for a split panel renderer;
    */
   export
-  type IHandleRenderer = SplitLayout.IHandleRenderer;
+  type IRenderer = SplitLayout.IRenderer;
 
   /**
    * An options object for initializing a split panel.
    */
   export
   interface IOptions {
     /**
-     * The renderer to use for creating split handles.
+     * The renderer to use for the split panel.
      *
      * The default is a shared renderer instance.
      */
-    renderer?: IHandleRenderer;
+    renderer?: IRenderer;
 
     /**
      * The layout orientation of the panel.
@@ -440,14 +440,14 @@ namespace SplitPanel {
   }
 
   /**
-   * The default `IHandleRenderer` instance.
+   * The default `IRenderer` instance.
    */
   export
-  const defaultRenderer: IHandleRenderer = {
+  const defaultRenderer: IRenderer = {
     /**
-     * Create a new handle node for use with a split layout.
+     * Create a new handle node for use with a split panel.
      *
-     * @returns A new handle node.
+     * @returns A new handle node for a split panel.
      */
     createHandleNode: () => {
       let node = document.createElement('div');
@@ -548,12 +548,12 @@ class SplitLayout extends PanelLayout {
   }
 
   /**
-   * The handle renderer used by the split layout.
+   * The renderer used by the split layout.
    *
    * #### Notes
    * This is a read-only property.
    */
-  get renderer(): SplitLayout.IHandleRenderer {
+  get renderer(): SplitLayout.IRenderer {
     return this._renderer;
   }
 
@@ -993,9 +993,9 @@ class SplitLayout extends PanelLayout {
   private _spacing = 4;
   private _dirty = false;
   private _box: IBoxSizing = null;
+  private _renderer: SplitLayout.IRenderer;
   private _sizers = new Vector<BoxSizer>();
   private _handles = new Vector<HTMLElement>();
-  private _renderer: SplitLayout.IHandleRenderer;
   private _orientation: SplitLayout.Orientation = 'horizontal';
 }
 
@@ -1017,9 +1017,9 @@ namespace SplitLayout {
   export
   interface IOptions {
     /**
-     * The renderer to use for creating split handles.
+     * The renderer to use for the split layout.
      */
-    renderer: IHandleRenderer;
+    renderer: IRenderer;
 
     /**
      * The orientation of the layout.
@@ -1037,10 +1037,10 @@ namespace SplitLayout {
   }
 
   /**
-   * A renderer which creates handles for a split layout.
+   * A renderer for use with a split layout.
    */
   export
-  interface IHandleRenderer {
+  interface IRenderer {
     /**
      * Create a new handle node for use with a split layout.
      *
@@ -1137,7 +1137,7 @@ namespace Private {
    * Create a new split handle node using the given renderer.
    */
   export
-  function createHandle(renderer: SplitLayout.IHandleRenderer): HTMLElement {
+  function createHandle(renderer: SplitLayout.IRenderer): HTMLElement {
     let node = renderer.createHandleNode();
     node.style.position = 'absolute';
     return node;

src/ui/tabpanel.ts

@@ -163,6 +163,16 @@ class TabPanel extends Widget {
     this._tabBar.tabsMovable = value;
   }
 
+  /**
+   * The content renderer for the panel's tab bar.
+   *
+   * #### Notes
+   * This is a read-only property.
+   */
+  get renderer(): TabBar.IContentRenderer {
+    return this._tabBar.renderer;
+  }
+
   /**
    * The tab bar associated with the tab panel.
    *

test/src/ui/splitpanel.spec.ts

@@ -32,7 +32,7 @@ import {
 } from '../../../lib/ui/widget';
 
 
-const customRenderer: SplitPanel.IHandleRenderer = {
+const customRenderer: SplitPanel.IRenderer = {
   createHandleNode: () => {
     let node = document.createElement('div');
     node.className = 'p-SplitPanel-handle customRenderer';

test/src/ui/tabpanel.spec.ts

@@ -162,6 +162,21 @@ describe('ui/tabpanel', () => {
 
     });
 
+    describe('#renderer', () => {
+
+      it('should be the content renderer for the panel', () => {
+        let renderer = Object.create(TabBar.defaultRenderer);
+        let panel = new TabPanel({ renderer });
+        expect(panel.renderer).to.be(renderer);
+      });
+
+      it('should be read-only', () => {
+        let panel = new TabPanel();
+        expect(() => { panel.renderer = null; }).to.throwError();
+      });
+
+    });
+
     describe('#tabBar', () => {
 
       it('should get the tab bar associated with the tab panel', () => {