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

package/lib/apps/canvas-builder/types/canvas.d.ts

@@ -57,6 +57,7 @@ export interface EmbeddableProps {
     src: string | null;
     height?: string;
     width?: string;
+    full_screen_mode?: boolean;
     embed_locations?: EmbedLocation[];
     headless_locations?: EmbedLocation[];
     properties_by_embed_location?: Partial<Record<EmbedLocation, EmbeddedLocationProperties>>;
@@ -73,6 +74,13 @@ export interface DynamicDatatableProperty {
     };
     group?: boolean;
     printable?: boolean;
+    format?: {
+        type?: 'currency' | 'number' | 'percentage' | 'date';
+        currency?: string;
+        decimals?: number;
+        thousandsSeparator?: boolean;
+        dateFormat?: string;
+    };
 }
 export interface DynamicDatatableFilter {
     property: string;
@@ -91,6 +99,29 @@ export interface DynamicDataTableProps {
         font_family?: string;
     };
     break_groups_on_new_page?: boolean;
+    enable_row_striping?: boolean;
+    striping_color?: string | null;
+    striping_start_from_first?: boolean;
+}
+export interface CustomDataTableHierarchyLevel {
+    type: 'group' | 'data';
+    path: string;
+    group_by_key?: string;
+}
+export interface CustomDataTableProps {
+    hierarchy: CustomDataTableHierarchyLevel[];
+    columns: DynamicDatatableProperty[];
+    header_path?: string;
+    footer_path?: string;
+    filters?: DynamicDatatableFilter[];
+    theme?: {
+        background_color?: string | null;
+        group_header_color?: string | null;
+        font_family?: string;
+    };
+    enable_row_striping?: boolean;
+    striping_color?: string | null;
+    striping_start_from_first?: boolean;
 }
 export interface TextProps {
     content?: string;
@@ -193,6 +224,7 @@ export interface ContentGridProps {
     items: (ContentGridItemSlideProps | ContentGridItemFileProps)[];
     size?: 'medium';
     layout_type?: ContentGridLayoutTypes;
+    data_accessor?: string;
 }
 export interface SectionListSection {
     id: string;
@@ -207,6 +239,21 @@ export interface SectionListProps {
     selection_app_name?: string;
     is_restricted_to_preselections?: boolean;
 }
+export interface ContentListSection {
+    id: string;
+    file_id?: string;
+    sequence?: number;
+    component_id: string;
+    page_index?: number;
+    type: 'section' | 'file';
+}
+export interface ContentListProps {
+    sections: ContentListSection[];
+    animation_in?: string;
+    selection_strategy?: 'free' | 'single' | 'at-least-one' | 'app';
+    selection_app_name?: string;
+    is_restricted_to_preselections?: boolean;
+}
 export interface GridItemTooltipProps {
     content?: string;
     content_style?: Record<string, any>;
@@ -228,6 +275,7 @@ export interface IFrameProps {
     src: string | null;
     height?: string;
     width?: string;
+    full_screen_mode?: boolean;
     add_session_context?: boolean;
 }
 export type CollectionFileEntity = Pick<FileRetrieve, 'id' | 'name' | 'type' | 'tags' | 'metadata' | 'thumbnail_url' | 'permissions' | 'content_url' | 'content_type' | 'pspdfkit_auth_payload' | 'pspdfkit_document_id' | 'pspdfkit_server_url'>;
@@ -253,6 +301,11 @@ export interface ScribbleProps {
         file_id?: string;
         page_index?: number;
         page_id?: string;
+        is_deleted?: boolean;
+    };
+    asset_background?: {
+        asset_id?: string;
+        is_deleted?: boolean;
     };
 }
 export interface PageBreakProps {
@@ -278,7 +331,7 @@ export interface TimelineProps {
     events: TimelineEvent[];
     layout: 'vertical' | 'horizontal';
 }
-type AvailableComponentProps = GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | PageBreakProps | PageProps | TimelineProps | CollectionPlayerProps;
+type AvailableComponentProps = GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | ContentListProps | HtmlProps | IFrameProps | LinkProps | PageBreakProps | PageProps | TimelineProps | CollectionPlayerProps | DynamicDataTableProps | CustomDataTableProps;
 export interface ComponentNodeVisible {
     edit_mode: boolean;
     presentation_mode: boolean;
@@ -323,6 +376,7 @@ export interface ComponentNode<T = AvailableComponentProps> {
     tags?: string[];
     theme_meta?: ComponentNodeThemeMeta;
     height?: string;
+    is_sharebox_target?: boolean;
 }
 export interface HomePageConfig {
     component_id: string;
@@ -374,6 +428,7 @@ export declare enum ComponentTypes {
     Carousel = "Carousel",
     CollectionPlayer = "CollectionPlayer",
     ContentGrid = "ContentGrid",
+    CustomDataTable = "CustomDataTable",
     DataCharts = "DataCharts",
     DynamicDataTable = "DynamicDataTable",
     Embeddable = "Embeddable",
@@ -388,6 +443,7 @@ export declare enum ComponentTypes {
     Root = "Root",
     Scribble = "Scribble",
     SectionList = "SectionList",
+    ContentList = "ContentList",
     Text = "Text",
     Timeline = "Timeline"
 }
@@ -398,6 +454,7 @@ export declare const ComponentIcon: {
     readonly Collection: "rectangle-history-circle-plus";
     readonly CollectionPlayer: "regular-rectangle-history-circle-play";
     readonly ContentGrid: "files";
+    readonly CustomDataTable: "table-tree";
     readonly DataCharts: "chart-line";
     readonly DynamicDataTable: "regular-table-circle-bolt";
     readonly Embeddable: "browser";
@@ -413,11 +470,17 @@ export declare const ComponentIcon: {
     readonly PageBreak: "arrows-from-line";
     readonly Scribble: "pen-swirl";
     readonly SectionList: "bring-forward";
+    readonly ContentList: "images";
     readonly Text: "text-size";
     readonly Timeline: "timeline-arrow";
     readonly Video: "video";
 };
 export declare const componentIconType: Record<string, FontAwesomeType>;
+export interface CanvasPdfDimensions {
+    preset?: 'A4' | 'A3' | 'A5' | 'B3' | 'B4' | 'B5' | 'US Legal' | 'US Letter' | 'Custom';
+    width?: string;
+    height?: string;
+}
 export type CanvasTheme = {
     background_video_url?: string;
     canvas_bg_color?: string;
@@ -435,6 +498,7 @@ export type CanvasTheme = {
     inherit_theme_from_parent?: boolean;
     logo?: CanvasThemeAsset | null;
     assets?: CanvasThemeAsset[];
+    pdf_dimensions?: CanvasPdfDimensions;
 };
 export declare enum CanvasBuilderMode {
     ADMIN = "admin",
@@ -513,6 +577,8 @@ export type SharingBuilderProps = NoCRMBuilderProps & {
     onEnter?: () => void;
     onPageEnter?: (data: ComponentNode[], pageIndex: number) => void;
     onPageExit?: (data: ComponentNode[], pageIndex: number) => void;
+    onWizardEnter?: never;
+    onWizardExit?: never;
     onFileEnter?: (node: NodeInfo, file: CollectionFileEntity) => void;
     onFileExit?: (node: NodeInfo, file: CollectionFileEntity) => void;
     onFilePageEnter?: (node: NodeInfo, file: CollectionFileEntity, pageIndex: number) => void;
@@ -533,7 +599,7 @@ export type SharingBuilderProps = NoCRMBuilderProps & {
     listRecommendedFiles?: never;
     listCanvases?: never;
     fetchFolder?: never;
-    fetchFile?: never;
+    fetchFile: (fileId: FileRetrieve['id']) => Promise<FileRetrieve>;
     fetchFavorites?: never;
     fetchRecentFiles?: never;
     fetchInstanceMetadataTemplate?: never;
@@ -595,6 +661,8 @@ type AdminImpactCommonBuilderProps = {
     onAppExit?: (data: {
         src: string;
     }) => void;
+    onWizardEnter?: () => void;
+    onWizardExit?: () => void;
     onPageEnter?: (data: ComponentNode[], pageIndex: number) => void;
     onPageExit?: (data: ComponentNode[], pageIndex: number) => void;
     onFileEnter?: (node: NodeInfo, file: CollectionFileEntity) => void;
@@ -642,6 +710,7 @@ type AdminImpactCommonBuilderProps = {
     theme: CanvasThemeRetrieve | null;
     isAnyTypeOfAdmin: boolean;
     canvasMetadata: CanvasMetadataRetrieve | null;
+    hideEdit?: boolean;
 };
 type AdminBuilderProps = AdminImpactCommonBuilderProps & (CRMBuilderProps | NoCRMBuilderProps) & {
     isRedirectEvent?: never;

package/lib/apps/canvas-builder/util/canvas.util.d.ts

@@ -25,13 +25,13 @@ export declare function addCanvasComponent(currentContent: ComponentNode[], add:
     withChildren?: ComponentNode['children'];
     withExtraNodeData?: Partial<ComponentNode>;
 }): {
-    newContent: ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+    newContent: ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | import('../types/canvas').ContentListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[];
     newComponentId: null;
 } | {
-    newContent: ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+    newContent: ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | import('../types/canvas').ContentListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[];
     newComponentId: string;
 };
-export declare function getAllPages(canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, isEditMode?: boolean): ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[][];
+export declare function getAllPages(canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, isEditMode?: boolean): ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | import('../types/canvas').ContentListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[][];
 export declare function getPageQuantity(canvasContent: ComponentNode[][]): number;
 export declare const getPageRange: (canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, start?: number, end?: number) => ComponentNode[][];
 export declare function scrollCanvasToTop(): void;
@@ -46,9 +46,10 @@ type FoundComponent = {
 } | null;
 export declare function findEmbeddableInSectionsContent(canvasPages: ComponentNode[][], sectionComponentNodesBySectionId: UnwrapRef<SectionComponentNodesBySectionId>, appName: string): FoundComponent;
 export declare function findAllEmbeddableTypesInCanvasContent(componentNodesById: UnwrapRef<ComponentNodesById>): Set<string>;
+export declare function findAllEmbeddableTypesInSectionsContent(sectionComponentNodesBySectionId: UnwrapRef<SectionComponentNodesBySectionId>): Set<string>;
 export declare function findEmbeddableInCanvasContent(componentNodesById: UnwrapRef<ComponentNodesById>, appName: string): FoundComponent;
 export declare function scrollToComponentById(id: ComponentNode['id'] | null | undefined, sectionId?: string, sectionIndex?: number, instant?: boolean, delay?: number): void;
-export declare function updateFirstContentGridWithShareboxItems(canvasContent: ComponentNode[], selectedItems: (SelectedFile | SelectedPage)[], filesById: Record<FileRetrieve['id'], FileRetrieve>): ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+export declare function updateFirstContentGridWithShareboxItems(canvasContent: ComponentNode[], selectedItems: (SelectedFile | SelectedPage)[], filesById: Record<FileRetrieve['id'], FileRetrieve>): ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | import('../types/canvas').ContentListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | import('../types/canvas').DynamicDataTableProps | import('../types/canvas').CustomDataTableProps>[];
 export declare function handleThemeAssetComparison(key: string | symbol | number, objValue: any, othValue: any, object: any, other: any, fileProps: string[], isEqual: (obj1: any, obj2: any) => boolean, componentsWithThemeMeta?: Set<string>): boolean | undefined;
 export declare function applyCanvasThemeAssetsToNode(node: ComponentNode): ComponentNode;
 export declare function processCanvasForSectionThemeOverride(canvas: CanvasRetrieve, maintainSectionTheme: boolean): CanvasRetrieve;

package/lib/apps/canvas-builder/util/iframe.util.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Utility functions for iframe full screen mode positioning
+ */
+export interface FullScreenPositionOptions {
+    container: HTMLElement;
+    canvasContentSelector?: string;
+}
+/**
+ * Positions an iframe container in full screen mode
+ * Calculates height from current position to bottom of parent window
+ */
+export declare function positionFullScreenIframe(options: FullScreenPositionOptions): void;
+/**
+ * Sets up full screen mode for an iframe component
+ */
+export declare function setupFullScreenMode(container: HTMLElement, isFullScreenMode: () => boolean, options?: Partial<FullScreenPositionOptions>): () => void;

package/lib/apps/canvas-builder/util/print.util.d.ts

@@ -1 +1,23 @@
 export declare function replaceThemePresetsWithInlineStyles(htmlContent: string, shouldPreserveStyles?: boolean): string;
+/**
+ * Converts a measurement value to pixels.
+ * If the value is a number, it's assumed to be in pixels.
+ * If it's a string, it must include a Gotenberg-supported unit (mm, cm, in, px, pt, pc).
+ * Supports both comma and period as decimal separators (e.g., "10.5mm" or "10,5mm").
+ *
+ * @param value - Number in pixels or string with unit (e.g., "1000mm", "100,5cm", "4.5in", "96px", "72pt", "6pc")
+ * @returns Value in pixels
+ */
+export declare function convertToPixels(value: number | string | undefined): number | undefined;
+/**
+ * Formats a dimension value for Gotenberg PDF conversion.
+ * If the value is a string with Gotenberg-supported units (mm, cm, in, px, pt, pc), normalizes it to use period as decimal separator.
+ * If it's a number, appends "px" since the convention is that numbers represent pixels.
+ * Supports both comma and period as decimal separators (e.g., "10.5mm" or "10,5mm").
+ *
+ * Gotenberg supports: 72pt, 96px, 1in, 25.4mm, 2.54cm, or 6pc. Default unit is inches if unspecified.
+ *
+ * @param value - Number in pixels or string with unit (e.g., "1000mm", "100,5cm", "4.5in", "96px", "72pt", "6pc")
+ * @returns Formatted value for Gotenberg (e.g., "1000mm", "10.5cm", "4in", "96px", "72pt", "6pc") or undefined
+ */
+export declare function formatDimensionForGotenberg(value: number | string | undefined): string | undefined;

package/lib/apps/canvas-selector/components/CanvasSelectionArea.vue.d.ts

@@ -1,2 +1,172 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { Canvas } from '../../../../types/openapi';
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    sectionsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        onDrop: (dropOnItemId?: Canvas["id"], index?: number) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        toolbarWrapper: HTMLDivElement;
+        smartFoldersRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            storageKey: string;
+            mode: "management" | "selector";
+            selectedSectionIds?: import('../../../../types/openapi').CanvasRetrieve["id"][];
+            addedSectionIds?: import('../../../../types/openapi').CanvasRetrieve["id"][];
+        }> & Readonly<{
+            "onClear-selection"?: (() => any) | undefined;
+            "onOpen-section"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onEdit-section"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onSection-select"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onSection-add"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onSection-remove"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onSections-bulk-add"?: ((sections: import('../../../../types/openapi').CanvasRetrieve[], position?: "bottom" | "top" | undefined, targetIndex?: number | undefined) => any) | undefined;
+            "onSections-bulk-remove"?: ((sections: import('../../../../types/openapi').CanvasRetrieve[]) => any) | undefined;
+        }>, {
+            showConfigurationModal: () => void;
+            addSelectedSections: (position?: "top" | "bottom") => void;
+            removeSelectedSections: () => void;
+            getSelectedSections: () => import('../../../../types/openapi').CanvasRetrieve[];
+            calculateContentHeight: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "clear-selection": () => any;
+            "open-section": (section: import('../../../../types/openapi').CanvasRetrieve) => any;
+            "edit-section": (section: import('../../../../types/openapi').CanvasRetrieve) => any;
+            "section-select": (section: import('../../../../types/openapi').CanvasRetrieve) => any;
+            "section-add": (section: import('../../../../types/openapi').CanvasRetrieve) => any;
+            "section-remove": (section: import('../../../../types/openapi').CanvasRetrieve) => any;
+            "sections-bulk-add": (sections: import('../../../../types/openapi').CanvasRetrieve[], position?: "bottom" | "top" | undefined, targetIndex?: number | undefined) => any;
+            "sections-bulk-remove": (sections: import('../../../../types/openapi').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 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<{}> & 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?: import('../../../../types/openapi').CanvasRetrieve["id"][];
+            addedSectionIds?: import('../../../../types/openapi').CanvasRetrieve["id"][];
+        }> & Readonly<{
+            "onClear-selection"?: (() => any) | undefined;
+            "onOpen-section"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onEdit-section"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onSection-select"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onSection-add"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onSection-remove"?: ((section: import('../../../../types/openapi').CanvasRetrieve) => any) | undefined;
+            "onSections-bulk-add"?: ((sections: import('../../../../types/openapi').CanvasRetrieve[], position?: "bottom" | "top" | undefined, targetIndex?: number | undefined) => any) | undefined;
+            "onSections-bulk-remove"?: ((sections: import('../../../../types/openapi').CanvasRetrieve[]) => any) | undefined;
+        }>, {
+            showConfigurationModal: () => void;
+            addSelectedSections: (position?: "top" | "bottom") => void;
+            removeSelectedSections: () => void;
+            getSelectedSections: () => import('../../../../types/openapi').CanvasRetrieve[];
+            calculateContentHeight: () => void;
+        }, {}, {}, {}, {}> | null;
+        toolbarWrapperTraditional: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        onDrop: (dropOnItemId?: Canvas["id"], index?: number) => void;
+    }, {}, {}, {}, {}> | null;
+}, any>;
 export default _default;

package/lib/apps/canvas-selector/components/Sections.vue.d.ts

@@ -1,4 +1,163 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+import { nextTick } from 'vue';
+import { Canvas, CanvasRetrieve } from '../../../../types/openapi';
+declare function onDrop(dropOnItemId?: Canvas['id'], index?: number): void;
+declare const _default: import('vue').DefineComponent<{}, {
+    onDrop: typeof onDrop;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     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;
+    toolbarWrapperTraditional: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;