flexlayout-react 0.8.6 → 0.8.8

package/src/view/BorderTabSet.tsx

@@ -11,7 +11,6 @@ import { useTabOverflow } from "./TabOverflowHook";
 import { Orientation } from "../Orientation";
 import { CLASSES } from "../Types";
 import { isAuxMouseEvent } from "./Utils";
-import { Rect } from "../Rect";
 
 /** @internal */
 export interface IBorderTabSetProps {
@@ -33,10 +32,10 @@ export const BorderTabSet = (props: IBorderTabSetProps) => {
     const icons = layout.getIcons();
 
     React.useLayoutEffect(() => {
-        border.setTabHeaderRect(Rect.getBoundingClientRect(selfRef.current!).relativeTo(layout.getDomRect()!));
+        border.setTabHeaderRect(layout.getBoundingClientRect(selfRef.current!));
     });
 
-    const { selfRef, userControlledPositionRef, onScroll, onScrollPointerDown, hiddenTabs, onMouseWheel, isTabOverflow } =
+    const { selfRef, userControlledPositionRef, onScroll, onScrollPointerDown, hiddenTabs, onMouseWheel, isDockStickyButtons, isShowHiddenTabs } =
         useTabOverflow(layout, border, Orientation.flip(border.getOrientation()), tabStripInnerRef, miniScrollRef,
             layout.getClassName(CLASSES.FLEXLAYOUT__BORDER_BUTTON)
         );
@@ -133,7 +132,7 @@ export const BorderTabSet = (props: IBorderTabSetProps) => {
     }
 
     if (stickyButtons.length > 0) {
-        if (isTabOverflow) {
+        if (isDockStickyButtons) {
             buttons = [...stickyButtons, ...buttons];
         } else {
             tabButtons.push(<div
@@ -148,7 +147,7 @@ export const BorderTabSet = (props: IBorderTabSetProps) => {
         }
     }
 
-    if (hiddenTabs.length > 0) {
+    if (isShowHiddenTabs) {
         const overflowTitle = layout.i18nName(I18nLabel.Overflow_Menu_Tooltip);
         let overflowContent;
         if (typeof icons.more === "function") {
@@ -158,7 +157,7 @@ export const BorderTabSet = (props: IBorderTabSetProps) => {
         } else {
             overflowContent = (<>
                 {icons.more}
-                <div className={cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT)}>{hiddenTabs.length}</div>
+                <div className={cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT)}>{hiddenTabs.length>0?hiddenTabs.length: ""}</div>
             </>);
         }
         buttons.splice(Math.min(renderState.overflowPosition, buttons.length), 0,

package/src/view/Layout.tsx

@@ -1228,7 +1228,7 @@ export class LayoutInternal extends React.Component<ILayoutInternalProps, ILayou
     // *************************** End Drag Drop *************************************
 }
 
-export const FlexLayoutVersion = "0.8.6";
+export const FlexLayoutVersion = "0.8.8";
 
 export type DragRectRenderCallback = (
     content: React.ReactNode | undefined,

package/src/view/PopupMenu.tsx

@@ -5,6 +5,7 @@ import { LayoutInternal } from "./Layout";
 import { TabButtonStamp } from "./TabButtonStamp";
 import { TabSetNode } from "../model/TabSetNode";
 import { BorderNode } from "../model/BorderNode";
+import { useEffect, useRef } from "react";
 
 /** @internal */
 export function showPopup(
@@ -86,6 +87,14 @@ interface IPopupMenuProps {
 /** @internal */
 const PopupMenu = (props: IPopupMenuProps) => {
     const { parentNode, items, onHide, onSelect, classNameMapper, layout } = props;
+    const divRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+        // Set focus when the component mounts
+        if (divRef.current) {
+            divRef.current.focus();
+        }
+    }, []);
 
     const onItemClick = (item: { index: number; node: TabNode }, event: React.MouseEvent<HTMLElement, MouseEvent>) => {
         onSelect(item);
@@ -106,6 +115,12 @@ const PopupMenu = (props: IPopupMenuProps) => {
         layout.clearDragMain();
     };
 
+    const handleKeyDown = (event: React.KeyboardEvent) => {
+        if (event.key === "Escape") {
+            onHide();
+        }
+    };
+
     const itemElements = items.map((item, i) => {
         let classes = classNameMapper(CLASSES.FLEXLAYOUT__POPUP_MENU_ITEM);
         if (parentNode.getSelected() === item.index) {
@@ -131,6 +146,9 @@ const PopupMenu = (props: IPopupMenuProps) => {
 
     return (
         <div className={classNameMapper(CLASSES.FLEXLAYOUT__POPUP_MENU)}
+            ref={divRef}
+            tabIndex={0}  // Make div focusable
+            onKeyDown={handleKeyDown}
             data-layout-path="/popup-menu"
         >
             {itemElements}

package/src/view/TabOverflowHook.tsx

@@ -5,6 +5,7 @@ import { Orientation } from "../Orientation";
 import { LayoutInternal } from "./Layout";
 import { TabNode } from "../model/TabNode";
 import { startDrag } from "./Utils";
+import { Rect } from "../Rect";
 
 /** @internal */
 export const useTabOverflow = (
@@ -16,47 +17,66 @@ export const useTabOverflow = (
     tabClassName: string
 ) => {
     const [hiddenTabs, setHiddenTabs] = React.useState<number[]>([]);
-    const [isTabOverflow, setTabOverflow] = React.useState<boolean>(false);
+    const [isShowHiddenTabs, setShowHiddenTabs] = React.useState<boolean>(false);
+    const [isDockStickyButtons, setDockStickyButtons] = React.useState<boolean>(false);
 
     const selfRef = React.useRef<HTMLDivElement | null>(null);
     const userControlledPositionRef = React.useRef<boolean>(false);
     const updateHiddenTabsTimerRef = React.useRef<NodeJS.Timeout | undefined>(undefined);
     const hiddenTabsRef = React.useRef<number[]>([]);
     const thumbInternalPos = React.useRef<number>(0);
+    const repositioningRef = React.useRef<boolean>(false);
     hiddenTabsRef.current = hiddenTabs;
 
     // if node changes (new model) then reset scroll to 0
-    React.useEffect(() => {
+    React.useLayoutEffect(() => {
         if (tabStripRef.current) {
             setScrollPosition(0);
         }
     }, [node]);
-    
+
     // if selected node or tabset/border rectangle change then unset usercontrolled (so selected tab will be kept in view)
-    React.useEffect(() => {
+    React.useLayoutEffect(() => {
         userControlledPositionRef.current = false;
     }, [node.getSelectedNode(), node.getRect().width, node.getRect().height]);
 
-    React.useEffect(() => {
+    React.useLayoutEffect(() => {
         checkForOverflow(); // if tabs + sticky buttons length > scroll area => move sticky buttons to right buttons
 
-        if (!userControlledPositionRef.current) {
-            const selectedTab = findSelectedTab();
-            if (selectedTab) {
-                selectedTab.scrollIntoView();
-            }
+        if (userControlledPositionRef.current === false) {
+            scrollIntoView();
         }
 
-        updateHiddenTabs();
         updateScrollMetrics();
+        updateHiddenTabs();
     });
 
+    function scrollIntoView() {
+        const selectedTabNode = node.getSelectedNode() as TabNode;
+        if (selectedTabNode && tabStripRef.current) {
+            const stripRect = layout.getBoundingClientRect(tabStripRef.current);
+            const selectedRect = selectedTabNode.getTabRect()!;
+
+            let shift = getNear(stripRect) - getNear(selectedRect);
+            if (shift > 0 || getSize(selectedRect) > getSize(stripRect)) { 
+                setScrollPosition(getScrollPosition(tabStripRef.current) - shift);
+                repositioningRef.current = true; // prevent onScroll setting userControlledPosition
+            } else {
+                shift = getFar(selectedRect) - getFar(stripRect);
+                if (shift > 0) {
+                    setScrollPosition(getScrollPosition(tabStripRef.current) + shift);
+                    repositioningRef.current = true;
+                }
+            }
+        }
+    }
+
     const updateScrollMetrics = () => {
         if (tabStripRef.current && miniScrollRef.current) {
             const t = tabStripRef.current;
             const s = miniScrollRef.current;
 
-            const size = getSize(t);
+            const size = getElementSize(t);
             const scrollSize = getScrollSize(t);
             const position = getScrollPosition(t);
 
@@ -67,7 +87,7 @@ export const useTabOverflow = (
                     adjust = 20 - thumbSize;
                     thumbSize = 20;
                 }
-                const thumbPos = position * (size - adjust) / scrollSize; 
+                const thumbPos = position * (size - adjust) / scrollSize;
                 if (orientation === Orientation.HORZ) {
                     s.style.width = thumbSize + "px";
                     s.style.left = thumbPos + "px";
@@ -89,6 +109,13 @@ export const useTabOverflow = (
     }
 
     const updateHiddenTabs = () => {
+        const newHiddenTabs = findHiddenTabs();
+        const showHidden = newHiddenTabs.length > 0;
+
+        if (showHidden !== isShowHiddenTabs) {
+            setShowHiddenTabs(showHidden);
+        }
+
         if (updateHiddenTabsTimerRef.current === undefined) {
             // throttle updates to prevent Maximum update depth exceeded error
             updateHiddenTabsTimerRef.current = setTimeout(() => {
@@ -102,25 +129,11 @@ export const useTabOverflow = (
         }
     }
 
-    const updateTabRects = () => {
-        if (tabStripRef.current) {
-            const tabContainer = tabStripRef.current.firstElementChild!;
-
-            const nodeChildren = node.getChildren();
-            let i = 0;
-            Array.from(tabContainer.children).forEach((child) => {
-                if (child.classList.contains(tabClassName)) {
-                    const childNode = nodeChildren[i] as TabNode;
-                    childNode.setTabRect(layout.getBoundingClientRect(child as HTMLElement));
-                    i++;
-                }
-            });
-        }
-    }
-
     const onScroll = () => {
-        userControlledPositionRef.current = true;
-        updateTabRects();
+        if (!repositioningRef.current){
+            userControlledPositionRef.current=true;
+        }
+        repositioningRef.current = false;
         updateScrollMetrics()
         updateHiddenTabs();
     };
@@ -134,7 +147,6 @@ export const useTabOverflow = (
         } else {
             thumbInternalPos.current = event.clientY - r.y;
         }
-        userControlledPositionRef.current = true;
         startDrag(event.currentTarget.ownerDocument, event, onDragMove, onDragEnd, onDragCancel);
     }
 
@@ -142,9 +154,9 @@ export const useTabOverflow = (
         if (tabStripRef.current && miniScrollRef.current) {
             const t = tabStripRef.current;
             const s = miniScrollRef.current;
-            const size = getSize(t);
+            const size = getElementSize(t);
             const scrollSize = getScrollSize(t);
-            const thumbSize = getSize(s);
+            const thumbSize = getElementSize(s);
 
             const r = t.getBoundingClientRect()!;
             let thumb = 0;
@@ -168,29 +180,15 @@ export const useTabOverflow = (
     const onDragCancel = () => {
     }
 
-    const findSelectedTab: () => Element | undefined = () => {
-        let found: Element | undefined = undefined;
-        if (tabStripRef.current) {
-            const tabContainer = tabStripRef.current.firstElementChild!;
-
-            Array.from(tabContainer.children).forEach((child) => {
-                if (child.classList.contains(tabClassName + "--selected")) {
-                    found = child;
-                }
-            });
-        }
-        return found;
-    };
-
     const checkForOverflow = () => {
         if (tabStripRef.current) {
             const strip = tabStripRef.current;
             const tabContainer = strip.firstElementChild!;
 
-            const offset = isTabOverflow ? 10 : 0; // prevents flashing, after sticky buttons docked set, must be 10 pixels smaller before unsetting
-            const dock = (getSize(tabContainer) + offset) > getSize(tabStripRef.current);
-            if (dock !== isTabOverflow) {
-                setTabOverflow(dock);
+            const offset = isDockStickyButtons ? 10 : 0; // prevents flashing, after sticky buttons docked set, must be 10 pixels smaller before unsetting
+            const dock = (getElementSize(tabContainer) + offset) > getElementSize(tabStripRef.current);
+            if (dock !== isDockStickyButtons) {
+                setDockStickyButtons(dock);
             }
         }
     }
@@ -233,12 +231,9 @@ export const useTabOverflow = (
                     delta *= 40;
                 }
                 const newPos = getScrollPosition(tabStripRef.current) - delta;
-                const maxScroll = getScrollSize(tabStripRef.current) - getSize(tabStripRef.current);
+                const maxScroll = getScrollSize(tabStripRef.current) - getElementSize(tabStripRef.current);
                 const p = Math.max(0, Math.min(maxScroll, newPos));
                 setScrollPosition(p);
-                updateTabRects();
-                updateHiddenTabs();
-                userControlledPositionRef.current = true;
                 event.stopPropagation();
             }
         }
@@ -246,7 +241,7 @@ export const useTabOverflow = (
 
     // orientation helpers:
 
-    const getNear = (rect: DOMRect) => {
+    const getNear = (rect: DOMRect | Rect) => {
         if (orientation === Orientation.HORZ) {
             return rect.x;
         } else {
@@ -254,7 +249,7 @@ export const useTabOverflow = (
         }
     };
 
-    const getFar = (rect: DOMRect) => {
+    const getFar = (rect: DOMRect | Rect) => {
         if (orientation === Orientation.HORZ) {
             return rect.right;
         } else {
@@ -262,7 +257,7 @@ export const useTabOverflow = (
         }
     };
 
-    const getSize = (elm: Element) => {
+    const getElementSize = (elm: Element) => {
         if (orientation === Orientation.HORZ) {
             return elm.clientWidth;
         } else {
@@ -270,6 +265,14 @@ export const useTabOverflow = (
         }
     }
 
+    const getSize = (rect: DOMRect | Rect) => {
+        if (orientation === Orientation.HORZ) {
+            return rect.width;
+        } else {
+            return rect.height;
+        }
+    }
+
     const getScrollSize = (elm: Element) => {
         if (orientation === Orientation.HORZ) {
             return elm.scrollWidth;
@@ -294,7 +297,7 @@ export const useTabOverflow = (
         }
     }
 
-    return { selfRef, userControlledPositionRef, onScroll, onScrollPointerDown, hiddenTabs, onMouseWheel, isTabOverflow };
+    return { selfRef, userControlledPositionRef, onScroll, onScrollPointerDown, hiddenTabs, onMouseWheel, isDockStickyButtons, isShowHiddenTabs };
 };
 
 function arraysEqual(arr1: number[], arr2: number[]) {

package/src/view/TabSet.tsx

@@ -51,7 +51,7 @@ export const TabSet = (props: ITabSetProps) => {
     });
 
     // this must be after the useEffect, so the node rect is already set (else window popin will not position tabs correctly)
-    const { selfRef, userControlledPositionRef, onScroll, onScrollPointerDown, hiddenTabs, onMouseWheel, isTabOverflow } =
+    const { selfRef, userControlledPositionRef, onScroll, onScrollPointerDown, hiddenTabs, onMouseWheel, isDockStickyButtons, isShowHiddenTabs } =
         useTabOverflow(layout, node, Orientation.HORZ, tabStripInnerRef, miniScrollRef,
             layout.getClassName(CLASSES.FLEXLAYOUT__TAB_BUTTON));
 
@@ -186,7 +186,7 @@ export const TabSet = (props: ITabSetProps) => {
     }
 
     if (stickyButtons.length > 0) {
-        if (!node.isEnableTabWrap() && (isTabOverflow || isTabStretch)) {
+        if (!node.isEnableTabWrap() && (isDockStickyButtons || isTabStretch)) {
             buttons = [...stickyButtons, ...buttons];
         } else {
             tabs.push(<div
@@ -202,7 +202,7 @@ export const TabSet = (props: ITabSetProps) => {
     }
 
     if (!node.isEnableTabWrap()) {
-        if (hiddenTabs.length > 0) {
+        if (isShowHiddenTabs) {
             const overflowTitle = layout.i18nName(I18nLabel.Overflow_Menu_Tooltip);
             let overflowContent;
             if (typeof icons.more === "function") {
@@ -211,7 +211,7 @@ export const TabSet = (props: ITabSetProps) => {
             } else {
                 overflowContent = (<>
                     {icons.more}
-                    <div className={cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT)}>{hiddenTabs.length}</div>
+                    <div className={cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT)}>{hiddenTabs.length>0?hiddenTabs.length: ""}</div>
                 </>);
             }
             buttons.splice(Math.min(renderState.overflowPosition, buttons.length), 0,

package/style/_base.scss

@@ -75,6 +75,7 @@
                     background-color: var(--color-splitter-hover);
                     transition: background-color ease-in .1s;
                     transition-delay: 0.05s;
+                    border-radius: 5px;
                 }
             }
 

package/style/_themes.scss

@@ -559,9 +559,9 @@
             --color-border-tab-unselected: gray;
             --color-border-tab-unselected-background: #d3d4e745;
 
-            --color-splitter: #{$color_background};
-            --color-splitter-hover: var(--color-4);
-            --color-splitter-drag: var(--color-4);
+            --color-splitter: var(--color-background);
+            --color-splitter-hover: var(--color-2);
+            --color-splitter-drag: var(--color-2);
 
             --color-drag-rect-border: #ccc;
             --color-drag-rect-background: var(--color-5);
@@ -642,8 +642,5 @@
             background-color: var(--color-3);
         }
 
-        &__splitter {
-            background-color: transparent;
-        }
     }
 }

package/style/combined.css

@@ -267,9 +267,9 @@
   --color-border-tab-selected-background: var(--color-2);
   --color-border-tab-unselected: gray;
   --color-border-tab-unselected-background: #d3d4e745;
-  --color-splitter: #f2f6fb;
-  --color-splitter-hover: var(--color-4);
-  --color-splitter-drag: var(--color-4);
+  --color-splitter: var(--color-background);
+  --color-splitter-hover: var(--color-2);
+  --color-splitter-drag: var(--color-2);
   --color-drag-rect-border: #ccc;
   --color-drag-rect-background: var(--color-5);
   --color-drag-rect: var(--color-text);
@@ -356,6 +356,7 @@
     background-color: var(--color-splitter-hover);
     transition: background-color ease-in 0.1s;
     transition-delay: 0.05s;
+    border-radius: 5px;
   }
 }
 .flexlayout__splitter_drag {
@@ -1048,8 +1049,5 @@
 .flexlayout__theme_rounded .flexlayout__border_button_trailing:hover {
   background-color: var(--color-3);
 }
-.flexlayout__theme_rounded .flexlayout__splitter {
-  background-color: transparent;
-}
 
 /*# sourceMappingURL=combined.css.map */

package/style/combined.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss","combined.scss"],"names":[],"mappings":"AAqBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;;;AA+BJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;;;AA2DJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;;;AAgEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAmEJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EAEA;;;ACvjBR;AAAA;AAAA;AAII;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;EACA;;AAEA;EAxBR;EACA;EACA;EACA;EACA;EAsBY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAtCR;EACA;EACA;EACA;EAqCY;EACA;;AAIR;EA7CJ;EACA;EACA;EACA;EA4CQ;;AAGJ;EAlDJ;EACA;EACA;EACA;EAiDQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAxJJ;EACA;EACA;EACA;EAuJQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAzKR;EACA;EACA;EACA;EAwKY;EACA;EACA;;AAGJ;EACI;;AAGJ;EApLR;EACA;EACA;EACA;EAmLY;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAKZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AASJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAQR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAaZ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;IAEI;;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAUJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAYhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EArrBR;EACA;EACA;EACA;EACA;;AAsrBI;EA1rBJ;EACA;EACA;EACA;EACA;EAwrBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;AAMpB;ACvtBA;AFmEA;AAAA;AAAA;;;AE/DA;AFiKA;AAAA;AAAA;;AAIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AE3LZ;AF2RA;AAAA;AAAA;;AAIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AEzTZ;AF8ZA;AAAA;AAAA;;AAKQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI;;;AE/bZ;AFkiBA;AAAA;AAAA;;AAIQ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI","file":"combined.css"}
+{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss","combined.scss"],"names":[],"mappings":"AAqBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;;;AA+BJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;;;AA2DJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;;;AAgEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAmEJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EAEA;;;ACvjBR;AAAA;AAAA;AAII;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;EACA;;AAEA;EAxBR;EACA;EACA;EACA;EACA;EAsBY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAtCR;EACA;EACA;EACA;EAqCY;EACA;;AAIR;EA7CJ;EACA;EACA;EACA;EA4CQ;;AAGJ;EAlDJ;EACA;EACA;EACA;EAiDQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAzJJ;EACA;EACA;EACA;EAwJQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA1KR;EACA;EACA;EACA;EAyKY;EACA;EACA;;AAGJ;EACI;;AAGJ;EArLR;EACA;EACA;EACA;EAoLY;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAKZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AASJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAQR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAaZ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;IAEI;;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAUJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAYhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAtrBR;EACA;EACA;EACA;EACA;;AAurBI;EA3rBJ;EACA;EACA;EACA;EACA;EAyrBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;AAMpB;ACxtBA;AFmEA;AAAA;AAAA;;;AE/DA;AFiKA;AAAA;AAAA;;AAIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AE3LZ;AF2RA;AAAA;AAAA;;AAIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AEzTZ;AF8ZA;AAAA;AAAA;;AAKQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI;;;AE/bZ;AFkiBA;AAAA;AAAA;;AAIQ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI","file":"combined.css"}