()
| 1276 | } |
| 1277 | |
| 1278 | render() { |
| 1279 | var pivot = this.pivot; |
| 1280 | if (pivot._pendingRefresh || !pivot._items) { |
| 1281 | return; |
| 1282 | } |
| 1283 | |
| 1284 | _Dispose._disposeElement(pivot._headersContainerElement); |
| 1285 | _ElementUtilities.empty(pivot._headersContainerElement); |
| 1286 | |
| 1287 | if (pivot._rtl) { |
| 1288 | pivot._headersContainerElement.style.marginLeft = "0px"; |
| 1289 | pivot._headersContainerElement.style.marginRight = HeaderStateBase.headersContainerLeadingMargin + "px"; |
| 1290 | } else { |
| 1291 | pivot._headersContainerElement.style.marginLeft = HeaderStateBase.headersContainerLeadingMargin + "px"; |
| 1292 | pivot._headersContainerElement.style.marginRight = "0px"; |
| 1293 | } |
| 1294 | pivot._viewportElement.style.overflow = pivot.items.length === 1 ? "hidden" : ""; |
| 1295 | |
| 1296 | if (pivot.items.length) { |
| 1297 | for (var i = 0; i < pivot.items.length; i++) { |
| 1298 | var header = this.renderHeader(i, true); |
| 1299 | pivot._headersContainerElement.appendChild(header); |
| 1300 | |
| 1301 | if (i === pivot.selectedIndex) { |
| 1302 | header.classList.add(_Constants._ClassNames.pivotHeaderSelected); |
| 1303 | } |
| 1304 | } |
| 1305 | |
| 1306 | } |
| 1307 | this._firstRender = false; |
| 1308 | } |
| 1309 | |
| 1310 | activateHeader(headerElement: HTMLElement) { |
| 1311 | this.setActiveHeader(headerElement); |
no test coverage detected