@pitcher/js-api 1.26.0-beta.1 → 1.26.0-beta.2

package/lib/apps/canvas-builder/components/container/AnnotationMenu/AnnotationMenu.vue.d.ts

@@ -0,0 +1,60 @@
+type __VLS_Props = {
+    circle?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    annotationMenuRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly iconPlacement?: "left" | "right" | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            iconPlacement?: "left" | "right";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            iconPlacement: "left" | "right";
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        iconPlacement: "left" | "right";
+    }> & Omit<Readonly<{
+        iconPlacement?: "left" | "right";
+    }> & Readonly<{}>, "iconPlacement"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null;
+}, any>;
+export default _default;

package/lib/apps/canvas-builder/components/container/CanvasContent/AnnotationContent.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    repaint: () => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onRepaint?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    editorContainer: HTMLDivElement;
+}, any>;
+export default _default;

package/lib/apps/canvas-builder/components/container/EditableComponent/EditableComponent.vue.d.ts

@@ -13,6 +13,7 @@ type __VLS_Props = {
     stylable?: boolean;
     collapsible?: boolean;
     showOnlyTopToolbar?: boolean;
+    showOnlyBottomToolbar?: boolean;
     immovable?: boolean;
     excludeStylables?: ThemeComponentOptionEnum[];
     add?: boolean;
@@ -65,7 +66,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         pageId?: string;
         thumbnailUrl?: string;
     }) => any;
+    "asset-change": (args_0: {
+        assetId: string;
+    }) => any;
     "variant-change": (variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any;
+    "resize-start": () => any;
+    "resize-end": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onAdd?: (() => any) | undefined;
     onRemove?: (() => any) | undefined;
@@ -85,7 +91,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         pageId?: string;
         thumbnailUrl?: string;
     }) => any) | undefined;
+    "onAsset-change"?: ((args_0: {
+        assetId: string;
+    }) => any) | undefined;
     "onVariant-change"?: ((variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any) | undefined;
+    "onResize-start"?: (() => any) | undefined;
+    "onResize-end"?: (() => any) | undefined;
 }>, {
     collapsible: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/lib/apps/canvas-builder/components/container/EditableComponent/EditableComponentActionToolbar.vue.d.ts

@@ -35,6 +35,7 @@ type __VLS_Props = {
     showActionSeparator: boolean;
     parentType?: ComponentTypes;
     borderRadius: ThemeBorderRadius;
+    to?: HTMLElement | string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -62,6 +63,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         pageId?: string;
         thumbnailUrl?: string;
     }) => any;
+    "asset-change": (args_0: {
+        assetId: string;
+    }) => any;
     updateHeight: (height?: string | null | undefined) => any;
     updatePadding: (padding: ThemePadding) => any;
     updateMarginBottom: (value: number | null) => any;
@@ -87,6 +91,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         pageId?: string;
         thumbnailUrl?: string;
     }) => any) | undefined;
+    "onAsset-change"?: ((args_0: {
+        assetId: string;
+    }) => any) | undefined;
     onUpdateHeight?: ((height?: string | null | undefined) => any) | undefined;
     onUpdatePadding?: ((padding: ThemePadding) => any) | undefined;
     onUpdateMarginBottom?: ((value: number | null) => any) | undefined;

package/lib/apps/canvas-builder/components/container/EditableComponent/{EditableComponentRevamp.vue.d.ts → EditableComponentContent.vue.d.ts}

@@ -35,6 +35,8 @@ type __VLS_Props = {
         selected?: DropdownOption['key'];
     };
     showOnlyTopToolbar?: boolean;
+    to?: HTMLElement | string;
+    showOnlyBottomToolbar?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -69,7 +71,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         pageId?: string;
         thumbnailUrl?: string;
     }) => any;
+    "asset-change": (args_0: {
+        assetId: string;
+    }) => any;
     "variant-change": (variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any;
+    "resize-start": () => any;
+    "resize-end": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onAdd?: (() => any) | undefined;
     onRemove?: (() => any) | undefined;
@@ -89,13 +96,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         pageId?: string;
         thumbnailUrl?: string;
     }) => any) | undefined;
