@interopio/groups-ui-react 2.5.0 → 2.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@interopio/groups-ui-react",
-    "version": "2.5.0",
+    "version": "2.6.0",
     "description": "React library for building a Web Group App for io.Connect Desktop.",
     "author": {
         "name": "interop.io",
@@ -27,13 +27,14 @@
         "bundle:css": "node ./scripts/bundlecss.js",
         "prepublishOnly": "npm run build",
         "preversion": "npm run build",
-        "version": "npm run build"
+        "version": "npm run build",
+        "clean": "rimraf ./node_modules/react && rimraf ./node_modules/react-dom && rimraf ./node_modules/@interopio/react-hooks"
     },
     "publishConfig": {
         "access": "public"
     },
     "dependencies": {
-        "@interopio/theme": "2.1.26",
+        "@interopio/theme": "^2.1.32",
         "callback-registry": "^2.7.2",
         "color2k": "^2.0.0",
         "overlayscrollbars": "^2.8.3",

package/dist/GroupElementCreationWrapper.d.ts

@@ -1,49 +0,0 @@
-import React from "react";
-import { GroupProps, ElementCreationWrapperState, CreateGroupCaptionBarRequestOptions, CreateFrameCaptionBarRequestOptions, CreateTabRequestOptions, RemoveRequestOptions, UpdateGroupCaptionBarRequestOptions, UpdateFrameCaptionBarRequestOptions, CreateTabHeaderButtonsOptions, UpdateStandardButtonRequestOptions, CreateElementRequestOptions, CreateFrameElementRequestOptions, UpdateFrameRequestionOptions as UpdateFrameRequestOptions } from "./types/internal";
-declare class GroupElementCreationWrapper extends React.Component<GroupProps, ElementCreationWrapperState> {
-    constructor(props: GroupProps);
-    onCreateGroupCaptionBarRequested: (options: CreateGroupCaptionBarRequestOptions) => void;
-    onCreateGroupOverlayRequested: (options: CreateElementRequestOptions) => void;
-    onCreateFrameCaptionBarRequested: (options: CreateFrameCaptionBarRequestOptions) => void;
-    onCreateFrameWindowOverlayRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateBelowWindowRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateAboveTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateBeforeTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateTabElementRequested: (options: CreateTabRequestOptions) => void;
-    onCreateAfterTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateTabHeaderButtonsRequested: (options: CreateTabHeaderButtonsOptions) => void;
-    onCreateBelowTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
-    onUpdateGroupCaptionBarRequested: (options: UpdateGroupCaptionBarRequestOptions) => void;
-    onUpdateFrameCaptionBarRequested: (options: UpdateFrameCaptionBarRequestOptions) => void;
-    onUpdateFrameWindowOverlayRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateAboveTabsRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateBeforeTabsRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateTabElementRequested: (options: CreateTabRequestOptions) => void;
-    onUpdateAfterTabsRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateTabHeaderButtonsRequested: (options: CreateTabHeaderButtonsOptions) => void;
-    onUpdateBelowTabsRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateFrame: (options: UpdateFrameRequestOptions) => void;
-    onUpdateStandardButton: (options: UpdateStandardButtonRequestOptions) => void;
-    renderGroupCaptionBar: () => JSX.Element | undefined;
-    renderGroupOverlay: () => JSX.Element | undefined;
-    renderFrameCaptionBar: () => (JSX.Element | undefined)[];
-    renderFrameWindowOverlay: () => (JSX.Element | undefined)[];
-    renderBelowWindow: () => (JSX.Element | undefined)[];
-    renderAboveTabs: () => (JSX.Element | undefined)[];
-    renderBeforeTabsZones: () => (JSX.Element | undefined)[];
-    renderTabElements: () => (JSX.Element | undefined)[];
-    renderAfterTabsZones: () => (JSX.Element | undefined)[];
-    renderTabHeaderButtons: () => (JSX.Element | undefined)[];
-    renderBelowTabs: () => (JSX.Element | undefined)[];
-    onRemoveFrameCaptionBarRequested: (options: RemoveRequestOptions) => void;
-    onRemoveFrameWindowOverlayRequested: (options: RemoveRequestOptions) => void;
-    onRemoveBelowWindowRequested: (options: RemoveRequestOptions) => void;
-    onRemoveAboveTabsRequested: (options: RemoveRequestOptions) => void;
-    onRemoveBeforeTabsComponentRequested: (options: RemoveRequestOptions) => void;
-    onRemoveTabElementRequested: (options: RemoveRequestOptions) => void;
-    onRemoveAfterTabsComponentRequested: (options: RemoveRequestOptions) => void;
-    onRemoveTabHeaderButtonsRequested: (options: RemoveRequestOptions) => void;
-    onRemoveBelowTabsRequested: (options: RemoveRequestOptions) => void;
-    render(): JSX.Element;
-}
-export default GroupElementCreationWrapper;

package/dist/GroupWrapper.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { GroupWrapperProps } from "./types/internal";
-declare class GroupWrapper extends React.Component<GroupWrapperProps> {
-    containerRef: HTMLElement | null;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
-export default GroupWrapper;

package/dist/Portal.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { PortalProps } from "./types/internal";
-declare class Portal extends React.Component<PortalProps> {
-    render(): React.ReactPortal;
-}
-export default Portal;

package/dist/cjs/defaultComponents/channelSelector/multi/ColorRectangle.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface ColorRectangleProps {
-    colors: string[];
-    onClick: () => void;
-}
-declare const ColorRectangle: React.FC<ColorRectangleProps>;
-export default ColorRectangle;

package/dist/defaultComponents/BaseButton.d.ts

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

package/dist/defaultComponents/CloseButton.d.ts

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

package/dist/defaultComponents/ExtractButton.d.ts

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

package/dist/defaultComponents/MaximizeButton.d.ts

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

package/dist/defaultComponents/MinimizeButton.d.ts

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

package/dist/defaultComponents/RestoreButton.d.ts

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

package/dist/defaultComponents/Tab.d.ts

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

package/dist/defaultComponents/TabCaption.d.ts

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

package/dist/defaultComponents/TabCloseButton.d.ts

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

package/dist/defaultComponents/TabHeaderButtons.d.ts

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

package/dist/defaultComponents/channelSelector/BaseChannelSelector.d.ts

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

package/dist/defaultComponents/channelSelector/FrameChannelSelector.d.ts

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

package/dist/defaultComponents/channelSelector/TabChannelSelector.d.ts

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

package/dist/defaultComponents/channelSelector/utils.d.ts

@@ -1 +0,0 @@
-export declare function IsBlackReadable(color: string): boolean;

package/dist/defaultComponents/frameCaptionBar/FrameButtons.d.ts

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

package/dist/defaultComponents/frameCaptionBar/FrameCaption.d.ts

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

package/dist/defaultComponents/frameCaptionBar/FrameCaptionBar.d.ts

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

package/dist/defaultComponents/frameCaptionBar/FrameMoveArea.d.ts

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

package/dist/defaultComponents/groupCaptionBar/GroupButtons.d.ts

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

package/dist/defaultComponents/groupCaptionBar/GroupCaption.d.ts

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

package/dist/defaultComponents/groupCaptionBar/GroupCaptionBar.d.ts

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

package/dist/defaultComponents/groupCaptionBar/GroupMoveArea.d.ts

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

package/dist/esm/defaultComponents/channelSelector/multi/ColorRectangle.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface ColorRectangleProps {
-    colors: string[];
-    onClick: () => void;
-}
-declare const ColorRectangle: React.FC<ColorRectangleProps>;
-export default ColorRectangle;

package/dist/index.d.ts

@@ -1,27 +0,0 @@
-import CloseButton from "./defaultComponents/CloseButton";
-import FrameCaptionBar from "./defaultComponents/frameCaptionBar/FrameCaptionBar";
-import GroupCaptionBar from "./defaultComponents/groupCaptionBar/GroupCaptionBar";
-import MaximizeButton from "./defaultComponents/MaximizeButton";
-import MinimizeButton from "./defaultComponents/MinimizeButton";
-import Tab from "./defaultComponents/Tab";
-import TabHeaderButtons from "./defaultComponents/TabHeaderButtons";
-import TabCaption from "./defaultComponents/TabCaption";
-import TabCloseButton from "./defaultComponents/TabCloseButton";
-import GroupElementCreationWrapper from "./GroupElementCreationWrapper";
-import { GroupCaptionBarProps, GroupProps, MoveAreaProps, TabElementProps, TabCaptionProps, TabCloseButtonProps, FrameCaptionBarProps, TabHeaderButtonsProps, GroupMoveAreaProps, GroupButtonsProps } from "./types/internal";
-import GroupMoveArea from "./defaultComponents/groupCaptionBar/GroupMoveArea";
-import GroupButtons from "./defaultComponents/groupCaptionBar/GroupButtons";
-import FrameMoveArea from "./defaultComponents/frameCaptionBar/FrameMoveArea";
-import FrameButtons from "./defaultComponents/frameCaptionBar/FrameButtons";
-import FrameCaption from "./defaultComponents/frameCaptionBar/FrameCaption";
-import GroupCaption from "./defaultComponents/groupCaptionBar/GroupCaption";
-import FrameChannelSelector from "./defaultComponents/channelSelector/FrameChannelSelector";
-import TabChannelSelector from "./defaultComponents/channelSelector/TabChannelSelector";
-import RestoreButton from "./defaultComponents/RestoreButton";
-export { GroupCaptionBar, GroupMoveArea, GroupButtons, Tab, TabChannelSelector, TabCaption, TabCloseButton, MinimizeButton, RestoreButton, MaximizeButton, CloseButton, FrameCaptionBar, FrameChannelSelector, FrameCaption, FrameMoveArea, FrameButtons, TabHeaderButtons };
-export declare const getGroupId: () => string;
-export declare const requestPageFocus: () => void;
-export declare const requestFrameFocus: (frameId: string) => void;
-export declare const requestGroupFocus: () => void;
-export { MoveAreaProps, GroupProps, GroupCaption, GroupCaptionBarProps, GroupMoveAreaProps, GroupButtonsProps, TabElementProps, TabCaptionProps, TabCloseButtonProps, FrameCaptionBarProps, TabHeaderButtonsProps, };
-export default GroupElementCreationWrapper;

package/dist/index.js

@@ -1,16 +0,0 @@
-import e,{useRef as t,useEffect as n}from"react";import o from"react-dom";
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var a=function(e,t){return a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},a(e,t)};function r(e,t){function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var s,i,l=function(){return l=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};function d(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(n[o[a]]=e[o[a]])}return n}!function(e){e.Group="group",e.Frame="frame",e.TabBar="tabBar",e.Tab="tab"}(s||(s={})),function(e){e.Minimize="minimize",e.Maximize="maximize",e.Restore="restore",e.Close="close"}(i||(i={}));var u=new(function(){function e(){this.skipFocusStyle="t42-skip-focus"}return e.prototype.init=function(e,t){if(!window.webGroupsManager)throw new Error("Could not find the webGroupsManager the groups library should be loaded as a group application");window.webGroupsManager.init(t)},e.prototype.getGroupId=function(){return window.webGroupsManager.externalLibraryFactory.groupId},e.prototype.notifyMoveAreaChanged=function(){window.webGroupsManager.notifyMoveAreaChanged()},e.prototype.registerPopup=function(e){return window.webGroupsManager.registerPopup(e)},e.prototype.removePopup=function(e){return window.webGroupsManager.removePopup(e)},e.prototype.removePopupById=function(e){return window.webGroupsManager.removePopupById(e)},e.prototype.subscribeForWindowFocused=function(e){return window.webGroupsManager.subscribeForWindowFocused(e)},e.prototype.unmount=function(){return window.webGroupsManager.unmount()},e.prototype.requestPageFocus=function(){return window.webGroupsManager.externalLibraryFactory.focusPage()},e.prototype.requestFrameFocus=function(e){return window.webGroupsManager.externalLibraryFactory.focusFrame(e)},e.prototype.requestGroupFocus=function(){return window.webGroupsManager.externalLibraryFactory.focusGroup()},e.prototype.closeFrame=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.Frame,e,i.Close)},e.prototype.restoreFrame=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.Frame,e,i.Restore)},e.prototype.maximizeFrame=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.Frame,e,i.Maximize)},e.prototype.minimizeFrame=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.Frame,e,i.Minimize)},e.prototype.extractFrame=function(e){},e.prototype.closeTabBar=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.TabBar,e,i.Close)},e.prototype.restoreTabBar=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.TabBar,e,i.Restore)},e.prototype.maximizeTabBar=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.TabBar,e,i.Maximize)},e.prototype.minimizeTabBar=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.TabBar,e,i.Minimize)},e.prototype.extractTabBar=function(e){},e.prototype.closeGroup=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.Group,e,i.Close)},e.prototype.restoreGroup=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.Group,e,i.Restore)},e.prototype.maximizeGroup=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.Group,e,i.Maximize)},e.prototype.minimizeGroup=function(e){window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(s.Group,e,i.Minimize)},e.prototype.closeTab=function(e){window.webGroupsManager.externalLibraryFactory.onTabCloseButtonClick(e)},e.prototype.onGroupMoveAreaChanged=function(e){window.webGroupsManager.externalLibraryFactory.onMoveAreaChanged(s.Group,e)},e.prototype.onTabChannelSelectorClick=function(e,t){window.webGroupsManager.externalLibraryFactory.onTabChannelSelectorClick(e,t)},e.prototype.onFrameChannelSelectorClick=function(e,t){window.webGroupsManager.externalLibraryFactory.onFrameChannelSelectorClick(e,t)},e}()),c=function(t){var n=t.outerElement,o=t.innerElement;return e.createElement("li",l({},n,{className:u.skipFocusStyle+" "+n.className}),e.createElement("div",l({},o)))},p=function(t){var n=t.onClick,o=t.tooltip;return e.createElement(c,{innerElement:{className:"t42-standard-button t42-standard-button-close"},outerElement:{className:"t42-button t42-caption-bar-button t42-tab-bar-button t42-caption-bar-button-close",title:o,onClick:n}})};function b(e,t,n){return Math.min(Math.max(e,n),t)}class m extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}var v=m;function f(e){if("string"!=typeof e)throw new v(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=E.test(e)?function(e){const t=e.toLowerCase().trim(),n=g[function(e){let t=5381,n=e.length;for(;n;)t=33*t^e.charCodeAt(--n);return(t>>>0)%2341}(t)];if(!n)throw new v(e);return`#${n}`}(e):e;const n=y.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(C(e,2),16))),parseInt(C(e[3]||"f",2),16)/255]}const o=h.exec(t);if(o){const e=Array.from(o).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=B.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const r=T.exec(t);if(r){const[t,n,o,a]=Array.from(r).slice(1).map(parseFloat);if(b(0,100,n)!==n)throw new v(e);if(b(0,100,o)!==o)throw new v(e);return[...R(t,n,o),a||1]}throw new v(e)}const w=e=>parseInt(e.replace(/_/g,""),36),g="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const n=w(t.substring(0,3)),o=w(t.substring(3)).toString(16);let a="";for(let e=0;e<6-o.length;e++)a+="0";return e[n]=`${a}${o}`,e}),{});const C=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),y=new RegExp(`^#${C("([a-f0-9])",3)}([a-f0-9])?$`,"i"),h=new RegExp(`^#${C("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),B=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${C(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),T=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,E=/^[a-z]+$/i,I=e=>Math.round(255*e),R=(e,t,n)=>{let o=n/100;if(0===t)return[o,o,o].map(I);const a=(e%360+360)%360/60,r=(1-Math.abs(2*o-1))*(t/100),s=r*(1-Math.abs(a%2-1));let i=0,l=0,d=0;a>=0&&a<1?(i=r,l=s):a>=1&&a<2?(i=s,l=r):a>=2&&a<3?(l=r,d=s):a>=3&&a<4?(l=s,d=r):a>=4&&a<5?(i=s,d=r):a>=5&&a<6&&(i=r,d=s);const u=o-r/2;return[i+u,l+u,d+u].map(I)};function q(e){return function(e){if("transparent"===e)return 0;function t(e){const t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)}const[n,o,a]=f(e);return.2126*t(n)+.7152*t(o)+.0722*t(a)}(e)>.179}var _=function(o){var a=o.outsideClass,r=o.contentClass,s=o.showSelector,i=o.selectedChannel,l=o.selectedChannelColor,d=t(null);n((function(){var e;null===(e=d.current)||void 0===e||e.addEventListener("mousedown",(function(e){e.stopPropagation()}))}),[d]);var u=r;i&&l&&(u=r+" "+(function(e){try{var t=f(e),n=t[0],o=t[1],a=t[2],r=2.2;return.2126*Math.pow(n/255,r)+.7152*Math.pow(o/255,r)+.0722*Math.pow(a/255,r)>Math.pow(.5,r)}catch(e){}try{return q(e)}catch(t){console.error("Error while checking readable color for '"+e+"'",t)}return!1}(l)?"t42-channel-selector-content-dark":"t42-channel-selector-content-light"));var c={background:l};return e.createElement("div",{title:null!=i?i:"",ref:d,style:c,onClick:function(){if(d.current){var e=d.current.getBoundingClientRect();s({left:e.left,top:e.top,width:e.width,height:e.height})}},className:"t42-buttons "+a},e.createElement("div",{className:u}))},W=function(t){var n=t.showSelector,o=t.selectedChannel,a=t.selectedChannelColor;return e.createElement(_,{outsideClass:"t42-frame-caption-bar-element t42-frame-channel-selector",contentClass:"t42-frame-channel-selector-content",showSelector:n,selectedChannel:o,selectedChannelColor:a})},k=function(t){var n=t.onClick,o=t.tooltip;return e.createElement(c,{innerElement:{className:"t42-standard-button t42-standard-button-extract"},outerElement:{className:"t42-button t42-caption-bar-button t42-tab-bar-button t42-caption-bar-button-extract",title:o,onClick:n}})},F=function(t){var n=t.tooltip,o=t.onClick;return e.createElement(c,{innerElement:{className:"t42-standard-button t42-standard-button-maximize"},outerElement:{className:"t42-button t42-caption-bar-button t42-tab-bar-button t42-caption-bar-button-maximize",title:n,onClick:o}})},z=function(t){var n=t.onClick,o=t.tooltip;return e.createElement(c,{innerElement:{className:"t42-standard-button t42-standard-button-minimize"},outerElement:{className:"t42-button t42-caption-bar-button t42-tab-bar-button t42-caption-bar-button-minimize",title:o,onClick:n}})},O=function(t){var n=t.tooltip,o=t.onClick;return e.createElement(c,{innerElement:{className:"t42-standard-button t42-standard-button-restore"},outerElement:{className:"t42-button t42-caption-bar-button t42-tab-bar-button t42-caption-bar-button-restore",title:n,onClick:o}})},Z=function(t){var n=t.extract,o=t.minimize,a=t.maximize,r=t.restore,s=t.close;return e.createElement("div",{className:"t42-buttons-container t42-frame-caption-bar-element"},e.createElement("ul",{className:"t42-buttons t42-frame-caption-bar-element"},(null==n?void 0:n.visible)&&e.createElement(k,l({},n)),(null==o?void 0:o.visible)&&e.createElement(z,l({},o)),(null==a?void 0:a.visible)&&e.createElement(F,l({},a)),(null==r?void 0:r.visible)&&e.createElement(O,l({},r)),(null==s?void 0:s.visible)&&e.createElement(p,l({},s))))},x=function(t){var n=t.caption;return e.createElement("div",{className:"t42-caption t42-title t42-frame-caption-bar-element"},n)},S=function(t){var n=t.children,o=t.moveAreaId;return e.createElement("div",{id:o,className:"t42-move-area t42-frame-caption-bar-element"},n)},G=function(t){var n=t.moveAreaId,o=t.caption,a=t.close,r=t.maximize,s=t.restore,i=t.minimize,l=t.extract,d=t.channels;return e.createElement("div",{className:"t42-react-caption-bar"},(null==d?void 0:d.visible)&&e.createElement(W,{showSelector:null==d?void 0:d.showSelector,selectedChannel:null==d?void 0:d.selectedChannel,selectedChannelColor:null==d?void 0:d.selectedChannelColor}),e.createElement(S,{moveAreaId:n},e.createElement(x,{caption:o})),e.createElement(Z,{extract:l,minimize:i,maximize:r,restore:s,close:a}))},A=function(t){var n=t.children,o=t.moveAreaId;return e.createElement("div",{id:o,className:"t42-move-area t42-group-caption-bar-element"},n)},j=function(t){var n=t.minimize,o=t.restore,a=t.maximize,r=t.close;return e.createElement("div",{className:"t42-buttons-container t42-group-caption-bar-element"},e.createElement("ul",{className:"t42-buttons t42-group-caption-bar-element"},(null==n?void 0:n.visible)&&e.createElement(z,l({},n)),(null==o?void 0:o.visible)&&e.createElement(O,l({},o)),(null==a?void 0:a.visible)&&e.createElement(F,l({},a)),(null==r?void 0:r.visible)&&e.createElement(p,l({},r))))},M=function(t){var n=t.caption;return e.createElement("div",{className:"t42-caption t42-title t42-group-caption-bar-element"},n)},U=function(t){var n=t.moveAreaId;t.targetType,t.targetId;var o=t.caption,a=d(t,["moveAreaId","targetType","targetId","caption"]);return e.createElement("div",{className:"t42-react-caption-bar"},e.createElement(A,{moveAreaId:n},e.createElement(M,{caption:o})),e.createElement(j,l({},a)))},H=function(t){var n=t.showSelector,o=t.selectedChannel,a=t.selectedChannelColor;return e.createElement(_,{outsideClass:"t42-tab-bar-element t42-tab-channel-selector",contentClass:"t42-tab-channel-selector-content",showSelector:n,selectedChannel:o,selectedChannelColor:a})},N=function(t){var n=t.caption,o=t.selected;return e.createElement("div",{className:o?"t42-caption t42-tab-caption t42-selected-tab-caption":"t42-caption t42-tab-caption"},n)},L=function(o){var a=o.selected,r=o.close,s=t(null);return n((function(){var e;null===(e=s.current)||void 0===e||e.addEventListener("mousedown",(function(e){e.stopPropagation()}))}),[s]),e.createElement("div",{ref:s,onClick:r,className:a?"t42-tab-close-button t42-tab-bar-element t42-selected-tab-close-button t42-selected-tab-element":"t42-tab-close-button t42-tab-bar-element",title:"close"},e.createElement("div",{className:a?"t42-tab-close-button-content t42-selected-tab-close-button-content":"t42-tab-close-button-content"}))},P=function(t){var n=t.caption,o=t.selected,a=t.close,r=t.channels;return e.createElement("div",{className:"t42-react-tab"},r.visible&&e.createElement(H,{showSelector:r.showSelector,selectedChannel:r.selectedChannel,selectedChannelColor:null==r?void 0:r.selectedChannelColor}),e.createElement(N,{caption:n,selected:o}),e.createElement(L,{selected:o,close:a}))},$=function(t){var n=t.extract,o=t.minimize,a=t.maximize,r=t.restore,s=t.close;return e.createElement("div",{className:"t42-buttons-container t42-tab-bar-element"},e.createElement("ul",{className:"t42-buttons t42-tab-bar-element"},(null==n?void 0:n.visible)&&e.createElement(k,l({},n)),(null==o?void 0:o.visible)&&e.createElement(z,l({},o)),(null==r?void 0:r.visible)&&e.createElement(O,l({},r)),(null==a?void 0:a.visible)&&e.createElement(F,l({},a)),(null==s?void 0:s.visible)&&e.createElement(p,l({},s))))},V=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return r(n,t),n.prototype.componentDidMount=function(){var e={createGroupCaptionBar:this.props.onCreateGroupCaptionBarRequested,updateGroupCaptionBar:this.props.onUpdateGroupCaptionBarRequested,createGroupOverlay:this.props.onCreateGroupOverlayRequested,createFrameCaptionBar:this.props.onCreateFrameCaptionBarRequested,updateFrameCaptionBar:this.props.onUpdateFrameCaptionBarRequested,createFrameWindowOverlay:this.props.onCreateFrameWindowOverlayRequested,updateFrameWindowOverlay:this.props.onUpdateFrameWindowOverlayRequested,createBelowWindow:this.props.onCreateBelowWindowRequested,destroyBelowWindow:this.props.onRemoveBelowWindowRequested,createAboveTabs:this.props.onCreateAboveTabsRequested,updateAboveTabs:this.props.onUpdateAboveTabsRequested,createBeforeTabs:this.props.onCreateBeforeTabsComponentRequested,updateBeforeTabs:this.props.onUpdateBeforeTabsComponentRequested,createTab:this.props.onCreateTabRequested,updateTab:this.props.onUpdateTabRequested,createAfterTabs:this.props.onCreateAfterTabsComponentRequested,updateAfterTabs:this.props.onUpdateAfterTabsComponentRequested,createTabBarButtonsContainerElement:this.props.onCreateTabHeaderButtonsRequested,createBelowTabs:this.props.onCreateBelowTabsRequested,updateBelowTabs:this.props.onUpdateBelowTabsRequested,updateFrame:this.props.onUpdateFrameRequested,updateStandardButton:this.props.onUpdateStandardButtonRequested,destroyFrameCaptionBar:this.props.onRemoveFrameCaptionBarRequested,destroyFrameWindowOverlay:this.props.onRemoveFrameWindowOverlayRequested,destroyAboveTabs:this.props.onRemoveAboveTabsRequested,destroyBeforeTabs:this.props.onRemoveBeforeTabsComponentRequested,destroyTab:this.props.onRemoveTabRequested,destroyAfterTabs:this.props.onRemoveAfterTabsComponentRequested,destroyTabBarButtonsContainerElement:this.props.onRemoveTabHeaderButtonsRequested,destroyBelowTabs:this.props.onRemoveBelowTabsRequested};u.init(void 0,e)},n.prototype.componentWillUnmount=function(){},n.prototype.render=function(){var t=this;return e.createElement("div",{id:"t42-group-container",ref:function(e){return t.containerRef=e}},e.createElement("div",{id:"t42-frames-container"}))},n}(e.Component),D=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return o.createPortal(this.props.children,this.props.parentElement)},t}(e.Component),J=function(t){function n(n){var o=t.call(this,n)||this;return o.onCreateGroupCaptionBarRequested=function(e){e!==o.state.groupCaptionBar&&o.setState((function(t){return l(l({},t),{groupCaptionBar:e})}))},o.onCreateGroupOverlayRequested=function(e){e!==o.state.groupOverlay&&o.setState((function(t){return l(l({},t),{groupOverlay:e})}))},o.onCreateFrameCaptionBarRequested=function(e){e!==o.state.frameCaptionBars[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{frameCaptionBars:l(l({},t.frameCaptionBars),(n={},n[e.targetId]=e,n))})}))},o.onCreateFrameWindowOverlayRequested=function(e){e!==o.state.frameWindowOverlays[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{frameWindowOverlays:l(l({},t.frameWindowOverlays),(n={},n[e.targetId]=e,n))})}))},o.onCreateBelowWindowRequested=function(e){e!==o.state.belowWindowZones[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{belowWindowZones:l(l({},t.belowWindowZones),(n={},n[e.targetId]=e,n))})}))},o.onCreateAboveTabsComponentRequested=function(e){e!==o.state.aboveTabsZones[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{aboveTabsZones:l(l({},t.aboveTabsZones),(n={},n[e.targetId]=e,n))})}))},o.onCreateBeforeTabsComponentRequested=function(e){e!==o.state.beforeTabsZones[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{beforeTabsZones:l(l({},t.beforeTabsZones),(n={},n[e.targetId]=e,n))})}))},o.onCreateTabElementRequested=function(e){e!==o.state.tabElements[e.targetId]&&e&&o.setState((function(t){var n;return Object.keys(t.tabElements).reduce((function(e,n){return e[n]=t.tabElements[n],e}),{})[e.targetId]=e,l(l({},t),{tabElements:l(l({},t.tabElements),(n={},n[e.targetId]=e,n))})}))},o.onCreateAfterTabsComponentRequested=function(e){e!==o.state.afterTabsZones[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{afterTabsZones:l(l({},t.afterTabsZones),(n={},n[e.targetId]=e,n))})}))},o.onCreateTabHeaderButtonsRequested=function(e){e!==o.state.tabHeaderButtons[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{tabHeaderButtons:l(l({},t.tabHeaderButtons),(n={},n[e.targetId]=e,n))})}))},o.onCreateBelowTabsComponentRequested=function(e){e!==o.state.belowTabsZones[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{belowTabsZones:l(l({},t.belowTabsZones),(n={},n[e.targetId]=e,n))})}))},o.onUpdateGroupCaptionBarRequested=function(e){e!==o.state.groupCaptionBar&&o.setState((function(t){return l(l({},t),{groupCaptionBar:Object.assign({},t.groupCaptionBar,e)})}))},o.onUpdateFrameCaptionBarRequested=function(e){e!==o.state.frameCaptionBars[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{frameCaptionBars:l(l({},t.frameCaptionBars),(n={},n[e.targetId]=l(l({},t.frameCaptionBars[e.targetId]),e),n))})}))},o.onUpdateFrameWindowOverlayRequested=function(e){e!==o.state.frameWindowOverlays[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{frameWindowOverlays:l(l({},t.frameWindowOverlays),(n={},n[e.targetId]=l(l({},t.frameWindowOverlays[e.targetId]),e),n))})}))},o.onUpdateAboveTabsRequested=function(e){e!==o.state.aboveTabsZones[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{aboveTabsZones:l(l({},t.aboveTabsZones),(n={},n[e.targetId]=l(l({},t.aboveTabsZones[e.targetId]),e),n))})}))},o.onUpdateBeforeTabsRequested=function(e){e!==o.state.beforeTabsZones[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{beforeTabsZones:l(l({},t.beforeTabsZones),(n={},n[e.targetId]=l(l({},t.beforeTabsZones[e.targetId]),e),n))})}))},o.onUpdateTabElementRequested=function(e){e!==o.state.tabElements[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{tabElements:l(l({},t.tabElements),(n={},n[e.targetId]=l(l({},t.tabElements[e.targetId]),e),n))})}))},o.onUpdateAfterTabsRequested=function(e){e!==o.state.afterTabsZones[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{afterTabsZones:l(l({},t.afterTabsZones),(n={},n[e.targetId]=l(l({},t.afterTabsZones[e.targetId]),e),n))})}))},o.onUpdateTabHeaderButtonsRequested=function(e){e!==o.state.tabHeaderButtons[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{tabHeaderButtons:l(l({},t.tabHeaderButtons),(n={},n[e.targetId]=l(l({},t.tabHeaderButtons[e.targetId]),e),n))})}))},o.onUpdateBelowTabsRequested=function(e){e!==o.state.belowTabsZones[e.targetId]&&e&&o.setState((function(t){var n;return l(l({},t),{belowTabsZones:l(l({},t.belowTabsZones),(n={},n[e.targetId]=l(l({},t.belowTabsZones[e.targetId]),e),n))})}))},o.onUpdateFrame=function(e){o.setState((function(t){var n,o,a,r,s,i,d,u,c,p,b,m,v,f,w,g,C=l({},t);return t.frameWindowOverlays[e.targetId]&&(null===(c=t.frameWindowOverlays[e.targetId])||void 0===c?void 0:c.selectedWindow)!=e.selectedWindow&&(C.frameCaptionBars=l(l({},t.frameCaptionBars),((n={})[e.targetId]=l(l({},t.frameCaptionBars[e.targetId]),{selectedWindow:e.selectedWindow}),n))),t.frameWindowOverlays[e.targetId]&&(null===(p=t.frameWindowOverlays[e.targetId])||void 0===p?void 0:p.selectedWindow)!=e.selectedWindow&&(C.frameWindowOverlays=l(l({},t.frameWindowOverlays),((o={})[e.targetId]=l(l({},t.frameWindowOverlays[e.targetId]),{selectedWindow:e.selectedWindow}),o))),t.belowWindowZones[e.targetId]&&(null===(b=t.belowWindowZones[e.targetId])||void 0===b?void 0:b.selectedWindow)!=e.selectedWindow&&(C.belowWindowZones=l(l({},t.belowWindowZones),((a={})[e.targetId]=l(l({},t.belowWindowZones[e.targetId]),{selectedWindow:e.selectedWindow}),a))),t.aboveTabsZones[e.targetId]&&(null===(m=t.frameWindowOverlays[e.targetId])||void 0===m?void 0:m.selectedWindow)!=e.selectedWindow&&(C.aboveTabsZones=l(l({},t.aboveTabsZones),((r={})[e.targetId]=l(l({},t.aboveTabsZones[e.targetId]),{selectedWindow:e.selectedWindow}),r))),t.beforeTabsZones[e.targetId]&&(null===(v=t.frameWindowOverlays[e.targetId])||void 0===v?void 0:v.selectedWindow)!=e.selectedWindow&&(C.beforeTabsZones=l(l({},t.beforeTabsZones),((s={})[e.targetId]=l(l({},t.beforeTabsZones[e.targetId]),{selectedWindow:e.selectedWindow}),s))),t.afterTabsZones[e.targetId]&&(null===(f=t.frameWindowOverlays[e.targetId])||void 0===f?void 0:f.selectedWindow)!=e.selectedWindow&&(C.afterTabsZones=l(l({},t.afterTabsZones),((i={})[e.targetId]=l(l({},t.afterTabsZones[e.targetId]),{selectedWindow:e.selectedWindow}),i))),t.tabHeaderButtons[e.targetId]&&(null===(w=t.frameWindowOverlays[e.targetId])||void 0===w?void 0:w.selectedWindow)!=e.selectedWindow&&(C.tabHeaderButtons=l(l({},t.tabHeaderButtons),((d={})[e.targetId]=l(l({},t.tabHeaderButtons[e.targetId]),{selectedWindow:e.selectedWindow}),d))),t.belowTabsZones[e.targetId]&&(null===(g=t.frameWindowOverlays[e.targetId])||void 0===g?void 0:g.selectedWindow)!=e.selectedWindow&&(C.belowTabsZones=l(l({},t.belowTabsZones),((u={})[e.targetId]=l(l({},t.belowTabsZones[e.targetId]),{selectedWindow:e.selectedWindow}),u))),C}))},o.onUpdateStandardButton=function(e){var t,n,a,r,i=(null===(r=o.state.groupCaptionBar)||void 0===r?void 0:r.targetId)===e.targetId,d=o.state.frameCaptionBars[e.targetId],u=o.state.tabHeaderButtons[e.targetId];if(i){var c=l(l({},o.state.groupCaptionBar),((t={})[e.buttonId]=l({},e),t));o.onUpdateGroupCaptionBarRequested(c)}else if(d&&e.targetType===s.Frame){c=l(l({},o.state.frameCaptionBars[e.targetId]),((n={})[e.buttonId]=l({},e),n));o.onUpdateFrameCaptionBarRequested(c)}else if(u&&e.targetType===s.TabBar){c=l(l({},o.state.tabHeaderButtons[e.targetId]),((a={})[e.buttonId]=l({},e),a));o.onUpdateTabHeaderButtonsRequested(c)}},o.renderGroupCaptionBar=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.group)||void 0===n?void 0:n.CaptionBar;if(a&&o.state.groupCaptionBar&&o.state.groupCaptionBar.parentElement){var r=o.state.groupCaptionBar,s=r.parentElement,i=d(r,["parentElement"]),c=l({onClick:function(){u.minimizeGroup(i.targetId)}},i.minimize),p=l({onClick:function(){u.restoreGroup(i.targetId)}},i.restore),b=l({onClick:function(){u.maximizeGroup(i.targetId)}},i.maximize),m=l({onClick:function(){u.closeGroup(i.targetId)}},i.close);return e.createElement(D,{parentElement:s},e.createElement(a,l({},i,{minimize:c,maximize:b,restore:p,close:m})))}},o.renderGroupOverlay=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.group)||void 0===n?void 0:n.Overlay;if(a&&o.state.groupOverlay&&o.state.groupOverlay.parentElement){var r=o.state.groupOverlay,s=r.parentElement,i=d(r,["parentElement"]);return e.createElement(D,{parentElement:s},e.createElement(a,l({},i)))}},o.renderFrameCaptionBar=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.flat)||void 0===n?void 0:n.CaptionBar;return Object.values(o.state.frameCaptionBars).map((function(t){if(a&&t.parentElement){var n=t.parentElement,o=d(t,["parentElement"]),r=l({onClick:function(){u.minimizeFrame(o.targetId)}},o.minimize),s=l({onClick:function(){u.restoreFrame(o.targetId)}},o.restore),i=l({onClick:function(){u.maximizeFrame(o.targetId)}},o.maximize),c=l({onClick:function(){u.closeFrame(o.targetId)}},o.close),p={showSelector:function(e){u.onFrameChannelSelectorClick(o.targetId,e)},visible:o.channelSelectorVisible,selectedChannel:o.selectedChannel,selectedChannelColor:o.selectedChannelColor};return e.createElement(D,{key:o.targetId,parentElement:n},e.createElement(a,l({},o,{minimize:r,maximize:i,restore:s,close:c,channels:p,frameId:o.targetId})))}}))},o.renderFrameWindowOverlay=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.frame)||void 0===n?void 0:n.Overlay;return Object.values(o.state.frameWindowOverlays).map((function(t){if(a&&t.parentElement){var n=t.parentElement,o=d(t,["parentElement"]);return e.createElement(D,{key:o.targetId,parentElement:n},e.createElement(a,l({},o,{frameId:o.targetId})))}}))},o.renderBelowWindow=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.frame)||void 0===n?void 0:n.BelowWindow;return Object.values(o.state.belowWindowZones).map((function(t){if(a&&t.parentElement){var n=t.parentElement,o=d(t,["parentElement"]);return e.createElement(D,{key:o.targetId,parentElement:n},e.createElement(a,l({},o,{frameId:o.targetId})))}}))},o.renderAboveTabs=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.tabs)||void 0===n?void 0:n.Above;return Object.values(o.state.aboveTabsZones).map((function(t){if(a&&t.parentElement){var n=t.parentElement,o=d(t,["parentElement"]);return e.createElement(D,{key:o.targetId,parentElement:n},e.createElement(a,l({},o,{frameId:o.targetId})))}}))},o.renderBeforeTabsZones=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.tabs)||void 0===n?void 0:n.Before;return Object.values(o.state.beforeTabsZones).map((function(t){if(a&&t.parentElement){var n=t.parentElement,o=d(t,["parentElement"]);return e.createElement(D,{key:o.targetId,parentElement:n},e.createElement(a,l({},o,{frameId:o.targetId})))}}))},o.renderTabElements=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.tabs)||void 0===n?void 0:n.Element;return Object.values(o.state.tabElements).map((function(t){var n;if(a&&t.parentElement){var o=t.parentElement,r=d(t,["parentElement"]),s={showSelector:function(e){u.onTabChannelSelectorClick(r.targetId,e)},visible:r.channelSelectorVisible,selectedChannel:r.selectedChannel,selectedChannelColor:null!==(n=r.selectedChannelColor)&&void 0!==n?n:r.selectedChannel};return e.createElement(D,{key:r.targetId,parentElement:o},e.createElement(a,l({},r,{close:function(){u.closeTab(r.targetId)},channels:s,windowId:r.targetId})))}}))},o.renderAfterTabsZones=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.tabs)||void 0===n?void 0:n.After;return Object.values(o.state.afterTabsZones).map((function(t){if(a&&t.parentElement){var n=t.parentElement,o=d(t,["parentElement"]);return e.createElement(D,{key:o.targetId,parentElement:n},e.createElement(a,l({},o,{frameId:o.targetId})))}}))},o.renderTabHeaderButtons=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.tabs)||void 0===n?void 0:n.Buttons;return Object.values(o.state.tabHeaderButtons).map((function(t){if(a&&t.parentElement){var n=t.parentElement,o=d(t,["parentElement"]),r=l({onClick:function(){u.minimizeTabBar(o.targetId)}},o.minimize),s=l({onClick:function(){u.restoreTabBar(o.targetId)}},o.restore),i=l({onClick:function(){u.maximizeTabBar(o.targetId)}},o.maximize),c=l({onClick:function(){u.closeTabBar(o.targetId)}},o.close);return e.createElement(D,{key:o.targetId,parentElement:n},e.createElement(a,l({},o,{minimize:r,maximize:i,restore:s,close:c,frameId:o.targetId})))}}))},o.renderBelowTabs=function(){var t,n,a=null===(n=null===(t=o.props.components)||void 0===t?void 0:t.tabs)||void 0===n?void 0:n.Below;return Object.values(o.state.belowTabsZones).map((function(t){if(a&&t.parentElement){var n=t.parentElement,o=d(t,["parentElement"]);return e.createElement(D,{key:o.targetId,parentElement:n},e.createElement(a,l({},o,{frameId:o.targetId})))}}))},o.onRemoveFrameCaptionBarRequested=function(e){o.state.frameCaptionBars[e.targetId]&&o.setState((function(t){var n=Object.keys(t.frameCaptionBars).reduce((function(n,o){return o!==e.targetId&&(n[o]=t.frameCaptionBars[o]),n}),{});return l(l({},t),{frameCaptionBars:n})}))},o.onRemoveFrameWindowOverlayRequested=function(e){o.state.frameWindowOverlays[e.targetId]&&o.setState((function(t){var n=Object.keys(t.frameWindowOverlays).reduce((function(n,o){return o!==e.targetId&&(n[o]=t.frameWindowOverlays[o]),n}),{});return l(l({},t),{frameWindowOverlays:n})}))},o.onRemoveBelowWindowRequested=function(e){o.state.belowWindowZones[e.targetId]&&o.setState((function(t){var n=Object.keys(t.belowWindowZones).reduce((function(n,o){return o!==e.targetId&&(n[o]=t.belowWindowZones[o]),n}),{});return l(l({},t),{belowWindowZones:n})}))},o.onRemoveAboveTabsRequested=function(e){o.state.aboveTabsZones[e.targetId]&&o.setState((function(t){var n=Object.keys(t.aboveTabsZones).reduce((function(n,o){return o!=e.targetId&&(n[o]=t.aboveTabsZones[o]),n}),{});return l(l({},t),{aboveTabsZones:n})}))},o.onRemoveBeforeTabsComponentRequested=function(e){o.state.beforeTabsZones[e.targetId]&&o.setState((function(t){var n=Object.keys(t.beforeTabsZones).reduce((function(n,o){return o!=e.targetId&&(n[o]=t.beforeTabsZones[o]),n}),{});return l(l({},t),{beforeTabsZones:n})}))},o.onRemoveTabElementRequested=function(e){o.state.tabElements[e.targetId]&&o.setState((function(t){var n=Object.keys(t.tabElements).reduce((function(n,o){return o!=e.targetId&&(n[o]=t.tabElements[o]),n}),{});return l(l({},t),{tabElements:n})}))},o.onRemoveAfterTabsComponentRequested=function(e){o.state.afterTabsZones[e.targetId]&&o.setState((function(t){var n=Object.keys(t.afterTabsZones).reduce((function(n,o){return o!=e.targetId&&(n[o]=t.afterTabsZones[o]),n}),{});return l(l({},t),{afterTabsZones:n})}))},o.onRemoveTabHeaderButtonsRequested=function(e){o.state.tabHeaderButtons[e.targetId]&&o.setState((function(t){var n=Object.keys(t.tabHeaderButtons).reduce((function(n,o){return o!=e.targetId&&(n[o]=t.tabHeaderButtons[o]),n}),{});return l(l({},t),{tabHeaderButtons:n})}))},o.onRemoveBelowTabsRequested=function(e){o.state.belowTabsZones[e.targetId]&&o.setState((function(t){var n=Object.keys(t.belowTabsZones).reduce((function(n,o){return o!=e.targetId&&(n[o]=t.belowTabsZones[o]),n}),{});return l(l({},t),{belowTabsZones:n})}))},o.state={groupCaptionBar:void 0,groupOverlay:void 0,frameCaptionBars:{},frameWindowOverlays:{},belowWindowZones:{},aboveTabsZones:{},beforeTabsZones:{},tabElements:{},afterTabsZones:{},tabHeaderButtons:{},belowTabsZones:{}},o}return r(n,t),n.prototype.render=function(){var t,n,o,a,r,s,i,l,u,c,p,b,m,v,f,w,g,C,y,h=this.props,B=h.components;return d(h,["components"]),e.createElement(e.Fragment,null,this.renderGroupCaptionBar(),this.renderGroupOverlay(),this.renderFrameCaptionBar(),this.renderFrameWindowOverlay(),this.renderBelowWindow(),this.renderAboveTabs(),this.renderBeforeTabsZones(),this.renderTabElements(),this.renderAfterTabsZones(),this.renderTabHeaderButtons(),this.renderBelowTabs(),e.createElement(V,{onCreateGroupCaptionBarRequested:(null===(t=null==B?void 0:B.group)||void 0===t?void 0:t.CaptionBar)?this.onCreateGroupCaptionBarRequested:void 0,onCreateGroupOverlayRequested:(null===(n=null==B?void 0:B.group)||void 0===n?void 0:n.Overlay)?this.onCreateGroupOverlayRequested:void 0,onCreateFrameCaptionBarRequested:(null===(o=null==B?void 0:B.flat)||void 0===o?void 0:o.CaptionBar)?this.onCreateFrameCaptionBarRequested:void 0,onCreateFrameWindowOverlayRequested:(null===(a=null==B?void 0:B.frame)||void 0===a?void 0:a.Overlay)?this.onCreateFrameWindowOverlayRequested:void 0,onCreateBelowWindowRequested:(null===(r=null==B?void 0:B.frame)||void 0===r?void 0:r.BelowWindow)?this.onCreateBelowWindowRequested:void 0,onCreateAboveTabsRequested:(null===(s=null==B?void 0:B.tabs)||void 0===s?void 0:s.Above)?this.onCreateAboveTabsComponentRequested:void 0,onCreateBeforeTabsComponentRequested:(null===(i=null==B?void 0:B.tabs)||void 0===i?void 0:i.Before)?this.onCreateBeforeTabsComponentRequested:void 0,onCreateTabRequested:(null===(l=null==B?void 0:B.tabs)||void 0===l?void 0:l.Element)?this.onCreateTabElementRequested:void 0,onCreateAfterTabsComponentRequested:(null===(u=null==B?void 0:B.tabs)||void 0===u?void 0:u.After)?this.onCreateAfterTabsComponentRequested:void 0,onCreateTabHeaderButtonsRequested:(null===(c=null==B?void 0:B.tabs)||void 0===c?void 0:c.Buttons)?this.onCreateTabHeaderButtonsRequested:void 0,onCreateBelowTabsRequested:(null===(p=null==B?void 0:B.tabs)||void 0===p?void 0:p.Below)?this.onCreateBelowTabsComponentRequested:void 0,onUpdateGroupCaptionBarRequested:(null===(b=null==B?void 0:B.group)||void 0===b?void 0:b.CaptionBar)?this.onUpdateGroupCaptionBarRequested:void 0,onUpdateFrameWindowOverlayRequested:(null===(m=null==B?void 0:B.group)||void 0===m?void 0:m.Overlay)?this.onUpdateFrameWindowOverlayRequested:void 0,onUpdateFrameCaptionBarRequested:(null===(v=null==B?void 0:B.flat)||void 0===v?void 0:v.CaptionBar)?this.onUpdateFrameCaptionBarRequested:void 0,onUpdateFrameRequested:this.onUpdateFrame,onUpdateStandardButtonRequested:this.onUpdateStandardButton,onUpdateAboveTabsRequested:(null===(f=null==B?void 0:B.tabs)||void 0===f?void 0:f.Above)?this.onUpdateAboveTabsRequested:void 0,onUpdateBeforeTabsComponentRequested:(null===(w=null==B?void 0:B.tabs)||void 0===w?void 0:w.Before)?this.onUpdateBeforeTabsRequested:void 0,onUpdateTabRequested:(null===(g=null==B?void 0:B.tabs)||void 0===g?void 0:g.Element)?this.onUpdateTabElementRequested:void 0,onUpdateAfterTabsComponentRequested:(null===(C=null==B?void 0:B.tabs)||void 0===C?void 0:C.After)?this.onUpdateAfterTabsRequested:void 0,onUpdateBelowTabsRequested:(null===(y=null==B?void 0:B.tabs)||void 0===y?void 0:y.Below)?this.onUpdateBelowTabsRequested:void 0,onRemoveFrameCaptionBarRequested:this.onRemoveFrameCaptionBarRequested,onRemoveFrameWindowOverlayRequested:this.onRemoveFrameWindowOverlayRequested,onRemoveBelowWindowRequested:this.onRemoveBelowWindowRequested,onRemoveAboveTabsRequested:this.onRemoveAboveTabsRequested,onRemoveBeforeTabsComponentRequested:this.onRemoveBeforeTabsComponentRequested,onRemoveTabRequested:this.onRemoveTabElementRequested,onRemoveAfterTabsComponentRequested:this.onRemoveAfterTabsComponentRequested,onRemoveTabHeaderButtonsRequested:this.onRemoveTabHeaderButtonsRequested,onRemoveBelowTabsRequested:this.onRemoveBelowTabsRequested}))},n}(e.Component),K=function(){return null==u?void 0:u.getGroupId()},Q=function(){return null==u?void 0:u.requestPageFocus()},X=function(e){return null==u?void 0:u.requestFrameFocus(e)},Y=function(){return null==u?void 0:u.requestGroupFocus()};export{p as CloseButton,Z as FrameButtons,x as FrameCaption,G as FrameCaptionBar,W as FrameChannelSelector,S as FrameMoveArea,j as GroupButtons,M as GroupCaption,U as GroupCaptionBar,A as GroupMoveArea,F as MaximizeButton,z as MinimizeButton,O as RestoreButton,P as Tab,N as TabCaption,H as TabChannelSelector,L as TabCloseButton,$ as TabHeaderButtons,J as default,K as getGroupId,X as requestFrameFocus,Y as requestGroupFocus,Q as requestPageFocus};
-//# sourceMappingURL=index.js.map