Method constructor

src/js/WinJS/Controls/SplitView/_SplitView.ts:266–350

(element?: HTMLElement, options: any = {})

    private _updateTabIndicesThrottled: Function;

    constructor(element?: HTMLElement, options: any = {}) {
        /// <signature helpKeyword="WinJS.UI.SplitView.SplitView">
        /// <summary locid="WinJS.UI.SplitView.constructor">
        /// Creates a new SplitView control.
        /// </summary>
        /// <param name="element" type="HTMLElement" domElement="true" isOptional="true" locid="WinJS.UI.SplitView.constructor_p:element">
        /// The DOM element that hosts the SplitView control.
        /// </param>
        /// <param name="options" type="Object" isOptional="true" locid="WinJS.UI.SplitView.constructor_p:options">
        /// An object that contains one or more property/value pairs to apply to the new control.
        /// Each property of the options object corresponds to one of the control's properties or events.
        /// Event names must begin with "on". For example, to provide a handler for the beforeclose event,
        /// add a property named "onbeforeclose" to the options object and set its value to the event handler.
        /// </param>
        /// <returns type="WinJS.UI.SplitView" locid="WinJS.UI.SplitView.constructor_returnValue">
        /// The new SplitView.
        /// </returns>
        /// </signature>

        // Check to make sure we weren't duplicated
        if (element && element["winControl"]) {
            throw new _ErrorFromName("WinJS.UI.SplitView.DuplicateConstruction", Strings.duplicateConstruction);
        }

        this._initializeDom(element || _Global.document.createElement("div"));
        this._machine = new _OpenCloseMachine.OpenCloseMachine({
            eventElement: this._dom.root,
            onOpen: () => {
                this._cachedHiddenPaneThickness = null;
                var hiddenPaneThickness = this._getHiddenPaneThickness();

                this._isOpenedMode = true;
                this._updateDomImpl();
                
                _ElementUtilities.addClass(this._dom.root, ClassNames._animating);
                return this._playShowAnimation(hiddenPaneThickness).then(() => {
                    _ElementUtilities.removeClass(this._dom.root, ClassNames._animating);
                });
            },
            onClose: () => {
                _ElementUtilities.addClass(this._dom.root, ClassNames._animating);
                return this._playHideAnimation(this._getHiddenPaneThickness()).then(() => {
                    _ElementUtilities.removeClass(this._dom.root, ClassNames._animating);
                    this._isOpenedMode = false;
                    this._updateDomImpl();
                });
            },
            onUpdateDom: () => {
                this._updateDomImpl();
            },
            onUpdateDomWithIsOpened: (isOpened: boolean) => {
                this._isOpenedMode = isOpened;
                this._updateDomImpl();
            }
        });

        // Initialize private state.
        this._disposed = false;