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

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

@@ -6,4 +6,6 @@ export default function usePrintMode(): {
         id: string;
         theme?: any;
     }, sectionElement: HTMLElement, maintainTheme?: boolean) => void;
+    getNextPrintModeIndex: (sectionListId: string) => number;
+    resetPrintModeCounters: () => void;
 };

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

@@ -4,7 +4,6 @@ export default function useReorderComponent(): {
     activeComponent: Ref<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps> | null, ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps> | null>;
     activeChildren: import('vue').WritableComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[], ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[]>;
     activeTitle: ComputedRef<string>;
-    isNewFeatureEnabled: ComputedRef<boolean>;
     isContentVisible: Ref<boolean, boolean>;
     initialize: () => void;
     getTitle: (component: ComponentNode) => string;
@@ -14,6 +13,7 @@ export default function useReorderComponent(): {
     resetActiveComponentId: () => void;
     toggleContentVisibility: () => void;
     removeComponent: (component: ComponentNode) => void;
+    renameComponent: (component: ComponentNode, newName: string) => void;
     isolatedScribbleChildId: ComputedRef<string | null>;
     shouldShowOnlyIsolatedChild: (scribbleId: string) => boolean;
     getFilteredScribbleChildren: (scribbleId: string, children: ComponentNode[]) => ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];

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

@@ -0,0 +1,98 @@
+import { ComponentNode, ComponentTypes } from '../types/canvas';
+export declare const SCRIBBLE_CHILD_DEFAULTS: {
+    readonly POSITION: {
+        readonly TOP: "76px";
+        readonly LEFT: "16px";
+    };
+    readonly DIMENSIONS: {
+        readonly DEFAULT_WIDTH: "800px";
+        readonly DEFAULT_HEIGHT: "300px";
+        readonly EMBEDDABLE_WIDTH: "400px";
+        readonly EMBEDDABLE_HEIGHT: "300px";
+    };
+};
+export interface ScribbleChildConfig {
+    id: string;
+    parentType?: ComponentTypes;
+    style?: Record<string, any>;
+    data?: any;
+    defaultWidth?: string;
+    defaultHeight?: string;
+    /** Whether to update component data with dimensions (needed for Embeddable) */
+    updateDataWithDimensions?: boolean;
+    /** Custom style updates beyond the defaults */
+    customStyleUpdates?: Record<string, any>;
+    /** Whether to exclude height from style updates (for components like Text that should auto-size) */
+    excludeHeight?: boolean;
+}
+/**
+ * Composable for handling scribble child component initialization and common functionality
+ * Consolidates the handleAddedToScribble pattern used across multiple components
+ */
+export declare function useScribbleChild(config: ScribbleChildConfig): {
+    isScribbleChild: import('vue').ComputedRef<boolean>;
+    handleAddedToScribble: (emit: (event: "style", style: Record<string, any>, id?: string) => void) => void;
+    componentNode: import('vue').ComputedRef<ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps> | null>;
+    createStyleUpdate: (updates?: Partial<{
+        backgroundColor?: string;
+        backgroundAttachment?: import('../../../types/background').BackgroundAttachment;
+        backgroundImage?: string | null;
+        backgroundPositionX?: import('../../../types/background').BackgroundPositionX;
+        backgroundPositionY?: import('../../../types/background').BackgroundPositionY;
+        backgroundRepeat?: import('../../../types/background').BackgroundRepeat;
+        backgroundSize?: import('../../../types/background').BackgroundSize;
+        borderRadius?: import('./useCanvasTheme').ThemeBorderRadius;
+        height?: string | null;
+        left?: string;
+        marginBottom?: string | null;
+        padding?: import('./useCanvasTheme').ThemePadding;
+        position?: "absolute" | "relative" | "static" | "fixed";
+        top?: string;
+        width?: string;
+    }>) => Record<string, any>;
+};
+/**
+ * Utility function to get embeddable-specific configuration
+ */
+export declare function getEmbeddableScribbleConfig(id: string, parentType?: ComponentTypes, data?: any, style?: any): {
+    id: string;
+    parentType: ComponentTypes | undefined;
+    style: any;
+    data: any;
+    defaultWidth: "400px";
+    defaultHeight: "300px";
+    updateDataWithDimensions: boolean;
+};
+/**
+ * Utility function to get text-specific configuration
+ */
+export declare function getTextScribbleConfig(id: string, parentType?: ComponentTypes, style?: any): {
+    id: string;
+    parentType: ComponentTypes | undefined;
+    style: any;
+    defaultWidth: any;
+    excludeHeight: boolean;
+};
+/**
+ * Utility function to get multimedia-specific configuration with proportional dimensions
+ */
+export declare function getMultimediaScribbleConfig(id: string, parentType?: ComponentTypes, style?: any, calculateDimensions?: () => {
+    width: number;
+    height: number;
+}): {
+    id: string;
+    parentType: ComponentTypes | undefined;
+    style: any;
+    defaultWidth: string;
+    defaultHeight: string;
+};
+/**
+ * Utility function to get dynamic data table-specific configuration
+ */
+export declare function getDynamicDataTableScribbleConfig(id: string, parentType?: ComponentTypes, style?: any): {
+    id: string;
+    parentType: ComponentTypes | undefined;
+    style: any;
+    defaultWidth: any;
+    defaultHeight: any;
+};

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

@@ -0,0 +1,11 @@
+import { ComputedRef } from 'vue';
+/**
+ * Composable for handling scribble component toolbar positioning
+ * Provides reactive toolbar positioning based on component Y position and feature flags
+ */
+export declare function useScribbleToolbar(componentId: string): {
+    isScribbleChild: ComputedRef<boolean>;
+    shouldShowOnlyTopToolbar: ComputedRef<boolean>;
+    shouldShowOnlyBottomToolbar: ComputedRef<boolean>;
+    enableReactiveToolbarPositioning: ComputedRef<boolean>;
+};

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

@@ -30,5 +30,6 @@ export default function useSectionPopularity(filters?: ComputedRef<Record<string
         engagement: import('../../../types/sectionPopularity').SectionEngagement;
         views: number;
     }[]>;
+    getDefaultOrdering: () => string;
 };
 export {};

