solid-panes 3.5.9 → 3.5.13

package/lib/outline/manager.js

@@ -428,23 +428,23 @@ function _default(context) {
   }
 
   function _getDashboardItems() {
-    _getDashboardItems = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
+    _getDashboardItems = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
       var me, div, _yield$Promise$all, _yield$Promise$all2, books, pods, getPods, _getPods, getAddressBooks, _getAddressBooks;
 
-      return regeneratorRuntime.wrap(function _callee8$(_context9) {
+      return regeneratorRuntime.wrap(function _callee6$(_context7) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
               _getAddressBooks = function _getAddressBooks3() {
-                _getAddressBooks = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
-                  var _context7;
+                _getAddressBooks = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+                  var _context5;
 
-                  return regeneratorRuntime.wrap(function _callee7$(_context8) {
+                  return regeneratorRuntime.wrap(function _callee5$(_context6) {
                     while (1) {
-                      switch (_context8.prev = _context8.next) {
+                      switch (_context6.prev = _context6.next) {
                         case 0:
-                          _context8.prev = 0;
-                          _context8.next = 3;
+                          _context6.prev = 0;
+                          _context6.next = 3;
                           return UI.authn.findAppInstances({
                             me: me,
                             div: div,
@@ -452,8 +452,8 @@ function _default(context) {
                           }, ns.vcard('AddressBook'));
 
                         case 3:
-                          _context7 = _context8.sent;
-                          return _context8.abrupt("return", (_context7.instances || []).map(function (book, index) {
+                          _context5 = _context6.sent;
+                          return _context6.abrupt("return", (_context5.instances || []).map(function (book, index) {
                             return {
                               paneName: 'contact',
                               tabName: "contact-".concat(index),
@@ -464,19 +464,19 @@ function _default(context) {
                           }));
 
                         case 7:
-                          _context8.prev = 7;
-                          _context8.t0 = _context8["catch"](0);
+                          _context6.prev = 7;
+                          _context6.t0 = _context6["catch"](0);
                           console.error('oops in globalAppTabs AddressBook');
 
                         case 10:
-                          return _context8.abrupt("return", []);
+                          return _context6.abrupt("return", []);
 
                         case 11:
                         case "end":
-                          return _context8.stop();
+                          return _context6.stop();
                       }
                     }
-                  }, _callee7, null, [[0, 7]]);
+                  }, _callee5, null, [[0, 7]]);
                 }));
                 return _getAddressBooks.apply(this, arguments);
               };
@@ -486,57 +486,57 @@ function _default(context) {
               };
 
               _getPods = function _getPods3() {
-                _getPods = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-                  var loadContainerRepresentation, _loadContainerRepresentation, addPodRoot, _addPodRoot, addPodRootFromUrl, _addPodRootFromUrl, pods;
+                _getPods = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+                  var addPodRoot, _addPodRoot, addPodRootFromUrl, _addPodRootFromUrl, pods, uri, podUrl;
 
-                  return regeneratorRuntime.wrap(function _callee6$(_context6) {
+                  return regeneratorRuntime.wrap(function _callee4$(_context4) {
                     while (1) {
-                      switch (_context6.prev = _context6.next) {
+                      switch (_context4.prev = _context4.next) {
                         case 0:
                           _addPodRootFromUrl = function _addPodRootFromUrl3() {
-                            _addPodRootFromUrl = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(url) {
+                            _addPodRootFromUrl = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(url) {
                               var podStorage;
-                              return regeneratorRuntime.wrap(function _callee5$(_context5) {
+                              return regeneratorRuntime.wrap(function _callee3$(_context3) {
                                 while (1) {
-                                  switch (_context5.prev = _context5.next) {
+                                  switch (_context3.prev = _context3.next) {
                                     case 0:
                                       podStorage = new URL(url); // check that origin is not included in pods array
 
                                       if (pods.some(function (pod) {
                                         return pod.uri.includes(podStorage.origin);
                                       })) {
-                                        _context5.next = 10;
+                                        _context3.next = 10;
                                         break;
                                       }
 
-                                      _context5.t0 = podStorage.pathname === '/';
+                                      _context3.t0 = podStorage.pathname === '/';
 
-                                      if (_context5.t0) {
-                                        _context5.next = 7;
+                                      if (_context3.t0) {
+                                        _context3.next = 7;
                                         break;
                                       }
 
-                                      _context5.next = 6;
+                                      _context3.next = 6;
                                       return addPodRoot(kb.sym("".concat(podStorage.origin, "/").concat(podStorage.pathname.split('/')[1], "/")));
 
                                     case 6:
-                                      _context5.t0 = !_context5.sent;
+                                      _context3.t0 = !_context3.sent;
 
                                     case 7:
-                                      if (!_context5.t0) {
-                                        _context5.next = 10;
+                                      if (!_context3.t0) {
+                                        _context3.next = 10;
                                         break;
                                       }
 
-                                      _context5.next = 10;
+                                      _context3.next = 10;
                                       return addPodRoot(kb.sym("".concat(podStorage.origin, "/")));
 
                                     case 10:
                                     case "end":
-                                      return _context5.stop();
+                                      return _context3.stop();
                                   }
                                 }
-                              }, _callee5);
+                              }, _callee3);
                             }));
                             return _addPodRootFromUrl.apply(this, arguments);
                           };
@@ -546,32 +546,32 @@ function _default(context) {
                           };
 
                           _addPodRoot = function _addPodRoot3() {
-                            _addPodRoot = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(pod) {
-                              return regeneratorRuntime.wrap(function _callee4$(_context4) {
+                            _addPodRoot = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(pod) {
+                              return regeneratorRuntime.wrap(function _callee2$(_context2) {
                                 while (1) {
-                                  switch (_context4.prev = _context4.next) {
+                                  switch (_context2.prev = _context2.next) {
                                     case 0:
-                                      _context4.next = 2;
-                                      return loadContainerRepresentation(pod);
+                                      _context2.next = 2;
+                                      return checkForContainerRepresentation(pod);
 
                                     case 2:
                                       if (!kb.holds(pod, ns.rdf('type'), ns.space('Storage'), pod.doc())) {
-                                        _context4.next = 5;
+                                        _context2.next = 5;
                                         break;
                                       }
 
                                       pods.push(pod);
-                                      return _context4.abrupt("return", true);
+                                      return _context2.abrupt("return", true);
 
                                     case 5:
-                                      return _context4.abrupt("return", false);
+                                      return _context2.abrupt("return", false);
 
                                     case 6:
                                     case "end":
-                                      return _context4.stop();
+                                      return _context2.stop();
                                   }
                                 }
-                              }, _callee4);
+                              }, _callee2);
                             }));
                             return _addPodRoot.apply(this, arguments);
                           };
@@ -580,114 +580,53 @@ function _default(context) {
                             return _addPodRoot.apply(this, arguments);
                           };
 
-                          _loadContainerRepresentation = function _loadContainerReprese2() {
-                            _loadContainerRepresentation = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(pod) {
-                              var response, podTurtle;
-                              return regeneratorRuntime.wrap(function _callee3$(_context3) {
-                                while (1) {
-                                  switch (_context3.prev = _context3.next) {
-                                    case 0:
-                                      _context3.next = 2;
-                                      return kb.fetcher.webOperation('GET', pod.uri, kb.fetcher.initFetchOptions(pod.uri, {
-                                        headers: {
-                                          accept: 'text/turtle'
-                                        }
-                                      }));
-
-                                    case 2:
-                                      response = _context3.sent;
-                                      podTurtle = response.responseText;
-                                      $rdf.parse(podTurtle, kb, pod.uri, 'text/turtle');
-
-                                    case 5:
-                                    case "end":
-                                      return _context3.stop();
-                                  }
-                                }
-                              }, _callee3);
-                            }));
-                            return _loadContainerRepresentation.apply(this, arguments);
-                          };
-
-                          loadContainerRepresentation = function _loadContainerReprese(_x6) {
-                            return _loadContainerRepresentation.apply(this, arguments);
-                          };
-
-                          _context6.prev = 6;
-                          _context6.next = 9;
+                          _context4.prev = 4;
+                          _context4.next = 7;
                           return kb.fetcher.load(me.doc());
 
-                        case 9:
-                          _context6.next = 15;
+                        case 7:
+                          _context4.next = 13;
                           break;
 
-                        case 11:
-                          _context6.prev = 11;
-                          _context6.t0 = _context6["catch"](6);
-                          console.error('Unable to load profile', _context6.t0);
-                          return _context6.abrupt("return", []);
+                        case 9:
+                          _context4.prev = 9;
+                          _context4.t0 = _context4["catch"](4);
+                          console.error('Unable to load profile', _context4.t0);
+                          return _context4.abrupt("return", []);
 
-                        case 15:
+                        case 13:
                           pods = kb.each(me, ns.space('storage'), null, me.doc());
-                          _context6.prev = 16;
-
-                          if (!pods.length) {
-                            _context6.next = 21;
-                            break;
-                          }
-
-                          // make sure container representation is loaded (when server returns index.html)
-                          // TODO reorder to have 'me' in first position
-                          pods.map( /*#__PURE__*/function () {
-                            var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(pod) {
-                              return regeneratorRuntime.wrap(function _callee2$(_context2) {
-                                while (1) {
-                                  switch (_context2.prev = _context2.next) {
-                                    case 0:
-                                      if (kb.any(pod, ns.ldp('contains'), undefined, pod.doc())) {
-                                        _context2.next = 3;
-                                        break;
-                                      }
-
-                                      _context2.next = 3;
-                                      return loadContainerRepresentation(pod);
-
-                                    case 3:
-                                    case "end":
-                                      return _context2.stop();
-                                  }
-                                }
-                              }, _callee2);
-                            }));
-
-                            return function (_x9) {
-                              return _ref.apply(this, arguments);
-                            };
-                          }());
-                          _context6.next = 23;
+                          _context4.prev = 14;
+                          // if uri then SolidOS is a browse.html web app
+                          uri = new URL(window.location.href).searchParams.get('uri');
+                          podUrl = uri || window.location.href;
+                          _context4.next = 19;
+                          return addPodRootFromUrl(podUrl.substring(0, podUrl.lastIndexOf('/') + 1));
+
+                        case 19:
+                          _context4.next = 24;
                           break;
 
                         case 21:
-                          _context6.next = 23;
-                          return addPodRootFromUrl(me.uri);
+                          _context4.prev = 21;
+                          _context4.t1 = _context4["catch"](14);
+                          console.error('cannot load container', _context4.t1);
 
-                        case 23:
-                          _context6.next = 25;
-                          return addPodRootFromUrl(window.location.href);
+                        case 24:
+                          if (pods.length) {
+                            _context4.next = 26;
+                            break;
+                          }
 
-                        case 25:
-                          _context6.next = 31;
-                          break;
+                          return _context4.abrupt("return", []);
 
-                        case 27:
-                          _context6.prev = 27;
-                          _context6.t1 = _context6["catch"](16);
-                          console.error('cannot load container', _context6.t1);
-                          return _context6.abrupt("return", []);
+                        case 26:
+                          return _context4.abrupt("return", pods.map(function (pod, index) {
+                            function split(item) {
+                              return item.uri.split('//')[1].slice(0, -1);
+                            }
 
-                        case 31:
-                          return _context6.abrupt("return", pods.map(function (pod, index) {
-                            var label = pods.length > 1 ? pod.uri.split('//')[1].slice(0, -1) : 'Your storage';
+                            var label = split(me).startsWith(split(pod)) ? 'Your storage' : split(pod);
                             return {
                               paneName: 'folder',
                               tabName: "folder-".concat(index),
@@ -697,12 +636,12 @@ function _default(context) {
                             };
                           }));
 
-                        case 32:
+                        case 27:
                         case "end":
-                          return _context6.stop();
+                          return _context4.stop();
                       }
                     }
-                  }, _callee6, null, [[6, 11], [16, 27]]);
+                  }, _callee4, null, [[4, 9], [14, 21]]);
                 }));
                 return _getPods.apply(this, arguments);
               };
@@ -713,15 +652,15 @@ function _default(context) {
 
               me = UI.authn.currentUser();
               div = dom.createElement('div');
-              _context9.next = 8;
+              _context7.next = 8;
               return Promise.all([getAddressBooks(), getPods()]);
 
             case 8:
-              _yield$Promise$all = _context9.sent;
+              _yield$Promise$all = _context7.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
               books = _yield$Promise$all2[0];
               pods = _yield$Promise$all2[1];
-              return _context9.abrupt("return", [{
+              return _context7.abrupt("return", [{
                 paneName: 'home',
                 label: 'Your stuff',
                 icon: UI.icons.iconBase + 'noun_547570.svg'
@@ -737,10 +676,10 @@ function _default(context) {
 
             case 13:
             case "end":
-              return _context9.stop();
+              return _context7.stop();
           }
         }
-      }, _callee8);
+      }, _callee6);
     }));
     return _getDashboardItems.apply(this, arguments);
   }
@@ -759,68 +698,76 @@ function _default(context) {
   }
 
   function _showDashboard() {
-    _showDashboard = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
+    _showDashboard = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
       var options,
           dashboardContainer,
           outlineContainer,
-          tab,
+          _tab,
           dashboard,
+          tab,
           closeDashboard,
-          _args9 = arguments;
-      return regeneratorRuntime.wrap(function _callee9$(_context10) {
+          _args7 = arguments;
+
+      return regeneratorRuntime.wrap(function _callee7$(_context8) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
               closeDashboard = function _closeDashboard() {
                 dashboardContainer.style.display = 'none';
                 outlineContainer.style.display = 'inherit';
               };
 
-              options = _args9.length > 0 && _args9[0] !== undefined ? _args9[0] : {};
+              options = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : {};
               dashboardContainer = getDashboardContainer();
               outlineContainer = getOutlineContainer(); // reuse dashboard if already children already is inserted
 
               if (!(dashboardContainer.childNodes.length > 0 && options.pane)) {
-                _context10.next = 12;
+                _context8.next = 12;
                 break;
               }
 
               outlineContainer.style.display = 'none';
               dashboardContainer.style.display = 'inherit';
-              tab = dashboardContainer.querySelector("[data-global-pane-name=\"".concat(options.pane, "\"]"));
+              _tab = dashboardContainer.querySelector("[data-global-pane-name=\"".concat(options.pane, "\"]"));
 
-              if (!tab) {
-                _context10.next = 11;
+              if (!_tab) {
+                _context8.next = 11;
                 break;
               }
 
-              tab.click();
-              return _context10.abrupt("return");
+              _tab.click();
+
+              return _context8.abrupt("return");
 
             case 11:
               console.warn('Did not find the referred tab in global dashboard, will open first one');
 
             case 12:
-              _context10.next = 14;
+              _context8.next = 14;
               return globalAppTabs({
                 selectedTab: options.pane,
                 onClose: closeDashboard
               });
 
             case 14:
-              dashboard = _context10.sent;
+              dashboard = _context8.sent;
               // close the dashboard if user log out
               UI.authn.authSession.onLogout(closeDashboard); // finally - switch to showing dashboard
 
               outlineContainer.style.display = 'none';
               dashboardContainer.appendChild(dashboard);
+              tab = dashboardContainer.querySelector("[data-global-pane-name=\"".concat(options.pane, "\"]"));
 
-            case 18:
+              if (tab) {
+                tab.click();
+              }
+
+            case 20:
             case "end":
-              return _context10.stop();
+              return _context8.stop();
           }
         }
-      }, _callee9);
+      }, _callee7);
     }));
     return _showDashboard.apply(this, arguments);
   }
@@ -851,55 +798,102 @@ function _default(context) {
     }();
   }
 
