@deephaven/dashboard 0.40.2 → 0.40.3

package/dist/PanelPlaceholder.css

@@ -3,13 +3,11 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
+  padding: 1rem;
   min-height: 100%;
   max-height: 100%;
   text-align: center;
   overflow: hidden;
 }
-.panel-placeholder div {
-  padding: 1rem;
-}
 
 /*# sourceMappingURL=PanelPlaceholder.css.map */

package/dist/PanelPlaceholder.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/PanelPlaceholder.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE,SCTO","file":"PanelPlaceholder.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '@deephaven/components/scss/custom.scss';\n\n.panel-placeholder {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: 100%;\n  max-height: 100%;\n  text-align: center;\n  overflow: hidden;\n\n  // add padding on an inner wrapper so it is included in max height of parent\n  div {\n    padding: $spacer-3;\n  }\n}\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/PanelPlaceholder.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA;EACA,SCFS;EDGT;EACA;EACA;EACA","file":"PanelPlaceholder.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '@deephaven/components/scss/custom.scss';\n\n.panel-placeholder {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: $spacer-3;\n  min-height: 100%;\n  max-height: 100%;\n  text-align: center;\n  overflow: hidden;\n}\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}

package/dist/PanelPlaceholder.js

@@ -11,7 +11,7 @@ var PanelPlaceholder = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: "panel-placeholder"
-  }, /*#__PURE__*/React.createElement("div", null, "Component \"", component, "\" is not registered."));
+  }, "Component \"", component, "\" is not registered.");
 });
 PanelPlaceholder.displayName = 'PanelPlaceholder';
 export default PanelPlaceholder;

