@zsviczian/excalidraw 0.17.1-obsidian-19 → 0.17.1-obsidian-21

package/types/excalidraw/actions/actionExport.d.ts

@@ -2,8 +2,9 @@ import { Theme } from "../element/types";
 import "../components/ToolIcon.scss";
 export declare const actionChangeProjectName: {
     name: "changeProjectName";
+    label: string;
     trackEvent: false;
-    perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
         appState: {
             name: any;
             contextMenu: {
@@ -84,6 +85,8 @@ export declare const actionChangeProjectName: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -130,6 +133,9 @@ export declare const actionChangeProjectName: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -184,7 +190,7 @@ export declare const actionChangeProjectName: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ appState, updateData, appProps, data, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
@@ -192,11 +198,12 @@ export declare const actionChangeProjectName: {
 };
 export declare const actionChangeExportScale: {
     name: "changeExportScale";
+    label: string;
     trackEvent: {
         category: "export";
         action: string;
     };
-    perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
         appState: {
             exportScale: any;
             contextMenu: {
@@ -277,6 +284,8 @@ export declare const actionChangeExportScale: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -323,6 +332,9 @@ export declare const actionChangeExportScale: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -377,7 +389,7 @@ export declare const actionChangeExportScale: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ elements: allElements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
@@ -385,11 +397,12 @@ export declare const actionChangeExportScale: {
 };
 export declare const actionChangeExportBackground: {
     name: "changeExportBackground";
+    label: string;
     trackEvent: {
         category: "export";
         action: string;
     };
-    perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
         appState: {
             exportBackground: any;
             contextMenu: {
@@ -470,6 +483,8 @@ export declare const actionChangeExportBackground: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -516,6 +531,9 @@ export declare const actionChangeExportBackground: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -570,7 +588,7 @@ export declare const actionChangeExportBackground: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
@@ -578,11 +596,12 @@ export declare const actionChangeExportBackground: {
 };
 export declare const actionChangeExportEmbedScene: {
     name: "changeExportEmbedScene";
+    label: string;
     trackEvent: {
         category: "export";
         action: string;
     };
-    perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
         appState: {
             exportEmbedScene: any;
             contextMenu: {
@@ -663,6 +682,8 @@ export declare const actionChangeExportEmbedScene: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -709,6 +730,9 @@ export declare const actionChangeExportEmbedScene: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -763,7 +787,7 @@ export declare const actionChangeExportEmbedScene: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
@@ -771,12 +795,14 @@ export declare const actionChangeExportEmbedScene: {
 };
 export declare const actionSaveToActiveFile: {
     name: "saveToActiveFile";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: {
         category: "export";
     };
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => Promise<{
-        commitToHistory: false;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => Promise<{
+        storeAction: import("../store").StoreActionType;
         appState: {
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             toast: {
@@ -861,6 +887,8 @@ export declare const actionSaveToActiveFile: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -901,6 +929,9 @@ export declare const actionSaveToActiveFile: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -956,21 +987,23 @@ export declare const actionSaveToActiveFile: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState?: undefined;
     }>;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionSaveFileToDisk: {
     name: "saveFileToDisk";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
     viewMode: true;
     trackEvent: {
         category: "export";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => Promise<{
-        commitToHistory: false;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => Promise<{
+        storeAction: import("../store").StoreActionType;
         appState: {
             openDialog: null;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
@@ -1086,6 +1119,9 @@ export declare const actionSaveFileToDisk: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -1141,23 +1177,29 @@ export declare const actionSaveFileToDisk: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState?: undefined;
     }>;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionLoadScene: {
     name: "loadScene";
+    label: string;
     trackEvent: {
         category: "export";
     };
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<false | {
-        elements: import("../element/types").ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<false | {
+        elements: import("../element/types").OrderedExcalidrawElement[];
         appState: {
+            viewModeEnabled: boolean;
+            zenModeEnabled: boolean;
+            objectsSnapModeEnabled: boolean;
+            theme: Theme;
+            name: string | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -1216,7 +1258,6 @@ export declare const actionLoadScene: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1237,6 +1278,8 @@ export declare const actionLoadScene: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -1253,11 +1296,8 @@ export declare const actionLoadScene: {
                 closable?: boolean | undefined;
                 duration?: number | undefined;
             } | null;
-            zenModeEnabled: boolean;
-            theme: Theme;
             gridSize: number | null;
             previousGridSize: number | null;
-            viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -1279,6 +1319,9 @@ export declare const actionLoadScene: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -1329,14 +1372,13 @@ export declare const actionLoadScene: {
                 x: number;
                 y: number;
             } | null;
-            objectsSnapModeEnabled: boolean;
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
         files: import("../types").BinaryFiles;
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     } | {
-        elements: readonly import("../element/types").ExcalidrawElement[];
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             errorMessage: any;
             contextMenu: {
@@ -1417,6 +1459,8 @@ export declare const actionLoadScene: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -1463,6 +1507,9 @@ export declare const actionLoadScene: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -1518,19 +1565,20 @@ export declare const actionLoadScene: {
             followedBy: Set<import("../types").SocketId>;
         };
         files: import("../types").BinaryFiles;
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     }>;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionExportWithDarkMode: {
     name: "exportWithDarkMode";
+    label: string;
     trackEvent: {
         category: "export";
         action: string;
     };
-    perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
+    perform: (_elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any) => {
         appState: {
             exportWithDarkMode: any;
             contextMenu: {
@@ -1611,6 +1659,8 @@ export declare const actionExportWithDarkMode: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -1657,6 +1707,9 @@ export declare const actionExportWithDarkMode: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -1711,7 +1764,7 @@ export declare const actionExportWithDarkMode: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {

package/types/excalidraw/actions/actionFinalize.d.ts

@@ -2,12 +2,14 @@ import { LinearElementEditor } from "../element/linearElementEditor";
 import { AppState } from "../types";
 export declare const actionFinalize: {
     name: "finalize";
+    label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<AppState>, _: any, { interactiveCanvas, focusContainer, scene }: import("../types").AppClassProperties) => {
-        elements: import("../element/types").ExcalidrawElement[] | undefined;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+        elements: import("../element/types").OrderedExcalidrawElement[] | undefined;
         appState: {
             cursorButton: "up";
             editingLinearElement: null;
+            selectedLinearElement: null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -85,6 +87,8 @@ export declare const actionFinalize: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -131,6 +135,9 @@ export declare const actionFinalize: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -175,7 +182,6 @@ export declare const actionFinalize: {
                 nameColor: string;
             };
             invertBindingBehaviour: boolean;
-            selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
@@ -185,9 +191,9 @@ export declare const actionFinalize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     } | {
-        elements: readonly import("../element/types").ExcalidrawElement[];
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: {
             cursorButton: "up";
             activeTool: {
@@ -270,6 +276,8 @@ export declare const actionFinalize: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -313,6 +321,9 @@ export declare const actionFinalize: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("../element/types").ChartType;
@@ -365,10 +376,10 @@ export declare const actionFinalize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: boolean;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent, appState: AppState) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
     PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent, appState: AppState) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };

package/types/excalidraw/actions/actionFlip.d.ts

@@ -1,32 +1,34 @@
 import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import { AppClassProperties, AppState } from "../types";
 export declare const actionFlipHorizontal: {
     name: "flipHorizontal";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
-    contextItemLabel: string;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionFlipVertical: {
     name: "flipVertical";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
-    contextItemLabel: string;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };