flexlayout-react 0.8.9 → 0.8.11

package/dist/src/view/BorderButton.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { I18nLabel } from "../I18nLabel";
+import { Actions } from "../model/Actions";
+import { ICloseType } from "../model/ICloseType";
+import { CLASSES } from "../Types";
+import { getRenderStateEx, isAuxMouseEvent } from "./Utils";
+/** @internal */
+export const BorderButton = (props) => {
+    const { layout, node, selected, border, icons, path } = props;
+    const selfRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const onDragStart = (event) => {
+        if (node.isEnableDrag()) {
+            event.stopPropagation();
+            layout.setDragNode(event.nativeEvent, node);
+        }
+        else {
+            event.preventDefault();
+        }
+    };
+    const onDragEnd = (event) => {
+        event.stopPropagation();
+        layout.clearDragMain();
+    };
+    const onAuxMouseClick = (event) => {
+        if (isAuxMouseEvent(event)) {
+            layout.auxMouseClick(node, event);
+        }
+    };
+    const onContextMenu = (event) => {
+        layout.showContextMenu(node, event);
+    };
+    const onClick = () => {
+        layout.doAction(Actions.selectTab(node.getId()));
+    };
+    // const onDoubleClick = (event: Event) => {
+    //     // if (node.isEnableRename()) {
+    //     //     onRename();
+    //     // }
+    // };
+    // const onRename = () => {
+    //     layout.setEditingTab(node);
+    //     layout.getCurrentDocument()!.body.addEventListener("pointerdown", onEndEdit);
+    // };
+    const onEndEdit = (event) => {
+        if (event.target !== contentRef.current) {
+            layout.getCurrentDocument().body.removeEventListener("pointerdown", onEndEdit);
+            layout.setEditingTab(undefined);
+        }
+    };
+    const isClosable = () => {
+        const closeType = node.getCloseType();
+        if (selected || closeType === ICloseType.Always) {
+            return true;
+        }
+        if (closeType === ICloseType.Visible) {
+            // not selected but x should be visible due to hover
+            if (window.matchMedia && window.matchMedia("(hover: hover) and (pointer: fine)").matches) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const onClose = (event) => {
+        if (isClosable()) {
+            layout.doAction(Actions.deleteTab(node.getId()));
+            event.stopPropagation();
+        }
+    };
+    const onClosePointerDown = (event) => {
+        event.stopPropagation();
+    };
+    React.useLayoutEffect(() => {
+        node.setTabRect(layout.getBoundingClientRect(selfRef.current));
+        if (layout.getEditingTab() === node) {
+            contentRef.current.select();
+        }
+    });
+    const onTextBoxPointerDown = (event) => {
+        event.stopPropagation();
+    };
+    const onTextBoxKeyPress = (event) => {
+        if (event.code === 'Escape') {
+            // esc
+            layout.setEditingTab(undefined);
+        }
+        else if (event.code === 'Enter' || event.code === 'NumpadEnter') {
+            // enter
+            layout.setEditingTab(undefined);
+            layout.doAction(Actions.renameTab(node.getId(), event.target.value));
+        }
+    };
+    const cm = layout.getClassName;
+    let classNames = cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_ + border);
+    if (selected) {
+        classNames += " " + cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON__SELECTED);
+    }
+    else {
+        classNames += " " + cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON__UNSELECTED);
+    }
+    if (node.getClassName() !== undefined) {
+        classNames += " " + node.getClassName();
+    }
+    let iconAngle = 0;
+    if (node.getModel().isEnableRotateBorderIcons() === false) {
+        if (border === "left") {
+            iconAngle = 90;
+        }
+        else if (border === "right") {
+            iconAngle = -90;
+        }
+    }
+    const renderState = getRenderStateEx(layout, node, iconAngle);
+    let content = renderState.content ? (_jsx("div", { className: cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_CONTENT), children: renderState.content })) : null;
+    const leading = renderState.leading ? (_jsx("div", { className: cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_LEADING), children: renderState.leading })) : null;
+    if (layout.getEditingTab() === node) {
+        content = (_jsx("input", { ref: contentRef, className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_TEXTBOX), "data-layout-path": path + "/textbox", type: "text", autoFocus: true, defaultValue: node.getName(), onKeyDown: onTextBoxKeyPress, onPointerDown: onTextBoxPointerDown }));
+    }
+    if (node.isEnableClose()) {
+        const closeTitle = layout.i18nName(I18nLabel.Close_Tab);
+        renderState.buttons.push(_jsx("div", { "data-layout-path": path + "/button/close", title: closeTitle, className: cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_TRAILING), onPointerDown: onClosePointerDown, onClick: onClose, children: (typeof icons.close === "function") ? icons.close(node) : icons.close }, "close"));
+    }
+    return (_jsxs("div", { ref: selfRef, "data-layout-path": path, className: classNames, onClick: onClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, title: node.getHelpText(), draggable: true, onDragStart: onDragStart, onDragEnd: onDragEnd, children: [leading, content, renderState.buttons] }));
+};
+//# sourceMappingURL=BorderButton.js.map

