@powerhousedao/document-engineering 1.37.0 → 1.39.0

package/dist/src/ui/components/sidebar/sidebar.stories.js

@@ -0,0 +1,420 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../../components/icon/index.js';
+import { useCallback, useState } from 'react';
+// @ts-expect-error JSON file
+import mockedTree from './mocked_tree.json';
+import { Sidebar } from './sidebar.js';
+import { SidebarProvider } from './subcomponents/sidebar-provider/index.js';
+import { cn } from '@powerhousedao/document-engineering/scalars/lib/utils.js';
+/**
+ * The `Sidebar` component can be used within a page layout to provide a sidebar navigation.
+ * It provided a tree structure of nodes that can be used to navigate the application offering customization, search and more.
+ *
+ * The `Sidebar` component requires a `SidebarProvider` ancestor component to function correctly. The `SidebarProvider` accepts an optional `nodes` prop
+ * which defines the navigation tree structure. If `nodes` is not provided to the provider, the `Sidebar` component can accept its own `nodes` prop.
+ * If neither source provides nodes, the sidebar will render empty.
+ *
+ * Usage:
+ *
+ * ```tsx
+ * <SidebarProvider nodes={nodes}>
+ *   <Sidebar {...sidebarProps} />
+ * </SidebarProvider>
+ * ```
+ *
+ * The sidebar nodes are defined as follows:
+ *
+ * ```tsx
+ * type SidebarNode = {
+ *   id: string;
+ *   title: string;
+ *   children: SidebarNode[];
+ *   icon?: IconName | ReactElement;
+ *   expandedIcon?: IconName | ReactElement;
+ *   status?: NodeStatus;
+ * };
+ * enum NodeStatus {
+ *   CREATED = "CREATED",
+ *   MODIFIED = "MODIFIED",
+ *   REMOVED = "REMOVED",
+ *   MOVED = "MOVED",
+ *   DUPLICATED = "DUPLICATED",
+ *   UNCHANGED = "UNCHANGED", // default status, no need to set it
+ * }
+ * ```
+ *
+ * The `icon` and `expandedIcon` properties are optional and can be used to display an icon in the sidebar item.
+ * This icons must be one of the [available icons](?path=/docs/powerhouse-iconography--readme)
+ *
+ *
+ * ## Sidebar Events
+ *
+ * The `Sidebar` component emits the following custom events:
+ *
+ * - `sidebar:change`: it is triggered when the sidebar item is clicked.
+ *  - Data: `{ node: SidebarNode }`
+ * - `sidebar:resize:start`: it is triggered when the sidebar resize starts at the moment the user clicks down in the resizing handle.
+ *  - Data: `{ isSidebarOpen: boolean }`
+ * - `sidebar:resize:active`: it is triggered when the sidebar is being resized while the user is dragging the resizing handle.
+ * It could be triggered multiple times while the user is dragging the resizing handle.
+ *  - Data: `{ isSidebarOpen: boolean, sidebarWidth: number }`
+ * - `sidebar:resize`: it is triggered when the sidebar resize stops at the moment the user releases the resizing handle.
+ *  - Data: `{ isSidebarOpen: boolean, sidebarWidth: number }`
+ * - `sidebar:resize:toggle`: it is triggered when the sidebar is toggled (collapsed or expanded).
+ *  - Data: `{ isSidebarOpen: boolean }`
+ *
+ * ### Example of listening to the events
+ *
+ * ```tsx
+ * useEffect(() => {
+ *   const onResize = (event: Event) => {
+ *     console.log("sidebar:resize", event);
+ *   };
+ *
+ *   // you can add the listener directly to the document or add a
+ *   // `className`, get the sidebar element and add the listener to it.
+ *   document.addEventListener("sidebar:resize", onResize);
+ *
+ *   return () => {
+ *     document.removeEventListener("sidebar:resize", onResize);
+ *   };
+ * }, []);
+ * ```
+ *  ## Customization
+ * The sidebar can be customized using the `className` prop which accepts a string of Tailwind classes.
+ * Each class should follow the format `[&_.sidebar\\_\\_{element}]:{tailwind-classes}`.
+ *
+ * Base classes available for customization:
+ * - .sidebar__container: Main sidebar container
+ * - .sidebar__item: Individual sidebar item
+ * - .sidebar__item--active: Active sidebar item
+ * - .sidebar__item-title: Item title text
+ * - .sidebar__item-caret: Expand/collapse caret button
+ * - .sidebar__item-caret--no-children: Caret for items without children
+ * - .sidebar__item-pin: Pin button for items
+ * - .sidebar__item-pin--active: Active pin button
+ * - .sidebar__header: Sidebar header container
+ * - .sidebar__header-title: Header title text
+ * - .sidebar__header-macro-item: Macro item in header
+ * - .sidebar__pinning-area: Pinned items area
+ *
+ * ## Example Usage
+ *
+ *
+ * ```tsx
+ * import { Sidebar } from './sidebar'
+ *
+ * function MyCustomSidebar() {
+ *   return (
+ *     <Sidebar
+ *       className={String.raw`
+ *         [&_.sidebar\\_\\_item]:bg-blue-500
+ *         [&_.sidebar\\_\\_item]:text-white
+ *         [&_.sidebar\\_\\_item--active]:bg-green-500
+ *         [&_.sidebar\\_\\_item--active]:text-black
+ *         [&_.sidebar\\_\\_item-caret]:bg-yellow-500
+ *         [&_.sidebar\\_\\_item-pin]:fill-red-500
+ *         [&_.sidebar\\_\\_header]:bg-red-500
+ *         [&_.sidebar\\_\\_header-title]:text-white
+ *       `}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+const meta = {
+    title: 'Navigation/Sidebar',
+    component: Sidebar,
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx(SidebarProvider, { nodes: mockedTree, children: _jsx(Story, {}) })),
+    ],
+    parameters: {
+        layout: 'fullscreen',
+    },
+    argTypes: {
+        activeNodeId: {
+            control: 'text',
+            description: 'The id of the node that is currently active.',
+        },
+        nodes: {
+            control: 'object',
+            table: {
+                readonly: true,
+            },
+            description: 'The nodes to be displayed in the sidebar. It can be provided through the SidebarProvider to prevent flickering.',
+        },
+        sidebarTitle: {
+            control: 'text',
+            description: 'The title of the sidebar.',
+        },
+        sidebarIcon: {
+            control: 'object',
+            table: {
+                readonly: true,
+            },
+            description: 'The icon of the sidebar.',
+        },
+        defaultLevel: {
+            control: 'number',
+            description: 'The level to be opened by default.',
+            table: {
+                defaultValue: { summary: '1' },
+            },
+        },
+        enableMacros: {
+            control: 'number',
+            description: 'The number of macros to be displayed in the sidebar. Recommended up to 4.',
+            table: {
+                defaultValue: { summary: '0' },
+            },
+        },
+        allowPinning: {
+            control: 'boolean',
+            description: 'Whether the sidebar items can be pinned.',
+            table: {
+                defaultValue: { summary: 'true' },
+            },
+        },
+        resizable: {
+            control: 'boolean',
+            description: 'Whether the sidebar is resizable.',
+            table: {
+                defaultValue: { summary: 'true' },
+            },
+        },
+        showSearchBar: {
+            control: 'boolean',
+            description: 'Whether the sidebar allows searching.',
+            table: {
+                defaultValue: { summary: 'true' },
+            },
+        },
+        showStatusFilter: {
+            control: 'boolean',
+            description: 'Whether the sidebar allows filtering by status.',
+            table: {
+                defaultValue: { summary: 'false' },
+            },
+        },
+        extraFooterContent: {
+            control: 'object',
+            description: 'Additional content to be displayed in the sidebar footer.',
+            table: {
+                readonly: true,
+            },
+        },
+        initialWidth: {
+            control: 'number',
+            description: 'The initial width of the sidebar.',
+            table: {
+                defaultValue: { summary: '300' },
+            },
+        },
+        maxWidth: {
+            control: 'number',
+            description: 'The maximum width of the sidebar.',
+        },
+        allowCollapsingInactiveNodes: {
+            control: 'boolean',
+            description: 'Whether to allow collapsing inactive nodes on click.',
+            table: {
+                defaultValue: { summary: 'false' },
+            },
+        },
+        handleOnTitleClick: {
+            control: false,
+            description: 'Callback function triggered when the sidebar title is clicked. Use this to implement custom navigation logic.',
+            table: {
+                readonly: true,
+            },
+        },
+        isLoading: {
+            control: 'boolean',
+            description: 'Whether the sidebar is in a loading state, displaying skeleton items instead of actual content.',
+            table: {
+                defaultValue: { summary: 'false' },
+            },
+        },
+        nodeSortType: {
+            control: 'select',
+            options: ['alphabetical', 'natural'],
+            description: 'The type of sorting to apply to all nodes recursively. Can be "alphabetical", "natural" or a custom comparison function. Affects all levels of the tree hierarchy.',
+            table: {
+                type: { summary: '"alphabetical" | "natural" | ((valueA: string, valueB: string) => -1 | 0 | 1)' },
+            },
+        },
+        nodeSortOrder: {
+            control: 'select',
+            options: ['asc', 'desc'],
+            description: 'Sort order of nodes (ascending or descending). Only applicable when nodeSortType is defined.',
+            table: {
+                defaultValue: { summary: '"asc"' },
+                type: { summary: '"asc" | "desc"' },
+            },
+            if: { arg: 'nodeSortType', exists: true },
+        },
+    },
+    args: {
+        sidebarTitle: 'Title Sidebar',
+        sidebarIcon: (_jsx("div", { className: "flex items-center justify-center rounded-md bg-gray-900 p-2", children: _jsx(Icon, { name: "M", className: "text-gray-50", size: 16 }) })),
+        enableMacros: 4,
+        onActiveNodeChange: (node) => {
+            console.log('onActiveNodeChange', node);
+        },
+    },
+};
+export default meta;
+export const Default = {};
+/**
+ * The `Sidebar` component can be used within a page layout to provide a sidebar navigation.
+ * It can also be used to display additional content within the sidebar, such as authentication buttons.
+ * or any other react component.
+ */
+export const WithinLayoutAndContent = {
+    args: {
+        showStatusFilter: true,
+    },
+    render: function WithinLayoutAndContentRender(args) {
+        const [activeNode, setActiveNode] = useState('4281ab93-ef4f-4974-988d-7dad149a693d');
+        const onActiveNodeChange = useCallback((node) => {
+            setActiveNode(node.id);
+        }, []);
+        return (_jsxs("main", { className: "flex h-svh w-full", children: [_jsx(Sidebar, { className: "sidebar", ...args, onActiveNodeChange: onActiveNodeChange, activeNodeId: activeNode, extraFooterContent: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-baseline gap-2 text-gray-900 dark:text-gray-200", children: [_jsx("div", { children: "Login with" }), _jsx(Icon, { name: "Renown", size: "auto", height: 18, className: "cursor-pointer" })] }), _jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Auth integration example within sidebar content" })] }) }), _jsxs("div", { style: { width: 'calc(100% - var(--sidebar-width))' }, className: "flex-1 bg-gray-50 p-4 dark:bg-slate-800", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-50", children: "Content Area" }), _jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: ["Active Node: ", activeNode] })] })] }));
+    },
+};
+/**
+ * Example showing how to use the `handleOnTitleClick` callback to implement custom navigation.
+ * This allows developers to make the sidebar title clickable for custom navigation logic.
+ */
+export const WithCustomTitleNavigation = {
+    args: {
+        showStatusFilter: true,
+    },
+    render: function WithCustomTitleNavigationRender(args) {
+        const [activeNode, setActiveNode] = useState('4281ab93-ef4f-4974-988d-7dad149a693d');
+        const [navigationLog, setNavigationLog] = useState([]);
+        const onActiveNodeChange = useCallback((node) => {
+            setActiveNode(node.id);
+        }, []);
+        const handleTitleClick = useCallback(() => {
+            const timestamp = new Date().toLocaleTimeString();
+            setNavigationLog((prev) => [...prev, `Title clicked at ${timestamp} - Navigate to root/home`]);
+        }, []);
+        return (_jsxs("main", { className: "flex h-svh w-full", children: [_jsx(Sidebar, { className: "sidebar", ...args, onActiveNodeChange: onActiveNodeChange, activeNodeId: activeNode, handleOnTitleClick: handleTitleClick, sidebarTitle: "Click me to go home!" }), _jsxs("div", { style: { width: 'calc(100% - var(--sidebar-width))' }, className: "flex-1 bg-gray-50 p-4 dark:bg-slate-800", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-50", children: "Content Area" }), _jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: ["Active Node: ", activeNode] }), _jsxs("div", { className: "mt-4", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-gray-50", children: "Navigation Log:" }), _jsx("div", { className: "mt-2 overflow-y-auto rounded border p-2 bg-white dark:bg-slate-700", children: navigationLog.length === 0 ? (_jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Click the sidebar title to see navigation events" })) : (_jsx("ul", { className: "text-sm text-gray-700 dark:text-gray-300", children: navigationLog.map((log, index) => (_jsx("li", { className: "py-1", children: log }, index))) })) })] })] })] }));
+    },
+};
+export const WithCustomStyles = {
+    args: {
+        showStatusFilter: true,
+    },
+    render: function WithCustomTitleNavigationRender(args) {
+        const [activeNode, setActiveNode] = useState('4281ab93-ef4f-4974-988d-7dad149a693d');
+        const [navigationLog, setNavigationLog] = useState([]);
+        const onActiveNodeChange = useCallback((node) => {
+            setActiveNode(node.id);
+        }, []);
+        const handleTitleClick = useCallback(() => {
+            const timestamp = new Date().toLocaleTimeString();
+            setNavigationLog((prev) => [...prev, `Title clicked at ${timestamp} - Navigate to root/home`]);
+        }, []);
+        return (_jsxs("main", { className: "flex h-svh w-full", children: [_jsx(Sidebar, { className: cn('sidebar', String.raw `
+            [&_.sidebar\\_\\_item]:bg-blue-50
+            [&_.sidebar\\_\\_item]:border-blue-200
+            [&_.sidebar\\_\\_item]:text-blue-800
+            [&_.sidebar\\_\\_item--active]:bg-emerald-50
+            [&_.sidebar\\_\\_item--active]:border-emerald-300
+            [&_.sidebar\\_\\_item--active]:text-emerald-800
+            [&_.sidebar\\_\\_item-caret]:bg-amber-50
+            [&_.sidebar\\_\\_item-caret]:border-amber-200
+            [&_.sidebar\\_\\_item-caret]:text-amber-700
+            [&_.sidebar\\_\\_item-title]:text-slate-900
+
+            [&_.sidebar\\_\\_item-pin]:fill-rose-500
+            [&_.sidebar\\_\\_item-pin]:text-rose-600
+            [&_.sidebar\\_\\_item-pin--active]:fill-emerald-500
+            [&_.sidebar\\_\\_item-pin--active]:text-emerald-600
+            [&_.sidebar\\_\\_item-caret--no-children]:text-slate-400 dark:text-slate-500
+            [&_.sidebar\\_\\_header]:bg-slate-100
+            [&_.sidebar\\_\\_header]:text-slate-800
+            [&_.sidebar\\_\\_header-title]:text-slate-900
+            [&_.sidebar\\_\\_header-macro-item]:bg-indigo-50
+            [&_.sidebar\\_\\_header-macro-item]:text-indigo-800
+            [&_.sidebar\\_\\_pinning-area]:bg-amber-50
+            [&_.sidebar\\_\\_pinning-area]:text-amber-800
+             `), ...args, onActiveNodeChange: onActiveNodeChange, activeNodeId: activeNode, handleOnTitleClick: handleTitleClick, sidebarTitle: "Click me to go home!" }), _jsxs("div", { style: { width: 'calc(100% - var(--sidebar-width))' }, className: "flex-1 bg-gray-50 p-4 dark:bg-slate-800", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-50", children: "Content Area" }), _jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: ["Active Node: ", activeNode] }), _jsxs("div", { className: "mt-4", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-gray-50", children: "Navigation Log:" }), _jsx("div", { className: "mt-2 overflow-y-auto rounded border p-2 bg-white dark:bg-slate-700", children: navigationLog.length === 0 ? (_jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Click the sidebar title to see navigation events" })) : (_jsx("ul", { className: "text-sm text-gray-700 dark:text-gray-300", children: navigationLog.map((log, index) => (_jsx("li", { className: "py-1", children: log }, index))) })) })] })] })] }));
+    },
+};
+export const WithCustomTargetElement = {
+    args: {
+        showStatusFilter: true,
+    },
+    render: function WithCustomTitleNavigationRender(args) {
+        const [activeNode, setActiveNode] = useState('4281ab93-ef4f-4974-988d-7dad149a693d');
+        const [navigationLog, setNavigationLog] = useState([]);
+        const onActiveNodeChange = useCallback((node) => {
+            setActiveNode(node.id);
+        }, []);
+        const handleTitleClick = useCallback(() => {
+            const timestamp = new Date().toLocaleTimeString();
+            setNavigationLog((prev) => [...prev, `Title clicked at ${timestamp} - Navigate to root/home`]);
+        }, []);
+        const stylesToApply = {
+            '4281ab93-ef4f-4974-988d-7dad149a693d': 'bg-red-900 text-white hover:!bg-red-800',
+            'f85e197f-9fd7-48ed-abe9-5d2c1b22475a': 'bg-blue-900 text-white hover:!bg-blue-800',
+            'c4be9c5e-520d-4e9c-b29e-3adcc8071452': 'bg-purple-900 text-white hover:!bg-purple-800',
+            'eca5e587-79e3-480b-b70d-dd25697c9e1f': 'bg-green-900 text-white hover:!bg-green-800',
+        };
+        const applyStylesRecursively = (node) => {
+            return {
+                ...node,
+                className: stylesToApply[node.id] || node.className,
+                children: node.children?.map(applyStylesRecursively),
+            };
+        };
+        const nodes = mockedTree.map(applyStylesRecursively);
+        return (_jsxs("main", { className: "flex h-svh w-full", children: [_jsx(Sidebar, { nodes: nodes, className: "sidebar", ...args, onActiveNodeChange: onActiveNodeChange, activeNodeId: activeNode, handleOnTitleClick: handleTitleClick, sidebarTitle: "Click me to go home!" }), _jsxs("div", { style: { width: 'calc(100% - var(--sidebar-width))' }, className: "flex-1 bg-gray-50 p-4 dark:bg-slate-800", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-50", children: "Content Area" }), _jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: ["Active Node: ", activeNode] }), _jsxs("div", { className: "mt-4", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-gray-50", children: "Navigation Log:" }), _jsx("div", { className: "mt-2 overflow-y-auto rounded border p-2 bg-white dark:bg-slate-700", children: navigationLog.length === 0 ? (_jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Click the sidebar title to see navigation events" })) : (_jsx("ul", { className: "text-sm text-gray-700 dark:text-gray-300", children: navigationLog.map((log, index) => (_jsx("li", { className: "py-1", children: log }, index))) })) })] })] })] }));
+    },
+};
+/**
+ * Demonstrates the loading state of the sidebar when data is being fetched.
+ * The sidebar displays skeleton items with animated placeholders while preserving
+ * all other functionality like header, search bar, and footer content.
+ */
+export const Loading = {
+    args: {
+        isLoading: true,
+        showStatusFilter: true,
+    },
+    render: function LoadingRender(args) {
+        const [isLoading, setIsLoading] = useState(true);
+        return (_jsxs("main", { className: "flex h-svh w-full", children: [_jsx(Sidebar, { className: "sidebar", ...args, isLoading: isLoading }), _jsxs("div", { style: { width: 'calc(100% - var(--sidebar-width))' }, className: "flex-1 bg-gray-50 p-4 dark:bg-slate-800", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-50", children: "Content Area" }), _jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: ["Sidebar Status: ", isLoading ? 'Loading...' : 'Ready'] }), _jsx("div", { className: "mt-4", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("button", { type: "button", onClick: () => {
+                                            setIsLoading(!isLoading);
+                                        }, className: "rounded bg-blue-500 px-3 py-1 text-sm text-white hover:bg-blue-600", children: isLoading ? 'Stop Loading' : 'Start Loading' }), _jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Toggle loading state to see the skeleton animation" })] }) })] })] }));
+    },
+};
+/**
+ * Demonstrates how to use a custom sorting function for nodes.
+ * This example shows sorting by string length (shorter titles first) then alphabetically if lengths are equal.
+ */
+export const WithCustomSorting = {
+    args: {
+        defaultLevel: 2,
+    },
+    render: function WithCustomSortingRender(args) {
+        // Custom sorting function that sorts by title length first, then alphabetically
+        const customSortFunction = useCallback((valueA, valueB) => {
+            const lengthComparison = valueA.length - valueB.length;
+            if (lengthComparison !== 0) {
+                return lengthComparison < 0 ? -1 : 1;
+            }
+            // If lengths are equal, sort alphabetically
+            const alphabetical = valueA.toLowerCase().localeCompare(valueB.toLowerCase());
+            return alphabetical < 0 ? -1 : alphabetical > 0 ? 1 : 0;
+        }, []);
+        return (_jsxs("main", { className: "flex h-svh w-full", children: [_jsx(Sidebar, { className: "sidebar", ...args, nodeSortType: args.nodeSortType ?? customSortFunction }), _jsxs("div", { style: { width: 'calc(100% - var(--sidebar-width))' }, className: "flex-1 bg-gray-50 p-4 dark:bg-slate-800", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-50", children: "Custom Sorting" }), _jsxs("div", { className: "mt-4 space-y-2 text-sm text-gray-600 dark:text-gray-400", children: [_jsxs("p", { children: [_jsx("strong", { children: "nodeSortType:" }), ' ', args.nodeSortType === undefined
+                                            ? 'Custom Function (sorts in ascending order by string length, then alphabetically if lengths are equal)'
+                                            : args.nodeSortType.toString()] }), _jsxs("p", { children: [_jsx("strong", { children: "nodeSortOrder:" }), " ", args.nodeSortOrder ?? 'asc'] })] })] })] }));
+    },
+};
+//# sourceMappingURL=sidebar.stories.js.map

package/dist/src/ui/components/sidebar/sidebar.stories.js.map

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

package/dist/src/ui/components/sidebar/sidebar.test.d.ts

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

package/dist/src/ui/components/sidebar/sidebar.test.d.ts.map

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