@servicetitan/navigation 14.1.0 → 14.3.0

package/dist/components/profile-dropdown/interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1E,MAAM,MAAM,2BAA2B,GAAG;IACtC,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACxD,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC,2BAA2B,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC;IAC9E,SAAS,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,EAAE,CAAC;YAAE,WAAW,IAAI,IAAI,CAAA;SAAE,CAAC,CAAC;QACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACxB,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,MAAM,CAAC,IAAI,IAAI,CAAC;CACnB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GACxB;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5C,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1F,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,kBAAkB,CAAC;AAEvB,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1E,MAAM,MAAM,2BAA2B,GAAG;IACtC,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACxD,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC,2BAA2B,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC;IAC9E,SAAS,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,EAAE,CAAC;YAAE,WAAW,IAAI,IAAI,CAAA;SAAE,CAAC,CAAC;QACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACxB,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,MAAM,CAAC,IAAI,IAAI,CAAC;CACnB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GAC1B;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1F,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,kBAAkB,CAAC;AAEvB,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,kBAAkB,CAAC"}

package/dist/components/profile-dropdown/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/profile-dropdown/interface.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\n\nexport type ProfileDropdownTriggerProps = {\n    info?: { title: string; text: string };\n    imageSrc?: string | null;\n    avatarBadge?: boolean | string;\n    badge?: { content?: number | string; color: string };\n} & Omit<ComponentPropsWithoutRef<'div'>, 'onClick'>;\n\nexport type ProfileDropdownProps = {\n    anvil1?: boolean;\n    trigger?: Omit<ProfileDropdownTriggerProps, 'onClick' | 'open' | 'hintArrow'>;\n    hintPopup?: {\n        bgColor?: string;\n        content: FC<{ openProfile(): void }>;\n        onClose?: () => void;\n    };\n    portal?: boolean;\n    onClose?(): void;\n    onOpen?(): void;\n} & ComponentPropsWithoutRef<'div'>;\n\nexport type ProfileItemContent =\n    | { children: string; text?: string }\n    | { children: ReactNode; text: string };\n\nexport type ProfileDropdownSectionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {\n    children: ReactNode;\n    id: string;\n    tooltip?: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n} & ProfileItemContent;\n\nexport type ProfileDropdownLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'children'> & {\n    id: string;\n    children: ReactNode;\n    external?: boolean;\n    tooltip?: string;\n    to: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n} & ProfileItemContent;\n"],"names":[],"mappings":"AAmCA,WAQuB"}
+{"version":3,"sources":["../../../src/components/profile-dropdown/interface.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\n\nexport type ProfileDropdownTriggerProps = {\n    info?: { title: string; text: string };\n    imageSrc?: string | null;\n    avatarBadge?: boolean | string;\n    badge?: { content?: number | string; color: string };\n} & Omit<ComponentPropsWithoutRef<'div'>, 'onClick'>;\n\nexport type ProfileDropdownProps = {\n    anvil1?: boolean;\n    trigger?: Omit<ProfileDropdownTriggerProps, 'onClick' | 'open' | 'hintArrow'>;\n    hintPopup?: {\n        bgColor?: string;\n        content: FC<{ openProfile(): void }>;\n        onClose?: () => void;\n    };\n    portal?: boolean;\n    onClose?(): void;\n    onOpen?(): void;\n} & ComponentPropsWithoutRef<'div'>;\n\nexport type ProfileItemContent =\n    { children: string; text?: string } | { children: ReactNode; text: string };\n\nexport type ProfileDropdownSectionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {\n    children: ReactNode;\n    id: string;\n    tooltip?: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n} & ProfileItemContent;\n\nexport type ProfileDropdownLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'children'> & {\n    id: string;\n    children: ReactNode;\n    external?: boolean;\n    tooltip?: string;\n    to: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n} & ProfileItemContent;\n"],"names":[],"mappings":"AAkCA,WAQuB"}

package/dist/components/titan-layout/__tests__/layout-sidebar-links-internal.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=layout-sidebar-links-internal.test.d.ts.map

package/dist/components/titan-layout/__tests__/layout-sidebar-links-internal.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-sidebar-links-internal.test.d.ts","sourceRoot":"","sources":["../../../../src/components/titan-layout/__tests__/layout-sidebar-links-internal.test.tsx"],"names":[],"mappings":""}

package/dist/components/titan-layout/__tests__/navigation-catalog-reset.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=navigation-catalog-reset.test.d.ts.map

package/dist/components/titan-layout/__tests__/navigation-catalog-reset.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-catalog-reset.test.d.ts","sourceRoot":"","sources":["../../../../src/components/titan-layout/__tests__/navigation-catalog-reset.test.tsx"],"names":[],"mappings":""}

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