package/dist/src/view/BorderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BorderButton.js","sourceRoot":"","sources":["../../../src/view/BorderButton.tsx"],"names":[],"mappings":"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"}

package/dist/src/view/BorderTab.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Orientation } from "../Orientation";
+import { Rect } from "../Rect";
+import { Splitter } from "./Splitter";
+import { DockLocation } from "../DockLocation";
+import { CLASSES } from "../Types";
+export function BorderTab(props) {
+    const { layout, border, show } = props;
+    const selfRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+        const outerRect = layout.getBoundingClientRect(selfRef.current);
+        const contentRect = Rect.getContentRect(selfRef.current).relativeTo(layout.getDomRect());
+        if (outerRect.width > 0) {
+            border.setOuterRect(outerRect);
+            if (!border.getContentRect().equals(contentRect)) {
+                border.setContentRect(contentRect);
+                layout.redrawInternal("border content rect");
+            }
+        }
+    });
+    let horizontal = true;
+    const style = {};
+    if (border.getOrientation() === Orientation.HORZ) {
+        style.width = border.getSize();
+        style.minWidth = border.getMinSize();
+        style.maxWidth = border.getMaxSize();
+    }
+    else {
+        style.height = border.getSize();
+        style.minHeight = border.getMinSize();
+        style.maxHeight = border.getMaxSize();
+        horizontal = false;
+    }
+    style.display = show ? "flex" : "none";
+    const className = layout.getClassName(CLASSES.FLEXLAYOUT__BORDER_TAB_CONTENTS);
+    if (border.getLocation() === DockLocation.LEFT || border.getLocation() === DockLocation.TOP) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { ref: selfRef, style: style, className: className }), show && _jsx(Splitter, { layout: layout, node: border, index: 0, horizontal: horizontal })] }));
+    }
+    else {
+        return (_jsxs(_Fragment, { children: [show && _jsx(Splitter, { layout: layout, node: border, index: 0, horizontal: horizontal }), _jsx("div", { ref: selfRef, style: style, className: className })] }));
+    }
+}
+//# sourceMappingURL=BorderTab.js.map

package/dist/src/view/BorderTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BorderTab.js","sourceRoot":"","sources":["../../../src/view/BorderTab.tsx"],"names":[],"mappings":"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"}