-  function getRelevantPanes(_x, _x2) {
+  function checkForContainerRepresentation(_x) {
+    return _checkForContainerRepresentation.apply(this, arguments);
+  }
+
+  function _checkForContainerRepresentation() {
+    _checkForContainerRepresentation = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(subject) {
+      var response, containerTurtle;
+      return regeneratorRuntime.wrap(function _callee8$(_context9) {
+        while (1) {
+          switch (_context9.prev = _context9.next) {
+            case 0:
+              if (kb.any(subject, ns.ldp('contains'), undefined, subject.doc())) {
+                _context9.next = 6;
+                break;
+              }
+
+              _context9.next = 3;
+              return kb.fetcher.webOperation('GET', subject.uri, kb.fetcher.initFetchOptions(subject.uri, {
+                headers: {
+                  accept: 'text/turtle'
+                }
+              }));
+
+            case 3:
+              response = _context9.sent;
+              containerTurtle = response.responseText;
+              $rdf.parse(containerTurtle, kb, subject.uri, 'text/turtle');
+
+            case 6:
+            case "end":
+              return _context9.stop();
+          }
+        }
+      }, _callee8);
+    }));
+    return _checkForContainerRepresentation.apply(this, arguments);
+  }
+
+  function getRelevantPanes(_x2, _x3) {
     return _getRelevantPanes.apply(this, arguments);
   }
 
   function _getRelevantPanes() {
-    _getRelevantPanes = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(subject, context) {
+    _getRelevantPanes = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9(subject, context) {
       var panes, relevantPanes, filteredPanes, firstRelevantPaneIndex, firstFilteredPaneIndex;
-      return regeneratorRuntime.wrap(function _callee10$(_context11) {
+      return regeneratorRuntime.wrap(function _callee9$(_context10) {
         while (1) {
-          switch (_context11.prev = _context11.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
+              if (!subject.uri.endsWith('/')) {
+                _context10.next = 3;
+                break;
+              }
+
+              _context10.next = 3;
+              return checkForContainerRepresentation(subject);
+
+            case 3:
               panes = context.session.paneRegistry;
               relevantPanes = panes.list.filter(function (pane) {
                 return pane.label(subject, context) && !pane.global;
               });
 
               if (!(relevantPanes.length === 0)) {
-                _context11.next = 4;
+                _context10.next = 7;
                 break;
               }
 
-              return _context11.abrupt("return", [panes.byName('internal')]);
+              return _context10.abrupt("return", [panes.byName('internal')]);
 
-            case 4:
-              _context11.next = 6;
+            case 7:
+              _context10.next = 9;
               return UI.authn.filterAvailablePanes(relevantPanes);
 
-            case 6:
-              filteredPanes = _context11.sent;
+            case 9:
+              filteredPanes = _context10.sent;
 
               if (!(filteredPanes.length === 0)) {
-                _context11.next = 9;
+                _context10.next = 12;
                 break;
               }
 
-              return _context11.abrupt("return", [relevantPanes[0]]);
+              return _context10.abrupt("return", [relevantPanes[0]]);
 
-            case 9:
+            case 12:
               firstRelevantPaneIndex = panes.list.indexOf(relevantPanes[0]);
               firstFilteredPaneIndex = panes.list.indexOf(filteredPanes[0]); // if the first relevant pane is loaded before the panes available wrt role, we still want to offer the most relevant pane
 
-              return _context11.abrupt("return", firstRelevantPaneIndex < firstFilteredPaneIndex ? [relevantPanes[0]].concat(filteredPanes) : filteredPanes);
+              return _context10.abrupt("return", firstRelevantPaneIndex < firstFilteredPaneIndex ? [relevantPanes[0]].concat(filteredPanes) : filteredPanes);
 
-            case 12:
+            case 15:
             case "end":
-              return _context11.stop();
+              return _context10.stop();
           }
         }
-      }, _callee10);
+      }, _callee9);
     }));
     return _getRelevantPanes.apply(this, arguments);
   }
