@interopio/groups-ui-react 2.2.0 → 2.2.1

package/dist/cjs/types/api.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Bounds, ButtonProps, ToggleButtonProps } from "./internal";
+import { Bounds, ButtonProps, OverflowedTabInfo, ToggleButtonProps } from "./internal";
 import { CustomButtonProps } from "./defaultComponents";
 export interface ChannelProps {
     visible: boolean;
@@ -40,6 +40,13 @@ export interface BelowTabsProps {
     frameId: string;
     selectedWindow: string;
 }
+export interface TabOverflowPopupProps {
+    frameId: string;
+    select: (windowId: string) => void;
+    close: (windowId: string) => void;
+    hiddenTabsToTheLeft: OverflowedTabInfo[];
+    hiddenTabsToTheRight: OverflowedTabInfo[];
+}
 export interface CaptionEditorProps {
     show: boolean;
     text?: string;
@@ -99,6 +106,7 @@ export interface AfterTabsProps {
     selectedWindow: string;
 }
 export interface TabHeaderButtonsProps {
+    overflow?: ButtonProps;
     feedback?: ButtonProps;
     clone?: ButtonProps;
     sticky?: ToggleButtonProps;
@@ -138,6 +146,7 @@ export interface GroupProps {
             After?: React.ComponentType<AfterTabsProps>;
             Buttons?: React.ComponentType<TabHeaderButtonsProps>;
             Below?: React.ComponentType<BelowTabsProps>;
+            OverflowPopup?: React.ComponentType<TabOverflowPopupProps>;
         };
         html?: {
             Buttons?: React.ComponentType<HtmlButtonsProps>;

package/dist/cjs/types/defaultComponents.d.ts

@@ -32,6 +32,8 @@ export interface UnlockButtonProps extends ButtonProps {
 }
 export interface MinimizeButtonProps extends ButtonProps {
 }
+export interface OverflowButtonProps extends ButtonProps {
+}
 export interface MaximizeButtonProps extends ButtonProps {
 }
 export interface RestoreButtonProps extends ButtonProps {

package/dist/cjs/types/internal.d.ts

@@ -32,6 +32,7 @@ export interface GroupWrapperProps {
     onCreateAfterTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
     onUpdateAfterTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
     onCreateTabHeaderButtonsRequested?: (options: CreateButtonsOptions) => void;
+    onCreateTabOverflowPopupRequested?: (options: CreateTabOverflowPopupRequestOptions) => void;
     onCreateBelowTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
     onUpdateBelowTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
     onUpdateFrameRequested?: (options: UpdateFrameRequestOptions) => void;
@@ -50,6 +51,7 @@ export interface GroupWrapperProps {
     onRemoveTabRequested?: (options: RemoveRequestOptions) => void;
     onRemoveAfterTabsComponentRequested?: (options: RemoveRequestOptions) => void;
     onRemoveTabHeaderButtonsRequested?: (options: RemoveRequestOptions) => void;
+    onRemoveTabOverflowPopupRequested?: (options: RemoveRequestOptions) => void;
     onRemoveBelowTabsRequested?: (options: RemoveRequestOptions) => void;
     onShowCaptionEditorRequested?: (targetType: TargetType, targetId: string, text: string) => void;
     onCommitCaptionEditingRequested?: (targetType: TargetType, targetId: string) => void;
@@ -128,6 +130,10 @@ export interface UpdateCustomButtonOptions {
     imageData: string;
 }
 export interface CreateButtonsOptions extends CreateFrameElementRequestOptions {
+    overflow: {
+        tooltip: string;
+        visible: boolean;
+    };
     feedback: {
         tooltip: string;
         visible: boolean;
@@ -185,6 +191,14 @@ export interface CreateElementRequestOptions extends BaseElementOptions {
 export interface CreateFrameElementRequestOptions extends CreateElementRequestOptions {
     selectedWindow: string;
 }
+export interface OverflowedTabInfo {
+    title: string;
+    windowId: string;
+}
+export interface CreateTabOverflowPopupRequestOptions extends CreateElementRequestOptions {
+    hiddenTabsToTheLeft: OverflowedTabInfo[];
+    hiddenTabsToTheRight: OverflowedTabInfo[];
+}
 export interface CreateFrameLoadingAnimationRequestOptions extends CreateFrameElementRequestOptions {
     show: boolean;
 }
@@ -197,6 +211,7 @@ export declare enum TargetType {
     HtmlButtons = "html"
 }
 export declare enum StandardButtons {
+    Overflow = "overflow",
     Feedback = "feedback",
     Clone = "clone",
     Sticky = "sticky",
@@ -244,6 +259,9 @@ export interface ElementCreationWrapperState {
     tabHeaderButtons: {
         [targetId: string]: CreateButtonsOptions;
     };
+    tabOverflowPopups: {
+        [targetId: string]: CreateTabOverflowPopupRequestOptions;
+    };
     belowTabsZones: {
         [targetId: string]: CreateFrameElementRequestOptions;
     };
@@ -266,6 +284,7 @@ export interface ExternalLibraryFactory {
     onCaptionEditorVisibleChanged(targetType: TargetType, targetId: string, visible: boolean): void;
     onCaptionEditorBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
     commitCaptionEditing(targetType: TargetType, targetId: string, text: string): void;
+    selectTab(windowId: string): void;
 }
 export interface WebGroupsManager {
     init: (factory?: any) => void;

package/dist/cjs/webGroupsManager.d.ts

@@ -19,6 +19,7 @@ declare class WebGroupsManagerDecorator {
     onMinimizeButtonClick(targetType: TargetType, targetId: string): void;
     onLockButtonClick(targetType: TargetType, targetId: string): void;
     onUnlockButtonClick(targetType: TargetType, targetId: string): void;
+    onOverflowButtonClick(targetType: TargetType, targetId: string): void;
     onFeedbackButtonClick(targetType: TargetType, targetId: string): void;
     onCloneButtonClick(targetType: TargetType, targetId: string): void;
     onStickyButtonClick(targetType: TargetType, targetId: string): void;
@@ -34,6 +35,7 @@ declare class WebGroupsManagerDecorator {
     commitCaptionEditing(targetType: TargetType, targetId: string, text: string): void;
     onCommitCaptionEditingRequested(targetType: TargetType, targetId: string, callback: () => void): () => void;
     requestCommitCaptionEditing(targetType: TargetType, targetId: string): void;
+    selectTab(windowId: string): void;
 }
 declare const _default: WebGroupsManagerDecorator;
 export default _default;

package/dist/cjs/webGroupsStore.d.ts

@@ -1,4 +1,4 @@
-import { CreateElementRequestOptions, CreateFrameCaptionBarRequestOptions, CreateFrameElementRequestOptions, CreateGroupCaptionBarRequestOptions, CreateButtonsOptions, CreateTabRequestOptions, ElementCreationWrapperState, RemoveRequestOptions, TargetType, UpdateFrameCaptionBarRequestOptions, UpdateGroupCaptionBarRequestOptions, UpdateStandardButtonRequestOptions, UpdateFrameRequestOptions, CreateFrameLoadingAnimationRequestOptions, UpdateCustomButtonsRequestOptions } from "./types/internal";
+import { CreateElementRequestOptions, CreateFrameCaptionBarRequestOptions, CreateFrameElementRequestOptions, CreateGroupCaptionBarRequestOptions, CreateButtonsOptions, CreateTabRequestOptions, ElementCreationWrapperState, RemoveRequestOptions, TargetType, UpdateFrameCaptionBarRequestOptions, UpdateGroupCaptionBarRequestOptions, UpdateStandardButtonRequestOptions, UpdateFrameRequestOptions, CreateFrameLoadingAnimationRequestOptions, UpdateCustomButtonsRequestOptions, CreateTabOverflowPopupRequestOptions } from "./types/internal";
 declare class WebGroupsStore {
     private listeners;
     private state;
@@ -19,6 +19,7 @@ declare class WebGroupsStore {
     onCreateTabHeaderButtonsRequested: (options: CreateButtonsOptions) => void;
     onCreateBelowTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
     onCreateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
+    onCreateTabOverflowPopupRequested: (options: CreateTabOverflowPopupRequestOptions) => void;
     onUpdateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
     onUpdateGroupCaptionBarRequested: (options: UpdateGroupCaptionBarRequestOptions) => void;
     onUpdateFrameCaptionBarRequested: (options: UpdateFrameCaptionBarRequestOptions) => void;
@@ -45,6 +46,7 @@ declare class WebGroupsStore {
     onRemoveTabHeaderButtonsRequested: (options: RemoveRequestOptions) => void;
     onRemoveBelowTabsRequested: (options: RemoveRequestOptions) => void;
     onRemoveHtmlButtonsRequested: (options: RemoveRequestOptions) => void;
+    onRemoveTabOverflowPopupRequested: (options: RemoveRequestOptions) => void;
     onShowCaptionEditorRequested: (targetType: TargetType, targetId: string, text: string) => void;
     onCommitCaptionEditingRequested: (targetType: TargetType, targetId: string) => void;
     onHideCaptionEditorRequested: (targetType: TargetType, targetId: string) => void;

package/dist/esm/defaultComponents/buttons/OverflowButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { OverflowButtonProps } from "../../types/defaultComponents";
+declare const OverflowButton: React.FC<OverflowButtonProps>;
+export default OverflowButton;

package/dist/esm/defaultComponents/popups/TabOverflowPopup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TabOverflowPopupProps } from '../../types/api';
+declare const TabOverflowPopup: React.FC<TabOverflowPopupProps>;
+export default TabOverflowPopup;

package/dist/esm/index.d.ts

@@ -23,12 +23,13 @@ import ExtractButton from "./defaultComponents/buttons/ExtractButton";
 import FeedbackButton from "./defaultComponents/buttons/FeedbackButton";
 import CloneButton from "./defaultComponents/buttons/CloneButton";
 import StickyButton from "./defaultComponents/buttons/StickyButton";
+import OverflowButton from "./defaultComponents/buttons/OverflowButton";
 import useIOConnectWindow from "./useIOConnectWindow";
 import CustomButton from "./defaultComponents/buttons/CustomButton";
 import { waitForWindow } from "./utils";
 import useGroupComponentVisibility from "./useGroupComponentVisibility";
-import { CloseButtonProps, ExtractButtonProps, StickyButtonProps, FeedbackButtonProps, FlatButtonsProps, FlatCaptionEditorProps, FlatCaptionProps, FlatChannelSelectorProps, FlatMoveAreaProps, GroupButtonsProps, GroupCaptionEditorProps, GroupMoveAreaProps, LockButtonProps, MaximizeButtonProps, MinimizeButtonProps, RestoreButtonProps, TabCaptionEditorProps, TabCaptionProps, TabChannelSelectorProps, TabCloseButtonProps, UnlockButtonProps, UseCaptionEditorOptions, UseEditableCaptionOptions } from "./types/defaultComponents";
-import { AboveTabsProps, AboveWindowProps, AfterTabsProps, BeforeTabsProps, BelowTabsProps, BelowWindowProps, FlatCaptionBarProps, FrameLoadingAnimationProps, FrameWindowOverlayProps, GroupCaptionBarProps, GroupComponentVisibilityState, GroupOverlayProps, GroupProps, HtmlButtonsProps, MoveAreaProps, TabElementProps, TabHeaderButtonsProps, WindowContentOverlayProps } from "./types/api";
+import { CloseButtonProps, ExtractButtonProps, StickyButtonProps, FeedbackButtonProps, FlatButtonsProps, FlatCaptionEditorProps, FlatCaptionProps, FlatChannelSelectorProps, FlatMoveAreaProps, GroupButtonsProps, GroupCaptionEditorProps, GroupMoveAreaProps, LockButtonProps, MaximizeButtonProps, MinimizeButtonProps, RestoreButtonProps, TabCaptionEditorProps, TabCaptionProps, TabChannelSelectorProps, TabCloseButtonProps, UnlockButtonProps, UseCaptionEditorOptions, UseEditableCaptionOptions, OverflowButtonProps } from "./types/defaultComponents";
+import { AboveTabsProps, AboveWindowProps, AfterTabsProps, BeforeTabsProps, BelowTabsProps, BelowWindowProps, FlatCaptionBarProps, FrameLoadingAnimationProps, FrameWindowOverlayProps, GroupCaptionBarProps, GroupComponentVisibilityState, GroupOverlayProps, GroupProps, HtmlButtonsProps, MoveAreaProps, TabElementProps, TabHeaderButtonsProps, TabOverflowPopupProps, WindowContentOverlayProps } from "./types/api";
 import GroupCaptionEditor from "./defaultComponents/groupCaptionBar/GroupCaptionEditor";
 import FlatCaptionEditor from "./defaultComponents/flatCaptionBar/FlatCaptionEditor";
 import TabCaptionEditor from "./defaultComponents/tabs/TabCaptionEditor";
@@ -39,7 +40,8 @@ import useEditableCaption from "./defaultComponents/captionEditor/useEditableCap
 import useCaptionEditor from "./defaultComponents/captionEditor/useCaptionEditor";
 import FrameLoadingAnimation from "./defaultComponents/loadingAnimation/FrameLoadingAnimation";
 import HtmlButtons from "./defaultComponents/htmlButtonsBar/buttons";
-export { GroupCaptionBar, GroupMoveArea, GroupButtons, GroupCaptionEditor, Tab, TabChannelSelector, TabCaption, TabCloseButton, TabCaptionEditor, FeedbackButton, CloneButton, StickyButton, ExtractButton, LockButton, UnlockButton, MinimizeButton, RestoreButton, MaximizeButton, CustomButton, CloseButton, FlatCaptionBar, FlatChannelSelector, FlatCaption, FlatMoveArea, FlatButtons, FlatCaptionEditor, TabHeaderButtons, FrameLoadingAnimation, HtmlButtons, GroupComponentVisibilityState, useIOConnectWindow, useGroupComponentVisibility, waitForWindow, useEditableCaption, useCaptionEditor, useCommitGroupCaptionEditingRequested, useCommitFlatCaptionEditingRequested, useCommitTabCaptionEditingRequested, };
+import TabOverflowPopup from "./defaultComponents/popups/TabOverflowPopup";
+export { GroupCaptionBar, GroupMoveArea, GroupButtons, GroupCaptionEditor, Tab, TabChannelSelector, TabCaption, TabCloseButton, TabCaptionEditor, FeedbackButton, CloneButton, StickyButton, ExtractButton, LockButton, UnlockButton, MinimizeButton, RestoreButton, MaximizeButton, CustomButton, CloseButton, FlatCaptionBar, FlatChannelSelector, FlatCaption, FlatMoveArea, FlatButtons, FlatCaptionEditor, TabHeaderButtons, FrameLoadingAnimation, HtmlButtons, TabOverflowPopup, OverflowButton, GroupComponentVisibilityState, useIOConnectWindow, useGroupComponentVisibility, waitForWindow, useEditableCaption, useCaptionEditor, useCommitGroupCaptionEditingRequested, useCommitFlatCaptionEditingRequested, useCommitTabCaptionEditingRequested, };
 export declare const getGroupId: () => string;
 export declare const requestPageFocus: () => void;
 export declare const requestFrameFocus: (frameId: string) => void;
@@ -47,5 +49,5 @@ export declare const requestGroupFocus: () => void;
 export declare const onCommitGroupCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
 export declare const onCommitFlatCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
 export declare const onCommitTabCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
-export { MoveAreaProps, GroupProps, GroupCaption, GroupCaptionBarProps, GroupMoveAreaProps, GroupOverlayProps, GroupButtonsProps, GroupCaptionEditorProps, TabElementProps, TabChannelSelectorProps, TabCaptionProps, TabCloseButtonProps, TabHeaderButtonsProps, TabCaptionEditorProps, HtmlButtonsProps, FlatCaptionBarProps, FlatCaptionProps, FrameWindowOverlayProps, FlatMoveAreaProps, FlatChannelSelectorProps, FlatButtonsProps, FlatCaptionEditorProps, StickyButtonProps, FeedbackButtonProps, ExtractButtonProps, LockButtonProps, UnlockButtonProps, MinimizeButtonProps, MaximizeButtonProps, RestoreButtonProps, CloseButtonProps, FrameLoadingAnimationProps, UseCaptionEditorOptions, UseEditableCaptionOptions, AboveWindowProps, BelowWindowProps, AboveTabsProps, BelowTabsProps, BeforeTabsProps, AfterTabsProps, WindowContentOverlayProps };
+export { MoveAreaProps, GroupProps, GroupCaption, GroupCaptionBarProps, GroupMoveAreaProps, GroupOverlayProps, GroupButtonsProps, GroupCaptionEditorProps, TabElementProps, TabChannelSelectorProps, TabCaptionProps, TabCloseButtonProps, TabHeaderButtonsProps, TabCaptionEditorProps, HtmlButtonsProps, FlatCaptionBarProps, FlatCaptionProps, FrameWindowOverlayProps, FlatMoveAreaProps, FlatChannelSelectorProps, FlatButtonsProps, FlatCaptionEditorProps, OverflowButtonProps, StickyButtonProps, FeedbackButtonProps, ExtractButtonProps, LockButtonProps, UnlockButtonProps, MinimizeButtonProps, MaximizeButtonProps, RestoreButtonProps, CloseButtonProps, FrameLoadingAnimationProps, UseCaptionEditorOptions, UseEditableCaptionOptions, AboveWindowProps, BelowWindowProps, AboveTabsProps, BelowTabsProps, BeforeTabsProps, AfterTabsProps, WindowContentOverlayProps, TabOverflowPopupProps, };
 export default GroupElementCreationWrapper;

package/dist/esm/index.js

@@ -64,6 +64,7 @@ var TargetType;
 })(TargetType || (TargetType = {}));
 var StandardButtons;
 (function (StandardButtons) {
+    StandardButtons["Overflow"] = "overflow";
     StandardButtons["Feedback"] = "feedback";
     StandardButtons["Clone"] = "clone";
     StandardButtons["Sticky"] = "sticky";
@@ -254,6 +255,9 @@ var WebGroupsManagerDecorator = /** @class */ (function () {
     WebGroupsManagerDecorator.prototype.onUnlockButtonClick = function (targetType, targetId) {
         window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Unlock);
     };
+    WebGroupsManagerDecorator.prototype.onOverflowButtonClick = function (targetType, targetId) {
+        window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Overflow);
+    };
     WebGroupsManagerDecorator.prototype.onFeedbackButtonClick = function (targetType, targetId) {
         window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Feedback);
     };
@@ -315,6 +319,9 @@ var WebGroupsManagerDecorator = /** @class */ (function () {
     WebGroupsManagerDecorator.prototype.requestCommitCaptionEditing = function (targetType, targetId) {
         this.registry.execute(targetType + "-" + targetId);
     };
+    WebGroupsManagerDecorator.prototype.selectTab = function (windowId) {
+        window.webGroupsManager.externalLibraryFactory.selectTab(windowId);
+    };
     return WebGroupsManagerDecorator;
 }());
 var webGroupsManager = new WebGroupsManagerDecorator();
@@ -1823,13 +1830,19 @@ var Tab = function (_a) {
         React.createElement(TabCloseButton, { selected: selected, close: close }));
 };
 
+var OverflowButton = function (_a) {
+    var onClick = _a.onClick, tooltip = _a.tooltip;
+    return React.createElement(BaseButton, { innerElement: { className: "t42-standard-button t42-standard-button-overflow" }, outerElement: { className: "t42-button t42-caption-bar-button t42-tab-bar-button t42-caption-bar-button-overflow", title: tooltip, onClick: onClick } });
+};
+
 var TabHeaderButtons = function (_a) {
-    var extract = _a.extract, minimize = _a.minimize, maximize = _a.maximize, restore = _a.restore, close = _a.close, lock = _a.lock, unlock = _a.unlock, feedback = _a.feedback, clone = _a.clone, sticky = _a.sticky, customButtons = _a.customButtons;
+    var overflow = _a.overflow, extract = _a.extract, minimize = _a.minimize, maximize = _a.maximize, restore = _a.restore, close = _a.close, lock = _a.lock, unlock = _a.unlock, feedback = _a.feedback, clone = _a.clone, sticky = _a.sticky, customButtons = _a.customButtons;
     return React.createElement("div", { className: "t42-buttons-container t42-tab-bar-element" },
         React.createElement("ul", { className: "t42-buttons t42-tab-bar-element" }, customButtons.map(function (customButton) {
             return customButton.visible && React.createElement(CustomButton, __assign({ key: customButton.buttonId }, customButton));
         })),
         React.createElement("ul", { className: "t42-buttons t42-tab-bar-element" },
+            (overflow === null || overflow === void 0 ? void 0 : overflow.visible) && React.createElement(OverflowButton, __assign({}, overflow)),
             (feedback === null || feedback === void 0 ? void 0 : feedback.visible) && React.createElement(FeedbackButton, __assign({}, feedback)),
             (clone === null || clone === void 0 ? void 0 : clone.visible) && React.createElement(CloneButton, __assign({}, clone)),
             (sticky === null || sticky === void 0 ? void 0 : sticky.visible) && React.createElement(StickyButton, __assign({}, sticky)),
@@ -2136,6 +2149,8 @@ var GroupWrapper = /** @class */ (function (_super) {
             updateBelowTabs: this.props.onUpdateBelowTabsRequested,
             createHtmlButtonsContainerElement: this.props.onCreateHtmlButtonsRequested,
             destroyHtmlButtonsContainerElement: this.props.onRemoveHtmlButtonsRequested,
+            createTabOverflowPopup: this.props.onCreateTabOverflowPopupRequested,
+            destroyTabOverflowPopup: this.props.onRemoveTabOverflowPopupRequested,
             updateFrame: this.props.onUpdateFrameRequested,
             updateStandardButton: this.props.onUpdateStandardButtonRequested,
             updateCustomButtons: this.props.onUpdateCustomButtonsRequested,
@@ -2194,6 +2209,7 @@ var WebGroupsStore = /** @class */ (function () {
             tabElements: {},
             afterTabsZones: {},
             tabHeaderButtons: {},
+            tabOverflowPopups: {},
             belowTabsZones: {},
             frameLoadingAnimations: {},
             htmlButtons: {},
@@ -2345,6 +2361,15 @@ var WebGroupsStore = /** @class */ (function () {
                 return __assign(__assign({}, s), { htmlButtons: __assign(__assign({}, s.htmlButtons), (_a = {}, _a[options.targetId] = options, _a)) });
             });
         };
+        this.onCreateTabOverflowPopupRequested = function (options) {
+            if (options === _this.state.tabOverflowPopups[options.targetId] || !options) {
+                return;
+            }
+            _this.setState(function (s) {
+                var _a;
+                return __assign(__assign({}, s), { tabOverflowPopups: __assign(__assign({}, s.tabOverflowPopups), (_a = {}, _a[options.targetId] = options, _a)) });
+            });
+        };
         this.onUpdateHtmlButtonsRequested = function (options) {
             if (options === _this.state.htmlButtons[options.targetId] || !options) {
                 return;
@@ -2688,6 +2713,20 @@ var WebGroupsStore = /** @class */ (function () {
                 return __assign(__assign({}, s), { htmlButtons: newHtmlObj });
             });
         };
+        this.onRemoveTabOverflowPopupRequested = function (options) {
+            if (!_this.state.tabOverflowPopups[options.targetId]) {
+                return;
+            }
+            _this.setState(function (s) {
+                var newTabOverflowPopupsObj = Object.keys(s.tabOverflowPopups).reduce(function (acc, targetId) {
+                    if (targetId != options.targetId) {
+                        acc[targetId] = s.tabOverflowPopups[targetId];
+                    }
+                    return acc;
+                }, {});
+                return __assign(__assign({}, s), { tabOverflowPopups: newTabOverflowPopupsObj });
+            });
+        };
         this.onShowCaptionEditorRequested = function (targetType, targetId, text) {
             if (targetType === TargetType.Group) {
                 _this.onShowGroupCaptionEditorRequested(targetId, text);
@@ -2837,7 +2876,7 @@ var FrameLoadingAnimation = function (_a) {
 };
 
 var GroupElementCreationWrapper = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
     var components = _a.components;
     var state = shim.useSyncExternalStore(webGroupsStore.subscribe, webGroupsStore.getSnapshot);
     var LoadingAnimation = (_c = (_b = components === null || components === void 0 ? void 0 : components.frame) === null || _b === void 0 ? void 0 : _b.LoadingAnimation) !== null && _c !== void 0 ? _c : FrameLoadingAnimation;
@@ -3096,6 +3135,9 @@ var GroupElementCreationWrapper = function (_a) {
                 return;
             }
             var parentElement = te.parentElement, options = __rest(te, ["parentElement"]);
+            var overflow = __assign({ onClick: function () {
+                    webGroupsManager.onOverflowButtonClick(TargetType.TabBar, options.targetId);
+                } }, options.overflow);
             var feedback = __assign({ onClick: function () {
                     webGroupsManager.onFeedbackButtonClick(TargetType.TabBar, options.targetId);
                 } }, options.feedback);
@@ -3141,7 +3183,25 @@ var GroupElementCreationWrapper = function (_a) {
                 });
             }
             return React.createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                React.createElement(TabButtonsCustomElement, __assign({}, options, { feedback: feedback, clone: clone, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, customButtons: customButtonsProps, frameId: options.targetId })));
+                React.createElement(TabButtonsCustomElement, __assign({}, options, { overflow: overflow, feedback: feedback, clone: clone, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, customButtons: customButtonsProps, frameId: options.targetId })));
+        });
+    };
+    var renderTabOverflowPopups = function () {
+        var _a;
+        var TabOverflowCustomElement = (_a = components === null || components === void 0 ? void 0 : components.tabs) === null || _a === void 0 ? void 0 : _a.OverflowPopup;
+        return Object.values(state.tabOverflowPopups).map(function (top) {
+            if (!TabOverflowCustomElement || !top.parentElement) {
+                return;
+            }
+            var parentElement = top.parentElement, options = __rest(top, ["parentElement"]);
+            var select = function (windowId) {
+                webGroupsManager.selectTab(windowId);
+            };
+            var close = function (windowId) {
+                webGroupsManager.onCloseButtonClick(TargetType.Tab, windowId);
+            };
+            return React.createElement(Portal, { key: options.targetId, parentElement: parentElement },
+                React.createElement(TabOverflowCustomElement, __assign({}, options, { select: select, close: close, frameId: options.targetId })));
         });
     };
     var renderBelowTabs = function () {
@@ -3164,6 +3224,9 @@ var GroupElementCreationWrapper = function (_a) {
                 return;
             }
             var parentElement = te.parentElement, options = __rest(te, ["parentElement"]);
+            var overflow = __assign({ onClick: function () {
+                    webGroupsManager.onOverflowButtonClick(TargetType.HtmlButtons, options.targetId);
+                } }, options.overflow);
             var feedback = __assign({ onClick: function () {
                     webGroupsManager.onFeedbackButtonClick(TargetType.HtmlButtons, options.targetId);
                 } }, options.feedback);
@@ -3209,7 +3272,7 @@ var GroupElementCreationWrapper = function (_a) {
                 });
             }
             return React.createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                React.createElement(HtmlButtonsCustomElement, __assign({}, options, { feedback: feedback, clone: clone, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, customButtons: customButtonsProps, frameId: options.targetId })));
+                React.createElement(HtmlButtonsCustomElement, __assign({}, options, { overflow: overflow, feedback: feedback, clone: clone, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, customButtons: customButtonsProps, frameId: options.targetId })));
         });
     };
     return React.createElement(React.Fragment, null,
@@ -3226,9 +3289,10 @@ var GroupElementCreationWrapper = function (_a) {
         renderTabElements(),
         renderAfterTabsZones(),
         renderTabHeaderButtons(),
+        renderTabOverflowPopups(),
         renderBelowTabs(),
         renderHtmlButtons(),
-        React.createElement(GroupWrapper, { onCreateGroupCaptionBarRequested: ((_d = components === null || components === void 0 ? void 0 : components.group) === null || _d === void 0 ? void 0 : _d.CaptionBar) ? webGroupsStore.onCreateGroupCaptionBarRequested : undefined, onCreateGroupOverlayRequested: ((_e = components === null || components === void 0 ? void 0 : components.group) === null || _e === void 0 ? void 0 : _e.Overlay) ? webGroupsStore.onCreateGroupOverlayRequested : undefined, onCreateFrameCaptionBarRequested: ((_f = components === null || components === void 0 ? void 0 : components.flat) === null || _f === void 0 ? void 0 : _f.CaptionBar) ? webGroupsStore.onCreateFrameCaptionBarRequested : undefined, onCreateFrameWindowOverlayRequested: ((_g = components === null || components === void 0 ? void 0 : components.frame) === null || _g === void 0 ? void 0 : _g.Overlay) ? webGroupsStore.onCreateFrameWindowOverlayRequested : undefined, onCreateAboveWindowRequested: ((_h = components === null || components === void 0 ? void 0 : components.frame) === null || _h === void 0 ? void 0 : _h.AboveWindow) ? webGroupsStore.onCreateAboveWindowRequested : undefined, onCreateWindowContentOverlayRequested: ((_j = components === null || components === void 0 ? void 0 : components.frame) === null || _j === void 0 ? void 0 : _j.WindowContentOverlay) ? webGroupsStore.onCreateWindowContentOverlayRequested : undefined, onCreateFrameLoadingAnimationRequested: LoadingAnimation ? webGroupsStore.onCreateFrameLoadingAnimationRequested : undefined, onCreateBelowWindowRequested: ((_k = components === null || components === void 0 ? void 0 : components.frame) === null || _k === void 0 ? void 0 : _k.BelowWindow) ? webGroupsStore.onCreateBelowWindowRequested : undefined, onCreateAboveTabsRequested: ((_l = components === null || components === void 0 ? void 0 : components.tabs) === null || _l === void 0 ? void 0 : _l.Above) ? webGroupsStore.onCreateAboveTabsComponentRequested : undefined, onCreateBeforeTabsComponentRequested: ((_m = components === null || components === void 0 ? void 0 : components.tabs) === null || _m === void 0 ? void 0 : _m.Before) ? webGroupsStore.onCreateBeforeTabsComponentRequested : undefined, onCreateTabRequested: ((_o = components === null || components === void 0 ? void 0 : components.tabs) === null || _o === void 0 ? void 0 : _o.Element) ? webGroupsStore.onCreateTabElementRequested : undefined, onCreateAfterTabsComponentRequested: ((_p = components === null || components === void 0 ? void 0 : components.tabs) === null || _p === void 0 ? void 0 : _p.After) ? webGroupsStore.onCreateAfterTabsComponentRequested : undefined, onCreateTabHeaderButtonsRequested: ((_q = components === null || components === void 0 ? void 0 : components.tabs) === null || _q === void 0 ? void 0 : _q.Buttons) ? webGroupsStore.onCreateTabHeaderButtonsRequested : undefined, onCreateBelowTabsRequested: ((_r = components === null || components === void 0 ? void 0 : components.tabs) === null || _r === void 0 ? void 0 : _r.Below) ? webGroupsStore.onCreateBelowTabsComponentRequested : undefined, onCreateHtmlButtonsRequested: ((_s = components === null || components === void 0 ? void 0 : components.html) === null || _s === void 0 ? void 0 : _s.Buttons) ? webGroupsStore.onCreateHtmlButtonsRequested : undefined, onUpdateGroupCaptionBarRequested: ((_t = components === null || components === void 0 ? void 0 : components.group) === null || _t === void 0 ? void 0 : _t.CaptionBar) ? webGroupsStore.onUpdateGroupCaptionBarRequested : undefined, onUpdateFrameWindowOverlayRequested: ((_u = components === null || components === void 0 ? void 0 : components.group) === null || _u === void 0 ? void 0 : _u.Overlay) ? webGroupsStore.onUpdateFrameWindowOverlayRequested : undefined, onUpdateFrameCaptionBarRequested: ((_v = components === null || components === void 0 ? void 0 : components.flat) === null || _v === void 0 ? void 0 : _v.CaptionBar) ? webGroupsStore.onUpdateFrameCaptionBarRequested : undefined, onUpdateFrameRequested: webGroupsStore.onUpdateFrame, onUpdateStandardButtonRequested: webGroupsStore.onUpdateStandardButton, onUpdateCustomButtonsRequested: webGroupsStore.onUpdateCustomButtons, onUpdateAboveTabsRequested: ((_w = components === null || components === void 0 ? void 0 : components.tabs) === null || _w === void 0 ? void 0 : _w.Above) ? webGroupsStore.onUpdateAboveTabsRequested : undefined, onUpdateBeforeTabsComponentRequested: ((_x = components === null || components === void 0 ? void 0 : components.tabs) === null || _x === void 0 ? void 0 : _x.Before) ? webGroupsStore.onUpdateBeforeTabsRequested : undefined, onUpdateTabRequested: ((_y = components === null || components === void 0 ? void 0 : components.tabs) === null || _y === void 0 ? void 0 : _y.Element) ? webGroupsStore.onUpdateTabElementRequested : undefined, onUpdateAfterTabsComponentRequested: ((_z = components === null || components === void 0 ? void 0 : components.tabs) === null || _z === void 0 ? void 0 : _z.After) ? webGroupsStore.onUpdateAfterTabsRequested : undefined, onUpdateBelowTabsRequested: ((_0 = components === null || components === void 0 ? void 0 : components.tabs) === null || _0 === void 0 ? void 0 : _0.Below) ? webGroupsStore.onUpdateBelowTabsRequested : undefined, onRemoveFrameCaptionBarRequested: webGroupsStore.onRemoveFrameCaptionBarRequested, onRemoveFrameWindowOverlayRequested: webGroupsStore.onRemoveFrameWindowOverlayRequested, onRemoveAboveWindowRequested: webGroupsStore.onRemoveAboveWindowRequested, onRemoveWindowContentOverlayRequested: webGroupsStore.onRemoveWindowContentOverlayRequested, onRemoveFrameLoadingAnimationRequested: webGroupsStore.onRemoveFrameLoadingAnimationRequested, onRemoveBelowWindowRequested: webGroupsStore.onRemoveBelowWindowRequested, onRemoveAboveTabsRequested: webGroupsStore.onRemoveAboveTabsRequested, onRemoveBeforeTabsComponentRequested: webGroupsStore.onRemoveBeforeTabsComponentRequested, onRemoveTabRequested: webGroupsStore.onRemoveTabElementRequested, onRemoveAfterTabsComponentRequested: webGroupsStore.onRemoveAfterTabsComponentRequested, onRemoveTabHeaderButtonsRequested: webGroupsStore.onRemoveTabHeaderButtonsRequested, onRemoveBelowTabsRequested: webGroupsStore.onRemoveBelowTabsRequested, onRemoveHtmlButtonsRequested: webGroupsStore.onRemoveHtmlButtonsRequested, onShowCaptionEditorRequested: webGroupsStore.onShowCaptionEditorRequested, onCommitCaptionEditingRequested: webGroupsStore.onCommitCaptionEditingRequested, onHideCaptionEditorRequested: webGroupsStore.onHideCaptionEditorRequested, onShowLoadingAnimationRequested: webGroupsStore.onShowLoadingAnimationRequested, onHideLoadingAnimationRequested: webGroupsStore.onHideLoadingAnimationRequested }));
+        React.createElement(GroupWrapper, { onCreateGroupCaptionBarRequested: ((_d = components === null || components === void 0 ? void 0 : components.group) === null || _d === void 0 ? void 0 : _d.CaptionBar) ? webGroupsStore.onCreateGroupCaptionBarRequested : undefined, onCreateGroupOverlayRequested: ((_e = components === null || components === void 0 ? void 0 : components.group) === null || _e === void 0 ? void 0 : _e.Overlay) ? webGroupsStore.onCreateGroupOverlayRequested : undefined, onCreateFrameCaptionBarRequested: ((_f = components === null || components === void 0 ? void 0 : components.flat) === null || _f === void 0 ? void 0 : _f.CaptionBar) ? webGroupsStore.onCreateFrameCaptionBarRequested : undefined, onCreateFrameWindowOverlayRequested: ((_g = components === null || components === void 0 ? void 0 : components.frame) === null || _g === void 0 ? void 0 : _g.Overlay) ? webGroupsStore.onCreateFrameWindowOverlayRequested : undefined, onCreateAboveWindowRequested: ((_h = components === null || components === void 0 ? void 0 : components.frame) === null || _h === void 0 ? void 0 : _h.AboveWindow) ? webGroupsStore.onCreateAboveWindowRequested : undefined, onCreateWindowContentOverlayRequested: ((_j = components === null || components === void 0 ? void 0 : components.frame) === null || _j === void 0 ? void 0 : _j.WindowContentOverlay) ? webGroupsStore.onCreateWindowContentOverlayRequested : undefined, onCreateFrameLoadingAnimationRequested: LoadingAnimation ? webGroupsStore.onCreateFrameLoadingAnimationRequested : undefined, onCreateBelowWindowRequested: ((_k = components === null || components === void 0 ? void 0 : components.frame) === null || _k === void 0 ? void 0 : _k.BelowWindow) ? webGroupsStore.onCreateBelowWindowRequested : undefined, onCreateAboveTabsRequested: ((_l = components === null || components === void 0 ? void 0 : components.tabs) === null || _l === void 0 ? void 0 : _l.Above) ? webGroupsStore.onCreateAboveTabsComponentRequested : undefined, onCreateBeforeTabsComponentRequested: ((_m = components === null || components === void 0 ? void 0 : components.tabs) === null || _m === void 0 ? void 0 : _m.Before) ? webGroupsStore.onCreateBeforeTabsComponentRequested : undefined, onCreateTabRequested: ((_o = components === null || components === void 0 ? void 0 : components.tabs) === null || _o === void 0 ? void 0 : _o.Element) ? webGroupsStore.onCreateTabElementRequested : undefined, onCreateAfterTabsComponentRequested: ((_p = components === null || components === void 0 ? void 0 : components.tabs) === null || _p === void 0 ? void 0 : _p.After) ? webGroupsStore.onCreateAfterTabsComponentRequested : undefined, onCreateTabHeaderButtonsRequested: ((_q = components === null || components === void 0 ? void 0 : components.tabs) === null || _q === void 0 ? void 0 : _q.Buttons) ? webGroupsStore.onCreateTabHeaderButtonsRequested : undefined, onCreateBelowTabsRequested: ((_r = components === null || components === void 0 ? void 0 : components.tabs) === null || _r === void 0 ? void 0 : _r.Below) ? webGroupsStore.onCreateBelowTabsComponentRequested : undefined, onCreateHtmlButtonsRequested: ((_s = components === null || components === void 0 ? void 0 : components.html) === null || _s === void 0 ? void 0 : _s.Buttons) ? webGroupsStore.onCreateHtmlButtonsRequested : undefined, onCreateTabOverflowPopupRequested: ((_t = components === null || components === void 0 ? void 0 : components.tabs) === null || _t === void 0 ? void 0 : _t.OverflowPopup) ? webGroupsStore.onCreateTabOverflowPopupRequested : undefined, onUpdateGroupCaptionBarRequested: ((_u = components === null || components === void 0 ? void 0 : components.group) === null || _u === void 0 ? void 0 : _u.CaptionBar) ? webGroupsStore.onUpdateGroupCaptionBarRequested : undefined, onUpdateFrameWindowOverlayRequested: ((_v = components === null || components === void 0 ? void 0 : components.group) === null || _v === void 0 ? void 0 : _v.Overlay) ? webGroupsStore.onUpdateFrameWindowOverlayRequested : undefined, onUpdateFrameCaptionBarRequested: ((_w = components === null || components === void 0 ? void 0 : components.flat) === null || _w === void 0 ? void 0 : _w.CaptionBar) ? webGroupsStore.onUpdateFrameCaptionBarRequested : undefined, onUpdateFrameRequested: webGroupsStore.onUpdateFrame, onUpdateStandardButtonRequested: webGroupsStore.onUpdateStandardButton, onUpdateCustomButtonsRequested: webGroupsStore.onUpdateCustomButtons, onUpdateAboveTabsRequested: ((_x = components === null || components === void 0 ? void 0 : components.tabs) === null || _x === void 0 ? void 0 : _x.Above) ? webGroupsStore.onUpdateAboveTabsRequested : undefined, onUpdateBeforeTabsComponentRequested: ((_y = components === null || components === void 0 ? void 0 : components.tabs) === null || _y === void 0 ? void 0 : _y.Before) ? webGroupsStore.onUpdateBeforeTabsRequested : undefined, onUpdateTabRequested: ((_z = components === null || components === void 0 ? void 0 : components.tabs) === null || _z === void 0 ? void 0 : _z.Element) ? webGroupsStore.onUpdateTabElementRequested : undefined, onUpdateAfterTabsComponentRequested: ((_0 = components === null || components === void 0 ? void 0 : components.tabs) === null || _0 === void 0 ? void 0 : _0.After) ? webGroupsStore.onUpdateAfterTabsRequested : undefined, onUpdateBelowTabsRequested: ((_1 = components === null || components === void 0 ? void 0 : components.tabs) === null || _1 === void 0 ? void 0 : _1.Below) ? webGroupsStore.onUpdateBelowTabsRequested : undefined, onRemoveFrameCaptionBarRequested: webGroupsStore.onRemoveFrameCaptionBarRequested, onRemoveFrameWindowOverlayRequested: webGroupsStore.onRemoveFrameWindowOverlayRequested, onRemoveAboveWindowRequested: webGroupsStore.onRemoveAboveWindowRequested, onRemoveWindowContentOverlayRequested: webGroupsStore.onRemoveWindowContentOverlayRequested, onRemoveFrameLoadingAnimationRequested: webGroupsStore.onRemoveFrameLoadingAnimationRequested, onRemoveBelowWindowRequested: webGroupsStore.onRemoveBelowWindowRequested, onRemoveAboveTabsRequested: webGroupsStore.onRemoveAboveTabsRequested, onRemoveBeforeTabsComponentRequested: webGroupsStore.onRemoveBeforeTabsComponentRequested, onRemoveTabRequested: webGroupsStore.onRemoveTabElementRequested, onRemoveAfterTabsComponentRequested: webGroupsStore.onRemoveAfterTabsComponentRequested, onRemoveTabHeaderButtonsRequested: webGroupsStore.onRemoveTabHeaderButtonsRequested, onRemoveBelowTabsRequested: webGroupsStore.onRemoveBelowTabsRequested, onRemoveHtmlButtonsRequested: webGroupsStore.onRemoveHtmlButtonsRequested, onRemoveTabOverflowPopupRequested: webGroupsStore.onRemoveTabOverflowPopupRequested, onShowCaptionEditorRequested: webGroupsStore.onShowCaptionEditorRequested, onCommitCaptionEditingRequested: webGroupsStore.onCommitCaptionEditingRequested, onHideCaptionEditorRequested: webGroupsStore.onHideCaptionEditorRequested, onShowLoadingAnimationRequested: webGroupsStore.onShowLoadingAnimationRequested, onHideLoadingAnimationRequested: webGroupsStore.onHideLoadingAnimationRequested }));
 };
 
 function useIOConnectWindow(windowId) {
@@ -3290,6 +3354,27 @@ var HtmlButtons = function (_a) {
             (close === null || close === void 0 ? void 0 : close.visible) && React.createElement(CloseButton, __assign({}, close))));
 };
 
+var TabOverflowPopup = function (_a) {
+    var hiddenTabsToTheLeft = _a.hiddenTabsToTheLeft, hiddenTabsToTheRight = _a.hiddenTabsToTheRight, close = _a.close, select = _a.select;
+    var createSection = function (tabs, title) {
+        return (React.createElement("ul", null,
+            React.createElement("li", { className: "title" }, title),
+            tabs.map(function (tab) { return (React.createElement("li", { key: tab.windowId, onClick: function () { return handleTabClick(tab.windowId); } },
+                React.createElement("span", null, tab.title),
+                React.createElement("div", { className: "t42-tab-close-button-content", onClick: function () { return handleTabClose(tab.windowId); } }))); })));
+    };
+    var handleTabClick = function (windowId) {
+        select(windowId);
+    };
+    var handleTabClose = function (windowId) {
+        close(windowId);
+    };
+    return (React.createElement("div", { className: "t42-wg-tab-overflow-popup" },
+        hiddenTabsToTheLeft.length > 0 && createSection(hiddenTabsToTheLeft, "Open left"),
+        hiddenTabsToTheLeft.length > 0 && hiddenTabsToTheRight.length > 0 && React.createElement("hr", null),
+        hiddenTabsToTheRight.length > 0 && createSection(hiddenTabsToTheRight, "Open right")));
+};
+
 var getGroupId = function () { return webGroupsManager === null || webGroupsManager === void 0 ? void 0 : webGroupsManager.getGroupId(); };
 var requestPageFocus = function () { return webGroupsManager === null || webGroupsManager === void 0 ? void 0 : webGroupsManager.requestPageFocus(); };
 var requestFrameFocus = function (frameId) { return webGroupsManager === null || webGroupsManager === void 0 ? void 0 : webGroupsManager.requestFrameFocus(frameId); };
@@ -3298,5 +3383,5 @@ var onCommitGroupCaptionEditingRequested = function (targetId, cb) { return webG
 var onCommitFlatCaptionEditingRequested = function (targetId, cb) { return webGroupsManager.onCommitCaptionEditingRequested(TargetType.Frame, targetId, cb); };
 var onCommitTabCaptionEditingRequested = function (targetId, cb) { return webGroupsManager.onCommitCaptionEditingRequested(TargetType.Tab, targetId, cb); };
 
-export { CloneButton, CloseButton, CustomButton, ExtractButton, FeedbackButton, FlatButtons, FlatCaption, FlatCaptionBar, FlatCaptionEditor, FlatChannelSelector, FlatMoveArea, FrameLoadingAnimation, GroupButtons, GroupCaption, GroupCaptionBar, GroupCaptionEditor, GroupMoveArea, HtmlButtons, LockButton, MaximizeButton, MinimizeButton, RestoreButton, StickyButton, Tab, TabCaption, TabCaptionEditor, TabChannelSelector, TabCloseButton, TabHeaderButtons, UnlockButton, GroupElementCreationWrapper as default, getGroupId, onCommitFlatCaptionEditingRequested, onCommitGroupCaptionEditingRequested, onCommitTabCaptionEditingRequested, requestFrameFocus, requestGroupFocus, requestPageFocus, useCaptionEditor, useCommitFlatCaptionEditingRequested, useCommitGroupCaptionEditingRequested, useCommitTabCaptionEditingRequested, useEditableCaption, useGroupComponentVisibility, useIOConnectWindow, waitForWindow };
+export { CloneButton, CloseButton, CustomButton, ExtractButton, FeedbackButton, FlatButtons, FlatCaption, FlatCaptionBar, FlatCaptionEditor, FlatChannelSelector, FlatMoveArea, FrameLoadingAnimation, GroupButtons, GroupCaption, GroupCaptionBar, GroupCaptionEditor, GroupMoveArea, HtmlButtons, LockButton, MaximizeButton, MinimizeButton, OverflowButton, RestoreButton, StickyButton, Tab, TabCaption, TabCaptionEditor, TabChannelSelector, TabCloseButton, TabHeaderButtons, TabOverflowPopup, UnlockButton, GroupElementCreationWrapper as default, getGroupId, onCommitFlatCaptionEditingRequested, onCommitGroupCaptionEditingRequested, onCommitTabCaptionEditingRequested, requestFrameFocus, requestGroupFocus, requestPageFocus, useCaptionEditor, useCommitFlatCaptionEditingRequested, useCommitGroupCaptionEditingRequested, useCommitTabCaptionEditingRequested, useEditableCaption, useGroupComponentVisibility, useIOConnectWindow, waitForWindow };
 //# sourceMappingURL=index.js.map