@servicetitan/navigation 10.7.0 → 11.0.0-canary.237.0ce6038.0

package/dist/components/titan-layout/layout-sidebar.module.less

@@ -0,0 +1,513 @@
+/* stylelint-disable no-descending-specificity */
+@import (reference) '@servicetitan/tokens/core/tokens.less';
+
+@text-color: var(--colorsTextInverted, @color-white);
+@text-color-active: var(--colorsTextPrimarySubdued, @color-blue-300);
+@border-color: var(--colorsTextOnGrey, @color-neutral-200);
+@bg-color: #0f1d26;
+@bg-color-hover: rgba(255, 255, 255, 0.08);
+@bg-color-active: rgba(120, 187, 250, 0.2);
+
+.nav {
+    background-color: @bg-color;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+}
+
+// mobile version
+.nav-drawer {
+    display: none;
+    position: fixed;
+    max-width: 400px;
+    width: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 991;
+
+    .nav-main {
+        padding-left: @spacing-2;
+        padding-right: @spacing-2;
+    }
+    .nav-close-wrapper {
+        display: flex;
+        justify-content: flex-end;
+        margin-right: -@spacing-2;
+
+        .nav-close {
+            padding-top: @spacing-2;
+            padding-left: @spacing-2;
+            padding-right: @spacing-2;
+        }
+    }
+
+    .nav-item {
+        margin-bottom: @spacing-half;
+    }
+    .nav-top {
+        margin-bottom: @spacing-half;
+    }
+    .nav-bottom {
+        .divider {
+            margin-bottom: @spacing-half;
+        }
+    }
+
+    .submenu {
+        .submenu-item {
+            margin-bottom: @spacing-half;
+        }
+    }
+}
+
+// mobile version opened
+.nav-drawer-opened {
+    display: flex;
+    width: 90vw;
+}
+
+@media only screen and (min-width: 361px) {
+    width: 85vw;
+}
+@media only screen and (min-width: 481px) {
+    width: 80vw;
+}
+
+// desktop version collapsed
+.nav-slim {
+    width: 64px;
+
+    .toggle {
+        width: 64px;
+        margin-top: @spacing-1;
+        margin-bottom: 12px;
+        display: flex;
+        justify-content: center;
+
+        .toggle-icon-wrapper {
+            padding-left: @spacing-half;
+            padding-right: @spacing-half;
+        }
+    }
+
+    .nav-item {
+        flex-direction: column;
+        width: 64px;
+        overflow-x: hidden;
+        padding-top: @spacing-1;
+
+        &:not(:first-child) {
+            margin-top: @spacing-half;
+        }
+
+        .nav-item-counter[data-anv][data-anv] {
+            position: absolute;
+            right: 0;
+            top: 4px;
+            z-index: auto;
+
+            &.nav-item-counter-long {
+                right: 2px;
+            }
+        }
+
+        .nav-item-icon-wrapper {
+            flex: 1;
+            padding: @spacing-half;
+        }
+
+        .nav-item-text-expanded {
+            display: none;
+        }
+        .nav-item-text-collapsed {
+            font-family: @base-font-family;
+            font-size: 11px;
+            line-height: 11px;
+            margin: 2px @spacing-half @spacing-0;
+            text-align: center;
+        }
+
+        .nav-item-text-collapsed.nav-item-text-small {
+            font-size: 10.5px;
+        }
+    }
+
+    .nav-top .divider {
+        margin-top: @spacing-1;
+    }
+}
+
+// desktop version expanded
+.nav-wide {
+    width: var(--nav-offset-left);
+    padding-top: @spacing-2;
+
+    .toggle {
+        .toggle-content {
+            margin: @spacing-2;
+
+            .toggle-icon-wrapper {
+                padding-left: @spacing-half;
+                padding-right: @spacing-half;
+            }
+
+            .toggle-text {
+                padding-left: @spacing-0 !important;
+            }
+        }
+    }
+
+    .nav-top .divider {
+        margin-top: @spacing-1;
+        margin-bottom: @spacing-1;
+    }
+}
+
+.nav-drawer,
+.nav-wide {
+    .nav-item {
+        flex-direction: row;
+        margin-left: @spacing-1;
+        margin-right: @spacing-1;
+
+        .nav-item-icon-wrapper {
+            flex: 1;
+            padding: @spacing-1 @spacing-half;
+        }
+
+        .nav-item-text-expanded {
+            font-family: @base-font-family;
+            font-size: @typescale-3;
+            padding-left: @spacing-1;
+            flex: 1;
+        }
+
+        .nav-item-text-collapsed {
+            display: none;
+        }
+
+        .nav-item-counter[data-anv][data-anv] {
+            margin-right: @spacing-1;
+            position: relative;
+            transform: unset;
+        }
+    }
+}
+.divider {
+    border-top: 1px solid @border-color;
+}
+
+.nav-main {
+    position: relative;
+    overflow-y: auto;
+    padding-bottom: @spacing-1;
+    flex-grow: 1;
+    flex-basis: 0;
+
+    &::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+    }
+}
+
+.nav-top {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+}
+
+.nav-bottom {
+    display: flex;
+    flex-direction: column;
+}
+
+.nav-footer {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    background-color: @bg-color;
+
+    .toggle-wrapper {
+        display: block;
+
+        .toggle {
+            font-family: @base-font-family;
+            color: @text-color;
+            position: relative;
+            cursor: pointer;
+            outline: none;
+
+            &:hover {
+                .toggle-content {
+                    background-color: @bg-color-hover;
+                }
+            }
+
+            .toggle-content {
+                display: flex;
+                justify-content: flex-start;
+                align-items: center;
+                flex-wrap: nowrap;
+                text-wrap: nowrap;
+                height: 32px;
+
+                border-radius: @border-radius-2;
+            }
+
+            .toggle-icon-wrapper {
+                height: 24px;
+                width: 24px;
+
+                .toggle-icon[data-anv][data-anv] > svg {
+                    height: 24px;
+                    width: 24px;
+                    color: @text-color;
+                }
+            }
+
+            .toggle-text {
+                font-family: @base-font-family;
+                font-size: @typescale-3;
+                flex: 1;
+            }
+        }
+    }
+}
+
+.nav-item {
+    font-family: @base-font-family;
+    color: @text-color;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    outline: none;
+    overflow: hidden;
+
+    .nav-item-icon-wrapper {
+        border-radius: @border-radius-2;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        flex-wrap: nowrap;
+        text-wrap: nowrap;
+        position: relative;
+    }
+
+    &.nav-item-active {
+        color: @text-color-active;
+
+        .nav-item-icon-wrapper {
+            background-color: @bg-color-active;
+        }
+    }
+
+    &.nav-item-icon-switch {
+        &.nav-item-active {
+            .nav-icon-inactive[data-anv][data-anv] {
+                display: none;
+            }
+            .nav-icon-active[data-anv][data-anv] {
+                display: block;
+            }
+        }
+        &:not(.nav-item-active) {
+            .nav-icon-inactive[data-anv][data-anv] {
+                display: block;
+            }
+            .nav-icon-active[data-anv][data-anv] {
+                display: none;
+            }
+        }
+    }
+
+    .nav-item-counter {
+        min-width: 12px !important;
+        min-height: 12px !important;
+    }
+
+    .nav-item-group-toggle-wrapper {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        .nav-item-group-toggle[data-anv][data-anv] {
+            color: inherit;
+            font-weight: @font-weight-semibold;
+        }
+
+        .nav-item-group-toggle-click {
+            position: absolute;
+            left: -@spacing-2;
+            right: -@spacing-half;
+            top: -@spacing-1;
+            bottom: -@spacing-1;
+        }
+    }
+
+    .nav-icon[data-anv][data-anv] {
+        height: 24px;
+        width: 24px;
+        color: inherit;
+
+        & > svg {
+            height: 24px;
+            width: 24px;
+        }
+    }
+}
+
+.nav-link {
+    cursor: pointer;
+
+    &:hover:not(.nav-item-active) .nav-item-icon-wrapper {
+        background-color: @bg-color-hover;
+    }
+}
+.nav-group-wrapper {
+    .nav-group-item {
+        position: relative;
+    }
+
+    .submenu-wrapper:not(.submenu-wrapper-collapsed) {
+        max-height: 2000px;
+        transition: max-height 0.7s ease-in-out;
+    }
+}
+
+.submenu-wrapper {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height unset;
+}
+
+.submenu {
+    margin-left: @spacing-3;
+
+    padding-left: @spacing-1;
+    padding-right: @spacing-1;
+    margin-bottom: @spacing-1;
+    position: relative;
+    font-family: @base-font-family;
+
+    .submenu-group-header[data-anv][data-anv] {
+        padding-top: @spacing-2;
+        padding-bottom: @spacing-half;
+    }
+    .submenu-group-header.submenu-group-header-empty[data-anv][data-anv] {
+        padding-top: @spacing-1;
+    }
+
+    .submenu-item {
+        padding: @spacing-1;
+    }
+
+    .submenu-link-active {
+        position: relative;
+    }
+
+    .submenu-link-active:before {
+        content: '';
+        position: absolute;
+        background-color: @text-color-active;
+        width: 3px;
+        top: @spacing-1;
+        bottom: @spacing-1;
+        left: -12px;
+    }
+
+    .submenu-item:before:not(.submenu-link-active) {
+        background-color: @bg-color-hover;
+    }
+
+    .divider + .divider {
+        display: none;
+    }
+
+    .divider:last-child {
+        display: none;
+    }
+
+    > *,
+    > *[data-anv][data-anv] {
+        border-left: 3px solid transparent;
+        padding-left: @spacing-1;
+    }
+
+    > *:last-child {
+        margin-bottom: @spacing-0;
+    }
+}
+
+.submenu-popover {
+    margin-left: -@spacing-1;
+    margin-right: -@spacing-1;
+    min-width: 240px;
+
+    .submenu-group-header[data-anv][data-anv] {
+        margin-top: @spacing-2;
+        padding-bottom: @spacing-half;
+    }
+
+    .submenu-group-header.submenu-group-header-empty[data-anv][data-anv] {
+        margin-top: @spacing-1;
+    }
+
+    .submenu-item {
+        padding-top: @spacing-1;
+        padding-bottom: @spacing-1;
+    }
+
+    .submenu-link-active {
+        background-color: @bg-color-active;
+    }
+    .submenu-link:hover:not(.submenu-link-active) {
+        background-color: @bg-color-hover;
+    }
+
+    > *,
+    > *[data-anv][data-anv] {
+        padding-left: @spacing-1;
+        padding-right: @spacing-1;
+    }
+}
+
+.submenu,
+.submenu-popover {
+    display: flex;
+    flex-direction: column;
+
+    .submenu-group-header[data-anv][data-anv] {
+        color: @color-neutral-70;
+    }
+
+    .submenu-item {
+        color: @text-color;
+        font-size: @typescale-2;
+        border-radius: @border-radius-2;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .submenu-link {
+        cursor: pointer;
+    }
+
+    .submenu-link-active {
+        color: @text-color-active;
+    }
+
+    .submenu-link-counter {
+        position: relative !important;
+        transform: unset !important;
+    }
+
+    .submenu-link:hover:not(.submenu-link-active) {
+        background-color: @bg-color-hover;
+    }
+}

package/dist/components/titan-layout/titan-layout.d.ts

@@ -0,0 +1,36 @@
+import { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';
+import { NavigationItemData } from '../../utils/navigation';
+import { NavLinkComponentProps } from '../../utils/navigation-context';
+import { TitanLayoutState } from './interface';
+import { TitanLayoutLogoProps } from './layout-logo';
+import { TitanLayoutSidebarLink, TitanLayoutSidebarTrigger } from './layout-sidebar-links';
+type TitanLayoutChild = ReactElement<TitanLayoutContentProps> | ReactElement<TitanLayoutLogoProps>;
+export type TitanLayoutProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'style'> & {
+    empty?: boolean;
+    appearance?: 'legacy' | 'anvil1' | 'anvil2';
+    /** component used for navigation */
+    navigationComponent?: FC<NavLinkComponentProps>;
+    /** data for main navigation links */
+    navigationMainItems?: NavigationItemData[];
+    /** layout's content */
+    children?: TitanLayoutChild | TitanLayoutChild[];
+    state?: TitanLayoutState;
+    onStateChange?: (state: TitanLayoutState) => void;
+    header?: ReactElement;
+    profile?: ReactElement;
+    extraLinks?: ReactElement;
+    extraLinksTop?: ReactElement;
+    extraText?: string;
+    sidebarTop?: ReactElement[];
+};
+export interface TitanLayoutContentProps {
+    children: ReactNode;
+}
+export declare const TitanLayout: FC<TitanLayoutProps> & {
+    Content: FC<TitanLayoutContentProps>;
+    Logo: FC<TitanLayoutLogoProps>;
+    SidebarLink: typeof TitanLayoutSidebarLink;
+    SidebarTrigger: typeof TitanLayoutSidebarTrigger;
+};
+export {};
+//# sourceMappingURL=titan-layout.d.ts.map

package/dist/components/titan-layout/titan-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"titan-layout.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/titan-layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,wBAAwB,EACxB,EAAE,EAEF,YAAY,EACZ,SAAS,EAMZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAA2B,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEhG,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAQ/C,OAAO,EAAmB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAI3F,KAAK,gBAAgB,GAAG,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;AAEnG,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAE5C,oCAAoC;IACpC,mBAAmB,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAEhD,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAE3C,uBAAuB;IACvB,QAAQ,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IAEjD,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAElD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC/B,CAAC;AA0MF,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAKD,eAAO,MAAM,WAAW;;;;;CAKtB,CAAC"}

package/dist/components/titan-layout/titan-layout.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Children, Fragment, isValidElement, useCallback, useEffect, useMemo, useState, } from 'react';
+import { DefaultNavLinkComponent } from '../../utils/navigation-context';
+import { useTitanBreakpoint } from '../../utils/use-breakpoint';
+import { LayoutContext, LayoutPlacementContext, } from './layout-context';
+import { LayoutHeader } from './layout-header';
+import { TitanLayoutLogo } from './layout-logo';
+import { LayoutSidebar } from './layout-sidebar';
+import { TitanLayoutSidebarLink, TitanLayoutSidebarTrigger } from './layout-sidebar-links';
+import { InternalSideNavigationTrigger } from './layout-sidebar-links-internal';
+import * as Styles from './titan-layout.module.less';
+const defaultSidebarContext = {
+    styles: {
+        popoverContent: {
+            '--background-color-strong': '#24323C',
+            'color': 'var(--color-white)',
+        },
+    },
+};
+const useVariant = (appearance) => useMemo(() => {
+    const isLegacy = appearance === 'legacy';
+    const isAnvil1 = appearance === 'anvil1';
+    const isAnvil2 = appearance === 'anvil2';
+    return {
+        isLegacy,
+        isAnvil1,
+        isAnvil2,
+        isSequent: isLegacy || isAnvil2,
+    };
+}, [appearance]);
+const useLayoutChildren = (children) => useMemo(() => Children.toArray(children).reduce((out, item) => {
+    if (item &&
+        isValidElement(item) &&
+        item.type &&
+        typeof item.type !== 'string') {
+        if (item.type.name === TitanLayoutContent.name) {
+            out.content = item;
+        }
+        else if (item.type.name === TitanLayoutLogo.name) {
+            out.logo = item;
+        }
+    }
+    return out;
+}, {
+    logo: _jsx(TitanLayoutLogo, {}),
+}), [children]);
+const TitanLayoutComponent = ({ appearance = 'anvil2', id, children, navigationComponent, header, profile, state, onStateChange, navigationMainItems, extraLinks, extraLinksTop, extraText, sidebarTop, }) => {
+    const breakpoint = useTitanBreakpoint();
+    const isMobile = breakpoint.isMobile;
+    const context = useMemo(() => ({
+        NavigationComponent: navigationComponent !== null && navigationComponent !== void 0 ? navigationComponent : DefaultNavLinkComponent,
+        breakpoint,
+        isTitanLayout: true,
+        sidebar: defaultSidebarContext,
+    }), [navigationComponent, breakpoint]);
+    const variant = useVariant(appearance);
+    const [mobileDrawerOpened, setMobileDrawerOpened] = useState(false);
+    const { content, logo } = useLayoutChildren(children);
+    useEffect(() => {
+        if (!isMobile) {
+            setMobileDrawerOpened(false);
+            return;
+        }
+        const listener = () => {
+            setMobileDrawerOpened(false);
+        };
+        document.addEventListener('click', listener);
+        return () => document.removeEventListener('click', listener);
+    }, [isMobile]);
+    const onBurgerClick = useCallback((e) => {
+        setMobileDrawerOpened(true);
+        e.stopPropagation();
+    }, []);
+    const onBarExpandChange = useCallback((expanded) => {
+        if (isMobile) {
+            setMobileDrawerOpened(false);
+        }
+        else {
+            onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange({ navCollapsed: !expanded });
+        }
+    }, [onStateChange, isMobile]);
+    const onSubmenuExpandChange = useCallback((id, expanded) => {
+        var _a;
+        onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange({
+            navCollapsed: (_a = state === null || state === void 0 ? void 0 : state.navCollapsed) !== null && _a !== void 0 ? _a : false,
+            submenuExpanded: expanded ? id : undefined,
+        });
+    }, [state, onStateChange]);
+    const [layoutStyles] = useState({});
+    const layoutClass = variant.isLegacy
+        ? Styles.layoutLegacy
+        : variant.isAnvil1
+            ? Styles.layoutAnvil1
+            : Styles.layoutAnvil2;
+    return (_jsx(LayoutContext.Provider, { value: context, children: _jsx(LayoutPlacementContext.Provider, { value: "unset", children: _jsxs("div", { id: id, className: classNames(Styles.layout, isMobile
+                    ? Styles.layoutMobile
+                    : (state === null || state === void 0 ? void 0 : state.navCollapsed)
+                        ? Styles.layoutNavSlim
+                        : Styles.layoutNavWide, layoutClass), style: layoutStyles, children: [variant.isSequent && _jsx("div", { className: Styles.topPlaceholder }), _jsx(LayoutHeader, { className: Styles.top, logo: logo, profile: isMobile ? undefined : profile, center: header, rightText: isMobile ? undefined : extraText, right: _jsxs(Fragment, { children: [extraLinksTop, !isMobile && extraLinks] }), onBurgerClick: onBurgerClick }), _jsx(LayoutSidebar, { className: Styles.side, mobile: breakpoint.isMobile, barExpanded: isMobile ? mobileDrawerOpened : !(state === null || state === void 0 ? void 0 : state.navCollapsed), submenuExpanded: state === null || state === void 0 ? void 0 : state.submenuExpanded, onBarExpandChange: onBarExpandChange, onSubmenuExpandChange: onSubmenuExpandChange, top: sidebarTop, mainItems: navigationMainItems, navigationComponent: context.NavigationComponent, bottom: isMobile ? (_jsxs(Fragment, { children: [profile, extraLinks, !!extraText && (_jsx(InternalSideNavigationTrigger, { id: "__extra_text", title: extraText, submenuExpanded: undefined, dataPrefix: "navigation-extra-text", tag: undefined, icon: undefined, iconActive: undefined }))] })) : undefined }), content] }) }) }));
+};
+const TitanLayoutContent = ({ children }) => (_jsx("div", { className: Styles.content, children: children }));
+export const TitanLayout = Object.assign(TitanLayoutComponent, {
+    Content: TitanLayoutContent,
+    Logo: TitanLayoutLogo,
+    SidebarLink: TitanLayoutSidebarLink,
+    SidebarTrigger: TitanLayoutSidebarTrigger,
+});
+//# sourceMappingURL=titan-layout.js.map

