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

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

@@ -46,6 +46,7 @@ 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>[];

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;

package/lib/apps/canvas-selector/stores/app.d.ts

@@ -14,7 +14,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -61,7 +61,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -108,7 +108,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -155,7 +155,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -208,7 +208,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -255,7 +255,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -302,7 +302,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -349,7 +349,7 @@ export default function useApp(): {
             is_block?: boolean | undefined;
             is_editable?: boolean | undefined;
             is_default?: boolean | undefined;
-            metadata?: Record<string, any> | undefined;
+            metadata?: any;
             tags?: Array<string> | undefined;
             start_at?: string | null | undefined;
             expires_at?: string | null | undefined;
@@ -397,7 +397,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -443,7 +443,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -490,7 +490,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -537,7 +537,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -584,7 +584,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;
@@ -631,7 +631,7 @@ export default function useApp(): {
         is_block?: boolean | undefined;
         is_editable?: boolean | undefined;
         is_default?: boolean | undefined;
-        metadata?: Record<string, any> | undefined;
+        metadata?: any;
         tags?: Array<string> | undefined;
         start_at?: string | null | undefined;
         expires_at?: string | null | undefined;

package/lib/apps/collection-player/App.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     isFullscreen: import('vue').Ref<boolean, boolean>;
     handleKeyAction: import('./composables/keyboard-bindings.use').ActionCallback;
     element: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    updateResolvedData: (resolvedData: CollectionPlayer) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
     close: () => any;

package/lib/apps/collection-player/components/ImageWithAnnotations.vue.d.ts

@@ -9,7 +9,11 @@ type __VLS_Props = {
     zoom: number;
     scalingMode: 'fit-content' | 'fit-width' | 'fit-height';
 };
-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, {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    repaint: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRepaint?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     editorContainer: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;

package/lib/apps/collection-player/stores/app.store.d.ts

@@ -79,6 +79,9 @@ type StoreData = {
     nodeId?: string;
     handleKeyAction: ActionCallback;
     annotationLayer: ReturnType<typeof useAnnotationLayer>;
+    updateSlideInSwiper: (index: number) => void;
+    rootElement: Ref<HTMLElement | null>;
+    updateResolvedData: (resolvedData: CollectionPlayer) => void;
 };
 export declare function provideAppStore({ data, isEditMode, rootElement, api, emit, options, isLoading, nodeId, inModal, }: StorePayload): StoreData;
 export declare function useAppStore(): StoreData;

package/lib/apps/collection-player/types/collection-player.type.d.ts

@@ -14,12 +14,22 @@ export type CollectionFile = {
     type: 'file';
     file: CollectionFileEntity;
 };
+export type CollectionSlideV2 = {
+    id: string;
+    file_id: FileRetrieve['id'];
+    index?: number;
+};
 export type CollectionSlide = CollectionPage | CollectionFile;
 export type CollectionGroup = {
     id: string;
     name: string;
     slides: CollectionSlide[];
 };
+export type CollectionGroupV2 = {
+    id: string;
+    name: string;
+    slides: CollectionSlideV2[];
+};
 export type CollectionPlayer = {
     groups: CollectionGroup[];
     filters?: Record<string, any>;
@@ -27,3 +37,10 @@ export type CollectionPlayer = {
     hide_footer?: boolean;
     data_accessor?: string;
 };
+export interface CollectionPlayerV2 {
+    groups: CollectionGroupV2[];
+    filters?: Record<string, any>;
+    name: string;
+    hide_footer?: boolean;
+    data_accessor?: string;
+}

package/lib/apps/collection-selector/App.vue.d.ts

@@ -1,20 +1,20 @@
-import { CollectionPlayer, CollectionSlide } from '../collection-player/types/collection-player.type';
+import { CollectionPlayerV2, CollectionSlide } from '../collection-player/types/collection-player.type';
 import { CollectionSelectorProps } from './types/collection-selector.type';
 export type Emit = {
-    close: [CollectionPlayer];
-    settings: [CollectionPlayer];
+    close: [CollectionPlayerV2];
+    settings: [CollectionPlayerV2];
     cancel: [];
     contentChange: [CollectionSlide];
 };
 declare const _default: import('vue').DefineComponent<CollectionSelectorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    settings: (args_0: CollectionPlayer) => any;
+    settings: (args_0: CollectionPlayerV2) => any;
     cancel: () => any;
-    close: (args_0: CollectionPlayer) => any;
+    close: (args_0: CollectionPlayerV2) => any;
     contentChange: (args_0: CollectionSlide) => any;
 }, string, import('vue').PublicProps, Readonly<CollectionSelectorProps> & Readonly<{
-    onSettings?: ((args_0: CollectionPlayer) => any) | undefined;
+    onSettings?: ((args_0: CollectionPlayerV2) => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onClose?: ((args_0: CollectionPlayer) => any) | undefined;
+    onClose?: ((args_0: CollectionPlayerV2) => any) | undefined;
     onContentChange?: ((args_0: CollectionSlide) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     contentRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<import('vue-draggable-plus').VueDraggableProps>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {

package/lib/apps/collection-selector/stores/app.store.d.ts

@@ -2,7 +2,7 @@ import { Ref, EmitFn, ComputedRef, ComponentPublicInstance } from 'vue';
 import { default as useConfirmation } from '../../../composables/useConfirmation';
 import { CollectionGroup, CollectionPlayer, CollectionSlide } from '../../collection-player/types/collection-player.type';
 import { FetchFileList, SelectFileContent } from '../types/common.type';
-import { File, FileRetrieve } from '../../../../types/openapi';
+import { FileRetrieve } from '../../../../types/openapi';
 import { Translations } from '../types/collection-selector.type';
 import { Emit } from '../App.vue';
 import { useContentWarning } from '../composables/content-warning.use';
@@ -24,7 +24,7 @@ type StorePayload = {
 type StoreData = {
     collection: Ref<CollectionPlayer>;
     expandedGroups: Ref<string[]>;
-    usedFiles: Ref<Record<File['id'], File>>;
+    usedFiles: Ref<Record<FileRetrieve['id'], FileRetrieve>>;
     addGroup: (group?: Partial<CollectionGroup>) => CollectionGroup | undefined;
     deleteGroup: (groupId: string, groupName: string) => void;
     updateGroup: (group: Partial<Omit<CollectionGroup, 'id'>> & Pick<CollectionGroup, 'id'>) => void;
@@ -46,6 +46,8 @@ type StoreData = {
     translations?: Translations;
     isSettingsButtonVisible: ComputedRef<boolean>;
     contentWarning: ReturnType<typeof useContentWarning>;
+    isLoadingFiles: ComputedRef<boolean>;
+    areRequiredFilesLoaded: ComputedRef<boolean>;
 };
 export declare function provideAppStore({ initialCollection, t, confirmation, selectFileContent, attachTo, openSettings: openSettingsFn, closeOnSettings, fetchFile, fetchFileList, zIndex, emit, translations, contentRef, }: StorePayload): StoreData;
 export declare function useAppStore(): StoreData;