flexlayout-react 0.8.19 → 0.9.1

package/style/underline.css

@@ -14,14 +14,16 @@
   --color-drag2-background: rgba(119, 166, 119, 0.075);
   --font-size: medium;
   --font-family: Roboto, Arial, sans-serif;
+  --font-weight: normal;
+  --splitter-size: 8px;
+  --splitter-active-size: 8px;
+  --splitter-handle-visibility: hidden;
   --color-overflow: gray;
   --color-icon: gray;
   --color-tabset-background: var(--color-background);
   --color-tabset-background-selected: var(--color-1);
   --color-tabset-background-maximized: var(--color-6);
   --color-tabset-divider-line: var(--color-3);
-  --color-tabset-header-background: var(--color-background);
-  --color-tabset-header: var(--color-text);
   --color-border-tab-content: var(--color-background);
   --color-border-background: var(--color-background);
   --color-border-divider-line: var(--color-3);
@@ -39,12 +41,13 @@
   --color-splitter: var(--color-1);
   --color-splitter-hover: var(--color-4);
   --color-splitter-drag: var(--color-4);
+  --color-splitter-handle: var(--color-3);
   --color-drag-rect-border: var(--color-6);
   --color-drag-rect-background: var(--color-4);
   --color-drag-rect: var(--color-text);
   --color-popup-border: var(--color-6);
   --color-popup-unselected: var(--color-text);
-  --color-popup-unselected-background: white;
+  --color-popup-unselected-background: var(--color-background);
   --color-popup-selected: var(--color-text);
   --color-popup-selected-background: var(--color-3);
   --color-edge-marker: #aaa;
@@ -56,6 +59,7 @@
   --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.7);
   --size-mini-scroll-indicator: 4px;
   --color-toolbar-button-hover: var(--color-3);