@@ -1,6 +1,7 @@
 import { IconProps } from '@servicetitan/anvil2';
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { CounterTagData, CounterTagValue } from '../../utils/counter-tag';
+import { NavigationItemData } from '../../utils/navigation';
 import { TitanLayoutSidebarContextType } from './layout-context';
 export interface TitanLayoutLinkWrapperProps {
     children: ReactNode;
@@ -8,6 +9,71 @@ export interface TitanLayoutLinkWrapperProps {
     isMobile: boolean;
 }
 export type TitanLayoutLinkWrapper = FC<TitanLayoutLinkWrapperProps>;
+/** A titled section of the navigation catalog. */
+export interface NavigationCatalogGroup {
+    /** section heading */
+    title: string;
+    /**
+     * The destinations in this section.
+     *
+     * `id` is treated as an opaque pin id and is compared verbatim against `pinnedIds`, so the host
+     * is responsible for handing over ids in whatever form it stores them. Any `submenu` links are
+     * offered as separately pinnable pages beneath their item, and their `id`s are pin ids too.
+     */
+    items: NavigationItemData[];
+}
+/**
+ * Turns the navigation catalog on.
+ *
+ * Supplying this renders a catalog trigger in the sidebar and the dialog behind it; omitting it
+ * leaves the navigation exactly as it was. The layout owns the dialog, its open state and the
+ * keyboard shortcut, and nothing else about pinning: it proposes a new list, or reports that the
+ * user confirmed a reset, and the host decides what to do with either.
+ */
+export interface PinnedNavigationConfig {
+    /**
+     * Every destination on offer, resolved on demand.
+     *
+     * A function rather than an array because resolving a catalog is not free for every host: one
+     * whose submenus are dynamic pays a request per module to enumerate its pages. The dialog is
+     * mounted only while open, so taking the groups as a thunk keeps that cost — and any failure
+     * in it — inside the dialog instead of on every page load of the shell.
+     *
+     * Called once per open, and again only if the function's identity changes, so a host should
+     * memoize it against whatever its resolution actually depends on.
+     */
+    groups: () => NavigationCatalogGroup[];
+    /** The pinned ids, in display order. */
+    pinnedIds: string[];
+    /**
+     * Ids the user may not pin or unpin.
+     *
+     * A locked destination is always present in the navigation whether or not it appears in
+     * `pinnedIds`, so the catalog shows a lock where the pin control would be and never proposes a
+     * list that adds or removes one.
+     */
+    lockedIds?: string[];
+    /**
+     * The list the user just asked for through a star control, in full.
+     *
+     * Fully controlled: nothing changes until `pinnedIds` comes back different. A host that
+     * declines the proposal simply does not apply it, and the control returns to its previous
+     * state on its own. Confirming a reset calls `onResetToDefaults` instead.
+     */
+    onPinnedIdsChange: (pinnedIds: string[]) => void;
+    /**
+     * Called once the user confirms Restore Default Favorites.
+     *
+     * The catalog reports the intent and proposes nothing: what the defaults are, whether locked
+     * destinations survive and how the reset is persisted are all the host's. Favourites move only
+     * when the host sends new `pinnedIds` down, and the catalog does not also call
+     * `onPinnedIdsChange`.
+     *
+     * Omit it to hide the restore control — including when the host offers defaults but the user
+     * has not strayed from them, which only the host can know.
+     */
+    onResetToDefaults?: () => void;
+}
 export interface TitanLayoutLinkExtraProps {
     /** link's title should be shown (for extra links we show icon only by default) */
     showTitle?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,2BAA2B;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,6BAA6B,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACtC,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACrC,6CAA6C;IAC7C,OAAO,EAAE,eAAe,CAAC;CAC5B;AAED,MAAM,MAAM,oBAAoB,GAAG;IAC/B,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IACrD,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,uCAAuC;IACvC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,kFAAkF;IAClF,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,mCAAmC;IACnC,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,uDAAuD;IACvD,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACnC,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG;IAClC,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,uCAAuC;IACvC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,kFAAkF;IAClF,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,mCAAmC;IACnC,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,kDAAkD;IAClD,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACnC,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC"}
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/titan-layout/interface.ts"],"sourcesContent":["import { IconProps } from '@servicetitan/anvil2';\nimport { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\nimport { TitanLayoutSidebarContextType } from './layout-context';\n\nexport interface TitanLayoutLinkWrapperProps {\n    children: ReactNode;\n    context: TitanLayoutSidebarContextType;\n    isMobile: boolean;\n}\n\nexport type TitanLayoutLinkWrapper = FC<TitanLayoutLinkWrapperProps>;\n\nexport interface TitanLayoutLinkExtraProps {\n    /** link's title should be shown (for extra links we show icon only by default) */\n    showTitle?: boolean;\n    /** link is flashing */\n    flashing?: boolean;\n}\n\nexport interface TitanLayoutLinkSideProps {\n    /** counter value used only for side links */\n    counter: CounterTagValue;\n}\n\nexport type TitanLayoutLinkProps = {\n    /** link id */\n    id: string;\n    /** link href */\n    to: string;\n    /** link title */\n    title: string;\n    /** callback to return active state. By default, it compares link href with current pathname */\n    isActive?: boolean | ((pathname: string) => boolean);\n    /** svg icon (anvil2) of inactive item */\n    icon: IconProps['svg'] | undefined;\n    /** svg icon (anvil2) of active item */\n    iconActive: IconProps['svg'] | undefined;\n    /** item tag (optional). shown if it is set and value is true or greater than 0 */\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n    /** class name of link item */\n    className?: string;\n\n    /** tooltip text (for extra links) */\n    tooltip?: string;\n    /** wrapper component for link element (used for side links) */\n    wrapper?: TitanLayoutLinkWrapper;\n    /** props for extra link element */\n    extra?: TitanLayoutLinkExtraProps;\n    /** props for side nav link element (mobile version) */\n    side?: TitanLayoutLinkSideProps;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>;\n\nexport type TitanLayoutTriggerProps = {\n    /** link id */\n    id: string;\n    /** link title */\n    title: string;\n    /** active state */\n    isActive?: boolean;\n    /** svg icon (anvil2) of inactive item */\n    icon: IconProps['svg'] | undefined;\n    /** svg icon (anvil2) of active item */\n    iconActive: IconProps['svg'] | undefined;\n    /** item tag (optional). shown if it is set and value is true or greater than 0 */\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n    /** class name of link item */\n    className?: string;\n\n    /** tooltip text (for extra links) */\n    tooltip?: string;\n    /** wrapper component for link element (used for side links) */\n    wrapper?: TitanLayoutLinkWrapper;\n    /** props for extra link element */\n    extra?: TitanLayoutLinkExtraProps;\n    /** props for nav link element (mobile version) */\n    side?: TitanLayoutLinkSideProps;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>;\n"],"names":[],"mappings":"AAsDA,WAyBgE"}
+{"version":3,"sources":["../../../src/components/titan-layout/interface.ts"],"sourcesContent":["import { IconProps } from '@servicetitan/anvil2';\nimport { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\nimport { NavigationItemData } from '../../utils/navigation';\nimport { TitanLayoutSidebarContextType } from './layout-context';\n\nexport interface TitanLayoutLinkWrapperProps {\n    children: ReactNode;\n    context: TitanLayoutSidebarContextType;\n    isMobile: boolean;\n}\n\nexport type TitanLayoutLinkWrapper = FC<TitanLayoutLinkWrapperProps>;\n\n/** A titled section of the navigation catalog. */\nexport interface NavigationCatalogGroup {\n    /** section heading */\n    title: string;\n\n    /**\n     * The destinations in this section.\n     *\n     * `id` is treated as an opaque pin id and is compared verbatim against `pinnedIds`, so the host\n     * is responsible for handing over ids in whatever form it stores them. Any `submenu` links are\n     * offered as separately pinnable pages beneath their item, and their `id`s are pin ids too.\n     */\n    items: NavigationItemData[];\n}\n\n/**\n * Turns the navigation catalog on.\n *\n * Supplying this renders a catalog trigger in the sidebar and the dialog behind it; omitting it\n * leaves the navigation exactly as it was. The layout owns the dialog, its open state and the\n * keyboard shortcut, and nothing else about pinning: it proposes a new list, or reports that the\n * user confirmed a reset, and the host decides what to do with either.\n */\nexport interface PinnedNavigationConfig {\n    /**\n     * Every destination on offer, resolved on demand.\n     *\n     * A function rather than an array because resolving a catalog is not free for every host: one\n     * whose submenus are dynamic pays a request per module to enumerate its pages. The dialog is\n     * mounted only while open, so taking the groups as a thunk keeps that cost — and any failure\n     * in it — inside the dialog instead of on every page load of the shell.\n     *\n     * Called once per open, and again only if the function's identity changes, so a host should\n     * memoize it against whatever its resolution actually depends on.\n     */\n    groups: () => NavigationCatalogGroup[];\n\n    /** The pinned ids, in display order. */\n    pinnedIds: string[];\n\n    /**\n     * Ids the user may not pin or unpin.\n     *\n     * A locked destination is always present in the navigation whether or not it appears in\n     * `pinnedIds`, so the catalog shows a lock where the pin control would be and never proposes a\n     * list that adds or removes one.\n     */\n    lockedIds?: string[];\n\n    /**\n     * The list the user just asked for through a star control, in full.\n     *\n     * Fully controlled: nothing changes until `pinnedIds` comes back different. A host that\n     * declines the proposal simply does not apply it, and the control returns to its previous\n     * state on its own. Confirming a reset calls `onResetToDefaults` instead.\n     */\n    onPinnedIdsChange: (pinnedIds: string[]) => void;\n\n    /**\n     * Called once the user confirms Restore Default Favorites.\n     *\n     * The catalog reports the intent and proposes nothing: what the defaults are, whether locked\n     * destinations survive and how the reset is persisted are all the host's. Favourites move only\n     * when the host sends new `pinnedIds` down, and the catalog does not also call\n     * `onPinnedIdsChange`.\n     *\n     * Omit it to hide the restore control — including when the host offers defaults but the user\n     * has not strayed from them, which only the host can know.\n     */\n    onResetToDefaults?: () => void;\n}\n\nexport interface TitanLayoutLinkExtraProps {\n    /** link's title should be shown (for extra links we show icon only by default) */\n    showTitle?: boolean;\n    /** link is flashing */\n    flashing?: boolean;\n}\n\nexport interface TitanLayoutLinkSideProps {\n    /** counter value used only for side links */\n    counter: CounterTagValue;\n}\n\nexport type TitanLayoutLinkProps = {\n    /** link id */\n    id: string;\n    /** link href */\n    to: string;\n    /** link title */\n    title: string;\n    /** callback to return active state. By default, it compares link href with current pathname */\n    isActive?: boolean | ((pathname: string) => boolean);\n    /** svg icon (anvil2) of inactive item */\n    icon: IconProps['svg'] | undefined;\n    /** svg icon (anvil2) of active item */\n    iconActive: IconProps['svg'] | undefined;\n    /** item tag (optional). shown if it is set and value is true or greater than 0 */\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n    /** class name of link item */\n    className?: string;\n\n    /** tooltip text (for extra links) */\n    tooltip?: string;\n    /** wrapper component for link element (used for side links) */\n    wrapper?: TitanLayoutLinkWrapper;\n    /** props for extra link element */\n    extra?: TitanLayoutLinkExtraProps;\n    /** props for side nav link element (mobile version) */\n    side?: TitanLayoutLinkSideProps;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>;\n\nexport type TitanLayoutTriggerProps = {\n    /** link id */\n    id: string;\n    /** link title */\n    title: string;\n    /** active state */\n    isActive?: boolean;\n    /** svg icon (anvil2) of inactive item */\n    icon: IconProps['svg'] | undefined;\n    /** svg icon (anvil2) of active item */\n    iconActive: IconProps['svg'] | undefined;\n    /** item tag (optional). shown if it is set and value is true or greater than 0 */\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n    /** class name of link item */\n    className?: string;\n\n    /** tooltip text (for extra links) */\n    tooltip?: string;\n    /** wrapper component for link element (used for side links) */\n    wrapper?: TitanLayoutLinkWrapper;\n    /** props for extra link element */\n    extra?: TitanLayoutLinkExtraProps;\n    /** props for nav link element (mobile version) */\n    side?: TitanLayoutLinkSideProps;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>;\n"],"names":[],"mappings":"AA+HA,WAyBgE"}

package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts

@@ -18,6 +18,7 @@ export declare const InternalSideNavigationLink: FC<NavigationComponentProps & {
     iconActive: IconProps['svg'] | undefined;
     className: string | undefined;
     tag: BadgeTagProps | undefined;
+    notificationCount?: number;
 } & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>>;
 /** Side Navigation menu trigger (for internal usage) */
 export declare const InternalSideNavigationTrigger: FC<{
@@ -28,6 +29,7 @@ export declare const InternalSideNavigationTrigger: FC<{
     iconActive: IconProps['svg'] | undefined;
     className: string | undefined;
     tag: BadgeTagProps | undefined;
+    notificationCount?: number;
     onClick?: (e: MouseEvent<never>) => void;
 } & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>>;
 export declare const InternalSideNavigationGroupLink: FC<NavigationComponentProps & {
@@ -58,6 +60,7 @@ export declare const InternalSideNavigationGroup: FC<NavigationComponentProps &
     iconActive: IconProps['svg'] | undefined;
     className: string | undefined;
     tag: BadgeTagProps | undefined;
+    notificationCount?: number;
     children: ReactNode;
     submenuOpened: boolean;
     onClick?: (e: MouseEvent<never>) => void;

package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-sidebar-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"layout-sidebar-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"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"}

package/dist/components/titan-layout/layout-sidebar-links-internal.js

@@ -3,7 +3,8 @@ import { Button, Icon } from '@servicetitan/anvil2';
 import SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';
 import SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
 import classNames from 'classnames';
-import { Fragment } from 'react';
+import { Fragment, useId } from 'react';
+import { getNotificationCount } from '../../utils/navigation-notifications';
 import { BadgeTag } from '../badge-tag';
 import * as Styles from './layout-sidebar.module.less';
 import { withTooltip } from './with-tooltip';
@@ -33,18 +34,17 @@ const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title })=>/*
                 ]
             }),
             /*#__PURE__*/ _jsx("div", {
-                className: classNames(Styles.navItemTextCollapsed, {
-                    [Styles.navItemTextSmall]: !!title && title.length >= 10
-                }),
+                className: Styles.navItemTextCollapsed,
                 "data-cy": "nav-item-label",
                 children: title
             })
         ]
     });
-/** Side Navigation menu item (for internal usage) */ export const InternalSideNavigationLink = ({ id, to, title, isActive, icon, iconActive, className, tag, navigationComponent: NavigationComponent, ...rest })=>{
+/** Side Navigation menu item (for internal usage) */ export const InternalSideNavigationLink = ({ id, to, title, isActive, icon, iconActive, className, tag, notificationCount = getNotificationCount(tag === null || tag === void 0 ? void 0 : tag.value), navigationComponent: NavigationComponent, ...rest })=>{
     return /*#__PURE__*/ _jsx(NavigationComponent, {
         "data-cy": `navigation-item-${id}`,
         "data-pendo": `navigation-item-${id}`,
+        "data-navigation-notification-count": notificationCount || undefined,
         ...rest,
         className: classNames(Styles.navItem, Styles.navLink, className, {
             [Styles.navItemActive]: isActive === true,
@@ -62,10 +62,11 @@ const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title })=>/*
         })
     });
 };
-/** Side Navigation menu trigger (for internal usage) */ export const InternalSideNavigationTrigger = ({ id, title, isActive, icon, iconActive, className, tag, ...rest })=>{
+/** Side Navigation menu trigger (for internal usage) */ export const InternalSideNavigationTrigger = ({ id, title, isActive, icon, iconActive, className, tag, notificationCount = getNotificationCount(tag === null || tag === void 0 ? void 0 : tag.value), ...rest })=>{
     return /*#__PURE__*/ _jsx("div", {
         "data-cy": `navigation-item-${id}`,
         "data-pendo": `navigation-item-${id}`,
+        "data-navigation-notification-count": notificationCount || undefined,
         tabIndex: rest.onClick ? 0 : -1,
         ...rest,
         className: classNames(Styles.navItem, className, {
@@ -88,6 +89,7 @@ export const InternalSideNavigationGroupLink = ({ id, to, title, isActive, class
         children: /*#__PURE__*/ _jsxs(NavigationComponent, {
             "data-cy": `navigation-item-${parentId}--${id}`,
             "data-pendo": `navigation-item-${parentId}--${id}`,
+            "data-navigation-notification-count": getNotificationCount(tag === null || tag === void 0 ? void 0 : tag.value) || undefined,
             ...rest,
             to: to,
             className: classNames(Styles.submenuItem, Styles.submenuLink, className, {
@@ -110,6 +112,7 @@ export const InternalSideNavigationGroupLink = ({ id, to, title, isActive, class
 export const InternalSideNavigationGroupTrigger = ({ id, title, isActive, className, tag, ...rest })=>{
     return /*#__PURE__*/ _jsxs("div", {
         "data-cy": `navigation-item-${id}`,
+        "data-navigation-notification-count": getNotificationCount(tag === null || tag === void 0 ? void 0 : tag.value) || undefined,
         "data-pendo": `navigation-item-${id}`,
         ...rest,
         className: classNames(Styles.submenuItem, {
@@ -132,19 +135,49 @@ export const InternalSideNavigationGroupDivider = ()=>{
         className: Styles.divider
     });
 };
-export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, iconActive, className, tag, children, submenuOpened, onSubmenuOpen, onClick, navigationComponent, ...rest })=>{
+export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, iconActive, className, tag, notificationCount, children, submenuOpened, onSubmenuOpen, onClick, navigationComponent, ...rest })=>{
+    const submenuId = useId();
     const onToggleClick = (e)=>{
-        onSubmenuOpen(id, !submenuOpened);
         e.preventDefault();
         e.stopPropagation();
+        onSubmenuOpen(id, !submenuOpened);
     };
     return /*#__PURE__*/ _jsxs("div", {
-        className: classNames(Styles.navGroupWrapper),
+        className: classNames(Styles.navGroupWrapper, {
+            [Styles.navGroupOpened]: submenuOpened
+        }),
         children: [
             /*#__PURE__*/ _jsxs("div", {
                 className: Styles.navGroupItem,
                 children: [
                     /*#__PURE__*/ _jsx("div", {
+                        // Update expansion before the host link handles navigation to its destination.
+                        onClickCapture: (event)=>{
+                            if (!to) {
+                                onToggleClick(event);
+                            } else if (/*
+                             * A module name only ever opens. It navigates into the module, so
+                             * collapsing would hide the very page the click is about to land on —
+                             * the destination is `to`, whether that is a page itself or an entry
+                             * route the host redirects to the module's default page. Collapsing an
+                             * open module is the chevron's job.
+                             */ !submenuOpened && event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey) {
+                                onSubmenuOpen(id, true);
+                            }
+                        },
+                        onClick: (event)=>event.stopPropagation(),
+                        onKeyDownCapture: (event)=>{
+                            if ((event.key === 'Enter' || event.key === ' ') && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey) {
+                                if (to) {
+                                    var _event_currentTarget_querySelector;
+                                    event.preventDefault();
+                                    event.stopPropagation();
+                                    (_event_currentTarget_querySelector = event.currentTarget.querySelector('a')) === null || _event_currentTarget_querySelector === void 0 ? void 0 : _event_currentTarget_querySelector.click();
+                                } else {
+                                    onToggleClick(event);
+                                }
+                            }
+                        },
                         children: to ? /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
                             id: id,
                             to: to,
@@ -153,8 +186,11 @@ export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, ico
                             icon: icon,
                             iconActive: iconActive,
                             tag: tag,
+                            notificationCount: notificationCount,
                             className: className,
                             ...rest,
+                            "aria-expanded": submenuOpened,
+                            "aria-controls": submenuId,
                             navigationComponent: navigationComponent
                         }) : /*#__PURE__*/ _jsx(InternalSideNavigationTrigger, {
                             id: id,
@@ -163,19 +199,27 @@ export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, ico
                             icon: icon,
                             iconActive: iconActive,
                             tag: tag,
+                            notificationCount: notificationCount,
                             className: className,
-                            ...rest
+                            ...rest,
+                            role: "button",
+                            tabIndex: 0,
+                            onClick: onToggleClick,
+                            "aria-expanded": submenuOpened,
+                            "aria-controls": submenuId
                         })
                     }),
                     /*#__PURE__*/ _jsx("div", {
                         className: Styles.navItemGroupToggleWrapper,
                         children: withTooltip(/*#__PURE__*/ _jsx(Button, {
-                            appearance: "secondary",
-                            size: "small",
+                            appearance: "ghost",
+                            size: "xsmall",
                             icon: submenuOpened ? SvgGroupCollapse : SvgGroupExpand,
                             className: Styles.navItemGroupToggle,
                             onClick: onToggleClick,
-                            "aria-label": "Toggle submenu",
+                            "aria-label": `${submenuOpened ? 'Collapse' : 'Expand'} ${title} submenu`,
+                            "aria-expanded": submenuOpened,
+                            "aria-controls": submenuId,
                             "data-cy": "nav-item-group-expand"
                         }), // hide submenu tooltip for now
                         icon ? undefined : submenuOpened ? 'Hide Submenu' : 'View Submenu', {
@@ -186,6 +230,7 @@ export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, ico
                 ]
             }),
             submenuOpened && /*#__PURE__*/ _jsx("div", {
+                id: submenuId,
                 className: classNames(Styles.submenuWrapper, {
                     [Styles.submenuWrapperCollapsed]: !submenuOpened
                 }),

package/dist/components/titan-layout/layout-sidebar-links-internal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"sourcesContent":["import { Button, Icon, IconProps } from '@servicetitan/anvil2';\nimport SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\nimport classNames from 'classnames';\nimport { ComponentPropsWithoutRef, FC, Fragment, MouseEvent, ReactNode } from 'react';\n\nimport { BadgeTag, BadgeTagProps } from '../badge-tag';\nimport { NavigationComponentProps } from './interface-internal';\nimport * as Styles from './layout-sidebar.module.less';\nimport { withTooltip } from './with-tooltip';\n\nexport interface InternalSideNavigationItemContentProps {\n    icon: IconProps['svg'] | undefined;\n    iconActive: IconProps['svg'] | undefined;\n    title: string;\n    tag: BadgeTagProps | undefined;\n}\n\nconst InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps> = ({\n    icon,\n    iconActive,\n    tag,\n    title,\n}) => (\n    <Fragment>\n        <div className={Styles.navItemIconWrapper}>\n            {icon && (\n                <Icon svg={icon} className={classNames(Styles.navIcon, Styles.navIconInactive)} />\n            )}\n            {iconActive && (\n                <Icon\n                    svg={iconActive}\n                    className={classNames(Styles.navIcon, Styles.navIconActive)}\n                />\n            )}\n\n            <div className={Styles.navItemTextExpanded} data-cy=\"nav-item-label\">\n                {title}\n            </div>\n            {!!tag && (\n                <BadgeTag\n                    data={tag}\n                    className={Styles.navItemCounter}\n                    longClassName={Styles.navItemCounterLong}\n                />\n            )}\n        </div>\n\n        <div\n            className={classNames(Styles.navItemTextCollapsed, {\n                [Styles.navItemTextSmall]: !!title && title.length >= 10,\n            })}\n            data-cy=\"nav-item-label\"\n        >\n            {title}\n        </div>\n    </Fragment>\n);\n\n/** Side Navigation menu item (for internal usage) */\nexport const InternalSideNavigationLink: FC<\n    NavigationComponentProps & {\n        id: string;\n        to: string;\n        title: string;\n        isActive: boolean | ((pathname: string) => boolean) | undefined;\n        icon: IconProps['svg'] | undefined;\n        iconActive: IconProps['svg'] | undefined;\n        className: string | undefined;\n        tag: BadgeTagProps | undefined;\n    } & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>\n> = ({\n    id,\n    to,\n    title,\n    isActive,\n    icon,\n    iconActive,\n    className,\n    tag,\n\n    navigationComponent: NavigationComponent,\n    ...rest\n}) => {\n    return (\n        <NavigationComponent\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            {...rest}\n            className={classNames(Styles.navItem, Styles.navLink, className, {\n                [Styles.navItemActive]: isActive === true,\n                [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n            })}\n            to={to}\n            isActive={typeof isActive === 'function' ? isActive : undefined}\n            activeClassName={Styles.navItemActive}\n            tabIndex={0}\n        >\n            <InternalSideNavigationItemContent\n                icon={icon}\n                iconActive={iconActive}\n                title={title}\n                tag={tag}\n            />\n        </NavigationComponent>\n    );\n};\n\n/** Side Navigation menu trigger (for internal usage) */\nexport const InternalSideNavigationTrigger: FC<\n    {\n        id: string;\n        title: string;\n        isActive: boolean | undefined;\n        icon: IconProps['svg'] | undefined;\n        iconActive: IconProps['svg'] | undefined;\n        className: string | undefined;\n\n        tag: BadgeTagProps | undefined;\n        onClick?: (e: MouseEvent<never>) => void;\n    } & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>\n> = ({\n    id,\n    title,\n    isActive,\n    icon,\n    iconActive,\n    className,\n\n    tag,\n    ...rest\n}) => {\n    return (\n        <div\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            tabIndex={rest.onClick ? 0 : -1}\n            {...rest}\n            className={classNames(Styles.navItem, className, {\n                [Styles.navLink]: !!rest.onClick,\n                [Styles.navItemActive]: isActive === true,\n                [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n            })}\n        >\n            <InternalSideNavigationItemContent\n                icon={icon}\n                iconActive={iconActive}\n                title={title}\n                tag={tag}\n            />\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupLink: FC<\n    NavigationComponentProps & {\n        id: string;\n        to: string;\n        title: string;\n        isActive: boolean | ((pathname: string) => boolean) | undefined;\n        className: string | undefined;\n        tag: BadgeTagProps | undefined;\n\n        parentId: string;\n        onLinkClick?: (parentItemId: string, itemId: string) => void;\n    }\n> = ({\n    id,\n    to,\n    title,\n    isActive,\n    className,\n    tag,\n\n    parentId,\n    onLinkClick,\n    navigationComponent: NavigationComponent,\n    ...rest\n}) => {\n    return (\n        <div\n            onClickCapture={onLinkClick ? () => onLinkClick(parentId, id) : undefined}\n            className={Styles.submenuItemWrapper}\n        >\n            <NavigationComponent\n                key={id}\n                data-cy={`navigation-item-${parentId}--${id}`}\n                data-pendo={`navigation-item-${parentId}--${id}`}\n                {...rest}\n                to={to}\n                className={classNames(Styles.submenuItem, Styles.submenuLink, className, {\n                    [Styles.submenuLinkActive]: isActive === true,\n                })}\n                isActive={typeof isActive === 'function' ? isActive : undefined}\n                activeClassName={Styles.submenuLinkActive}\n            >\n                <span>{title}</span>\n                <BadgeTag data={tag} className={Styles.submenuLinkCounter} />\n            </NavigationComponent>\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupTrigger: FC<{\n    id: string;\n    title: string;\n    isActive: boolean | ((pathname: string) => boolean) | undefined;\n    className: string | undefined;\n    tag: BadgeTagProps | undefined;\n\n    onClick?: (e: MouseEvent<any>) => void;\n}> = ({\n    id,\n    title,\n    isActive,\n    className,\n    tag,\n\n    ...rest\n}) => {\n    return (\n        <div\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            key={id}\n            {...rest}\n            className={classNames(Styles.submenuItem, {\n                [Styles.submenuLink]: !!rest.onClick,\n                [Styles.submenuLinkActive]: isActive === true,\n            })}\n        >\n            <span>{title}</span>\n            <BadgeTag data={tag} className={Styles.submenuLinkCounter} />\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupDivider = () => {\n    return <div className={Styles.divider} />;\n};\n\nexport const InternalSideNavigationGroup: FC<\n    NavigationComponentProps & {\n        id: string;\n        to: string | undefined;\n        title: string;\n        isActive: boolean | ((pathname: string) => boolean) | undefined;\n        icon: IconProps['svg'] | undefined;\n        iconActive: IconProps['svg'] | undefined;\n        className: string | undefined;\n        tag: BadgeTagProps | undefined;\n\n        children: ReactNode;\n        submenuOpened: boolean;\n        onClick?: (e: MouseEvent<never>) => void;\n        onSubmenuOpen(id: string, opened: boolean): void;\n    }\n> = ({\n    id,\n    to,\n    title,\n    isActive,\n    icon,\n    iconActive,\n    className,\n    tag,\n\n    children,\n    submenuOpened,\n    onSubmenuOpen,\n    onClick,\n    navigationComponent,\n    ...rest\n}) => {\n    const onToggleClick = (e: MouseEvent<never>) => {\n        onSubmenuOpen(id, !submenuOpened);\n        e.preventDefault();\n        e.stopPropagation();\n    };\n\n    return (\n        <div className={classNames(Styles.navGroupWrapper)}>\n            <div className={Styles.navGroupItem}>\n                <div>\n                    {to ? (\n                        <InternalSideNavigationLink\n                            id={id}\n                            to={to}\n                            title={title}\n                            isActive={isActive}\n                            icon={icon}\n                            iconActive={iconActive}\n                            tag={tag}\n                            className={className}\n                            {...rest}\n                            navigationComponent={navigationComponent}\n                        />\n                    ) : (\n                        <InternalSideNavigationTrigger\n                            id={id}\n                            title={title}\n                            isActive={isActive === true || undefined}\n                            icon={icon}\n                            iconActive={iconActive}\n                            tag={tag}\n                            className={className}\n                            {...rest}\n                        />\n                    )}\n                </div>\n\n                <div className={Styles.navItemGroupToggleWrapper}>\n                    {withTooltip(\n                        <Button\n                            appearance=\"secondary\"\n                            size=\"small\"\n                            icon={submenuOpened ? SvgGroupCollapse : SvgGroupExpand}\n                            className={Styles.navItemGroupToggle}\n                            onClick={onToggleClick}\n                            aria-label=\"Toggle submenu\"\n                            data-cy=\"nav-item-group-expand\"\n                        />,\n                        // hide submenu tooltip for now\n                        icon ? undefined : submenuOpened ? 'Hide Submenu' : 'View Submenu',\n                        { placement: 'right', delay: 1000 }\n                    )}\n                </div>\n            </div>\n            {submenuOpened && (\n                <div\n                    className={classNames(Styles.submenuWrapper, {\n                        [Styles.submenuWrapperCollapsed]: !submenuOpened,\n                    })}\n                    data-cy={`navigation-submenu-${id}`}\n                >\n                    <div className={Styles.submenu}>{children}</div>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["Button","Icon","SvgGroupCollapse","SvgGroupExpand","classNames","Fragment","BadgeTag","Styles","withTooltip","InternalSideNavigationItemContent","icon","iconActive","tag","title","div","className","navItemIconWrapper","svg","navIcon","navIconInactive","navIconActive","navItemTextExpanded","data-cy","data","navItemCounter","longClassName","navItemCounterLong","navItemTextCollapsed","navItemTextSmall","length","InternalSideNavigationLink","id","to","isActive","navigationComponent","NavigationComponent","rest","data-pendo","navItem","navLink","navItemActive","navItemIconSwitch","undefined","activeClassName","tabIndex","InternalSideNavigationTrigger","onClick","InternalSideNavigationGroupLink","parentId","onLinkClick","onClickCapture","submenuItemWrapper","submenuItem","submenuLink","submenuLinkActive","span","submenuLinkCounter","InternalSideNavigationGroupTrigger","InternalSideNavigationGroupDivider","divider","InternalSideNavigationGroup","children","submenuOpened","onSubmenuOpen","onToggleClick","e","preventDefault","stopPropagation","navGroupWrapper","navGroupItem","navItemGroupToggleWrapper","appearance","size","navItemGroupToggle","aria-label","placement","delay","submenuWrapper","submenuWrapperCollapsed","submenu"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"sourcesContent":["import { Button, Icon, IconProps } from '@servicetitan/anvil2';\nimport SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\nimport classNames from 'classnames';\nimport {\n    ComponentPropsWithoutRef,\n    FC,\n    Fragment,\n    MouseEvent,\n    ReactNode,\n    SyntheticEvent,\n    useId,\n} from 'react';\nimport { getNotificationCount } from '../../utils/navigation-notifications';\n\nimport { BadgeTag, BadgeTagProps } from '../badge-tag';\nimport { NavigationComponentProps } from './interface-internal';\nimport * as Styles from './layout-sidebar.module.less';\nimport { withTooltip } from './with-tooltip';\n\nexport interface InternalSideNavigationItemContentProps {\n    icon: IconProps['svg'] | undefined;\n    iconActive: IconProps['svg'] | undefined;\n    title: string;\n    tag: BadgeTagProps | undefined;\n}\n\nconst InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps> = ({\n    icon,\n    iconActive,\n    tag,\n    title,\n}) => (\n    <Fragment>\n        <div className={Styles.navItemIconWrapper}>\n            {icon && (\n                <Icon svg={icon} className={classNames(Styles.navIcon, Styles.navIconInactive)} />\n            )}\n            {iconActive && (\n                <Icon\n                    svg={iconActive}\n                    className={classNames(Styles.navIcon, Styles.navIconActive)}\n                />\n            )}\n\n            <div className={Styles.navItemTextExpanded} data-cy=\"nav-item-label\">\n                {title}\n            </div>\n            {!!tag && (\n                <BadgeTag\n                    data={tag}\n                    className={Styles.navItemCounter}\n                    longClassName={Styles.navItemCounterLong}\n                />\n            )}\n        </div>\n\n        <div className={Styles.navItemTextCollapsed} data-cy=\"nav-item-label\">\n            {title}\n        </div>\n    </Fragment>\n);\n\n/** Side Navigation menu item (for internal usage) */\nexport const InternalSideNavigationLink: FC<\n    NavigationComponentProps & {\n        id: string;\n        to: string;\n        title: string;\n        isActive: boolean | ((pathname: string) => boolean) | undefined;\n        icon: IconProps['svg'] | undefined;\n        iconActive: IconProps['svg'] | undefined;\n        className: string | undefined;\n        tag: BadgeTagProps | undefined;\n        notificationCount?: number;\n    } & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>\n> = ({\n    id,\n    to,\n    title,\n    isActive,\n    icon,\n    iconActive,\n    className,\n    tag,\n    notificationCount = getNotificationCount(tag?.value),\n\n    navigationComponent: NavigationComponent,\n    ...rest\n}) => {\n    return (\n        <NavigationComponent\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            data-navigation-notification-count={notificationCount || undefined}\n            {...rest}\n            className={classNames(Styles.navItem, Styles.navLink, className, {\n                [Styles.navItemActive]: isActive === true,\n                [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n            })}\n            to={to}\n            isActive={typeof isActive === 'function' ? isActive : undefined}\n            activeClassName={Styles.navItemActive}\n            tabIndex={0}\n        >\n            <InternalSideNavigationItemContent\n                icon={icon}\n                iconActive={iconActive}\n                title={title}\n                tag={tag}\n            />\n        </NavigationComponent>\n    );\n};\n\n/** Side Navigation menu trigger (for internal usage) */\nexport const InternalSideNavigationTrigger: FC<\n    {\n        id: string;\n        title: string;\n        isActive: boolean | undefined;\n        icon: IconProps['svg'] | undefined;\n        iconActive: IconProps['svg'] | undefined;\n        className: string | undefined;\n\n        tag: BadgeTagProps | undefined;\n        notificationCount?: number;\n        onClick?: (e: MouseEvent<never>) => void;\n    } & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>\n> = ({\n    id,\n    title,\n    isActive,\n    icon,\n    iconActive,\n    className,\n\n    tag,\n    notificationCount = getNotificationCount(tag?.value),\n    ...rest\n}) => {\n    return (\n        <div\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            data-navigation-notification-count={notificationCount || undefined}\n            tabIndex={rest.onClick ? 0 : -1}\n            {...rest}\n            className={classNames(Styles.navItem, className, {\n                [Styles.navLink]: !!rest.onClick,\n                [Styles.navItemActive]: isActive === true,\n                [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n            })}\n        >\n            <InternalSideNavigationItemContent\n                icon={icon}\n                iconActive={iconActive}\n                title={title}\n                tag={tag}\n            />\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupLink: FC<\n    NavigationComponentProps & {\n        id: string;\n        to: string;\n        title: string;\n        isActive: boolean | ((pathname: string) => boolean) | undefined;\n        className: string | undefined;\n        tag: BadgeTagProps | undefined;\n\n        parentId: string;\n        onLinkClick?: (parentItemId: string, itemId: string) => void;\n    }\n> = ({\n    id,\n    to,\n    title,\n    isActive,\n    className,\n    tag,\n\n    parentId,\n    onLinkClick,\n    navigationComponent: NavigationComponent,\n    ...rest\n}) => {\n    return (\n        <div\n            onClickCapture={onLinkClick ? () => onLinkClick(parentId, id) : undefined}\n            className={Styles.submenuItemWrapper}\n        >\n            <NavigationComponent\n                key={id}\n                data-cy={`navigation-item-${parentId}--${id}`}\n                data-pendo={`navigation-item-${parentId}--${id}`}\n                data-navigation-notification-count={getNotificationCount(tag?.value) || undefined}\n                {...rest}\n                to={to}\n                className={classNames(Styles.submenuItem, Styles.submenuLink, className, {\n                    [Styles.submenuLinkActive]: isActive === true,\n                })}\n                isActive={typeof isActive === 'function' ? isActive : undefined}\n                activeClassName={Styles.submenuLinkActive}\n            >\n                <span>{title}</span>\n                <BadgeTag data={tag} className={Styles.submenuLinkCounter} />\n            </NavigationComponent>\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupTrigger: FC<{\n    id: string;\n    title: string;\n    isActive: boolean | ((pathname: string) => boolean) | undefined;\n    className: string | undefined;\n    tag: BadgeTagProps | undefined;\n\n    onClick?: (e: MouseEvent<any>) => void;\n}> = ({\n    id,\n    title,\n    isActive,\n    className,\n    tag,\n\n    ...rest\n}) => {\n    return (\n        <div\n            data-cy={`navigation-item-${id}`}\n            data-navigation-notification-count={getNotificationCount(tag?.value) || undefined}\n            data-pendo={`navigation-item-${id}`}\n            key={id}\n            {...rest}\n            className={classNames(Styles.submenuItem, {\n                [Styles.submenuLink]: !!rest.onClick,\n                [Styles.submenuLinkActive]: isActive === true,\n            })}\n        >\n            <span>{title}</span>\n            <BadgeTag data={tag} className={Styles.submenuLinkCounter} />\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupDivider = () => {\n    return <div className={Styles.divider} />;\n};\n\nexport const InternalSideNavigationGroup: FC<\n    NavigationComponentProps & {\n        id: string;\n        to: string | undefined;\n        title: string;\n        isActive: boolean | ((pathname: string) => boolean) | undefined;\n        icon: IconProps['svg'] | undefined;\n        iconActive: IconProps['svg'] | undefined;\n        className: string | undefined;\n        tag: BadgeTagProps | undefined;\n\n        notificationCount?: number;\n        children: ReactNode;\n        submenuOpened: boolean;\n        onClick?: (e: MouseEvent<never>) => void;\n        onSubmenuOpen(id: string, opened: boolean): void;\n    }\n> = ({\n    id,\n    to,\n    title,\n    isActive,\n    icon,\n    iconActive,\n    className,\n    tag,\n\n    notificationCount,\n    children,\n    submenuOpened,\n    onSubmenuOpen,\n    onClick,\n    navigationComponent,\n    ...rest\n}) => {\n    const submenuId = useId();\n    const onToggleClick = (e: SyntheticEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        onSubmenuOpen(id, !submenuOpened);\n    };\n\n    return (\n        <div\n            className={classNames(Styles.navGroupWrapper, {\n                [Styles.navGroupOpened]: submenuOpened,\n            })}\n        >\n            <div className={Styles.navGroupItem}>\n                <div\n                    // Update expansion before the host link handles navigation to its destination.\n                    onClickCapture={event => {\n                        if (!to) {\n                            onToggleClick(event);\n                        } else if (\n                            /*\n                             * A module name only ever opens. It navigates into the module, so\n                             * collapsing would hide the very page the click is about to land on —\n                             * the destination is `to`, whether that is a page itself or an entry\n                             * route the host redirects to the module's default page. Collapsing an\n                             * open module is the chevron's job.\n                             */\n                            !submenuOpened &&\n                            event.button === 0 &&\n                            !event.altKey &&\n                            !event.ctrlKey &&\n                            !event.metaKey &&\n                            !event.shiftKey\n                        ) {\n                            onSubmenuOpen(id, true);\n                        }\n                    }}\n                    onClick={event => event.stopPropagation()}\n                    onKeyDownCapture={event => {\n                        if (\n                            (event.key === 'Enter' || event.key === ' ') &&\n                            !event.altKey &&\n                            !event.ctrlKey &&\n                            !event.metaKey &&\n                            !event.shiftKey\n                        ) {\n                            if (to) {\n                                event.preventDefault();\n                                event.stopPropagation();\n                                event.currentTarget.querySelector('a')?.click();\n                            } else {\n                                onToggleClick(event);\n                            }\n                        }\n                    }}\n                >\n                    {to ? (\n                        <InternalSideNavigationLink\n                            id={id}\n                            to={to}\n                            title={title}\n                            isActive={isActive}\n                            icon={icon}\n                            iconActive={iconActive}\n                            tag={tag}\n                            notificationCount={notificationCount}\n                            className={className}\n                            {...rest}\n                            aria-expanded={submenuOpened}\n                            aria-controls={submenuId}\n                            navigationComponent={navigationComponent}\n                        />\n                    ) : (\n                        <InternalSideNavigationTrigger\n                            id={id}\n                            title={title}\n                            isActive={isActive === true || undefined}\n                            icon={icon}\n                            iconActive={iconActive}\n                            tag={tag}\n                            notificationCount={notificationCount}\n                            className={className}\n                            {...rest}\n                            role=\"button\"\n                            tabIndex={0}\n                            onClick={onToggleClick}\n                            aria-expanded={submenuOpened}\n                            aria-controls={submenuId}\n                        />\n                    )}\n                </div>\n\n                <div className={Styles.navItemGroupToggleWrapper}>\n                    {withTooltip(\n                        <Button\n                            appearance=\"ghost\"\n                            size=\"xsmall\"\n                            icon={submenuOpened ? SvgGroupCollapse : SvgGroupExpand}\n                            className={Styles.navItemGroupToggle}\n                            onClick={onToggleClick}\n                            aria-label={`${submenuOpened ? 'Collapse' : 'Expand'} ${title} submenu`}\n                            aria-expanded={submenuOpened}\n                            aria-controls={submenuId}\n                            data-cy=\"nav-item-group-expand\"\n                        />,\n                        // hide submenu tooltip for now\n                        icon ? undefined : submenuOpened ? 'Hide Submenu' : 'View Submenu',\n                        { placement: 'right', delay: 1000 }\n                    )}\n                </div>\n            </div>\n            {submenuOpened && (\n                <div\n                    id={submenuId}\n                    className={classNames(Styles.submenuWrapper, {\n                        [Styles.submenuWrapperCollapsed]: !submenuOpened,\n                    })}\n                    data-cy={`navigation-submenu-${id}`}\n                >\n                    <div className={Styles.submenu}>{children}</div>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["Button","Icon","SvgGroupCollapse","SvgGroupExpand","classNames","Fragment","useId","getNotificationCount","BadgeTag","Styles","withTooltip","InternalSideNavigationItemContent","icon","iconActive","tag","title","div","className","navItemIconWrapper","svg","navIcon","navIconInactive","navIconActive","navItemTextExpanded","data-cy","data","navItemCounter","longClassName","navItemCounterLong","navItemTextCollapsed","InternalSideNavigationLink","id","to","isActive","notificationCount","value","navigationComponent","NavigationComponent","rest","data-pendo","data-navigation-notification-count","undefined","navItem","navLink","navItemActive","navItemIconSwitch","activeClassName","tabIndex","InternalSideNavigationTrigger","onClick","InternalSideNavigationGroupLink","parentId","onLinkClick","onClickCapture","submenuItemWrapper","submenuItem","submenuLink","submenuLinkActive","span","submenuLinkCounter","InternalSideNavigationGroupTrigger","InternalSideNavigationGroupDivider","divider","InternalSideNavigationGroup","children","submenuOpened","onSubmenuOpen","submenuId","onToggleClick","e","preventDefault","stopPropagation","navGroupWrapper","navGroupOpened","navGroupItem","event","button","altKey","ctrlKey","metaKey","shiftKey","onKeyDownCapture","key","currentTarget","querySelector","click","aria-expanded","aria-controls","role","navItemGroupToggleWrapper","appearance","size","navItemGroupToggle","aria-label","placement","delay","submenuWrapper","submenuWrapperCollapsed","submenu"],"mappings":"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"}

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

@@ -1,11 +1,24 @@
 import { FC, ReactElement } from 'react';
 import { NavigationItemData } from '../../utils/navigation';
 import { NavLinkComponentProps } from '../../utils/navigation-context';
+import { PinnedNavigationConfig } from './interface';
 export interface LayoutSidebarProps {
     className?: string;
     top?: ReactElement[];
+    /**
+     * Destinations rendered above the divider, ahead of `top`.
+     *
+     * Separate from `top` rather than widening it: that one takes elements a host builds itself
+     * and renders them as-is, which is what a bespoke control needs. This takes navigation items
+     * and puts them through the same renderer as `mainItems`, so one with pages beneath it is an
+     * expandable group instead of being flattened to a bare link.
+     */
+    topItems?: NavigationItemData[];
+    /** Whether the rail shows the scroll and overflow-notification indicators. */
+    scrollIndicators?: boolean;
     bottom?: ReactElement;
     mainItems?: NavigationItemData[];
+    pinnedNavigation?: PinnedNavigationConfig;
     barExpanded: boolean;
     submenusOpened: string[] | undefined;
     drawerOpened: boolean;
@@ -15,6 +28,7 @@ export interface LayoutSidebarProps {
     onBarExpandChange(expanded: boolean): void;
     onDrawerOpenChange(expanded: boolean): void;
     onSubmenuOpenChange(id: string, opened: boolean): void;
+    onSubmenusOpenChange?(ids: string[], opened: boolean): void;
     onNavigationLinkClick?(itemId: string, submenuItemId?: string): void;
 }
 export declare const LayoutSidebar: FC<LayoutSidebarProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"layout-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAY,EAAE,EAAY,YAAY,EAAkB,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAyB,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAYvE,MAAM,WAAW,kBAAkB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACrC,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC/C,iBAAiB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3C,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,mBAAmB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IACvD,qBAAqB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2GhD,CAAC"}
+{"version":3,"file":"layout-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,EAAE,EAAY,YAAY,EAAkB,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAyB,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAcrD,MAAM,WAAW,kBAAkB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;IAErB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAEhC,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACrC,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC/C,iBAAiB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3C,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,mBAAmB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IACvD,oBAAoB,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5D,qBAAqB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8KhD,CAAC"}