+    "onAsset-change"?: ((args_0: {
+        assetId: string;
+    }) => any) | undefined;
     "onVariant-change"?: ((variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any) | undefined;
+    "onResize-start"?: (() => any) | undefined;
+    "onResize-end"?: (() => any) | undefined;
 }>, {
     resizable: boolean;
     collapsible: boolean;
     resizeHandles: ResizeHandlePosition[];
     resizeMaintainAspectRatio: boolean;
     showOnlyTopToolbar: boolean;
+    showOnlyBottomToolbar: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     componentRef: HTMLDivElement;
     topHandlerRef: HTMLDivElement;

package/lib/apps/canvas-builder/components/container/EditableComponent/ResizeHandles.vue.d.ts

@@ -11,8 +11,12 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Record<string, any>) => any;
+    "resize-start": () => any;
+    "resize-end": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+    "onResize-start"?: (() => any) | undefined;
+    "onResize-end"?: (() => any) | undefined;
 }>, {
     handles: ResizeHandlePosition[];
     maintainAspectRatio: boolean;

package/lib/apps/canvas-builder/components/container/PopupApps/AdaptivePopupAppsButtons.vue.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    placement?: 'left' | 'right' | 'top' | 'bottom' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+    buttonClass?: string;
+    buttonSize?: 'tiny' | 'small' | 'medium' | 'large';
+    iconSize?: string | number;
+    isCircle?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    iconSize: string | number;
+    placement: "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    buttonClass: string;
+    buttonSize: "tiny" | "small" | "medium" | "large";
+    isCircle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/lib/apps/canvas-builder/components/ui/CollectionPlayer/CollectionPlayer.vue.d.ts

@@ -44,6 +44,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         isFullscreen: Ref<boolean, boolean>;
         handleKeyAction: ActionCallback;
         element: Ref<HTMLElement | null, HTMLElement | null>;
+        updateResolvedData: (resolvedData: CollectionPlayer) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (event: MouseEvent) => any;
         close: () => any;
@@ -74,6 +75,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         isFullscreen: Ref<boolean, boolean>;
         handleKeyAction: ActionCallback;
         element: Ref<HTMLElement | null, HTMLElement | null>;
+        updateResolvedData: (resolvedData: CollectionPlayer) => void;
     }, {}, {}, {}, {}> | null;
 }, HTMLDivElement>;
 export default _default;

package/lib/apps/canvas-builder/components/ui/DynamicDataTable/DynamicDataTable.utils.d.ts

@@ -0,0 +1,16 @@
+import { DynamicDataTableProps, DynamicDatatableProperty } from '../../../types/canvas';
+/**
+ * Calculate the background color for a table row based on striping configuration
+ * @param idx - The row index (0-based)
+ * @param data - The dynamic data table props containing striping configuration
+ * @param themeVars - The theme variables containing color values
+ * @returns The background color string for the row
+ */
+export declare function getRowBackgroundColor(idx: number, data: DynamicDataTableProps | undefined, themeVars: Record<string, any>): string;
+/**
+ * Format a cell value based on the property's format configuration
+ * @param value - The raw value to format
+ * @param property - The property configuration including format settings
+ * @returns The formatted string representation of the value
+ */
+export declare function formatCellValue(value: any, property: DynamicDatatableProperty): string;

package/lib/apps/canvas-builder/components/ui/Embeddable/Embeddable.raw.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     };
     usedInSectionId: CanvasRetrieve["id"];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    embeddableContainer: HTMLDivElement;
     embeddableIframe: HTMLIFrameElement;
 }, any>;
 export default _default;

package/lib/apps/canvas-builder/components/ui/Embeddable/Embeddable.settings.vue.d.ts