package/lib/apps/canvas-builder/constants/canvas.const.d.ts

@@ -5,11 +5,12 @@ export declare const defaultWhenUsedInSection: {
     is_removable: boolean;
 };
 export declare const SERVER_ONLY_PROPS: readonly ["content_url", "thumbnail_url", "content_thumbnails", "pspdfkit_token", "pspdfkit_server_url", "pspdfkit_auth_payload", "external_url"];
-export declare const aspectRatios: readonly ["unlocked", "16:9", "16:10", "4:3", "1:1"];
+export declare const aspectRatios: readonly ["unlocked", "contain", "16:9", "16:10", "4:3", "1:1"];
 export declare const aspectRatioClasses: {
     readonly '16:9': "aspect-ratio-video";
     readonly '16:10': "aspect-ratio-[16/10]";
     readonly '1:1': "aspect-ratio-square";
     readonly '4:3': "aspect-ratio-[4/3]";
     readonly unlocked: "";
+    readonly contain: "";
 };

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,9 @@ 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 TextProps {
     content?: string;
@@ -193,6 +204,7 @@ export interface ContentGridProps {
     items: (ContentGridItemSlideProps | ContentGridItemFileProps)[];
     size?: 'medium';
     layout_type?: ContentGridLayoutTypes;
+    data_accessor?: string;
 }
 export interface SectionListSection {
     id: string;
@@ -228,6 +240,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'>;
@@ -249,6 +262,16 @@ export interface LinkProps {
     url?: string;
 }
 export interface ScribbleProps {
+    content_background?: {
+        file_id?: string;
+        page_index?: number;
+        page_id?: string;
+        is_deleted?: boolean;
+    };
+    asset_background?: {
+        asset_id?: string;
+        is_deleted?: boolean;
+    };
 }
 export interface PageBreakProps {
 }
@@ -346,10 +369,16 @@ export type SectionComponentOverride = {
     after_sibling_id?: ComponentNode['id'];
     is_removed?: true;
 };
-export type SectionComponentOverrides = {
-    [sectionId: CanvasRetrieve['id']]: {
-        [componentId: ComponentNode['id'] | 'root']: SectionComponentOverride;
+export type SectionOverrides = {
+    [componentId: ComponentNode['id'] | 'root']: SectionComponentOverride;
+} & {
+    modified_by?: {
+        id: User['id'];
     };
+    modified_at?: string;
+};
+export type SectionComponentOverrides = {
+    [sectionId: CanvasRetrieve['id']]: SectionOverrides;
 };
 export interface ComponentMeta {
     allowedChildren: ComponentTypes[];
@@ -502,6 +531,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;
@@ -584,6 +615,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;

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

@@ -46,10 +46,12 @@ 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, instant?: boolean, delay?: number): void;
+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 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;
+export declare function isEmbeddableWithZeroHeight(component: ComponentNode): boolean;
 export {};

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-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;