package/dist/components/titan-layout/titan-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"titan-layout.js","sourceRoot":"","sources":["../../../src/components/titan-layout/titan-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEH,QAAQ,EAGR,QAAQ,EAGR,cAAc,EACd,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACX,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,uBAAuB,EAAyB,MAAM,gCAAgC,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EACH,aAAa,EACb,sBAAsB,GAGzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAwB,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AA6BrD,MAAM,qBAAqB,GAAkC;IACzD,MAAM,EAAE;QACJ,cAAc,EAAE;YACZ,2BAA2B,EAAE,SAAS;YACtC,OAAO,EAAE,oBAAoB;SACf;KACrB;CACJ,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,UAA0C,EAAE,EAAE,CAC9D,OAAO,CAAC,GAAG,EAAE;IACT,MAAM,QAAQ,GAAG,UAAU,KAAK,QAAQ,CAAC;IACzC,MAAM,QAAQ,GAAG,UAAU,KAAK,QAAQ,CAAC;IACzC,MAAM,QAAQ,GAAG,UAAU,KAAK,QAAQ,CAAC;IAEzC,OAAO;QACH,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,SAAS,EAAE,QAAQ,IAAI,QAAQ;KAClC,CAAC;AACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAErB,MAAM,iBAAiB,GAAG,CAAC,QAAsC,EAAE,EAAE,CACjE,OAAO,CACH,GAAG,EAAE,CACD,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC7B,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;IACV,IACI,IAAI;QACJ,cAAc,CAAC,IAAI,CAAC;QACpB,IAAI,CAAC,IAAI;QACT,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAC/B,CAAC;QACC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,kBAAkB,CAAC,IAAI,EAAE,CAAC;YAC7C,GAAG,CAAC,OAAO,GAAG,IAAW,CAAC;QAC9B,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,IAAI,EAAE,CAAC;YACjD,GAAG,CAAC,IAAI,GAAG,IAAW,CAAC;QAC3B,CAAC;IACL,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC,EACD;IACI,IAAI,EAAE,KAAC,eAAe,KAAG;CAI5B,CACJ,EACL,CAAC,QAAQ,CAAC,CACb,CAAC;AAEN,MAAM,oBAAoB,GAAyB,CAAC,EAChD,UAAU,GAAG,QAAQ,EACrB,EAAE,EACF,QAAQ,EACR,mBAAmB,EACnB,MAAM,EACN,OAAO,EACP,KAAK,EACL,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,aAAa,EACb,SAAS,EACT,UAAU,GACb,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,kBAAkB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;IACrC,MAAM,OAAO,GAA2B,OAAO,CAC3C,GAAG,EAAE,CAAC,CAAC;QACH,mBAAmB,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,uBAAuB;QACnE,UAAU;QACV,aAAa,EAAE,IAAI;QACnB,OAAO,EAAE,qBAAqB;KACjC,CAAC,EACF,CAAC,mBAAmB,EAAE,UAAU,CAAC,CACpC,CAAC;IACF,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACvC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,qBAAqB,CAAC,KAAK,CAAC,CAAC;YAC7B,OAAO;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,GAAG,EAAE;YAClB,qBAAqB,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAE7C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAa,EAAE,EAAE;QAChD,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CACjC,CAAC,QAAiB,EAAE,EAAE;QAClB,IAAI,QAAQ,EAAE,CAAC;YACX,qBAAqB,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACJ,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACjD,CAAC;IACL,CAAC,EACD,CAAC,aAAa,EAAE,QAAQ,CAAC,CAC5B,CAAC;IACF,MAAM,qBAAqB,GAAG,WAAW,CACrC,CAAC,EAAU,EAAE,QAAiB,EAAE,EAAE;;QAC9B,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG;YACZ,YAAY,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,mCAAI,KAAK;YAC1C,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SAC7C,CAAC,CAAC;IACP,CAAC,EACD,CAAC,KAAK,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ;QAChC,CAAC,CAAC,MAAM,CAAC,YAAY;QACrB,CAAC,CAAC,OAAO,CAAC,QAAQ;YAChB,CAAC,CAAC,MAAM,CAAC,YAAY;YACrB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;IAE5B,OAAO,CACH,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAClC,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,YAC1C,eACI,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,MAAM,EACb,QAAQ;oBACJ,CAAC,CAAC,MAAM,CAAC,YAAY;oBACrB,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY;wBACnB,CAAC,CAAC,MAAM,CAAC,aAAa;wBACtB,CAAC,CAAC,MAAM,CAAC,aAAa,EAC5B,WAAW,CACd,EACD,KAAK,EAAE,YAAY,aAElB,OAAO,CAAC,SAAS,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,GAAI,EAC/D,KAAC,YAAY,IACT,SAAS,EAAE,MAAM,CAAC,GAAG,EACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3C,KAAK,EACD,MAAC,QAAQ,eACJ,aAAa,EACb,CAAC,QAAQ,IAAI,UAAU,IACjB,EAEf,aAAa,EAAE,aAAa,GAC9B,EAEF,KAAC,aAAa,IACV,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,MAAM,EAAE,UAAU,CAAC,QAAQ,EAC3B,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAA,EACjE,eAAe,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EACvC,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,qBAAqB,EAC5C,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,mBAAmB,EAC9B,mBAAmB,EAAE,OAAO,CAAC,mBAAmB,EAChD,MAAM,EACF,QAAQ,CAAC,CAAC,CAAC,CACP,MAAC,QAAQ,eACJ,OAAO,EACP,UAAU,EACV,CAAC,CAAC,SAAS,IAAI,CACZ,KAAC,6BAA6B,IAC1B,EAAE,EAAC,cAAc,EACjB,KAAK,EAAE,SAAS,EAChB,eAAe,EAAE,SAAS,EAC1B,UAAU,EAAC,uBAAuB,EAClC,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,SAAS,EACf,UAAU,EAAE,SAAS,GACvB,CACL,IACM,CACd,CAAC,CAAC,CAAC,SAAS,GAEnB,EAED,OAAO,IACN,GACwB,GACb,CAC5B,CAAC;AACN,CAAC,CAAC;AAKF,MAAM,kBAAkB,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtE,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE;IAC3D,OAAO,EAAE,kBAAkB;IAC3B,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,sBAAsB;IACnC,cAAc,EAAE,yBAAyB;CAC5C,CAAC,CAAC"}