flexlayout-react 0.9.0 → 0.9.2

package/style/underline.css

@@ -72,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;
@@ -91,7 +94,7 @@
   flex-direction: column;
   align-items: flex-start;
 }
-.flexlayout__layout_moveables {
+.flexlayout__layout_moveables_home {
   visibility: hidden;
   position: absolute;
   width: 100px;
@@ -693,6 +696,7 @@
 }
 .flexlayout__float_window_content {
   position: relative;
+  overflow: auto;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
@@ -725,7 +729,6 @@
 }
 .flexlayout__border_sizer {
   position: absolute;
-  top: -30000px;
   padding-top: 6px;
   padding-bottom: 5px;
   font-size: var(--font-size);

package/style/underline.css.map

@@ -1 +1 @@
-{"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;EACA;EACA;;AAEA;EA1BR;EACA;EACA;EACA;EACA;EAwBY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAxCR;EACA;EACA;EACA;EAuCY;EACA;;AAIR;EA/CJ;EACA;EACA;EACA;EA8CQ;;AAGJ;EApDJ;EACA;EACA;EACA;EAmDQ;;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;EA9LJ;EACA;EACA;EACA;EA6LQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA/MR;EACA;EACA;EACA;EA8MY;EACA;EACA;;AAGJ;EACI;;AAGJ;EA1NR;EACA;EACA;EACA;EAyNY;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;;AAKJ;EACI;;AAGJ;EAzwBR;EACA;EACA;EACA;EACA;;AA0wBI;EA9wBJ;EACA;EACA;EACA;EACA;EA4wBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;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;ADnXA;AAAA;AAAA;AAKI;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;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/model/IJsonModel.d.ts

@@ -196,7 +196,7 @@ export interface IGlobalAttributes {
     /**
       Value for TabNode attribute enablePopout if not overridden
 
-      enable popout (in popout capable browser)
+      enable window popout (in popout capable browser), to show an icon in the tabset header also set the enablePopoutIcon attribute
 
       Default: false
      */
@@ -669,7 +669,7 @@ export interface ITabAttributes {
      */
     enableDrag?: boolean;
     /**
-      enable popout (in popout capable browser)
+      enable window popout (in popout capable browser), to show an icon in the tabset header also set the enablePopoutIcon attribute
 
       Default: inherited from Global attribute tabEnablePopout (default false)
      */

package/types/model/Model.d.ts

@@ -46,7 +46,7 @@ export declare class Model {
      * Update the node tree by performing the given action,
      * Actions should be generated via static methods on the Actions class
      * @param action the action to perform
-     * @returns added Node for Actions.addNode, layoutId for createPopout
+     * @returns added Node for Actions.addTab, layoutId for createPopout
      */
     doAction(action: Action): any;
     /**

package/types/model/TabNode.d.ts

@@ -9,14 +9,14 @@ export declare class TabNode extends Node implements IDraggable {
     /** @internal */
     static fromJson(json: IJsonTabNode, model: Model, addToModel?: boolean): TabNode;
     private tabRect;
-    private moveableElement;
     private renderedName?;
     private extra;
     private visible;
     private rendered;
+    private moveableElement;
+    private tabStamp;
     private scrollTop?;
     private scrollLeft?;
-    private tabStamp;
     /** @internal */
     constructor(model: Model, json: IJsonTabNode, addToModel?: boolean);
     getName(): string;
@@ -90,9 +90,12 @@ export declare class TabNode extends Node implements IDraggable {
     /** @internal */
     setTabStamp(stamp: HTMLElement | null): void;
     /** @internal */
-    getMoveableElement(): HTMLElement | null;
-    /** @internal */
-    setMoveableElement(element: HTMLElement | null): void;
+    getMoveableElement(): HTMLElement;
+    /**
+     * @internal
+     * This method is exposed to allow the workaround for issue: #524
+    */
+    setMoveableElement(element: HTMLElement): void;
     /** @internal */
     setRenderedName(name: string): void;
     /** @internal */

package/types/view/BorderButton.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { TabNode } from "../model/TabNode";
 import { IIcons } from "../view/layout/LayoutTypes";
 import { LayoutController } from "../view/layout/LayoutInternal";
@@ -11,4 +12,4 @@ export interface IBorderButtonProps {
     path: string;
 }
 /** @internal */
-export declare const BorderButton: (props: IBorderButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BorderButton: (props: IBorderButtonProps) => React.JSX.Element;

package/types/view/BorderTab.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { LayoutController } from "./layout/LayoutInternal";
 import { BorderNode } from "../model/BorderNode";
 /** @internal */
@@ -6,4 +7,4 @@ export interface IBorderTabProps {
     borderNode: BorderNode;
     show: boolean;
 }
-export declare function BorderTab(props: IBorderTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function BorderTab(props: IBorderTabProps): React.JSX.Element;

package/types/view/BorderTabSet.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { BorderNode } from "../model/BorderNode";
 import { LayoutController } from "./layout/LayoutInternal";
 /** @internal */
@@ -7,4 +8,4 @@ export interface IBorderTabSetProps {
     size: number;
 }
 /** @internal */
-export declare const BorderTabSet: (props: IBorderTabSetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BorderTabSet: (props: IBorderTabSetProps) => React.JSX.Element;

package/types/view/CSSClassNames.d.ts

@@ -35,7 +35,8 @@ export declare enum CLASSES {
     FLEXLAYOUT__FLOAT_WINDOW_CONTENT = "flexlayout__float_window_content",
     FLEXLAYOUT__FLOATING_WINDOW_CONTENT = "flexlayout__floating_window_content",
     FLEXLAYOUT__LAYOUT = "flexlayout__layout",
-    FLEXLAYOUT__LAYOUT_MOVEABLES = "flexlayout__layout_moveables",
+    FLEXLAYOUT__LAYOUT_METRICS = "flexlayout__layout_metrics",
+    FLEXLAYOUT__LAYOUT_MOVEABLES_HOME = "flexlayout__layout_moveables_home",
     FLEXLAYOUT__LAYOUT_OVERLAY = "flexlayout__layout_overlay",
     FLEXLAYOUT__LAYOUT_TAB_STAMPS = "flexlayout__layout_tab_stamps",
     FLEXLAYOUT__LAYOUT_MAIN = "flexlayout__layout_main",

package/types/view/{DragContainer.d.ts → DragTabButton.d.ts}

@@ -2,10 +2,10 @@ import * as React from "react";
 import { TabNode } from "../model/TabNode";
 import { LayoutController } from "./layout/LayoutInternal";
 /** @internal */
-export interface IDragContainerProps {
+export interface IDragTabButton {
     tabNode: TabNode;
     controller: LayoutController;
     dragging: boolean;
 }
 /** @internal */
-export declare const DragContainer: React.MemoExoticComponent<(props: IDragContainerProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DragTabButton: React.MemoExoticComponent<(props: IDragTabButton) => React.JSX.Element>;

package/types/view/ErrorBoundary.d.ts

@@ -18,5 +18,5 @@ export declare class ErrorBoundary extends React.Component<IErrorBoundaryProps,
     };
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     retry: () => void;
-    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+    render(): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 }

package/types/view/FloatWindow.d.ts

@@ -5,7 +5,8 @@ import { Layout } from "../model/Layout";
 export interface IFloatWindowProps {
     controller: LayoutController;
     layout: Layout;
+    zIndex: number;
     onCloseLayout: (layout: Layout) => void;
 }
 /** @internal */
-export declare const FloatWindow: (props: React.PropsWithChildren<IFloatWindowProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FloatWindow: (props: React.PropsWithChildren<IFloatWindowProps>) => React.JSX.Element;

package/types/view/I18nLabel.d.ts

@@ -3,7 +3,7 @@ export declare enum I18nLabel {
     Close_Tabset = "Close tab set",
     Active_Tabset = "Active tab set",
     Move_Tabset = "Move tab set",
-    Move_Tabs = "Move tabs(?)",
+    Move_Tabs = "Move tabs (?)",
     Maximize = "Maximize tab set",
     Restore = "Restore tab set",
     Popout_Tab = "Popout selected tab",

package/types/view/Icons.d.ts

@@ -1,11 +1,11 @@
-export declare const CloseIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const MaximizeIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const OverflowIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const EdgeIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const PopoutIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const PopoutFloatIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const RestoreIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const AsterickIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const AddIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const MenuIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const SettingsIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseIcon: () => import("react").JSX.Element;
+export declare const MaximizeIcon: () => import("react").JSX.Element;
+export declare const OverflowIcon: () => import("react").JSX.Element;
+export declare const EdgeIcon: () => import("react").JSX.Element;
+export declare const PopoutIcon: () => import("react").JSX.Element;
+export declare const PopoutFloatIcon: () => import("react").JSX.Element;
+export declare const RestoreIcon: () => import("react").JSX.Element;
+export declare const AsterickIcon: () => import("react").JSX.Element;
+export declare const AddIcon: () => import("react").JSX.Element;
+export declare const MenuIcon: () => import("react").JSX.Element;
+export declare const SettingsIcon: (props: React.SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/types/view/Layout.d.ts

@@ -54,16 +54,18 @@ export interface ILayoutProps {
     popoutWindowName?: string;
     /** the transition speed of the drag rectangle from one position to another, default is 0.3 secs */
     tabDragSpeed?: number;
+    /** set to constrain floating panels to within the layout control */
+    constrainFloatPanels?: boolean;
 }
 export interface ILayoutApi {
     /** re-render the layout */
     redraw(): void;
     /**
- * Adds a new tab to the given tabset
- * @param tabsetId the id of the tabset where the new tab will be added
- * @param json the json for the new tab node
- * @returns the added tab node or undefined
- */
+     * Adds a new tab to the given tabset
+     * @param tabsetId the id of the tabset where the new tab will be added
+     * @param json the json for the new tab node
+     * @returns the added tab node or undefined
+     */
     addTabToTabSet(tabsetId: string, json: IJsonTabNode): TabNode | undefined;
     /**
      * Adds a new tab by dragging an item to the drop location, must be called from within an HTML
@@ -82,18 +84,18 @@ export interface ILayoutApi {
      */
     moveTabWithDragAndDrop(event: DragEvent, node: (TabNode | TabSetNode)): void;
     /**
- * Adds a new tab to the active tabset (if there is one)
- * @param json the json for the new tab node
- * @returns the added tab node or undefined
- */
+     * Adds a new tab to the active tabset (if there is one)
+     * @param json the json for the new tab node
+     * @returns the added tab node or undefined
+     */
     addTabToActiveTabSet(json: IJsonTabNode): TabNode | undefined;
     /**
- * Sets the drag image from a react component for a drag event
- * @param event the drag event
- * @param component the react component to be used for the drag image
- * @param x the x position of the drag cursor on the image
- * @param y the x position of the drag cursor on the image
- */
+     * Sets the drag image from a react component for a drag event
+     * @param event the drag event
+     * @param component the react component to be used for the drag image
+     * @param x the x position of the drag cursor on the image
+     * @param y the x position of the drag cursor on the image
+     */
     setDragComponent(event: DragEvent, component: React.ReactNode, x: number, y: number): void;
     /** Get the root div element of the layout */
     getRootDiv(): HTMLDivElement | null | undefined;

package/types/view/Overlay.d.ts

@@ -5,4 +5,4 @@ export interface IOverlayProps {
     show: boolean;
 }
 /** @internal */
-export declare const Overlay: (props: IOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Overlay: (props: IOverlayProps) => import("react").JSX.Element;

package/types/view/Row.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { RowNode } from "../model/RowNode";
 import { LayoutController } from "./layout/LayoutInternal";
 /** @internal */
@@ -6,4 +7,4 @@ export interface IRowProps {
     rowNode: RowNode;
 }
 /** @internal */
-export declare const Row: (props: IRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Row: (props: IRowProps) => React.JSX.Element;

package/types/view/Splitter.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { BorderNode } from "../model/BorderNode";
 import { RowNode } from "../model/RowNode";
 import { LayoutController } from "./layout/LayoutInternal";
@@ -9,4 +10,4 @@ export interface ISplitterProps {
     horizontal: boolean;
 }
 /** @internal */
-export declare const Splitter: (props: ISplitterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Splitter: (props: ISplitterProps) => React.JSX.Element;

package/types/view/Tab.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { TabNode } from "../model/TabNode";
 import { LayoutController } from "./layout/LayoutInternal";
 /** @internal */
@@ -7,4 +8,4 @@ export interface ITabProps {
     selected: boolean;
 }
 /** @internal */
-export declare const Tab: (props: ITabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tab: (props: ITabProps) => React.JSX.Element;

package/types/view/TabButton.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { TabNode } from "../model/TabNode";
 import { LayoutController } from "./layout/LayoutInternal";
 /** @internal */
@@ -8,4 +9,4 @@ export interface ITabButtonProps {
     path: string;
 }
 /** @internal */
-export declare const TabButton: (props: ITabButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabButton: (props: ITabButtonProps) => React.JSX.Element;

package/types/view/TabButtonStamp.d.ts

@@ -6,4 +6,4 @@ export interface ITabButtonStampProps {
     controller: LayoutController;
 }
 /** @internal */
-export declare const TabButtonStamp: (props: ITabButtonStampProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabButtonStamp: (props: ITabButtonStampProps) => import("react").JSX.Element;

package/types/view/TabContentRenderer.d.ts

@@ -11,4 +11,4 @@ export interface ITabContentRenderProps {
     fullRedrawRevision: number;
     parentRedrawRevision: number;
 }
-export declare const TabContentRenderer: React.MemoExoticComponent<({ controller, tabNode }: ITabContentRenderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TabContentRenderer: React.MemoExoticComponent<({ controller, tabNode }: ITabContentRenderProps) => React.JSX.Element>;

package/types/view/TabLayout.d.ts

@@ -9,4 +9,4 @@ export interface ITabLayoutProps {
  * @category Components
  * @group Main Layout
  */
-export declare const TabLayout: (props: ITabLayoutProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const TabLayout: (props: ITabLayoutProps) => import("react").JSX.Element | undefined;

package/types/view/TabSet.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { TabSetNode } from "../model/TabSetNode";
 import { LayoutController } from "./layout/LayoutInternal";
 /** @internal */
@@ -6,4 +7,4 @@ export interface ITabSetProps {
     tabsetNode: TabSetNode;
 }
 /** @internal */
-export declare const TabSet: (props: ITabSetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabSet: (props: ITabSetProps) => React.JSX.Element;

package/types/view/Utils.d.ts

@@ -7,7 +7,7 @@ import { Layout } from "../model/Layout";
 export declare function isDesktop(): boolean;
 /** @internal */
 export declare function getRenderStateEx(controller: LayoutController, tabNode: TabNode, iconAngle?: number): {
-    leading: import("react/jsx-runtime").JSX.Element | undefined;
+    leading: React.JSX.Element | undefined;
     content: string | Iterable<React.ReactNode>;
     name: string;
     buttons: React.ReactNode[];
@@ -22,3 +22,11 @@ export declare function findParentLayout(layout: Layout): Layout | undefined;
 export declare function canDockToLayout(node: Node, layout: Layout): boolean;
 export declare function copyInlineStyles(source: HTMLElement, target: HTMLElement): boolean;
 export declare function isSafari(): boolean;
+export declare function getPageMetrics(): {
+    scrollTop: number;
+    scrollLeft: number;
+    fullHeight: number;
+    fullWidth: number;
+    viewportHeight: number;
+    viewportWidth: number;
+};

package/types/view/layout/BorderContainer.d.ts

@@ -4,4 +4,4 @@ export interface IBorderContainerProps {
     controller: LayoutController;
     inner: React.ReactNode;
 }
-export declare const BorderContainer: ({ controller, inner }: IBorderContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BorderContainer: ({ controller, inner }: IBorderContainerProps) => React.JSX.Element;

package/types/view/layout/EdgeIndicators.d.ts

@@ -1,5 +1,6 @@
+import * as React from "react";
 import { LayoutController } from "./LayoutInternal";
 export interface IEdgeIndicatorsProps {
     controller: LayoutController;
 }
-export declare const EdgeIndicators: ({ controller }: IEdgeIndicatorsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EdgeIndicators: ({ controller }: IEdgeIndicatorsProps) => React.JSX.Element;

package/types/view/layout/FloatingWindowContainer.d.ts

@@ -1,5 +1,6 @@
+import * as React from "react";
 import { LayoutController } from "./LayoutInternal";
 export interface IFloatingWindowContainerProps {
     controller: LayoutController;
 }
-export declare const FloatingWindowContainer: ({ controller }: IFloatingWindowContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FloatingWindowContainer: ({ controller }: IFloatingWindowContainerProps) => React.JSX.Element;

package/types/view/layout/LayoutInternal.d.ts

@@ -27,10 +27,10 @@ export interface ILayoutInternalState {
     showEdges: boolean;
     showOverlay: boolean;
     calculatedBorderBarSize: number;
+    calculatedSplitterSize: number;
     layoutRedrawRevision: number;
     fullRedrawRevision: number;
     showHiddenBorder: DockLocation;
-    splitterSize: number;
 }
 /** @internal */
 export declare const LayoutInternal: React.ForwardRefExoticComponent<ILayoutInternalProps & React.RefAttributes<LayoutController>>;
@@ -41,12 +41,12 @@ export declare class LayoutController {
     private _state;
     private _setState;
     private _layoutRef;
-    private _moveablesRef;
+    private _moveablesHomeRef;
     private _findBorderBarSizeRef;
+    private _findSplitterSizeRef;
     private _mainRef;
     private _orderedTabIds;
     private _orderedTabMoveableIds;
-    private _moveableElementMap;
     private _currentDocument?;
     private _currentWindow?;
     private _supportsPopout;
@@ -60,15 +60,10 @@ export declare class LayoutController {
     private _cachedLayoutDOMRect;
     private _reLayout;
     constructor(props: ILayoutInternalProps, state: ILayoutInternalState, setState: (update: Partial<ILayoutInternalState> | ((prevState: ILayoutInternalState, props: ILayoutInternalProps) => Partial<ILayoutInternalState>)) => void);
-    renderLayout(): import("react/jsx-runtime").JSX.Element;
+    renderLayout(): React.JSX.Element;
     renderTabContainers(): Map<string, React.ReactNode>;
     renderTabContents(): Map<string, React.ReactNode>;
-    renderMetricsElements(): import("react/jsx-runtime").JSX.Element;
-    renderTabStamps(): React.ReactNode[];
-    createMoveableDivs(): void;
-    getMoveablesDiv(): HTMLDivElement | null;
-    getMoveableElement(id: string): HTMLElement;
-    tidyMoveablesMap(): void;
+    renderDragTabButtons(): React.ReactNode[];
     redrawLayout(): void;
     redrawLayoutAndTabContent(isLayoutRevision?: boolean): void;
     doAction(action: Action): Node | undefined;
@@ -80,6 +75,7 @@ export declare class LayoutController {
     addTabWithDragAndDrop(event: DragEvent, json: IJsonTabNode, onDrop?: (node?: Node, event?: React.DragEvent<HTMLElement>) => void): void;
     moveTabWithDragAndDrop(event: DragEvent, node: (TabNode | TabSetNode)): void;
     setDragComponent(event: DragEvent, component: React.ReactNode, x: number, y: number): void;
+    getMoveablesHome(): HTMLDivElement | null;
     getProps(): ILayoutInternalProps;
     setProps(value: ILayoutInternalProps): void;
     getState(): ILayoutInternalState;
@@ -88,10 +84,11 @@ export declare class LayoutController {
     setSetState(value: (update: Partial<ILayoutInternalState> | ((prevState: ILayoutInternalState, props: ILayoutInternalProps) => Partial<ILayoutInternalState>)) => void): void;
     getLayoutRef(): React.RefObject<HTMLDivElement | null>;
     setLayoutRef(value: React.RefObject<HTMLDivElement | null>): void;
-    getMoveablesRef(): React.RefObject<HTMLDivElement | null>;
-    setMoveablesRef(value: React.RefObject<HTMLDivElement | null>): void;
+    setMoveablesHomeRef(value: React.RefObject<HTMLDivElement | null>): void;
     getFindBorderBarSizeRef(): React.RefObject<HTMLDivElement | null>;
     setFindBorderBarSizeRef(value: React.RefObject<HTMLDivElement | null>): void;
+    getFindSplitterSizeRef(): React.RefObject<HTMLDivElement | null>;
+    setFindSplitterSizeRef(value: React.RefObject<HTMLDivElement | null>): void;
     getMainRef(): React.RefObject<HTMLDivElement | null>;
     setMainRef(value: React.RefObject<HTMLDivElement | null>): void;
     getOrderedTabIds(): string[];
@@ -114,7 +111,6 @@ export declare class LayoutController {
     isReLayout(): boolean;
     setReLayout(value: boolean): void;
     getBoundingClientRect(div: HTMLElement): Rect;
-    getMoveableContainer(): HTMLDivElement | null;
     getClassName: (defaultClassName: string) => string;
     getDomRect(): Rect;
     getRootDiv(): HTMLDivElement | null;