package/dist/src/view/BorderTabSet.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { DockLocation } from "../DockLocation";
+import { BorderButton } from "./BorderButton";
+import { showPopup } from "./PopupMenu";
+import { Actions } from "../model/Actions";
+import { I18nLabel } from "../I18nLabel";
+import { useTabOverflow } from "./TabOverflowHook";
+import { Orientation } from "../Orientation";
+import { CLASSES } from "../Types";
+import { isAuxMouseEvent } from "./Utils";
+/** @internal */
+export const BorderTabSet = (props) => {
+    const { border, layout, size } = props;
+    const toolbarRef = React.useRef(null);
+    const miniScrollRef = React.useRef(null);
+    const overflowbuttonRef = React.useRef(null);
+    const stickyButtonsRef = React.useRef(null);
+    const tabStripInnerRef = React.useRef(null);
+    const icons = layout.getIcons();
+    React.useLayoutEffect(() => {
+        border.setTabHeaderRect(layout.getBoundingClientRect(selfRef.current));
+    });
+    const { selfRef, userControlledPositionRef, onScroll, onScrollPointerDown, hiddenTabs, onMouseWheel, isDockStickyButtons, isShowHiddenTabs } = useTabOverflow(layout, border, Orientation.flip(border.getOrientation()), tabStripInnerRef, miniScrollRef, layout.getClassName(CLASSES.FLEXLAYOUT__BORDER_BUTTON));
+    const onAuxMouseClick = (event) => {
+        if (isAuxMouseEvent(event)) {
+            layout.auxMouseClick(border, event);
+        }
+    };
+    const onContextMenu = (event) => {
+        layout.showContextMenu(border, event);
+    };
+    const onInterceptPointerDown = (event) => {
+        event.stopPropagation();
+    };
+    const onOverflowClick = (event) => {
+        const callback = layout.getShowOverflowMenu();
+        const items = hiddenTabs.map(h => { return { index: h, node: border.getChildren()[h] }; });
+        if (callback !== undefined) {
+            callback(border, event, items, onOverflowItemSelect);
+        }
+        else {
+            const element = overflowbuttonRef.current;
+            showPopup(element, border, items, onOverflowItemSelect, layout);
+        }
+        event.stopPropagation();
+    };
+    const onOverflowItemSelect = (item) => {
+        layout.doAction(Actions.selectTab(item.node.getId()));
+        userControlledPositionRef.current = false;
+    };
+    const onPopoutTab = (event) => {
+        const selectedTabNode = border.getChildren()[border.getSelected()];
+        if (selectedTabNode !== undefined) {
+            layout.doAction(Actions.popoutTab(selectedTabNode.getId()));
+        }
+        event.stopPropagation();
+    };
+    const cm = layout.getClassName;
+    const tabButtons = [];
+    const layoutTab = (i) => {
+        let isSelected = border.getSelected() === i;
+        let child = border.getChildren()[i];
+        tabButtons.push(_jsx(BorderButton, { layout: layout, border: border.getLocation().getName(), node: child, path: border.getPath() + "/tb" + i, selected: isSelected, icons: icons }, child.getId()));
+        if (i < border.getChildren().length - 1) {
+            tabButtons.push(_jsx("div", { className: cm(CLASSES.FLEXLAYOUT__BORDER_TAB_DIVIDER) }, "divider" + i));
+        }
+    };
+    for (let i = 0; i < border.getChildren().length; i++) {
+        layoutTab(i);
+    }
+    let borderClasses = cm(CLASSES.FLEXLAYOUT__BORDER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_ + border.getLocation().getName());
+    if (border.getClassName() !== undefined) {
+        borderClasses += " " + border.getClassName();
+    }
+    // allow customization of tabset right/bottom buttons
+    let buttons = [];
+    let stickyButtons = [];
+    const renderState = { buttons, stickyButtons: stickyButtons, overflowPosition: undefined };
+    layout.customizeTabSet(border, renderState);
+    buttons = renderState.buttons;
+    if (renderState.overflowPosition === undefined) {
+        renderState.overflowPosition = stickyButtons.length;
+    }
+    if (stickyButtons.length > 0) {
+        if (isDockStickyButtons) {
+            buttons = [...stickyButtons, ...buttons];
+        }
+        else {
+            tabButtons.push(_jsx("div", { ref: stickyButtonsRef, onPointerDown: onInterceptPointerDown, onDragStart: (e) => { e.preventDefault(); }, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_STICKY_BUTTONS_CONTAINER), children: stickyButtons }, "sticky_buttons_container"));
+        }
+    }
+    if (isShowHiddenTabs) {
+        const overflowTitle = layout.i18nName(I18nLabel.Overflow_Menu_Tooltip);
+        let overflowContent;
+        if (typeof icons.more === "function") {
+            const items = hiddenTabs.map(h => { return { index: h, node: border.getChildren()[h] }; });
+            overflowContent = icons.more(border, items);
+        }
+        else {
+            overflowContent = (_jsxs(_Fragment, { children: [icons.more, _jsx("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT), children: hiddenTabs.length > 0 ? hiddenTabs.length : "" })] }));
+        }
+        buttons.splice(Math.min(renderState.overflowPosition, buttons.length), 0, _jsx("button", { ref: overflowbuttonRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW_ + border.getLocation().getName()), title: overflowTitle, onClick: onOverflowClick, onPointerDown: onInterceptPointerDown, children: overflowContent }, "overflowbutton"));
+    }
+    const selectedIndex = border.getSelected();
+    if (selectedIndex !== -1) {
+        const selectedTabNode = border.getChildren()[selectedIndex];
+        if (selectedTabNode !== undefined && layout.isSupportsPopout() && selectedTabNode.isEnablePopout()) {
+            const popoutTitle = layout.i18nName(I18nLabel.Popout_Tab);
+            buttons.push(_jsx("button", { title: popoutTitle, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_FLOAT), onClick: onPopoutTab, onPointerDown: onInterceptPointerDown, children: (typeof icons.popout === "function") ? icons.popout(selectedTabNode) : icons.popout }, "popout"));
+        }
+    }
+    const toolbar = (_jsx("div", { ref: toolbarRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_ + border.getLocation().getName()), children: buttons }, "toolbar"));
+    let innerStyle = {};
+    let outerStyle = {};
+    const borderHeight = size - 1;
+    if (border.getLocation() === DockLocation.LEFT) {
+        innerStyle = { right: "100%", top: 0 };
+        outerStyle = { width: borderHeight, overflowY: "auto" };
+    }
+    else if (border.getLocation() === DockLocation.RIGHT) {
+        innerStyle = { left: "100%", top: 0 };
+        outerStyle = { width: borderHeight, overflowY: "auto" };
+    }
+    else {
+        innerStyle = { left: 0 };
+        outerStyle = { height: borderHeight, overflowX: "auto" };
+    }
+    let miniScrollbar = undefined;
+    if (border.isEnableTabScrollbar()) {
+        miniScrollbar = (_jsx("div", { ref: miniScrollRef, className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR), onPointerDown: onScrollPointerDown }));
+    }
+    return (_jsxs("div", { ref: selfRef, style: {
+            display: "flex",
+            flexDirection: (border.getOrientation() === Orientation.VERT ? "row" : "column")
+        }, className: borderClasses, "data-layout-path": border.getPath(), onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, onWheel: onMouseWheel, children: [_jsxs("div", { className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR_CONTAINER), children: [_jsx("div", { ref: tabStripInnerRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_ + border.getLocation().getName()), style: outerStyle, onScroll: onScroll, children: _jsx("div", { style: innerStyle, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER_ + border.getLocation().getName()), children: tabButtons }) }), miniScrollbar] }), toolbar] }));
+};
+//# sourceMappingURL=BorderTabSet.js.map

