@deephaven/dashboard 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/layout/LayoutUtils.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import deepEqual from 'deep-equal';
 import shortid from 'shortid';
 import isMatch from 'lodash.ismatch';
@@ -12,113 +9,93 @@ import { isRoot, isStack } from '@deephaven/golden-layout';
 import { assertNotNull } from '@deephaven/utils';
 import GoldenLayoutThemeExport from "./GoldenLayoutThemeExport.js";
 var log = Log.module('LayoutUtils');
-
 function isComponentConfig(config) {
   return config.componentName !== undefined;
 }
-
 export function isReactComponentConfig(config) {
-  var reactConfig = config; // Golden layout sets the type to 'component' and componentName to 'lm-react-component' in `createContentItem`, then changes it back in `toConfig`
+  var reactConfig = config;
+  // Golden layout sets the type to 'component' and componentName to 'lm-react-component' in `createContentItem`, then changes it back in `toConfig`
   // For our purposes, we need to check both.
-
   return (isComponentConfig(config) && config.componentName === 'lm-react-component' || config.type === 'react-component') && reactConfig.component !== undefined;
 }
-
 function isHTMLElement(element) {
   return element.focus !== undefined;
 }
-
 function isStackItemConfig(config) {
   return config.type === 'stack';
 }
-
 class LayoutUtils {
   static activateTab(root, config) {
     var stack = LayoutUtils.getStackForRoot(root, config, false);
-
     if (!stack) {
       log.error('Could not find stack for config', config);
       return;
-    } // Find the tab with the specified table and activate it
-
-
+    }
+    // Find the tab with the specified table and activate it
     var contentItem = LayoutUtils.getContentItemInStack(stack, config);
-
     if (contentItem) {
       stack.setActiveContentItem(contentItem);
     }
   }
+
   /**
    * Is the tab with the given config active
    * @param root A GoldenLayout content item with the tab
    * @param config Tab config to match
    * @returns True if the tab is active
    */
-
-
   static isActiveTab(root, config) {
     var stack = LayoutUtils.getStackForRoot(root, config, false);
-
     if (!stack) {
       log.error('Could not find stack for config', config);
       return false;
-    } // Find the item with the specified config and compare with active item
-
-
+    }
+    // Find the item with the specified config and compare with active item
     var contentItem = LayoutUtils.getContentItemInStack(stack, config);
     var activeItem = stack.getActiveContentItem();
     return activeItem === contentItem;
   }
+
   /**
    * Adds a stack to the root layout specified. Adds to the first row/column with only one item
    * @param parent A GoldenLayout content item to add the stack to
    * @returns The newly created stack.
    */
-
-
   static addStack(parent) {
     var columnPreferred = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     var type = columnPreferred ? 'column' : 'row';
-
     if (isRoot(parent)) {
       if (parent.contentItems == null || parent.contentItems.length === 0) {
         parent.addChild({
           type
         });
       }
-
       var child = parent.contentItems[0];
-
       var _isCorrectType = columnPreferred ? child.isColumn : child.isRow;
-
       if (!_isCorrectType) {
         parent.removeChild(child, true);
         parent.addChild({
           type
-        }); // The addChild may cause the element that has focus to be removed from the DOM, which changes focus to the body
-        // Try and maintain the focus as best we can. The unfocused element may still send a blur/focus event so that needs to be handled correctly.
+        });
 
+        // The addChild may cause the element that has focus to be removed from the DOM, which changes focus to the body
+        // Try and maintain the focus as best we can. The unfocused element may still send a blur/focus event so that needs to be handled correctly.
         var maintainFocusElement = document.activeElement;
         parent.contentItems[0].addChild(child);
-
         if (maintainFocusElement && maintainFocusElement.focus != null) {
           maintainFocusElement.focus();
         }
       }
-
       return this.addStack(parent.contentItems[0], columnPreferred);
     }
-
     if (parent.contentItems.length < 2) {
       parent.addChild({
         type: 'stack'
       });
       return parent.contentItems[parent.contentItems.length - 1];
     }