@@ -910,7 +904,7 @@ function _default(context) {
     }) || relevantPanes[0];
   }
 
-  function expandedHeaderTR(_x3, _x4, _x5) {
+  function expandedHeaderTR(_x4, _x5, _x6) {
     return _expandedHeaderTR.apply(this, arguments);
   } // expandedHeaderTR
   // / //////////////////////////////////////////////////////////////////////////
@@ -937,50 +931,50 @@ function _default(context) {
 
 
   function _expandedHeaderTR() {
-    _expandedHeaderTR = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12(subject, requiredPane, options) {
+    _expandedHeaderTR = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11(subject, requiredPane, options) {
       var renderPaneIconTray, _renderPaneIconTray, tr, td, header, showHeader, icon, strong;
 
-      return regeneratorRuntime.wrap(function _callee12$(_context13) {
+      return regeneratorRuntime.wrap(function _callee11$(_context12) {
         while (1) {
-          switch (_context13.prev = _context13.next) {
+          switch (_context12.prev = _context12.next) {
             case 0:
               _renderPaneIconTray = function _renderPaneIconTray3() {
-                _renderPaneIconTray = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11(td) {
+                _renderPaneIconTray = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(td) {
                   var options,
                       paneShownStyle,
                       paneHiddenStyle,
                       paneIconTray,
                       relevantPanes,
                       paneNumber,
-                      _args11 = arguments;
-                  return regeneratorRuntime.wrap(function _callee11$(_context12) {
+                      _args10 = arguments;
+                  return regeneratorRuntime.wrap(function _callee10$(_context11) {
                     while (1) {
-                      switch (_context12.prev = _context12.next) {
+                      switch (_context11.prev = _context11.next) {
                         case 0:
-                          options = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : {};
+                          options = _args10.length > 1 && _args10[1] !== undefined ? _args10[1] : {};
                           paneShownStyle = 'width: 24px; border-radius: 0.5em; border-top: solid #222 1px; border-left: solid #222 0.1em; border-bottom: solid #eee 0.1em; border-right: solid #eee 0.1em; margin-left: 1em; padding: 3px; background-color:   #ffd;';
                           paneHiddenStyle = 'width: 24px; border-radius: 0.5em; margin-left: 1em; padding: 3px';
                           paneIconTray = td.appendChild(dom.createElement('nav'));
                           paneIconTray.style = 'display:flex; justify-content: flex-start; align-items: center;';
 
                           if (!options.hideList) {
-                            _context12.next = 9;
+                            _context11.next = 9;
                             break;
                           }
 
-                          _context12.t0 = [];
-                          _context12.next = 12;
+                          _context11.t0 = [];
+                          _context11.next = 12;
                           break;
 
                         case 9:
-                          _context12.next = 11;
+                          _context11.next = 11;
                           return getRelevantPanes(subject, context);
 
                         case 11:
-                          _context12.t0 = _context12.sent;
+                          _context11.t0 = _context11.sent;
 
                         case 12:
-                          relevantPanes = _context12.t0;
+                          relevantPanes = _context11.t0;
                           tr.firstPane = requiredPane || getPane(relevantPanes, subject);
                           paneNumber = relevantPanes.indexOf(tr.firstPane);
 
@@ -1097,19 +1091,19 @@ function _default(context) {
                             });
                           }
 
-                          return _context12.abrupt("return", paneIconTray);
+                          return _context11.abrupt("return", paneIconTray);
 
                         case 17:
                         case "end":
-                          return _context12.stop();
+                          return _context11.stop();
                       }
                     }
-                  }, _callee11);
+                  }, _callee10);
                 }));
                 return _renderPaneIconTray.apply(this, arguments);
               };
 
-              renderPaneIconTray = function _renderPaneIconTray2(_x10) {
+              renderPaneIconTray = function _renderPaneIconTray2(_x9) {
                 return _renderPaneIconTray.apply(this, arguments);
               };
 
@@ -1141,16 +1135,16 @@ function _default(context) {
                 UI.widgets.makeDraggable(strong, subject);
               }
 
-              _context13.t0 = header;
-              _context13.next = 16;
+              _context12.t0 = header;
+              _context12.next = 16;
               return renderPaneIconTray(td, {
                 hideList: showHeader
               });
 
             case 16:
-              _context13.t1 = _context13.sent;
+              _context12.t1 = _context12.sent;
 
-              _context13.t0.appendChild.call(_context13.t0, _context13.t1);
+              _context12.t0.appendChild.call(_context12.t0, _context12.t1);
 
               // set DOM methods
               tr.firstChild.tabulatorSelect = function () {
@@ -1161,14 +1155,14 @@ function _default(context) {
                 setSelected(this, false);
               };
 
-              return _context13.abrupt("return", tr);
+              return _context12.abrupt("return", tr);
 
             case 21:
             case "end":
-              return _context13.stop();
+              return _context12.stop();
           }
         }
-      }, _callee12);
+      }, _callee11);
     }));
     return _expandedHeaderTR.apply(this, arguments);
   }