+  --color-float-window-header-background: var(--color-tabset-background);
 }
 
 /*
@@ -68,9 +72,12 @@
   bottom: 0;
   position: absolute;
   display: flex;
-  overflow: hidden;
   background-color: var(--color-background);
 }
+.flexlayout__layout_metrics {
+  position: absolute;
+  top: -30000px;
+}
 .flexlayout__layout_overlay {
   left: 0;
   top: 0;
@@ -85,9 +92,9 @@
   z-index: 100;
   display: flex;
   flex-direction: column;
-  align-items: start;
+  align-items: flex-start;
 }
-.flexlayout__layout_moveables {
+.flexlayout__layout_moveables_home {
   visibility: hidden;
   position: absolute;
   width: 100px;
@@ -123,6 +130,37 @@
   background-color: var(--color-splitter);
   touch-action: none;
   z-index: 10;
+  position: relative;
+}
+.flexlayout__splitter_horz {
+  width: var(--splitter-size);
+  min-width: var(--splitter-size);
+}
+.flexlayout__splitter_horz::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  /* Center the hit area over the thin line */
+  left: 50%;
+  width: var(--splitter-active-size);
+  transform: translateX(-50%);
+  z-index: 1;
+}
+.flexlayout__splitter_vert {
+  height: var(--splitter-size);
+  min-height: var(--splitter-size);
+}
+.flexlayout__splitter_vert::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  /* Center the hit area over the thin line */
+  top: 50%;
+  height: var(--splitter-active-size);
+  transform: translateY(-50%);
+  z-index: 1;
 }
 @media (hover: hover) {
   .flexlayout__splitter:hover {
@@ -142,8 +180,9 @@
   background-color: var(--color-splitter-drag);
 }
 .flexlayout__splitter_handle {
-  background-color: #ccc;
+  background-color: var(--color-splitter-handle);
   border-radius: 3px;
+  visibility: var(--splitter-handle-visibility);
 }
 .flexlayout__splitter_handle_horz {
   width: 3px;
@@ -241,25 +280,15 @@
 .flexlayout__tabset_leading {
   display: flex;
 }
-.flexlayout__tabset_header {
-  display: flex;
-  align-items: center;
-  padding: 3px 3px 3px 5px;
-  box-sizing: border-box;
-  border-bottom: 1px solid var(--color-tabset-divider-line);
-  color: var(--color-tabset-header);
-  background-color: var(--color-tabset-header-background);
-  font-size: var(--font-size);
-}
-.flexlayout__tabset_header_content {
-  flex-grow: 1;
-}
 .flexlayout__tabset_tabbar_outer {
   box-sizing: border-box;
   background-color: var(--color-tabset-background);
   overflow: hidden;
   display: flex;
+  align-items: center;
+  min-height: 1.5em;
   font-size: var(--font-size);
+  font-weight: var(--font-weight);
 }
 .flexlayout__tabset_tabbar_outer_top {
   padding: 0px 2px 0px 2px;
@@ -286,6 +315,7 @@
   padding-right: 4px;
   box-sizing: border-box;
   white-space: nowrap;
+  align-items: center;
 }
 .flexlayout__tabset_tabbar_inner_tab_container_top {
   border-top: 2px solid transparent;
@@ -330,12 +360,23 @@
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.2392156863);
 }
+.flexlayout__tab_layout_container {
+  position: relative;
+  height: 100%;
+  box-sizing: border-box;
+}
+.flexlayout__tab_layout_container_user {
+  position: relative;
+  flex-grow: 1;
+  box-sizing: border-box;
+}
 .flexlayout__tab_button {
   display: flex;
   gap: 0.3em;
   align-items: center;
   box-sizing: border-box;
   padding: 3px 0.5em;
+  font-weight: var(--font-weight);
   cursor: pointer;
 }
 .flexlayout__tab_button_stretch {
@@ -379,6 +420,7 @@
   border: none;
   font-family: var(--font-family);
   font-size: var(--font-size);
+  font-weight: var(--font-weight);
   color: var(--color-tab-textbox);
   background-color: var(--color-tab-textbox-background);
   border: 1px inset var(--color-1);
@@ -453,8 +495,9 @@
   box-sizing: border-box;
   overflow: hidden;
   display: flex;
-  font-size: var(--font-size);
   font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-weight: var(--font-weight);
   color: var(--color-border);
   background-color: var(--color-border-background);
 }
@@ -498,6 +541,7 @@
 .flexlayout__border_inner_tab_container {
   white-space: nowrap;
   display: flex;
+  align-items: center;
   padding-left: 2px;
   padding-right: 2px;
   box-sizing: border-box;
@@ -524,6 +568,7 @@
   margin: 2px 0px;
   box-sizing: border-box;
   white-space: nowrap;
+  font-weight: var(--font-weight);
 }
 .flexlayout__border_button--selected {
   background-color: var(--color-border-tab-selected-background);
@@ -596,6 +641,7 @@
 .flexlayout__popup_menu {
   font-size: var(--font-size);
   font-family: var(--font-family);
+  font-weight: var(--font-weight);
 }
 .flexlayout__popup_menu_item {
   padding: 2px 0.5em;
@@ -620,12 +666,44 @@
   background: var(--color-popup-unselected-background);
   border-radius: 3px;
   position: absolute;
-  z-index: 1000;
+  z-index: 3000;
   max-height: 50%;
   min-width: 100px;
   overflow: auto;
   padding: 2px;
 }
+.flexlayout__float_window {
+  box-sizing: border-box;
+  background-color: var(--color-tabset-background);
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  z-index: 2000;
+}
+.flexlayout__float_window_header {
+  display: flex;
+  align-items: center;
+  padding: 2px 8px;
+  background-color: var(--color-float-window-header-background);
+  border-bottom: 1px solid var(--color-tabset-divider-line);
+  cursor: move;
+  user-select: none;
+  font-family: var(--font-family);
+  font-size: 0.8em;
+  min-height: 15px;
+}
+.flexlayout__float_window_content {
+  position: relative;
+  overflow: auto;
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  margin: 5px;
+}
 .flexlayout__floating_window _body {
   height: 100%;
 }
@@ -651,11 +729,11 @@
 }
 .flexlayout__border_sizer {
   position: absolute;
-  top: -30000px;
   padding-top: 6px;
   padding-bottom: 5px;
   font-size: var(--font-size);
   font-family: var(--font-family);
+  font-weight: var(--font-weight);
 }
 .flexlayout__mini_scrollbar {
   position: absolute;
@@ -708,8 +786,9 @@
 }
 .flexlayout__tabset_tab_divider, .flexlayout__border_tab_divider {
   width: 1px;
-  margin: 4px 6px 4px 6px;
-  border-left: 1px solid #ddd;
+  height: 0.8em;
+  margin: 0px 6px 0px 6px;
+  background-color: #ddd;
 }
 .flexlayout__tab_button_textbox {
   border: none;

package/style/underline.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"AAwXQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AC/aR;AAAA;AAAA;AAII;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;EACA;EACA;;AAEA;EAzBR;EACA;EACA;EACA;EACA;EAuBY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAvCR;EACA;EACA;EACA;EAsCY;EACA;;AAIR;EA9CJ;EACA;EACA;EACA;EA6CQ;;AAGJ;EAnDJ;EACA;EACA;EACA;EAkDQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EA1JJ;EACA;EACA;EACA;EAyJQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA3KR;EACA;EACA;EACA;EA0KY;EACA;EACA;;AAGJ;EACI;;AAGJ;EAtLR;EACA;EACA;EACA;EAqLY;EACA;EACA;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAKZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AASJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAQR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAaZ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;IAEI;;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAUJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAYhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EA/rBR;EACA;EACA;EACA;EACA;;AAgsBI;EApsBJ;EACA;EACA;EACA;EACA;EAksBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;AAMpB;ADvTA;AAAA;AAAA;AAKQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI","file":"underline.css"}
+{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"AAkYQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;;;AC5bR;AAAA;AAAA;AAII;EApBJ;EACA;EACA;EACA;EACA;EAkBQ;EAEA;;AAEA;EACI;EACA;;AAGJ;EA/BR;EACA;EACA;EACA;EACA;EA6BY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EA7CR;EACA;EACA;EACA;EA4CY;EACA;;AAIR;EApDJ;EACA;EACA;EACA;EAmDQ;;AAGJ;EAzDJ;EACA;EACA;EACA;EAwDQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;;AAIR;EACI;IACI;IACA;IACA;IACA;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAnMJ;EACA;EACA;EACA;EAkMQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EApNR;EACA;EACA;EACA;EAmNY;EACA;EACA;;AAGJ;EACI;;AAGJ;EA/NR;EACA;EACA;EACA;EA8NY;EACA;EACA;;AAGJ;EACI;;AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAKZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AAOJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAQR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAaZ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;IAEI;;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AASJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAYhB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EA/wBR;EACA;EACA;EACA;EACA;;AAgxBI;EApxBJ;EACA;EACA;EACA;EACA;EAkxBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;AAMhB;ADxXA;AAAA;AAAA;AAKI;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;;AAGJ;EACI","file":"underline.css"}

package/types/index.d.ts

@@ -1,22 +1,22 @@
 export * from './view/Layout';
+export * from './view/TabLayout';
+export * from './view/layout/LayoutTypes';
 export * from './view/Icons';
-export * from './model/Action';
-export * from './model/Actions';
+export * from './view/I18nLabel';
+export * from './view/CSSClassNames';
+export * from './model/Model';
+export * from './model/Node';
+export * from './model/RowNode';
+export * from './model/TabSetNode';
 export * from './model/BorderNode';
+export * from './model/TabNode';
+export * from './model/Actions';
 export * from './model/BorderSet';
+export * from './model/DockLocation';
+export * from './model/Orientation';
+export * from './model/DropInfo';
+export * from './model/Rect';
 export * from './model/ICloseType';
 export * from './model/IDraggable';
 export * from './model/IDropTarget';
 export * from './model/IJsonModel';
-export * from './model/Model';
-export * from './model/Node';
-export * from './model/RowNode';
-export * from './model/TabNode';
-export * from './model/TabSetNode';
-export * from './model/LayoutWindow';
-export * from './DockLocation';
-export * from './DropInfo';
-export * from './I18nLabel';
-export * from './Orientation';
-export * from './Rect';
-export * from './Types';

package/types/model/Actions.d.ts

@@ -1,16 +1,16 @@
-import { DockLocation } from "../DockLocation";
-import { Action } from "./Action";
-import { IJsonRect, IJsonRowNode } from "./IJsonModel";
+import { DockLocation } from "./DockLocation";
+import { IGlobalAttributes, IJsonRect, IJsonRowNode, IJsonTabNode, IRowAttributes, ITabAttributes, ITabSetAttributes } from "./IJsonModel";
+import { ILayoutType } from "./IJsonModel";
 /**
  * The Action creator class for FlexLayout model actions
  */
 export declare class Actions {
-    static ADD_NODE: string;
-    static MOVE_NODE: string;
+    static ADD_TAB: string;
     static DELETE_TAB: string;
-    static DELETE_TABSET: string;
     static RENAME_TAB: string;
     static SELECT_TAB: string;
+    static MOVE_NODE: string;
+    static DELETE_TABSET: string;
     static SET_ACTIVE_TABSET: string;
     static ADJUST_WEIGHTS: string;
     static ADJUST_BORDER_SPLIT: string;
@@ -19,8 +19,9 @@ export declare class Actions {
     static UPDATE_NODE_ATTRIBUTES: string;
     static POPOUT_TAB: string;
     static POPOUT_TABSET: string;
-    static CLOSE_WINDOW: string;
-    static CREATE_WINDOW: string;
+    static CLOSE_POPOUT: string;
+    static MOVE_POPOUT_TO_FRONT: string;
+    static CREATE_SUBLAYOUT: string;
     /**
      * Adds a tab node to the given tabset node
      * @param json the json for the new tab node e.g {type:"tab", component:"table"}
@@ -30,7 +31,9 @@ export declare class Actions {
      * @param select (optional) whether to select the new tab, overriding autoSelectTab
      * @returns {Action} the action
      */
-    static addNode(json: any, toNodeId: string, location: DockLocation, index: number, select?: boolean): Action;
+    static addTab(json: IJsonTabNode, toNodeId: string, location: DockLocation, index: number, select?: boolean): Action;
+    /** @deprecated use 'addTab' instead */
+    static addNode(json: IJsonTabNode, toNodeId: string, location: DockLocation, index: number, select?: boolean): Action;
     /**
      * Moves a node (tab or tabset) from one location to another
      * @param fromNodeId the id of the node to move
@@ -55,14 +58,14 @@ export declare class Actions {
     static deleteTabset(tabsetNodeId: string): Action;
     /**
      * Change the given nodes tab text
-     * @param tabNodeId the id of the node to rename
+     * @param tabNodeId the id of the tab node to rename
      * @param text the test of the tab
      * @returns {Action} the action
      */
     static renameTab(tabNodeId: string, text: string): Action;
     /**
      * Selects the given tab in its parent tabset
-     * @param tabNodeId the id of the node to set selected
+     * @param tabNodeId the id of the tab node to set selected
      * @returns {Action} the action
      */
     static selectTab(tabNodeId: string): Action;
@@ -71,57 +74,85 @@ export declare class Actions {
      * @param tabsetNodeId the id of the tabset node to set as active
      * @returns {Action} the action
      */
-    static setActiveTabset(tabsetNodeId: string | undefined, windowId?: string | undefined): Action;
+    static setActiveTabset(tabsetNodeId: string | undefined, layoutId?: string | undefined): Action;
     /**
      * Adjust the weights of a row, used when the splitter is moved
-     * @param nodeId the row node whose childrens weights are being adjusted
+     * @param nodeId the id of the row node whose childrens weights are being adjusted
      * @param weights an array of weights to be applied to the children
      * @returns {Action} the action
      */
     static adjustWeights(nodeId: string, weights: number[]): Action;
-    static adjustBorderSplit(nodeId: string, pos: number): Action;
+    /**
+     * Adjust the size of the border
+     * @param nodeId the id of the border node to adjust
+     * @param size the new border size
+     * @returns {Action} the action
+     */
+    static adjustBorderSplit(nodeId: string, size: number): Action;
     /**
      * Maximizes the given tabset
      * @param tabsetNodeId the id of the tabset to maximize
      * @returns {Action} the action
      */
-    static maximizeToggle(tabsetNodeId: string, windowId?: string | undefined): Action;
+    static maximizeToggle(tabsetNodeId: string, layoutId?: string | undefined): Action;
     /**
      * Updates the global model jsone attributes
      * @param attributes the json for the model attributes to update (merge into the existing attributes)
      * @returns {Action} the action
      */
-    static updateModelAttributes(attributes: any): Action;
+    static updateModelAttributes(attributes: IGlobalAttributes): Action;
     /**
      * Updates the given nodes json attributes
      * @param nodeId the id of the node to update
      * @param attributes the json attributes to update (merge with the existing attributes)
      * @returns {Action} the action
      */
-    static updateNodeAttributes(nodeId: string, attributes: any): Action;
+    static updateNodeAttributes(nodeId: string, attributes: IRowAttributes | ITabSetAttributes | ITabAttributes): Action;
     /**
-     * Pops out the given tab node into a new browser window
+     * Pops out the given tab node into a new browser window or floating panel
      * @param nodeId the tab node to popout
-     * @returns
+     * @param type the type of window to create, either "window" (native browser window) or "float" (simulated div based window)
+     * @returns {Action} the action
+     */
+    static popoutTab(nodeId: string, type?: ILayoutType): Action;
+    /**
+     * Pops out the given tabset node into a new browser window or floating panel
+     * @param nodeId the tabset node to popout
+     * @param type the type of window to create, either "window" (native browser window) or "float" (simulated div based window)
+     * @returns {Action} the action
      */
-    static popoutTab(nodeId: string): Action;
+    static popoutTabset(nodeId: string, type?: ILayoutType): Action;
     /**
-     * Pops out the given tab set node into a new browser window
-     * @param nodeId the tab set node to popout
-     * @returns
+     * Closes the popout
+     * @param layoutId the id of the popout to close
+     * @returns {Action} the action
+     */
+    static closePopout(layoutId: string): Action;
+    /**
+     * Moves a floating panel popout to the front of the display
+     * @param layoutId the id of the floating panel popout to move
+     * @returns {Action} the action
      */
-    static popoutTabset(nodeId: string): Action;
+    static movePopoutToFront(layoutId: string): Action;
     /**
-     * Closes the popout window
-     * @param windowId the id of the popout window to close
-     * @returns
+     * Creates a new empty popout window with the given layout (alias for createSubLayout)
+     * @param layout the json layout for the new window
+     * @param rect the window rectangle in screen coordinates
+     * @param type the type of the popout either "window", "float"
+     * @returns {Action} the action
      */
-    static closeWindow(windowId: string): Action;
+    static createPopout(layout: IJsonRowNode, rect: IJsonRect, type: ILayoutType): Action;
     /**
-     * Creates a new empty popout window with the given layout
+     * Creates a new sublayout with the given layout
      * @param layout the json layout for the new window
      * @param rect the window rectangle in screen coordinates
-     * @returns
+     * @param type the type of the sublayout either "window", "float" or "tab"
+     * @returns {Action} the action
      */
-    static createWindow(layout: IJsonRowNode, rect: IJsonRect): Action;
+    static createSubLayout(layout: IJsonRowNode, rect: IJsonRect, type: ILayoutType): Action;
+}
+export declare class Action {
+    type: string;
+    data: Record<string, any>;
+    constructor(type: string, data: Record<string, any>);
 }

package/types/model/Attributes.d.ts

@@ -0,0 +1,42 @@
+/** @internal */
+export declare class Attributes {
+    attributes: Attribute[];
+    nameToAttribute: Map<string, Attribute>;
+    constructor();
+    addWithAll(name: string, modelName: string | undefined, defaultValue: any, alwaysWriteJson?: boolean): Attribute;
+    addInherited(name: string, modelName: string): Attribute;
+    add(name: string, defaultValue: any, alwaysWriteJson?: boolean): Attribute;
+    getAttributes(): Attribute[];
+    getModelName(name: string): string | undefined;
+    toJson(jsonObj: any, obj: any): void;
+    fromJson(jsonObj: any, obj: any): void;
+    update(jsonObj: any, obj: any): void;
+    setDefaults(obj: any): void;
+    pairAttributes(type: string, childAttributes: Attributes): void;
+    toTypescriptInterface(name: string, parentAttributes: Attributes | undefined): string;
+}
+/** @internal */
+export declare class Attribute {
+    static NUMBER: string;
+    static STRING: string;
+    static BOOLEAN: string;
+    name: string;
+    alias: string | undefined;
+    modelName?: string;
+    pairedAttr?: Attribute;
+    pairedType?: string;
+    defaultValue: any;
+    alwaysWriteJson?: boolean;
+    type?: string;
+    required: boolean;
+    fixed: boolean;
+    description?: string;
+    constructor(name: string, modelName: string | undefined, defaultValue: any, alwaysWriteJson?: boolean);
+    setType(value: string): this;
+    setAlias(value: string): this;
+    setDescription(value: string): void;
+    setRequired(): this;
+    setFixed(): this;
+    setpairedAttr(value: Attribute): void;
+    setPairedType(value: string): void;
+}

package/types/model/BorderNode.d.ts

@@ -1,18 +1,18 @@
-import { AttributeDefinitions } from "../AttributeDefinitions";
-import { DockLocation } from "../DockLocation";
-import { DropInfo } from "../DropInfo";
-import { Orientation } from "../Orientation";
-import { Rect } from "../Rect";
+import { Attributes } from "./Attributes";
+import { DockLocation } from "./DockLocation";
+import { DropInfo } from "./DropInfo";
+import { Orientation } from "./Orientation";
+import { Rect } from "./Rect";
 import { IDraggable } from "./IDraggable";
 import { IDropTarget } from "./IDropTarget";
-import { IJsonBorderNode } from "./IJsonModel";
+import { IBorderAttributes, IJsonBorderNode } from "./IJsonModel";
 import { Model } from "./Model";
 import { Node } from "./Node";
 import { TabNode } from "./TabNode";
 export declare class BorderNode extends Node implements IDropTarget {
     static readonly TYPE = "border";
     /** @internal */
-    static fromJson(json: any, model: Model): BorderNode;
+    static fromJson(json: IJsonBorderNode, model: Model): BorderNode;
     /** @internal */
     private static attributeDefinitions;
     /** @internal */
@@ -22,7 +22,7 @@ export declare class BorderNode extends Node implements IDropTarget {
     /** @internal */
     private location;
     /** @internal */
-    constructor(location: DockLocation, json: any, model: Model);
+    constructor(location: DockLocation, json: IJsonBorderNode, model: Model);
     getLocation(): DockLocation;
     getClassName(): string | undefined;
     isHorizontal(): boolean;
@@ -64,7 +64,7 @@ export declare class BorderNode extends Node implements IDropTarget {
     /** @internal */
     setSize(pos: number): void;
     /** @internal */
-    updateAttrs(json: any): void;
+    updateAttrs(json: IBorderAttributes): void;
     /** @internal */
     remove(node: TabNode): void;
     /** @internal */
@@ -76,9 +76,9 @@ export declare class BorderNode extends Node implements IDropTarget {
     /** @internal */
     calculateSplit(splitter: BorderNode, splitterPos: number): number;
     /** @internal */
-    getAttributeDefinitions(): AttributeDefinitions;
+    getAttributeDefinitions(): Attributes;
     /** @internal */
-    static getAttributeDefinitions(): AttributeDefinitions;
+    static getAttributeDefinitions(): Attributes;
     /** @internal */
     private static createAttributeDefinitions;
 }

package/types/model/BorderSet.d.ts

@@ -1,5 +1,5 @@
-import { DockLocation } from "../DockLocation";
-import { DropInfo } from "../DropInfo";
+import { DockLocation } from "./DockLocation";
+import { DropInfo } from "./DropInfo";
 import { BorderNode } from "./BorderNode";
 import { IDraggable } from "./IDraggable";
 import { Model } from "./Model";

package/types/{DropInfo.d.ts → model/DropInfo.d.ts}

@@ -1,6 +1,6 @@
 import { DockLocation } from "./DockLocation";
-import { IDropTarget } from "./model/IDropTarget";
-import { Node } from "./model/Node";
+import { IDropTarget } from "./IDropTarget";
+import { Node } from "./Node";
 import { Rect } from "./Rect";
 export declare class DropInfo {
     node: Node & IDropTarget;

package/types/model/IDropTarget.d.ts

@@ -1,5 +1,5 @@
-import { DockLocation } from "../DockLocation";
-import { DropInfo } from "../DropInfo";
+import { DockLocation } from "./DockLocation";
+import { DropInfo } from "./DropInfo";
 import { IDraggable } from "./IDraggable";
 import { Node } from "./Node";
 export interface IDropTarget {