-
     var newParent = parent.contentItems[parent.contentItems.length - 1];
     var isCorrectType = !columnPreferred ? newParent.isColumn : newParent.isRow;
-
     if (!isCorrectType) {
       parent.addChild({
         type: !columnPreferred ? 'column' : 'row'
@@ -127,46 +104,38 @@ class LayoutUtils {
       parent.contentItems[parent.contentItems.length - 1].addChild(newParent);
       newParent = parent.contentItems[parent.contentItems.length - 1];
     }
-
     return this.addStack(newParent, !columnPreferred);
   }
+
   /**
    * Gets the first stack which contains a contentItem with the given config values
    * @param item Golden layout content item to search for the stack
    * @param config The item properties to match
    */
-
-
   static getStackForConfig(item) {
     var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var allowEmptyStack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
     if (allowEmptyStack && isStack(item) && item.contentItems.length === 0) {
       return item;
     }
-
     if (item.contentItems == null) {
       return null;
     }
-
     for (var i = 0; i < item.contentItems.length; i += 1) {
       var contentItem = item.contentItems[i];
-
       if (contentItem.isComponent && contentItem.config != null) {
         if (isMatch(contentItem.config, config)) {
           return item;
         }
       }
-
       var stack = this.getStackForConfig(contentItem, config, allowEmptyStack);
-
       if (stack) {
         return stack;
       }
     }
-
     return null;
   }
+
   /**
    * Gets a stack matching the specified config
    * @param root The root GoldenLayout element
@@ -175,26 +144,22 @@ class LayoutUtils {
    * @param matchComponentType If the config doesn't match exactly, just find another one of the same component type
    * @param allowEmptyStack If no configs match, search for an empty stack that can be used
    */
-
-
   static getStackForRoot(root, config) {
     var createIfNecessary = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     var matchComponentType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
     var allowEmptyStack = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
     var stack = this.getStackForConfig(root, config);
-
     if (!stack && matchComponentType) {
       stack = this.getStackForConfig(root, {
         component: config.component
       }, allowEmptyStack);
     }
-
     if (!stack && createIfNecessary) {
       stack = this.addStack(root);
     }
-
     return stack;
   }
+
   /**
    * Gets a stack matching one of the specified types, creates new stack if necessary
    * @param root The GoldenLayout root to find or create the stack in
@@ -203,76 +168,62 @@ class LayoutUtils {
    * @param matchComponentType If the config doesn't match exactly, just find another one of the same component type
    * @param allowEmptyStack If no configs match, search for an empty stack that can be used
    */
-
-
   static getStackForComponentTypes(root, types) {
     var createIfNecessary = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     var matchComponentType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
     var allowEmptyStack = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
-
     for (var i = 0; i < types.length; i += 1) {
       var component = types[i];
       var isLastType = i === types.length - 1;
       var stack = LayoutUtils.getStackForRoot(root, {
         component
       }, createIfNecessary && isLastType, matchComponentType, allowEmptyStack);
-
       if (stack) {
         return stack;
       }
     }
-
     return null;
   }
+
   /**
    * Gets first content item with the specified config in stack.
    * @param stack The stack to search for the item
    * @param config The item config type to match, eg. { component: 'IrisGridPanel', title: 'Table Name' }
    * @returns Returns the found content item, null if not found.
    */
-
-
   static getContentItemInStack(stack, config) {
     if (!stack) {
       return null;
     }
-
     for (var i = 0; i < stack.contentItems.length; i += 1) {
       var contentItem = stack.contentItems[i];
-
       if (contentItem.isComponent && contentItem.config != null) {
         if (isMatch(contentItem.config, config)) {
           return contentItem;
         }
       }
     }
-
     return null;
   }
+
   /**
    * Removes dynamic props from components in the given config so this config could be serialized
    * @param config Config objec
    * @returns Dehydrated config
    */
-
-
   static dehydrateLayoutConfig(config, dehydrateComponent) {
     if (config == null || !config.length) {
       return [];
     }
-
     var dehydratedConfig = [];
-
     for (var i = 0; i < config.length; i += 1) {
       var itemConfig = config[i];
       var {
         component,
         content
       } = itemConfig;
-
       if (component) {
         var dehydratedComponent = dehydrateComponent(component, itemConfig);
-
         if (dehydratedComponent != null) {
           dehydratedConfig.push(dehydratedComponent);
         } else {
@@ -282,28 +233,24 @@ class LayoutUtils {
         var layoutItemConfig = _objectSpread(_objectSpread({}, itemConfig), {}, {
           content: LayoutUtils.dehydrateLayoutConfig(content, dehydrateComponent)
         });
-
         dehydratedConfig.push(layoutItemConfig);
       } else {
         dehydratedConfig.push(itemConfig);
       }
     }
-
     return dehydratedConfig;
   }
-
   static getTabPoint(glContainer) {
     var {
       tab
     } = glContainer;
-
     if (tab == null) {
       throw new Error("Cannot get tab for panel container ".concat(glContainer));
     }
-
     var tabRect = tab.element[0].getBoundingClientRect();
     return [tabRect.left + tabRect.width * 0.5, tabRect.bottom - 8];
   }
+
   /**
    * Drop minor changes in Layout Configuration for deep comparison
    * @param config Layout Configuration
@@ -315,20 +262,16 @@ class LayoutUtils {
    *
    * item id is also removed
    */
-
-
   static dropLayoutMinorChange(config) {
     for (var i = 0; i < config.length; i += 1) {
       var itemConfig = config[i];
       var {
         content
       } = itemConfig;
-
       if (content !== undefined) {
         if (isStackItemConfig(itemConfig)) {
           delete itemConfig.activeItemIndex;
         }
-
         LayoutUtils.dropLayoutMinorChange(content);
       } else if (isReactComponentConfig(itemConfig) && itemConfig.component === 'IrisGridPanel') {
         if (itemConfig.props.panelState != null) {
@@ -339,17 +282,15 @@ class LayoutUtils {
       }
     }
   }
+
   /**
    * Compare two layouts to see if they are equivalent
    * @param layout1 A Golden Layout config object
    * @param layout2 Another Golden layout config object
    * @param major When true, will ignore "minor" property differences (eg. sorts)
    */
-
-
   static isEqual(layout1, layout2) {
     var major = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
     if (major) {
       var layout1Clone = LayoutUtils.cloneLayout(layout1);
       var layout2Clone = LayoutUtils.cloneLayout(layout2);
@@ -357,34 +298,27 @@ class LayoutUtils {
       LayoutUtils.dropLayoutMinorChange(layout2Clone);
       return deepEqual(layout1Clone, layout2Clone);
     }
-
     return deepEqual(layout1, layout2);
   }
-
   static cloneLayout(layout) {
     return JSON.parse(JSON.stringify(layout));
   }
+
   /**
    * Adds dynamic props to components in the given config so this config could be used to initialize a layout
    * @param config Dehydrated config object
    * @param hydrateComponent Function to hydrate the component
    * @returns Hydrated config
    */
-
-
   static hydrateLayoutConfig(config, hydrateComponent) {
     if (config == null || !config.length) {
       return [];
     }
-
     var hydratedConfig = [];
-
     for (var i = 0; i < config.length; i += 1) {
       var itemConfig = config[i];
-
       if (isReactComponentConfig(itemConfig)) {
         var _itemConfig$id;
-
         var {
           component,
           props = {}
@@ -395,12 +329,10 @@ class LayoutUtils {
         }));
       } else if (itemConfig.content !== undefined) {
         var contentConfig = LayoutUtils.hydrateLayoutConfig(itemConfig.content, hydrateComponent);
-
         if (isStackItemConfig(itemConfig) && itemConfig.activeItemIndex != null && itemConfig.activeItemIndex >= contentConfig.length) {
           log.warn('Fixing bad activeItemIndex!', itemConfig.activeItemIndex, itemConfig);
           itemConfig.activeItemIndex = 0;
         }
-
         hydratedConfig.push(_objectSpread(_objectSpread({}, itemConfig), {}, {
           content: contentConfig
         }));
@@ -408,9 +340,9 @@ class LayoutUtils {
         hydratedConfig.push(itemConfig);
       }
     }
-
     return hydratedConfig;
   }
+
   /**
    * Opens a component. It will try and open the component in an existing stack of the same component.
    * If `replaceExisting` is true and there is a component found with the same `config.id`, it will replace that component with this one.
@@ -423,8 +355,6 @@ class LayoutUtils {
    * @param focusElement The element to focus on
    * @param dragEvent Whether component is being created with a drag, mouse event is initial position for drag proxy
    */
-
-
   static openComponent() {
     var {
       root,
@@ -437,18 +367,14 @@ class LayoutUtils {
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     // attempt to retain focus after dom manipulation, which can break focus
     var maintainFocusElement = document.activeElement;
-
     var config = _objectSpread({}, configParam);
-
     if (config.id == null) {
       config.id = shortid.generate();
     }
-
     if (dragEvent) {
       root === null || root === void 0 ? void 0 : root.layoutManager.createDragSourceFromEvent(config, dragEvent);
       return;
     }
-
     var searchConfig = replaceConfig || {
       id: config.id,
       component: config.component
@@ -457,7 +383,6 @@ class LayoutUtils {
     var stack = createNewStack ? LayoutUtils.addStack(root) : LayoutUtils.getStackForRoot(root, searchConfig);
     assertNotNull(stack);
     var oldContentItem = LayoutUtils.getContentItemInStack(stack, searchConfig);
-
     if (focusElement != null) {
       // We need to listen for when the stack is created
       var onComponentCreated = event => {
@@ -465,31 +390,31 @@ class LayoutUtils {
         stack.off('componentCreated', onComponentCreated);
         var {
           element
-        } = event.origin; // Need to wait until the component actually renders.
+        } = event.origin;
 
+        // Need to wait until the component actually renders.
         requestAnimationFrame(() => {
           LayoutUtils.focusElement(element[0], focusElement);
         });
       };
-
       stack.on('componentCreated', onComponentCreated);
     }
-
     if (replaceExisting && oldContentItem) {
-      var index = stack.contentItems.indexOf(oldContentItem); // Using remove/add here instead of replaceChild because I was getting errors with replaceChild... should be the same.
-      // Add first so that the stack doesn't get screwed up
+      var index = stack.contentItems.indexOf(oldContentItem);
 
+      // Using remove/add here instead of replaceChild because I was getting errors with replaceChild... should be the same.
+      // Add first so that the stack doesn't get screwed up
       stack.addChild(config, index + 1);
       stack.removeChild(oldContentItem);
       stack.setActiveContentItem(stack.contentItems[index]);
     } else {
       stack.addChild(config);
     }
-
     if (focusElement == null && maintainFocusElement && isHTMLElement(maintainFocusElement)) {
       maintainFocusElement.focus();
     }
   }
+
   /**
    * Opens a component in an given stack.
    * If `replaceExisting` is true and there is a component found with the same `config.id`, it will replace that component with this one
@@ -497,8 +422,6 @@ class LayoutUtils {
    * @param config The component config definition to open
    * @param replaceExisting Whether it should replace the existing one matching component type and id, or open a new one
    */
-
-
   static openComponentInStack(stack, config) {
     var replaceExisting = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     var maintainFocusElement = document.activeElement; // attempt to retain focus after dom manipulation, which can break focus
@@ -507,42 +430,38 @@ class LayoutUtils {
       id: config.id
     };
     var oldContentItem = LayoutUtils.getContentItemInStack(stack, searchConfig);
-
     if (replaceExisting && oldContentItem && stack) {
-      var index = stack === null || stack === void 0 ? void 0 : stack.contentItems.indexOf(oldContentItem); // Using remove/add here instead of replaceChild because I was getting errors with replaceChild... should be the same.
-      // Add first so that the stack doesn't get screwed up
+      var index = stack === null || stack === void 0 ? void 0 : stack.contentItems.indexOf(oldContentItem);
 
+      // Using remove/add here instead of replaceChild because I was getting errors with replaceChild... should be the same.
+      // Add first so that the stack doesn't get screwed up
       stack.addChild(config, index + 1);
       stack.removeChild(oldContentItem);
       stack.setActiveContentItem(stack.contentItems[index]);
     } else {
       stack === null || stack === void 0 ? void 0 : stack.addChild(config);
     }
-
     if (maintainFocusElement && isHTMLElement(maintainFocusElement)) {
       maintainFocusElement.focus();
     }
   }
+
   /**
    * Close the specified component and remove it from the stack it's currently in
    * @param root The GoldenLayout root to search and close the component in
    * @param config The GoldenLayout component config definition to close, eg. { component: 'IrisGridPanel', id: 'table-t' }
    */
-
-
   static closeComponent(root, config) {
     var stack = LayoutUtils.getStackForRoot(root, config, false, false, false);
-
     if (!stack) {
       log.warn('Cannot find stack for component, ignoring close', config);
       return;
-    } // Find the tab with the specified config and remove it
-    // Same component was used to get the stack above, so getContentItemInStack shouldn't return null
-
+    }
 
+    // Find the tab with the specified config and remove it
+    // Same component was used to get the stack above, so getContentItemInStack shouldn't return null
     var oldContentItem = LayoutUtils.getContentItemInStack(stack, config);
     var maintainFocusElement = document.activeElement; // attempt to retain focus after dom manipulation, which can break focus
-
     if (oldContentItem) {
       if (oldContentItem.isComponent) {
         // container property exists on a contentItem if contentItem is a component,
@@ -551,45 +470,37 @@ class LayoutUtils {
       } else {
         stack.removeChild(oldContentItem);
       }
-    } // if focused element is still in dom restore focus, note it could have been in the removed panel so check first
-
-
+    }
+    // if focused element is still in dom restore focus, note it could have been in the removed panel so check first
     if (maintainFocusElement && document.contains(maintainFocusElement) && isHTMLElement(maintainFocusElement)) {
       maintainFocusElement.focus();
     }
   }
-
   static renameComponent(root, config, newTitle) {
     var stack = LayoutUtils.getStackForRoot(root, config, false);
-
     if (!stack) {
       log.error('Could not find stack for config', config);
       return;
-    } // Find the tab with the specified config and rename it
-
-
+    }
+    // Find the tab with the specified config and rename it
     var contentItem = LayoutUtils.getContentItemInStack(stack, config);
-
     if (contentItem) {
       contentItem.setTitle(newTitle);
     }
   }
+
   /**
    * Create a component clone based on the given config
    * @param root The GoldenLayout root to clone the component in
    * @param config The config to clone
    * @returns Clone config
    */
-
-
   static cloneComponent(root, config) {
     var stack = LayoutUtils.getStackForRoot(root, config, false);
-
     if (!stack) {
       log.error('Could not find stack for config', config);
       return null;
     }
-
     var {
       props = {}
     } = config;
@@ -606,29 +517,23 @@ class LayoutUtils {
     LayoutUtils.openComponentInStack(stack, cloneConfig);
     return cloneConfig;
   }
+
   /**
    * Get panel component state for the given config
    * @param config Panel config
    * @returns Panel state
    */
-
-
   static getPanelComponentState(config) {
     if (isComponentConfig(config)) {
       var _config$componentStat;
-
       return (_config$componentStat = config.componentState) === null || _config$componentStat === void 0 ? void 0 : _config$componentStat.panelState;
     }
-
     if (isReactComponentConfig(config)) {
       var _config$props;
-
       return (_config$props = config.props) === null || _config$props === void 0 ? void 0 : _config$props.panelState;
     }
-
     return null;
   }
-
   static makeDefaultLayout() {
     return {
       dimensions: {
@@ -643,121 +548,103 @@ class LayoutUtils {
       }
     };
   }
+
   /**
    * Gets a containers root node
    * @param container The Golden Layout container to get the root for
    */
-
-
   static getRootFromContainer(container) {
     return container.layoutManager.root;
   }
+
   /**
    * Gets the config for the panel component given a glContainer
    * @param container The Golden Layout container to get the config for
    */
-
-
   static getComponentConfigFromContainer(container) {
     if (container) {
       if (container.tab != null && container.tab.contentItem != null) {
         return container.tab.contentItem.config;
-      } // If the container hasn't populated the tab yet, just get the config directly from the container
+      }
+
+      // If the container hasn't populated the tab yet, just get the config directly from the container
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore private api usage
       // eslint-disable-next-line no-underscore-dangle
-
-
       return container._config;
     }
-
     return null;
   }
-
   static getTitleFromContainer(container) {
     if (container != null && container.tab != null && container.tab.contentItem != null) {
       return container.tab.contentItem.config.title;
     }
-
     return null;
   }
-
   static getTitleFromTab(tab) {
     if (tab != null && tab.contentItem != null) {
       return tab.contentItem.config.title;
     }
-
     return null;
   }
+
   /**
    * Retrieve the panel ID for the provided golden layout container
    * @param glContainer The container to get the panel ID for
    * @returns Panel ID
    */
-
-
   static getIdFromContainer(glContainer) {
     var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
-
     if (config) {
       return config.id;
     }
-
     return null;
   }
+
   /**
    * Retrieve the ID of the panel provided
    * @param panel The panel to get the ID for
    * @returns Panel ID
    */
-
-
   static getIdFromPanel(panel) {
     var {
       glContainer
     } = panel.props;
     return LayoutUtils.getIdFromContainer(glContainer);
   }
+
   /**
    * Get component name from the panel instance
    * @param panel Panel to get component name for
    * @returns Component name or null if unable to retrieve name
    */
-
-
   static getComponentNameFromPanel(panel) {
     var {
       glContainer
     } = panel.props;
     var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
-
     if (config && isReactComponentConfig(config)) {
       var _config$component;
-
       return (_config$component = config.component) !== null && _config$component !== void 0 ? _config$component : null;
     }
-
     return null;
   }
+
   /**
    * Get component name for wrapped and un-wrapped components
    * @param component Component to get name for
    * @returns Component name
    * @throws If displayName for the component is not defined
    */
-
-
   static getComponentName(component) {
     var _component$WrappedCom, _component$WrappedCom2;
-
     var name = (_component$WrappedCom = (_component$WrappedCom2 = component.WrappedComponent) === null || _component$WrappedCom2 === void 0 ? void 0 : _component$WrappedCom2.displayName) !== null && _component$WrappedCom !== void 0 ? _component$WrappedCom : component.displayName;
-
     if (name == null) {
       throw new Error("Component displayName not defined ".concat(component));
     }
-
     return name;
   }
+
   /**
    * Put focus on the first "input" element (input, button, select, textarea) within an element
    * If element is null or input element not found, does nothing
@@ -765,53 +652,40 @@ class LayoutUtils {
    * @param selector The first element matching this selector will be focused.
    * @returns The element that was focused, null if not focused
    */
-
-
   static focusElement(element) {
     var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : LayoutUtils.DEFAULT_FOCUS_SELECTOR;
-
     if (element == null) {
       return null;
     }
-
     var focusElement = element.querySelector(selector);
-
     if (focusElement == null) {
       return null;
     }
-
     if (isHTMLElement(focusElement)) {
       focusElement.focus();
     }
-
     return focusElement;
   }
+
   /**
    * Get a promise that initializes when layout is initialized
    * @param layout The layout to await initialization on
    * @returns Promise that resolves when layout is initialized
    */
-
-
   static onInitialized(layout) {
     return new Promise(resolve => {
       if (layout.isInitialised) {
         resolve();
         return;
       }
-
       var onInit = () => {
         layout.off('initialised', onInit);
         resolve();
       };
-
       layout.on('initialised', onInit);
     });
   }
-
 }
-
 _defineProperty(LayoutUtils, "DEFAULT_FOCUS_SELECTOR", 'input, select, textarea, button');
-
 export default LayoutUtils;
 //# sourceMappingURL=LayoutUtils.js.map