@@ -307,14 +307,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     }>, {
         validate: () => Promise<{
             config: Record<string, any>;
-            success: boolean;
+            success: true;
             errors?: undefined;
+            firstErrorFieldName?: undefined;
         } | {
             config: Record<string, any>;
             errors: unknown;
-            success: boolean;
+            firstErrorFieldName: string | undefined;
+            success: false;
         }>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         change: (config: Record<string, any>) => any;
     }, import('vue').PublicProps, {
         loading: boolean;
@@ -629,12 +631,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     }>, {
         validate: () => Promise<{
             config: Record<string, any>;
-            success: boolean;
+            success: true;
             errors?: undefined;
+            firstErrorFieldName?: undefined;
         } | {
             config: Record<string, any>;
             errors: unknown;
-            success: boolean;
+            firstErrorFieldName: string | undefined;
+            success: false;
         }>;
     }, {}, {}, {}, {
         loading: boolean;

package/lib/apps/canvas-builder/components/ui/Html/CAiHtmlActions.vue.d.ts

@@ -0,0 +1,23 @@
+import { StyleValue } from 'vue';
+interface Props {
+    modelValue: string;
+    themeOverrides?: {
+        active: StyleValue;
+        default: StyleValue;
+    };
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    startLoading: () => any;
+    endLoading: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onStartLoading?: (() => any) | undefined;
+    onEndLoading?: (() => any) | undefined;
+}>, {
+    themeOverrides: {
+        active: StyleValue;
+        default: StyleValue;
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/apps/canvas-builder/components/ui/IFrame/IFrame.raw.vue.d.ts

@@ -16,6 +16,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     };
     usedInSectionId: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    iframeContainer: HTMLDivElement;
     iframe: HTMLIFrameElement;
 }, any>;
 export default _default;

package/lib/apps/canvas-builder/components/ui/Root/Root.settings.vue.d.ts

@@ -15,14 +15,16 @@ declare const _default: import('vue').DefineComponent<{}, {
     }>, {
         validate: () => Promise<{
             config: Record<string, any>;
-            success: boolean;
+            success: true;
             errors?: undefined;
+            firstErrorFieldName?: undefined;
         } | {
             config: Record<string, any>;
             errors: unknown;
-            success: boolean;
+            firstErrorFieldName: string | undefined;
+            success: false;
         }>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         change: (config: Record<string, any>) => any;
     }, import('vue').PublicProps, {
         loading: boolean;
@@ -337,12 +339,14 @@ declare const _default: import('vue').DefineComponent<{}, {
     }>, {
         validate: () => Promise<{
             config: Record<string, any>;
-            success: boolean;
+            success: true;
             errors?: undefined;
+            firstErrorFieldName?: undefined;
         } | {
             config: Record<string, any>;
             errors: unknown;
-            success: boolean;
+            firstErrorFieldName: string | undefined;
+            success: false;
         }>;
     }, {}, {}, {}, {
         loading: boolean;

package/lib/apps/canvas-builder/components/ui/SectionList/SectionItemModal.vue.d.ts

@@ -17,7 +17,9 @@ declare function __VLS_template(): {
             section: import('../../../../../../types/openapi').CanvasSection;
         }): any;
     };
-    refs: {};
+    refs: {
+        rootRef: HTMLElement;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -25,7 +27,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     close: (save?: boolean | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: ((save?: boolean | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/lib/apps/canvas-builder/components/ui/SectionList/SectionSelectorToolbar.vue.d.ts

@@ -13,27 +13,27 @@ type __VLS_Props = {
     selectedItemIds?: CanvasRetrieve['id'][];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "clear-selection": () => any;
+    "items-added": (itemIds: string[], position?: "bottom" | "top" | undefined) => any;
+    "items-removed": (itemIds: string[]) => any;
     "toggle-select-all": () => any;
     "page-first": () => any;
     "page-last": () => any;
     "page-next": () => any;
     "page-previous": () => any;
-    "clear-selection": () => any;
-    "items-added": (itemIds: string[], position?: "bottom" | "top" | undefined) => any;
-    "items-removed": (itemIds: string[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClear-selection"?: (() => any) | undefined;
+    "onItems-added"?: ((itemIds: string[], position?: "bottom" | "top" | undefined) => any) | undefined;
+    "onItems-removed"?: ((itemIds: string[]) => any) | undefined;
     "onToggle-select-all"?: (() => any) | undefined;
     "onPage-first"?: (() => any) | undefined;
     "onPage-last"?: (() => any) | undefined;
     "onPage-next"?: (() => any) | undefined;
     "onPage-previous"?: (() => any) | undefined;
-    "onClear-selection"?: (() => any) | undefined;
-    "onItems-added"?: ((itemIds: string[], position?: "bottom" | "top" | undefined) => any) | undefined;
-    "onItems-removed"?: ((itemIds: string[]) => any) | undefined;
 }>, {
     loading: boolean;
+    addedItemIds: CanvasRetrieve["id"][];
     selectedItemIds: CanvasRetrieve["id"][];
     disablePagination: boolean;
-    addedItemIds: CanvasRetrieve["id"][];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/lib/apps/canvas-builder/components/ui/SectionList/SectionSelectorWithDragAndDrop.vue.d.ts

@@ -1,3 +1,4 @@
+import { nextTick } from 'vue';
 import { SectionListProps } from '../../../types/canvas';
 import { CanvasRetrieve, Canvas } from '../../../../../../types/openapi';
 type __VLS_Props = {
@@ -17,6 +18,159 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     selectionStrategy: "app" | "single" | "free" | "at-least-one";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     toolbarWrapper: HTMLDivElement;
+    smartFoldersRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        storageKey: string;
+        mode: "management" | "selector";
+        selectedSectionIds?: CanvasRetrieve["id"][];
+        addedSectionIds?: CanvasRetrieve["id"][];
+    }> & Readonly<{
+        "onClear-selection"?: (() => any) | undefined;
+        "onOpen-section"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onEdit-section"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onSection-select"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onSection-add"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onSection-remove"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onSections-bulk-add"?: ((sections: CanvasRetrieve[], position?: "bottom" | "top" | undefined, targetIndex?: number | undefined) => any) | undefined;
+        "onSections-bulk-remove"?: ((sections: CanvasRetrieve[]) => any) | undefined;
+    }>, {
+        showConfigurationModal: () => void;
+        addSelectedSections: (position?: "top" | "bottom") => void;
+        removeSelectedSections: () => void;
+        getSelectedSections: () => CanvasRetrieve[];
+        calculateContentHeight: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "clear-selection": () => any;
+        "open-section": (section: CanvasRetrieve) => any;
+        "edit-section": (section: CanvasRetrieve) => any;
+        "section-select": (section: CanvasRetrieve) => any;
+        "section-add": (section: CanvasRetrieve) => any;
+        "section-remove": (section: CanvasRetrieve) => any;
+        "sections-bulk-add": (sections: CanvasRetrieve[], position?: "bottom" | "top" | undefined, targetIndex?: number | undefined) => any;
+        "sections-bulk-remove": (sections: CanvasRetrieve[]) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        containerRef: HTMLDivElement;
+        toolbarRef: HTMLDivElement;
+        listRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly data: import('../../../../../components/CList/CList.vue').ListDataItem[];
+                readonly selectedIds?: (number | string)[] | undefined;
+                readonly maxRowHeight: number;
+                readonly height?: number | undefined;
+                readonly movable?: boolean | undefined;
+                readonly onMove?: ((...args: any[]) => any) | undefined;
+                readonly "onItem:click"?: ((...args: any[]) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                virtualizerContainerRef: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "move", ...args: any[]) => void) & ((event: "item:click", ...args: any[]) => void);
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                data: import('../../../../../components/CList/CList.vue').ListDataItem[];
+                selectedIds?: (number | string)[];
+                maxRowHeight: number;
+                height?: number;
+                movable?: boolean;
+            }> & Readonly<{
+                onMove?: ((...args: any[]) => any) | undefined;
+                "onItem:click"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                updateContextMenuItem: (item: import('../../../../../components/CList/CList.vue').ListDataItem, isOpen: boolean, e?: MouseEvent) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                move: (...args: any[]) => void;
+                "item:click": (...args: any[]) => void;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            data: import('../../../../../components/CList/CList.vue').ListDataItem[];
+            selectedIds?: (number | string)[];
+            maxRowHeight: number;
+            height?: number;
+            movable?: boolean;
+        }> & Readonly<{
+            onMove?: ((...args: any[]) => any) | undefined;
+            "onItem:click"?: ((...args: any[]) => any) | undefined;
+        }>, "updateContextMenuItem"> & import('vue').ShallowUnwrapRef<{
+            updateContextMenuItem: (item: import('../../../../../components/CList/CList.vue').ListDataItem, isOpen: boolean, e?: MouseEvent) => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                item?(_: {
+                    index: number;
+                    isContextMenuOpen: boolean;
+                    isDraggedOver: boolean;
+                    isSelected: boolean;
+                    item: {
+                        [key: string]: any;
+                        id: number | string;
+                    };
+                }): any;
+                'item:context-menu'?(_: {
+                    item: {
+                        [key: string]: any;
+                        id: number | string;
+                    };
+                }): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        storageKey: string;
+        mode: "management" | "selector";
+        selectedSectionIds?: CanvasRetrieve["id"][];
+        addedSectionIds?: CanvasRetrieve["id"][];
+    }> & Readonly<{
+        "onClear-selection"?: (() => any) | undefined;
+        "onOpen-section"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onEdit-section"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onSection-select"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onSection-add"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onSection-remove"?: ((section: CanvasRetrieve) => any) | undefined;
+        "onSections-bulk-add"?: ((sections: CanvasRetrieve[], position?: "bottom" | "top" | undefined, targetIndex?: number | undefined) => any) | undefined;
+        "onSections-bulk-remove"?: ((sections: CanvasRetrieve[]) => any) | undefined;
+    }>, {
+        showConfigurationModal: () => void;
+        addSelectedSections: (position?: "top" | "bottom") => void;
+        removeSelectedSections: () => void;
+        getSelectedSections: () => CanvasRetrieve[];
+        calculateContentHeight: () => void;
+    }, {}, {}, {}, {}> | null;
     sectionSelectorSelectedRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue: Canvas[];
     }> & Readonly<{

package/lib/apps/canvas-builder/composables/useAnnotation.d.ts

@@ -0,0 +1,29 @@
+import { MarkerArea } from '@markerjs/markerjs3';
+import type * as Markerjs3 from '@markerjs/markerjs3';
+export default function useAnnotation(): {
+    isVisibleMenu: import('vue').Ref<boolean, boolean>;
+    markerTools: import('vue').ComputedRef<{
+        [key: string]: {
+            marker: typeof Markerjs3.MarkerBase | "selection" | "eraseSelected" | "eraseAll" | null;
+            icon: string;
+            translationKey: string;
+            action?: () => void;
+            dividerBefore?: boolean;
+        };
+    }>;
+    activeToolIcon: import('vue').ComputedRef<string>;
+    activeTool: import('vue').Ref<string | typeof Markerjs3.MarkerBase | null, string | typeof Markerjs3.MarkerBase | null>;
+    isReady: import('vue').Ref<boolean, boolean>;
+    handleAnnotationSelect: (action: string) => void;
+    setActiveMarker: (marker: null | MarkerArea) => void;
+    activeMarker: import('vue').Ref<Markerjs3.MarkerArea | null, Markerjs3.MarkerArea | null>;
+    showMenu: (value: boolean) => boolean;
+    toggleMenu: () => boolean;
+    storage: Map<string, any>;
+    resetAnnotations: (notify?: boolean) => void;
+    triggerToolUpdate: () => void;
+    clearStorage: () => void;
+    applyShadowRootStyles: (shadowRoot: ShadowRoot) => void;
+    createNewImage: (width: number, height: number) => string;
+    isDrawingActive: import('vue').ComputedRef<boolean>;
+};