@deephaven/dashboard 0.43.0 → 0.44.0

package/dist/layout/GoldenLayout.css

@@ -0,0 +1,581 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.lm_root {
+  position: relative;
+}
+
+.lm_row > .lm_item {
+  float: left;
+}
+
+.lm_content {
+  overflow: hidden;
+  position: relative;
+  outline: 0;
+}
+
+.lm_dragging,
+.lm_dragging * {
+  cursor: grabbing !important;
+  user-select: none;
+}
+
+.lm_maximised {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 40;
+}
+
+.lm_maximise_placeholder {
+  display: none;
+}
+
+.lm_splitter {
+  position: relative;
+  z-index: 20;
+}
+.lm_splitter:hover, .lm_splitter.lm_dragging {
+  background: orange;
+}
+.lm_splitter.lm_vertical .lm_drag_handle {
+  width: 100%;
+  position: absolute;
+  cursor: ns-resize;
+}
+.lm_splitter.lm_horizontal {
+  float: left;
+  height: 100%;
+}
+.lm_splitter.lm_horizontal .lm_drag_handle {
+  height: 100%;
+  position: absolute;
+  cursor: ew-resize;
+}
+
+.lm_header {
+  display: flex;
+  justify-content: space-between;
+  max-width: 100%;
+  z-index: 12;
+  position: relative;
+  overflow: hidden;
+}
+.lm_header.lm_dropdown_open {
+  z-index: 22;
+}
+.lm_header [class^=lm_] {
+  box-sizing: content-box !important;
+}
+.lm_header .lm_controls {
+  display: flex;
+  user-select: none;
+}
+.lm_header .lm_controls > li {
+  cursor: pointer;
+  float: left;
+  width: 18px;
+  height: 18px;
+  text-align: center;
+}
+.lm_header .lm_controls > li[disabled] {
+  cursor: default;
+  opacity: 0.1;
+}
+.lm_header ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.lm_header .lm_tabs {
+  display: flex;
+  flex-grow: 1;
+  overflow: hidden;
+}
+.lm_header .lm_tab {
+  cursor: pointer;
+  height: 14px;
+  margin-top: 1px;
+  padding: 0px 10px 5px;
+  padding-right: 25px;
+  position: relative;
+  min-width: 0;
+  flex-shrink: 0;
+}
+.lm_header .lm_tab .lm_title {
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+.lm_header .lm_tab .lm_close_tab {
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  text-align: center;
+}
+
+.lm_stack.lm_left .lm_header,
+.lm_stack.lm_right .lm_header {
+  height: 100%;
+}
+
+.lm_dragProxy.lm_left .lm_header,
+.lm_dragProxy.lm_right .lm_header,
+.lm_stack.lm_left .lm_header,
+.lm_stack.lm_right .lm_header {
+  width: 20px;
+  float: left;
+  vertical-align: top;
+}
+.lm_dragProxy.lm_left .lm_header .lm_tabs,
+.lm_dragProxy.lm_right .lm_header .lm_tabs,
+.lm_stack.lm_left .lm_header .lm_tabs,
+.lm_stack.lm_right .lm_header .lm_tabs {
+  transform-origin: left top;
+  top: 0;
+  width: 1000px;
+  /*hack*/
+}
+.lm_dragProxy.lm_left .lm_header .lm_controls,
+.lm_dragProxy.lm_right .lm_header .lm_controls,
+.lm_stack.lm_left .lm_header .lm_controls,
+.lm_stack.lm_right .lm_header .lm_controls {
+  bottom: 0;
+}
+.lm_dragProxy.lm_left .lm_items,
+.lm_dragProxy.lm_right .lm_items,
+.lm_stack.lm_left .lm_items,
+.lm_stack.lm_right .lm_items {
+  float: left;
+}
+
+.lm_dragProxy.lm_left .lm_header .lm_tabs,
+.lm_stack.lm_left .lm_header .lm_tabs {
+  transform: rotate(-90deg) scaleX(-1);
+  left: 0;
+}
+.lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,
+.lm_stack.lm_left .lm_header .lm_tabs .lm_tab {
+  transform: scaleX(-1);
+  margin-top: 1px;
+}
+.lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,
+.lm_stack.lm_left .lm_header .lm_tabdropdown_list {
+  top: initial;
+  right: initial;
+  left: 20px;
+}
+
+.lm_dragProxy.lm_right .lm_content {
+  float: left;
+}
+
+.lm_dragProxy.lm_right .lm_header .lm_tabs,
+.lm_stack.lm_right .lm_header .lm_tabs {
+  transform: rotate(90deg) scaleX(1);
+  left: 100%;
+  margin-left: 0;
+}
+.lm_dragProxy.lm_right .lm_header .lm_controls,
+.lm_stack.lm_right .lm_header .lm_controls {
+  left: 3px;
+}
+.lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,
+.lm_stack.lm_right .lm_header .lm_tabdropdown_list {
+  top: initial;
+  right: 20px;
+}
+
+.lm_dragProxy.lm_bottom .lm_header .lm_tab,
+.lm_stack.lm_bottom .lm_header .lm_tab {
+  margin-top: 0;
+  border-top: none;
+}
+.lm_dragProxy.lm_bottom .lm_header .lm_controls,
+.lm_stack.lm_bottom .lm_header .lm_controls {
+  top: 3px;
+}
+.lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,
+.lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {
+  top: initial;
+  bottom: 20px;
+}
+
+.lm_drop_tab_placeholder {
+  flex-shrink: 0;
+}
+
+.lm_tabdropdown_list {
+  position: absolute;
+  overflow-y: auto;
+  overflow-x: hidden;
+  top: 0;
+  left: 0;
+  max-height: 100%;
+}
+.lm_tabdropdown_list .lm_tabs {
+  flex-direction: column;
+}
+.lm_tabdropdown_list .lm_tab {
+  padding-right: 10px;
+}
+.lm_tabdropdown_list .lm_tab .lm_title {
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+.lm_tabdropdown_list .lm_close_tab {
+  display: none !important;
+}
+
+/***********************************
+* Drag Proxy
+***********************************/
+.lm_dragProxy {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 30;
+  pointer-events: none;
+}
+.lm_dragProxy .lm_header {
+  background: transparent;
+}
+.lm_dragProxy .lm_content {
+  border-top: none;
+  overflow: hidden;
+}
+
+.lm_dropTargetIndicator {
+  display: none;
+  position: absolute;
+  z-index: 20;
+  pointer-events: none;
+}
+.lm_dropTargetIndicator .lm_inner {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  top: 0;
+  left: 0;
+}
+
+.lm_popin {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  z-index: 9999;
+}
+.lm_popin > * {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.lm_popin > .lm_bg {
+  z-index: 10;
+}
+.lm_popin > .lm_icon {
+  z-index: 20;
+}
+
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.lm_dragging {
+  overflow: hidden;
+  pointer-events: none;
+}
+.lm_dragging .lm_goldenlayout .lm_header {
+  pointer-events: auto;
+}
+.lm_dragging .lm_goldenlayout .lm_header .lm_controls > li {
+  pointer-events: none;
+}
+.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;
+}
+
+body:not(.lm_dragging) .lm_header .lm_tab:not(.lm_active):hover {
+  color: #c0bfbf;
+}
+
+.lm_header .lm_tab.lm_active .lm_close_tab {
+  background-color: #2d2a2e;
+}
+
+body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab {
+  background-color: #929192;
+}
+
+body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
+  background-color: #fcfcfa;
+}
+
+.lm_goldenlayout {
+  background: #1a171a;
+  position: absolute;
+}
+
+.lm_content {
+  background: #2d2a2e;
+  overflow: visible;
+}
+
+.lm_dragProxy .lm_content {
+  height: 100%;
+  width: 100%;
+  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
+}
+.lm_dragProxy .lm_header {
+  height: 28px;
+  box-shadow: none;
+}
+.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_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_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_splitter {
+  background: #929192;
+  opacity: 0.001;
+  transition: opacity 0.15s ease;
+}
+.lm_splitter:hover, .lm_splitter.lm_dragging {
+  background: #c0bfbf;
+  opacity: 1;
+}
+
+.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 {
+  height: 100%;
+  width: 24px;
+}
+.lm_header.lm_selectable {
+  cursor: pointer;
+}
+
+.lm_header .lm_tab,
+.lm_tabdropdown_list .lm_tab {
+  display: flex;
+  align-items: center;
+  font-family: "Fira Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;
+  background-color: #242125;
+  color: #929192;
+  height: 28px;
+  font-size: 12px;
+  min-width: 5rem;
+  margin: 0;
+  padding: 0 0.25rem 0 0.5rem;
+  box-shadow: inset -1px -1px 0 0 #1a171a;
+  transition: color 0.15s, background-color 0.15s;
+  max-width: 12rem;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.lm_header .lm_tab .lm_title,
+.lm_tabdropdown_list .lm_tab .lm_title {
+  flex-grow: 1;
+  padding-right: 0.25rem;
+}
+.lm_header .lm_tab .lm_title_before,
+.lm_tabdropdown_list .lm_tab .lm_title_before {
+  display: flex;
+  align-items: center;
+}
+.lm_header .lm_tab .lm_close_tab,
+.lm_tabdropdown_list .lm_tab .lm_close_tab {
+  cursor: pointer;
+  position: relative;
+  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,
+.lm_tabdropdown_list .lm_tab .lm_close_tab:hover {
+  opacity: 1;
+}
+
+.lm_selected .lm_header {
+  background-color: #2d2a2e;
+}
+
+.lm_header .lm_tab.lm_active,
+.lm_header .lm_tab.lm_active:hover {
+  height: 28px;
+  background-color: #2d2a2e;
+  color: #f0f0ee;
+  padding-bottom: 0;
+  box-shadow: inset -1px 0 0 0 #1a171a;
+}
+.lm_header .lm_tab.lm_active.lm_focusin,
+.lm_header .lm_tab.lm_active:hover.lm_focusin {
+  box-shadow: inset 0 1px #4878ea, inset -1px 0 0 0 #1a171a;
+}
+
+.lm_window_blur .lm_header .lm_tab.lm_active.lm_focusin {
+  box-shadow: none;
+}
+
+.lm_controls > li {
+  position: relative;
+  background-position: center center;
+  background-repeat: no-repeat;
+  opacity: 0.4;
+  transition: opacity 300ms ease;
+}
+.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-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_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_controls .lm_close {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
+}
+.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_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_tabdropdown_list {
+  z-index: 1000;
+  background: #242125;
+  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
+  border-radius: 4px;
+  max-width: 12rem;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.lm_tabdropdown_list .lm_tabdropdown_search {
+  padding: 0.25rem;
+}
+.lm_tabdropdown_list .lm_tabdropdown_search input {
+  padding: 0.375rem 0.75rem;
+  line-height: 1.5;
+  color: #f0f0ee;
+  background-color: #555356;
+  border: 1px solid #929192;
+  border-radius: 4px;
+  max-width: 100%;
+}
+.lm_tabdropdown_list .lm_tabdropdown_search input::placeholder {
+  color: #929192;
+  opacity: 1;
+}
+.lm_tabdropdown_list .lm_tabdropdown_search input:focus {
+  border-color: rgba(72, 120, 234, 0.85);
+  box-shadow: 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
+  outline: 0;
+}
+.lm_tabdropdown_list .lm_tabs {
+  padding: 0;
+}
+.lm_tabdropdown_list .lm_tab {
+  background: #242125;
+  color: #c0bfbf;
+  box-shadow: none;
+}
+.lm_tabdropdown_list .lm_tab.lm_keyboard_active {
+  color: #c0bfbf;
+  background-color: #343e5d;
+}
+.lm_tabdropdown_list .lm_tab:hover {
+  color: #f0f0ee;
+  background-color: #4878ea;
+}
+
+.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_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");
+}
+.lm_maximised .lm_controls .lm_maximise:hover {
+  opacity: 1;
+}
+
+.lm_tabs:empty + .lm_controls .lm_maximise {
+  display: none;
+}
+
+.lm_tab .editor-unsaved-indicator {
+  display: none;
+  margin-right: 5px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #4878ea;
+}
+.lm_tab .editor-unsaved-indicator.is-unsaved {
+  display: inline-block;
+}
+
+.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 {
+  pointer-events: none !important;
+}
+
+/*# sourceMappingURL=GoldenLayout.css.map */