package/dist/PanelPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelPlaceholder.js","names":["React","LayoutUtils","PanelPlaceholder","forwardRef","props","ref","component","getComponentNameFromPanel","displayName"],"sources":["../src/PanelPlaceholder.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport './PanelPlaceholder.scss';\nimport LayoutUtils from './layout/LayoutUtils';\nimport { PanelProps } from './DashboardPlugin';\n\n/**\n * Displays a placeholder for unregistered panel types.\n */\nconst PanelPlaceholder = React.forwardRef(\n  (props: PanelProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const component = LayoutUtils.getComponentNameFromPanel({ props });\n    return (\n      <div ref={ref} className=\"panel-placeholder\">\n        <div>Component &quot;{component}&quot; is not registered.</div>\n      </div>\n    );\n  }\n);\n\nPanelPlaceholder.displayName = 'PanelPlaceholder';\n\nexport default PanelPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAAC;AAAA,OAErCC,WAAW;AAGlB;AACA;AACA;AACA,IAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAACC,KAAiB,EAAEC,GAAiC,KAAK;EACxD,IAAMC,SAAS,GAAGL,WAAW,CAACM,yBAAyB,CAAC;IAAEH;EAAM,CAAC,CAAC;EAClE,oBACE;IAAK,GAAG,EAAEC,GAAI;IAAC,SAAS,EAAC;EAAmB,gBAC1C,iCAAK,cAAgB,EAACC,SAAS,EAAC,uBAAyB,CAAM,CAC3D;AAEV,CAAC,CACF;AAEDJ,gBAAgB,CAACM,WAAW,GAAG,kBAAkB;AAEjD,eAAeN,gBAAgB"}
+{"version":3,"file":"PanelPlaceholder.js","names":["React","LayoutUtils","PanelPlaceholder","forwardRef","props","ref","component","getComponentNameFromPanel","displayName"],"sources":["../src/PanelPlaceholder.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport './PanelPlaceholder.scss';\nimport LayoutUtils from './layout/LayoutUtils';\nimport { PanelProps } from './DashboardPlugin';\n\n/**\n * Displays a placeholder for unregistered panel types.\n */\nconst PanelPlaceholder = React.forwardRef(\n  (props: PanelProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const component = LayoutUtils.getComponentNameFromPanel({ props });\n    return (\n      <div ref={ref} className=\"panel-placeholder\">\n        Component &quot;{component}&quot; is not registered.\n      </div>\n    );\n  }\n);\n\nPanelPlaceholder.displayName = 'PanelPlaceholder';\n\nexport default PanelPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAAC;AAAA,OAErCC,WAAW;AAGlB;AACA;AACA;AACA,IAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAACC,KAAiB,EAAEC,GAAiC,KAAK;EACxD,IAAMC,SAAS,GAAGL,WAAW,CAACM,yBAAyB,CAAC;IAAEH;EAAM,CAAC,CAAC;EAClE,oBACE;IAAK,GAAG,EAAEC,GAAI;IAAC,SAAS,EAAC;EAAmB,GAAC,cAC3B,EAACC,SAAS,EAAC,uBAC7B,CAAM;AAEV,CAAC,CACF;AAEDJ,gBAAgB,CAACM,WAAW,GAAG,kBAAkB;AAEjD,eAAeN,gBAAgB"}

package/dist/layout/GoldenLayout.css

@@ -207,6 +207,17 @@
   flex-shrink: 0;
 }
 
+.lm_header .lm_controls .lm_tabdropdown:before {
+  content: "";
+  width: 0;
+  height: 0;
+  vertical-align: middle;
+  display: inline-block;
+  border-top: 5px dashed;
+  border-right: 5px solid transparent;
+  border-left: 5px solid transparent;
+  color: white;
+}
 .lm_header .lm_tabdropdown_list {
   position: absolute;
   top: 20px;
@@ -279,106 +290,220 @@
   z-index: 20;
 }
 
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.lm_dragging {
-  overflow: hidden;
-  pointer-events: none;
+.lm_goldenlayout {
+  background: #000000;
 }
-.lm_dragging .lm_goldenlayout .lm_header {
-  pointer-events: auto;
+
+.lm_content {
+  background: #222222;
 }
-.lm_dragging .lm_goldenlayout .lm_header .lm_controls > li {
-  pointer-events: none;
+
+.lm_dragProxy .lm_content {
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
 }
-.lm_dragging .lm_goldenlayout .lm_header .lm_controls > li.lm_tabpreviousbutton, .lm_dragging .lm_goldenlayout .lm_header .lm_controls > li.lm_tabnextbutton {
-  pointer-events: auto;
+
+.lm_dropTargetIndicator {
+  box-shadow: inset 0 0 30px #000000;
+  outline: 1px dashed #cccccc;
+  transition: all 200ms ease;
+}
+.lm_dropTargetIndicator .lm_inner {
+  background: #000000;
+  opacity: 0.2;
 }
 
-body:not(.lm_dragging) .lm_header .lm_tab:not(.lm_active):hover {
-  color: #c0bfbf;
+.lm_splitter {
+  background: #000000;
+  opacity: 0.001;
+  transition: opacity 200ms ease;
+}
+.lm_splitter:hover, .lm_splitter.lm_dragging {
+  background: #444444;
+  opacity: 1;
 }
 
+.lm_header {
+  height: 20px;
+  user-select: none;
+}
+.lm_header.lm_selectable {
+  cursor: pointer;
+}
+.lm_header .lm_tab {
+  font-family: Arial, sans-serif;
+  font-size: 12px;
+  color: #999999;
+  background: #111111;
+  box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.3);
+  margin-right: 2px;
+  padding-bottom: 2px;
+  padding-top: 2px;
+  /*.lm_title         // Present in LIGHT Theme
+  {
+    padding-top:1px;
+  }*/
+}
+.lm_header .lm_tab .lm_close_tab {
+  width: 11px;
+  height: 11px;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAATElEQVR4nG3OwQ0DMQwDwZGRBtR/j1YJzMc5+IDoR+yCVO29g+pu981MFgqZmRdAfU7+CYWcbF11LwALjpBL0N0qybNx/RPU+gOeiS/+XCRwDlTgkQAAAABJRU5ErkJggg==);
+  background-position: center center;
+  background-repeat: no-repeat;
+  top: 4px;
+  right: 6px;
+  opacity: 0.4;
+}
+.lm_header .lm_tab .lm_close_tab:hover {
+  opacity: 1;
+}
+.lm_header .lm_tab.lm_active {
+  border-bottom: none;
+  box-shadow: 0 -2px 2px #000000;
+  padding-bottom: 3px;
+}
 .lm_header .lm_tab.lm_active .lm_close_tab {
-  background-color: #2d2a2e;
+  opacity: 1;
 }
 
-body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab {
-  background-color: #929192;
+.lm_dragProxy.lm_bottom .lm_header .lm_tab,
+.lm_stack.lm_bottom .lm_header .lm_tab {
+  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
+}
+.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active,
+.lm_stack.lm_bottom .lm_header .lm_tab.lm_active {
+  box-shadow: 0 2px 2px #000000;
 }
 
-body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
-  background-color: #fcfcfa;
+.lm_selected .lm_header {
+  background-color: #452500;
 }
 
-.lm_goldenlayout {
-  background: #1a171a;
-  position: absolute;
+.lm_tab:hover, .lm_tab.lm_active {
+  background: #222222;
+  color: #dddddd;
 }
 
-.lm_content {
-  background: #2d2a2e;
-  overflow: visible;
+.lm_header .lm_tabs .lm_tab.lm_keyboard_active {
+  color: #000000;
+  background: #dddddd;
 }
 
-.lm_dragProxy .lm_content {
-  height: 100%;
-  width: 100%;
-  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
+.lm_header .lm_controls .lm_tabdropdown:before {
+  color: #ffffff;
 }
-.lm_dragProxy .lm_header {
-  height: 28px;
-  box-shadow: none;
+
+.lm_controls > li {
+  position: relative;
+  background-position: center center;
+  background-repeat: no-repeat;
+  opacity: 0.4;
+  transition: opacity 300ms ease;
 }
-.lm_dragProxy .lm_header .lm_tab,
-.lm_dragProxy .lm_header .lm_tab.lm_active {
-  border: 0;
-  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
+.lm_controls > li:hover {
+  opacity: 1;
+}
+.lm_controls .lm_popout {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
+}
+.lm_controls .lm_maximise {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg==);
+}
+.lm_controls .lm_close {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
+}
+.lm_controls .lm_tabnextbutton {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABxJREFUCNdjUGBgEGBg4GBgYGFgYAKTHCARoDgABscAe0vtWukAAAAASUVORK5CYII=);
+}
+.lm_controls .lm_tabpreviousbutton {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABxJREFUCNdjYGJgYGFg4GBgEGBgUACTHCARoDgABSMAXe2fzqEAAAAASUVORK5CYII=);
 }
 
-.lm_dropTargetIndicator {
-  background-image: linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%);
-  background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
-  background-position: 0 top, 0 bottom, left 0, right 0;
-  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
-  animation: march 0.5s;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  box-sizing: border-box;
-  transition: all 0.2s ease;
+.lm_maximised .lm_header {
+  background-color: #000000;
 }
-.lm_dropTargetIndicator .lm_inner {
-  box-sizing: border-box;
-  border: 1px solid transparent;
-  box-shadow: inset 0 0 1rem 1px rgba(0, 0, 0, 0.45);
-  opacity: 1;
-  background: rgba(72, 120, 234, 0.1);
+.lm_maximised .lm_controls .lm_maximise {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJ0lEQVR4nGP8//8/AzGAiShVI1YhCwMDA8OsWbPwBmZaWhoj0SYCAN1lBxMAX4n0AAAAAElFTkSuQmCC);
 }
 
-.lm_splitter {
-  background: #929192;
-  opacity: 0.001;
-  transition: opacity 0.15s ease;
+.lm_popin {
+  cursor: pointer;
 }
-.lm_splitter:hover, .lm_splitter.lm_dragging {
-  background: #c0bfbf;
+.lm_popin .lm_bg {
+  background: #ffffff;
+  opacity: 0.3;
+}
+.lm_popin .lm_icon {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC);
+  background-position: center center;
+  background-repeat: no-repeat;
+  border-left: 1px solid #eeeeee;
+  border-top: 1px solid #eeeeee;
+  opacity: 0.7;
+}
+.lm_popin:hover .lm_icon {
   opacity: 1;
 }
 
-.lm_header {
+.lm_goldenlayout {
+  background: #1a171a;
+  position: absolute;
+}
+.lm_goldenlayout .lm_header {
   box-sizing: content-box;
   height: 28px;
   padding-top: 0;
   background: #201e21;
   box-shadow: inset 0 -1px 0 0 #1a171a;
-  user-select: none;
 }
-.lm_header .lm_controls > li {
+.lm_goldenlayout .lm_header .lm_controls > li {
   height: 100%;
   width: 24px;
 }
-.lm_header.lm_selectable {
-  cursor: pointer;
+
+.lm_maximised {
+  border: 15px solid rgba(26, 23, 26, 0.85);
+  height: 100% !important;
+  width: 100% !important;
+}
+.lm_maximised .lm_items {
+  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
+}
+
+.lm_header .lm_controls .lm_tabpreviousbutton {
+  background-size: 16px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M5.928 7.976l4.357 4.357-.618.62L5 8.284v-.618L9.667 3l.618.619-4.357 4.357z'/%3E%3C/svg%3E");
+}
+
+.lm_header .lm_controls .lm_tabnextbutton {
+  background-size: 16px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z'/%3E%3C/svg%3E");
+}
+
+.lm_header .lm_controls .lm_tabdropdown {
+  background-size: 16px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z'/%3E%3C/svg%3E");
+}
+.lm_header .lm_controls .lm_tabdropdown::before {
+  display: none;
 }
+
+.lm_header .lm_controls .lm_maximise {
+  background-size: 16px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M3 3v10h10V3H3zm9 9H4V4h8v8z'/%3E%3C/svg%3E");
+}
+
+.lm_tabs:empty + .lm_controls .lm_maximise {
+  display: none;
+}
+
+.lm_maximised .lm_header .lm_controls .lm_maximise {
+  opacity: 0.7;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fcfcfa' d='M14 8v1H3V8h11z'/%3E%3C/svg%3E");
+}
+.lm_maximised .lm_header .lm_controls .lm_maximise:hover {
+  opacity: 1;
+}
+
 .lm_header .lm_tab {
   display: flex;
   align-items: center;
@@ -404,27 +529,16 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
   display: flex;
   align-items: center;
 }
-.lm_header .lm_tab .lm_close_tab {
-  cursor: pointer;
-  position: relative;
+.lm_header .lm_tab .editor-unsaved-indicator {
+  display: none;
+  margin-right: 5px;
   width: 8px;
   height: 8px;
-  padding: 4px;
-  margin-left: -0.25rem;
-  background-color: #242125;
-  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E");
-  mask-position: center center;
-  mask-repeat: no-repeat;
-  mask-size: 8px;
-  opacity: 1;
-  transition: background-color 0.15s;
-}
-.lm_header .lm_tab .lm_close_tab:hover {
-  opacity: 1;
+  border-radius: 50%;
+  background: #4878ea;
 }
-
-.lm_selected .lm_header {
-  background-color: #2d2a2e;
+.lm_header .lm_tab .editor-unsaved-indicator.is-unsaved {
+  display: inline-block;
 }
 
 .lm_header .lm_tab.lm_active,
@@ -444,37 +558,49 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
   box-shadow: none;
 }
 
-.lm_controls > li {
-  position: relative;
-  background-position: center center;
-  background-repeat: no-repeat;
-  opacity: 0.4;
-  transition: opacity 300ms ease;
+.lm_content {
+  background: #2d2a2e;
+  overflow: visible;
 }
-.lm_controls > li:hover {
+
+.lm_header .lm_tab .lm_close_tab {
+  cursor: pointer;
+  position: relative;
+  top: unset;
+  right: unset;
+  width: 8px;
+  height: 8px;
+  padding: 4px;
+  margin-left: -0.25rem;
+  background-image: none;
+  background-color: #242125;
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E");
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  mask-size: 8px;
   opacity: 1;
+  transition: background-color 0.15s;
 }
-.lm_controls .lm_popout {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
-}
-.lm_controls .lm_maximise {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M3 3v10h10V3H3zm9 9H4V4h8v8z'/%3E%3C/svg%3E");
+
+.lm_splitter,
+.lm_splitter:hover {
+  background: #929192;
 }
-.lm_controls .lm_tabdropdown {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z'/%3E%3C/svg%3E");
+
+.lm_splitter.lm_dragging {
+  background: #c0bfbf;
 }
-.lm_controls .lm_close {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
+
+.lm_dragProxy .lm_content {
+  height: 100%;
+  width: 100%;
+  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
 }
-.lm_controls .lm_tabnextbutton {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z'/%3E%3C/svg%3E");
+.lm_dragProxy .lm_header {
+  height: 28px;
 }
-.lm_controls .lm_tabpreviousbutton {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M5.928 7.976l4.357 4.357-.618.62L5 8.284v-.618L9.667 3l.618.619-4.357 4.357z'/%3E%3C/svg%3E");
+.lm_dragProxy .lm_header .lm_tab {
+  border: 0;
 }
 
 .lm_header .lm_tabdropdown_list {
@@ -512,6 +638,11 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
   color: #c0bfbf;
   box-shadow: none;
 }
+.lm_header .lm_tabdropdown_list .lm_tab .editor-unsaved-indicator {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #242125;
+}
 .lm_header .lm_tabdropdown_list .lm_tab.lm_keyboard_active {
   color: #c0bfbf;
   background-color: #343e5d;
@@ -521,43 +652,64 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
   background-color: #4878ea;
 }
 
-.lm_maximised {
-  border: 15px solid rgba(26, 23, 26, 0.85);
-  height: 100% !important;
-  width: 100% !important;
+body:not(.lm_dragging) .lm_header .lm_tab:not(.lm_active):hover {
+  color: #c0bfbf;
 }
-.lm_maximised .lm_items {
-  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
+
+.lm_header .lm_tab.lm_active .lm_close_tab {
+  background-color: #2d2a2e;
 }
-.lm_maximised .lm_controls .lm_maximise {
-  opacity: 0.7;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fcfcfa' d='M14 8v1H3V8h11z'/%3E%3C/svg%3E");
+
+body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab {
+  background-color: #929192;
 }
-.lm_maximised .lm_controls .lm_maximise:hover {
-  opacity: 1;
+
+body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
+  background-color: #fcfcfa;
 }
 
-.lm_tabs:empty + .lm_controls .lm_maximise {
-  display: none;
+.lm_dropTargetIndicator {
+  background-image: linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%);
+  background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
+  background-position: 0 top, 0 bottom, left 0, right 0;
+  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
+  animation: march 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  box-sizing: border-box;
+  outline: 0;
+  box-shadow: none;
 }
 
-.lm_tab .editor-unsaved-indicator {
-  display: none;
-  margin-right: 5px;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: #4878ea;
+.lm_dropTargetIndicator .lm_inner {
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  box-shadow: inset 0 0 1rem 1px rgba(0, 0, 0, 0.45);
+  opacity: 1;
+  background: rgba(72, 120, 234, 0.1);
 }
-.lm_tab .editor-unsaved-indicator.is-unsaved {
-  display: inline-block;
+
+.lm_dragging {
+  overflow: hidden;
 }
 
-.lm_dragging .js-plotly-plot .plotly svg,
-.lm_dragging .js-plotly-plot .plotly g,
-.lm_dragging .js-plotly-plot .plotly rect,
-.lm_dragging .js-plotly-plot .plotly path {
+.lm_dragging .app {
+  pointer-events: none;
+}
+.lm_dragging .app .lm_controls > li {
+  pointer-events: none;
+}
+.lm_dragging .app .lm_controls > li.lm_tabpreviousbutton, .lm_dragging .app .lm_controls > li.lm_tabnextbutton {
+  pointer-events: auto;
+}
+.lm_dragging .app .js-plotly-plot .plotly svg,
+.lm_dragging .app .js-plotly-plot .plotly g,
+.lm_dragging .app .js-plotly-plot .plotly rect,
+.lm_dragging .app .js-plotly-plot .plotly path {
   pointer-events: none !important;
 }
+.lm_dragging .app .lm_header {
+  pointer-events: auto;
+}
 
 /*# sourceMappingURL=GoldenLayout.css.map */