docs: function () {
              this.$Container.initWidget.apply(this, arguments);
              var getChild = ariaUtilsDom.getDomElementChild;
              var parentContainer = getChild(getChild(this.getDom(), 0), 0);
              this._splitPanel1 = getChild(parentContainer, 0);
              this._splitBar = getChild(parentContainer, 1);
              this._splitBarProxy = getChild(parentContainer, 2);
              this._splitPanel2 = getChild(parentContainer, 3);
  
              this._splitBarProxyClass = new ariaUtilsClassList(this._splitBarProxy);
              var handleBarElem = "splitBarProxy_" + this._domId;
              var cursor = this._orientation ? "n-resize" : "e-resize";
              this._draggable = new ariaUtilsDragdropDrag(handleBarElem, {
                  handle : handleBarElem,
                  cursor : cursor,
                  proxy : null,
                  constrainTo : parentContainer
              });
  
              this._draggable.$on({
                  "dragstart" : {
                      fn : this._onDragStart,
                      scope : this
                  },
  
                  "dragend" : {
                      fn : this._onDragEnd,
                      scope : this
                  }
              });
  
          }