package/dist/src/view/BorderTabSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BorderTabSet.js","sourceRoot":"","sources":["../../../src/view/BorderTabSet.tsx"],"names":[],"mappings":"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"}

package/dist/src/view/DragContainer.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { CLASSES } from "../Types";
+import { TabButtonStamp } from "./TabButtonStamp";
+/** @internal */
+export const DragContainer = (props) => {
+    const { layout, node } = props;
+    const selfRef = React.useRef(null);
+    React.useEffect(() => {
+        node.setTabStamp(selfRef.current);
+    }, [node, selfRef.current]);
+    const cm = layout.getClassName;
+    let classNames = cm(CLASSES.FLEXLAYOUT__DRAG_RECT);
+    return (_jsx("div", { ref: selfRef, className: classNames, children: _jsx(TabButtonStamp, { layout: layout, node: node }, node.getId()) }));
+};
+//# sourceMappingURL=DragContainer.js.map

package/dist/src/view/DragContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragContainer.js","sourceRoot":"","sources":["../../../src/view/DragContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlD,gBAAgB;AAChB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;IACxD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;IAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAE,EAAE;QAChB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5B,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC;IAE/B,IAAI,UAAU,GAAG,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAEnD,OAAO,CAAC,cACA,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,UAAU,YACrB,KAAC,cAAc,IAAoB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,IAAxC,IAAI,CAAC,KAAK,EAAE,CAAgC,GAC/D,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/src/view/ErrorBoundary.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { CLASSES } from "../Types";
+/** @internal */
+export class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.debug(error);
+        console.debug(errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            return (_jsx("div", { className: CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTAINER, children: _jsx("div", { className: CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTENT, children: this.props.message }) }));
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/src/view/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/view/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAYnC,gBAAgB;AAChB,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAmD;IACxF,YAAY,KAA0B;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QACxC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC9B,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAChD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO,CACH,cAAK,SAAS,EAAE,OAAO,CAAC,oCAAoC,YACxD,cAAK,SAAS,EAAE,OAAO,CAAC,kCAAkC,YAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAO,GACpF,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ"}

package/dist/src/view/Icons.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const style = { width: "1em", height: "1em", display: "flex", alignItems: "center" };
+export const CloseIcon = () => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { stroke: "var(--color-icon)", fill: "var(--color-icon)", d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })] }));
+};
+export const MaximizeIcon = () => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)", children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { stroke: "var(--color-icon)", d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" })] }));
+};
+export const OverflowIcon = () => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)", children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { stroke: "var(--color-icon)", d: "M7 10l5 5 5-5z" })] }));
+};
+export const EdgeIcon = () => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", style: { display: "block", width: 10, height: 10 }, preserveAspectRatio: "none", viewBox: "0 0 100 100", children: _jsx("path", { fill: "var(--color-edge-icon)", stroke: "var(--color-edge-icon)", d: "M10 30 L90 30 l-40 40 Z" }) }));
+};
+export const PopoutIcon = () => {
+    return (
+    // <svg xmlns="http://www.w3.org/2000/svg"  style={style}  viewBox="0 0 24 24" fill="var(--color-icon)"><path d="M0 0h24v24H0z" fill="none"/><path stroke="var(--color-icon)" d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5z"/></svg>
+    // <svg xmlns="http://www.w3.org/2000/svg" style={style} fill="none" viewBox="0 0 24 24" stroke="var(--color-icon)" stroke-width="2">
+    //     <path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+    // </svg>
+    _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 20 20", fill: "var(--color-icon)", children: [_jsx("path", { d: "M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z" }), _jsx("path", { d: "M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z" })] }));
+};
+export const RestoreIcon = () => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)", children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { stroke: "var(--color-icon)", d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" })] }));
+};
+export const AsterickIcon = () => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, height: "24px", viewBox: "0 -960 960 960", width: "24px", children: _jsx("path", { fill: "var(--color-icon)", stroke: "var(--color-icon)", d: "M440-120v-264L254-197l-57-57 187-186H120v-80h264L197-706l57-57 186 187v-264h80v264l186-187 57 57-187 186h264v80H576l187 186-57 57-186-187v264h-80Z" }) }));
+};
+//# sourceMappingURL=Icons.js.map

package/dist/src/view/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/view/Icons.tsx"],"names":[],"mappings":"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"}