@pitcher/js-api 1.23.0 → 1.24.0-beta.1

package/lib/apps/canvas-builder/App.vue.d.ts

@@ -1,6 +1,7 @@
 import { CanvasBuilderMode, ComponentNode } from './types/canvas';
 import { AppFile } from '../../types/app';
-declare const _default: import('vue').DefineComponent<import('./types/canvas').SharingBuilderProps | ({
+declare const _default: import('vue').DefineComponent<({
+    selectCollectionPlayerContent: (payload?: import('../../main.lib').UiSelectCollectionPlayerRequest) => Promise<import('../../main.lib').UiSelectCollectionPlayerResponse>;
     openOnStart?: {
         component?: string;
         section?: string;
@@ -43,9 +44,11 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     listCanvases: (params?: any) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').CanvasRetrieve>>;
     fetchFolder: (folderId: import('../../main.lib').Folder["id"] | undefined) => Promise<import('../../main.lib').FolderRetrieve>;
     fetchFile: (fileId: import('../../main.lib').FileRetrieve["id"]) => Promise<import('../../main.lib').FileRetrieve>;
+    fetchFavorites: (payload?: import('../../main.lib').GetFavoritesParams) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').Favorite>>;
+    fetchRecentFiles: () => Promise<import('../../types/recentFiles.types').RecentFile[]>;
     fetchCanvas: (canvasId: import('../../main.lib').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../main.lib').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../main.lib').MetadataTemplate>;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: import('../../main.lib').File["id"];
         documentId?: import('../../main.lib').File["id"];
         pageIndex: number;
@@ -63,16 +66,14 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     isCRM: boolean;
     onDownloadFile?: (file: import('../../main.lib').File | import('./types/canvas').ContentGridFileProps | import('./types/canvas').ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: import('../../main.lib').CanvasRetrieve) => Promise<void>;
-} & {
-    isCRM: false;
-    onSfdcAccountSearch?: never;
-} & {
+} & import('./types/canvas').CRMBuilderProps & {
     isRedirectEvent?: never;
     mode: CanvasBuilderMode.ADMIN;
     inCall?: never;
     myUserId?: never;
     listRecommendedFiles?: never;
 }) | ({
+    selectCollectionPlayerContent: (payload?: import('../../main.lib').UiSelectCollectionPlayerRequest) => Promise<import('../../main.lib').UiSelectCollectionPlayerResponse>;
     openOnStart?: {
         component?: string;
         section?: string;
@@ -115,9 +116,11 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     listCanvases: (params?: any) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').CanvasRetrieve>>;
     fetchFolder: (folderId: import('../../main.lib').Folder["id"] | undefined) => Promise<import('../../main.lib').FolderRetrieve>;
     fetchFile: (fileId: import('../../main.lib').FileRetrieve["id"]) => Promise<import('../../main.lib').FileRetrieve>;
+    fetchFavorites: (payload?: import('../../main.lib').GetFavoritesParams) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').Favorite>>;
+    fetchRecentFiles: () => Promise<import('../../types/recentFiles.types').RecentFile[]>;
     fetchCanvas: (canvasId: import('../../main.lib').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../main.lib').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../main.lib').MetadataTemplate>;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: import('../../main.lib').File["id"];
         documentId?: import('../../main.lib').File["id"];
         pageIndex: number;
@@ -135,13 +138,17 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     isCRM: boolean;
     onDownloadFile?: (file: import('../../main.lib').File | import('./types/canvas').ContentGridFileProps | import('./types/canvas').ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: import('../../main.lib').CanvasRetrieve) => Promise<void>;
-} & import('./types/canvas').CRMBuilderProps & {
+} & {
+    isCRM: false;
+    onSfdcAccountSearch?: never;
+} & {
     isRedirectEvent?: never;
     mode: CanvasBuilderMode.ADMIN;
     inCall?: never;
     myUserId?: never;
     listRecommendedFiles?: never;
 }) | ({
+    selectCollectionPlayerContent: (payload?: import('../../main.lib').UiSelectCollectionPlayerRequest) => Promise<import('../../main.lib').UiSelectCollectionPlayerResponse>;
     openOnStart?: {
         component?: string;
         section?: string;
@@ -184,9 +191,11 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     listCanvases: (params?: any) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').CanvasRetrieve>>;
     fetchFolder: (folderId: import('../../main.lib').Folder["id"] | undefined) => Promise<import('../../main.lib').FolderRetrieve>;
     fetchFile: (fileId: import('../../main.lib').FileRetrieve["id"]) => Promise<import('../../main.lib').FileRetrieve>;
+    fetchFavorites: (payload?: import('../../main.lib').GetFavoritesParams) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').Favorite>>;
+    fetchRecentFiles: () => Promise<import('../../types/recentFiles.types').RecentFile[]>;
     fetchCanvas: (canvasId: import('../../main.lib').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../main.lib').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../main.lib').MetadataTemplate>;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: import('../../main.lib').File["id"];
         documentId?: import('../../main.lib').File["id"];
         pageIndex: number;
@@ -204,10 +213,7 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     isCRM: boolean;
     onDownloadFile?: (file: import('../../main.lib').File | import('./types/canvas').ContentGridFileProps | import('./types/canvas').ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: import('../../main.lib').CanvasRetrieve) => Promise<void>;
-} & {
-    isCRM: false;
-    onSfdcAccountSearch?: never;
-} & {
+} & import('./types/canvas').CRMBuilderProps & {
     isRedirectEvent?: boolean;
     mode: CanvasBuilderMode.IMPACT;
     inCall?: boolean;
@@ -218,6 +224,7 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
         matchingStrategy: ("tags" | "metadata")[];
     }) => Promise<import('../../main.lib').File[]>;
 }) | ({
+    selectCollectionPlayerContent: (payload?: import('../../main.lib').UiSelectCollectionPlayerRequest) => Promise<import('../../main.lib').UiSelectCollectionPlayerResponse>;
     openOnStart?: {
         component?: string;
         section?: string;
@@ -260,9 +267,11 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     listCanvases: (params?: any) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').CanvasRetrieve>>;
     fetchFolder: (folderId: import('../../main.lib').Folder["id"] | undefined) => Promise<import('../../main.lib').FolderRetrieve>;
     fetchFile: (fileId: import('../../main.lib').FileRetrieve["id"]) => Promise<import('../../main.lib').FileRetrieve>;
+    fetchFavorites: (payload?: import('../../main.lib').GetFavoritesParams) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').Favorite>>;
+    fetchRecentFiles: () => Promise<import('../../types/recentFiles.types').RecentFile[]>;
     fetchCanvas: (canvasId: import('../../main.lib').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../main.lib').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../main.lib').MetadataTemplate>;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: import('../../main.lib').File["id"];
         documentId?: import('../../main.lib').File["id"];
         pageIndex: number;
@@ -280,7 +289,10 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     isCRM: boolean;
     onDownloadFile?: (file: import('../../main.lib').File | import('./types/canvas').ContentGridFileProps | import('./types/canvas').ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: import('../../main.lib').CanvasRetrieve) => Promise<void>;
-} & import('./types/canvas').CRMBuilderProps & {
+} & {
+    isCRM: false;
+    onSfdcAccountSearch?: never;
+} & {
     isRedirectEvent?: boolean;
     mode: CanvasBuilderMode.IMPACT;
     inCall?: boolean;
@@ -290,7 +302,7 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
         sectionId: import('../../main.lib').CanvasRetrieve["id"];
         matchingStrategy: ("tags" | "metadata")[];
     }) => Promise<import('../../main.lib').File[]>;
-}), {
+}) | import('./types/canvas').SharingBuilderProps, {
     hooks: {
         onCanvasUpdated: ({ hookIframes, activeCanvas, }: {
             hookIframes?: Record<string, HTMLIFrameElement>;
@@ -317,7 +329,8 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     toggleNotes: () => any;
     toggleFullscreen: (isFullscreen: boolean) => any;
     activeNavigationItemChange: () => any;
-}, string, import('vue').PublicProps, Readonly<import('./types/canvas').SharingBuilderProps | ({
+}, string, import('vue').PublicProps, Readonly<({
+    selectCollectionPlayerContent: (payload?: import('../../main.lib').UiSelectCollectionPlayerRequest) => Promise<import('../../main.lib').UiSelectCollectionPlayerResponse>;
     openOnStart?: {
         component?: string;
         section?: string;
@@ -360,9 +373,11 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     listCanvases: (params?: any) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').CanvasRetrieve>>;
     fetchFolder: (folderId: import('../../main.lib').Folder["id"] | undefined) => Promise<import('../../main.lib').FolderRetrieve>;
     fetchFile: (fileId: import('../../main.lib').FileRetrieve["id"]) => Promise<import('../../main.lib').FileRetrieve>;
+    fetchFavorites: (payload?: import('../../main.lib').GetFavoritesParams) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').Favorite>>;
+    fetchRecentFiles: () => Promise<import('../../types/recentFiles.types').RecentFile[]>;
     fetchCanvas: (canvasId: import('../../main.lib').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../main.lib').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../main.lib').MetadataTemplate>;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: import('../../main.lib').File["id"];
         documentId?: import('../../main.lib').File["id"];
         pageIndex: number;
@@ -380,16 +395,14 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     isCRM: boolean;
     onDownloadFile?: (file: import('../../main.lib').File | import('./types/canvas').ContentGridFileProps | import('./types/canvas').ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: import('../../main.lib').CanvasRetrieve) => Promise<void>;
-} & {
-    isCRM: false;
-    onSfdcAccountSearch?: never;
-} & {
+} & import('./types/canvas').CRMBuilderProps & {
     isRedirectEvent?: never;
     mode: CanvasBuilderMode.ADMIN;
     inCall?: never;
     myUserId?: never;
     listRecommendedFiles?: never;
 }) | ({
+    selectCollectionPlayerContent: (payload?: import('../../main.lib').UiSelectCollectionPlayerRequest) => Promise<import('../../main.lib').UiSelectCollectionPlayerResponse>;
     openOnStart?: {
         component?: string;
         section?: string;
@@ -432,9 +445,11 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     listCanvases: (params?: any) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').CanvasRetrieve>>;
     fetchFolder: (folderId: import('../../main.lib').Folder["id"] | undefined) => Promise<import('../../main.lib').FolderRetrieve>;
     fetchFile: (fileId: import('../../main.lib').FileRetrieve["id"]) => Promise<import('../../main.lib').FileRetrieve>;
+    fetchFavorites: (payload?: import('../../main.lib').GetFavoritesParams) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').Favorite>>;
+    fetchRecentFiles: () => Promise<import('../../types/recentFiles.types').RecentFile[]>;
     fetchCanvas: (canvasId: import('../../main.lib').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../main.lib').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../main.lib').MetadataTemplate>;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: import('../../main.lib').File["id"];
         documentId?: import('../../main.lib').File["id"];
         pageIndex: number;
@@ -452,13 +467,17 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     isCRM: boolean;
     onDownloadFile?: (file: import('../../main.lib').File | import('./types/canvas').ContentGridFileProps | import('./types/canvas').ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: import('../../main.lib').CanvasRetrieve) => Promise<void>;
-} & import('./types/canvas').CRMBuilderProps & {
+} & {
+    isCRM: false;
+    onSfdcAccountSearch?: never;
+} & {
     isRedirectEvent?: never;
     mode: CanvasBuilderMode.ADMIN;
     inCall?: never;
     myUserId?: never;
     listRecommendedFiles?: never;
 }) | ({
+    selectCollectionPlayerContent: (payload?: import('../../main.lib').UiSelectCollectionPlayerRequest) => Promise<import('../../main.lib').UiSelectCollectionPlayerResponse>;
     openOnStart?: {
         component?: string;
         section?: string;
@@ -501,9 +520,11 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     listCanvases: (params?: any) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').CanvasRetrieve>>;
     fetchFolder: (folderId: import('../../main.lib').Folder["id"] | undefined) => Promise<import('../../main.lib').FolderRetrieve>;
     fetchFile: (fileId: import('../../main.lib').FileRetrieve["id"]) => Promise<import('../../main.lib').FileRetrieve>;
+    fetchFavorites: (payload?: import('../../main.lib').GetFavoritesParams) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').Favorite>>;
+    fetchRecentFiles: () => Promise<import('../../types/recentFiles.types').RecentFile[]>;
     fetchCanvas: (canvasId: import('../../main.lib').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../main.lib').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../main.lib').MetadataTemplate>;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: import('../../main.lib').File["id"];
         documentId?: import('../../main.lib').File["id"];
         pageIndex: number;
@@ -521,10 +542,7 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     isCRM: boolean;
     onDownloadFile?: (file: import('../../main.lib').File | import('./types/canvas').ContentGridFileProps | import('./types/canvas').ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: import('../../main.lib').CanvasRetrieve) => Promise<void>;
-} & {
-    isCRM: false;
-    onSfdcAccountSearch?: never;
-} & {
+} & import('./types/canvas').CRMBuilderProps & {
     isRedirectEvent?: boolean;
     mode: CanvasBuilderMode.IMPACT;
     inCall?: boolean;
@@ -535,6 +553,7 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
         matchingStrategy: ("tags" | "metadata")[];
     }) => Promise<import('../../main.lib').File[]>;
 }) | ({
+    selectCollectionPlayerContent: (payload?: import('../../main.lib').UiSelectCollectionPlayerRequest) => Promise<import('../../main.lib').UiSelectCollectionPlayerResponse>;
     openOnStart?: {
         component?: string;
         section?: string;
@@ -577,9 +596,11 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     listCanvases: (params?: any) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').CanvasRetrieve>>;
     fetchFolder: (folderId: import('../../main.lib').Folder["id"] | undefined) => Promise<import('../../main.lib').FolderRetrieve>;
     fetchFile: (fileId: import('../../main.lib').FileRetrieve["id"]) => Promise<import('../../main.lib').FileRetrieve>;
+    fetchFavorites: (payload?: import('../../main.lib').GetFavoritesParams) => Promise<import('../../main.lib').PaginatedData<import('../../main.lib').Favorite>>;
+    fetchRecentFiles: () => Promise<import('../../types/recentFiles.types').RecentFile[]>;
     fetchCanvas: (canvasId: import('../../main.lib').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../main.lib').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../main.lib').MetadataTemplate>;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: import('../../main.lib').File["id"];
         documentId?: import('../../main.lib').File["id"];
         pageIndex: number;
@@ -597,7 +618,10 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
     isCRM: boolean;
     onDownloadFile?: (file: import('../../main.lib').File | import('./types/canvas').ContentGridFileProps | import('./types/canvas').ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: import('../../main.lib').CanvasRetrieve) => Promise<void>;
-} & import('./types/canvas').CRMBuilderProps & {
+} & {
+    isCRM: false;
+    onSfdcAccountSearch?: never;
+} & {
     isRedirectEvent?: boolean;
     mode: CanvasBuilderMode.IMPACT;
     inCall?: boolean;
@@ -607,7 +631,7 @@ declare const _default: import('vue').DefineComponent<import('./types/canvas').S
         sectionId: import('../../main.lib').CanvasRetrieve["id"];
         matchingStrategy: ("tags" | "metadata")[];
     }) => Promise<import('../../main.lib').File[]>;
-})> & Readonly<{
+}) | import('./types/canvas').SharingBuilderProps> & Readonly<{
     onToggleNotes?: (() => any) | undefined;
     onToggleFullscreen?: ((isFullscreen: boolean) => any) | undefined;
     onActiveNavigationItemChange?: (() => any) | undefined;

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

@@ -2,6 +2,7 @@ import { DropdownOption } from 'naive-ui';
 import { CSSProperties } from 'vue';
 import { ThemeComponentOptionEnum } from '../../../composables/useCanvasTheme';
 import { ComponentNode } from '../../../types/canvas';
+import { ResizeHandlePosition } from './ResizeHandles.vue';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -20,6 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     settings?: boolean;
     stylable?: boolean;
     collapsible?: boolean;
+    showOnlyTopToolbar?: boolean;
     immovable?: boolean;
     excludeStylables?: ThemeComponentOptionEnum[];
     add?: boolean;
@@ -33,6 +35,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
     duplicateIcon?: string;
     settingsIcon?: string;
     removeIcon?: string;
+    resizable?: boolean;
+    resizeHandles?: ResizeHandlePosition[];
+    resizeMaintainAspectRatio?: boolean;
     variants?: {
         title: string;
         options: DropdownOption[];
@@ -61,6 +66,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     settings?: boolean;
     stylable?: boolean;
     collapsible?: boolean;
+    showOnlyTopToolbar?: boolean;
     immovable?: boolean;
     excludeStylables?: ThemeComponentOptionEnum[];
     add?: boolean;
@@ -74,6 +80,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
     duplicateIcon?: string;
     settingsIcon?: string;
     removeIcon?: string;
+    resizable?: boolean;
+    resizeHandles?: ResizeHandlePosition[];
+    resizeMaintainAspectRatio?: boolean;
     variants?: {
         title: string;
         options: DropdownOption[];

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

@@ -1,9 +1,9 @@
-import { ComponentNode } from '../../../types/canvas';
 import { ThemeComponentOptionEnum, ThemePadding } from '../../../composables/useCanvasTheme';
-import { DropdownOption } from 'naive-ui';
+import { ComponentNode } from '../../../types/canvas';
+import { DropdownOption, PopoverPlacement } from 'naive-ui';
 declare const _default: import('vue').DefineComponent<{
     selected: boolean;
-    placement: "top" | "bottom";
+    placement: PopoverPlacement;
     show: boolean;
     draggable: boolean;
     add: boolean;
@@ -40,18 +40,18 @@ declare const _default: import('vue').DefineComponent<{
     duplicate: () => any;
     edit: () => any;
     discard: () => any;
+    "bg-property-change": (property: string, value: any) => any;
     "variant-change": (variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any;
-    updateBackgroundColor: (color: string | undefined) => any;
+    startDrag: () => any;
+    toggleThemeOptions: () => any;
     updatePadding: (padding: ThemePadding) => any;
     updateMarginBottom: (value: number) => any;
     resetSpacing: () => any;
-    startDrag: () => any;
-    toggleThemeOptions: () => any;
     toggleInspectNode: () => any;
     toggleCollapse: () => any;
 }, string, import('vue').PublicProps, Readonly<{
     selected: boolean;
-    placement: "top" | "bottom";
+    placement: PopoverPlacement;
     show: boolean;
     draggable: boolean;
     add: boolean;
@@ -88,13 +88,13 @@ declare const _default: import('vue').DefineComponent<{
     onDuplicate?: (() => any) | undefined;
     onEdit?: (() => any) | undefined;
     onDiscard?: (() => any) | undefined;
+    "onBg-property-change"?: ((property: string, value: any) => any) | undefined;
     "onVariant-change"?: ((variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any) | undefined;
-    onUpdateBackgroundColor?: ((color: string | undefined) => any) | undefined;
+    onStartDrag?: (() => any) | undefined;
+    onToggleThemeOptions?: (() => any) | undefined;
     onUpdatePadding?: ((padding: ThemePadding) => any) | undefined;
     onUpdateMarginBottom?: ((value: number) => any) | undefined;
     onResetSpacing?: (() => any) | undefined;
-    onStartDrag?: (() => any) | undefined;
-    onToggleThemeOptions?: (() => any) | undefined;
     onToggleInspectNode?: (() => any) | undefined;
     onToggleCollapse?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1,5 +1,6 @@
 import { CSSProperties } from 'vue';
 import { DropdownOption } from 'naive-ui';
+import { ResizeHandlePosition } from './ResizeHandles.vue';
 import { ThemeComponentOptionEnum } from '../../../composables/useCanvasTheme';
 import { ComponentNode } from '../../../types/canvas';
 declare function __VLS_template(): {
@@ -32,6 +33,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
     duplicateIcon?: string;
     settingsIcon?: string;
     removeIcon?: string;
+    resizable?: boolean;
+    resizeHandles?: ResizeHandlePosition[];
+    resizeMaintainAspectRatio?: boolean;
     variants?: {
         title: string;
         options: DropdownOption[];
@@ -73,6 +77,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
     duplicateIcon?: string;
     settingsIcon?: string;
     removeIcon?: string;
+    resizable?: boolean;
+    resizeHandles?: ResizeHandlePosition[];
+    resizeMaintainAspectRatio?: boolean;
     variants?: {
         title: string;
         options: DropdownOption[];
@@ -93,7 +100,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
     onDiscard?: (() => any) | undefined;
     "onVariant-change"?: ((variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any) | undefined;
 }>, {
+    resizable: boolean;
     collapsible: boolean;
+    resizeMaintainAspectRatio: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,5 +1,6 @@
 import { CSSProperties } from 'vue';
 import { DropdownOption } from 'naive-ui';
+import { ResizeHandlePosition } from './ResizeHandles.vue';
 import { ThemeComponentOptionEnum } from '../../../composables/useCanvasTheme';
 import { ComponentNode } from '../../../types/canvas';
 declare function __VLS_template(): {
@@ -35,11 +36,15 @@ declare const __VLS_component: import('vue').DefineComponent<{
     duplicateIcon?: string;
     settingsIcon?: string;
     removeIcon?: string;
+    resizable?: boolean;
+    resizeHandles?: ResizeHandlePosition[];
+    resizeMaintainAspectRatio?: boolean;
     variants?: {
         title: string;
         options: DropdownOption[];
         selected?: DropdownOption["key"];
     };
+    showOnlyTopToolbar?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     add: () => any;
     remove: () => any;
@@ -76,11 +81,15 @@ declare const __VLS_component: import('vue').DefineComponent<{
     duplicateIcon?: string;
     settingsIcon?: string;
     removeIcon?: string;
+    resizable?: boolean;
+    resizeHandles?: ResizeHandlePosition[];
+    resizeMaintainAspectRatio?: boolean;
     variants?: {
         title: string;
         options: DropdownOption[];
         selected?: DropdownOption["key"];
     };
+    showOnlyTopToolbar?: boolean;
 }> & Readonly<{
     onAdd?: (() => any) | undefined;
     onRemove?: (() => any) | undefined;
@@ -96,7 +105,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
     onDiscard?: (() => any) | undefined;
     "onVariant-change"?: ((variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any) | undefined;
 }>, {
+    resizable: boolean;
     collapsible: boolean;
+    resizeHandles: ResizeHandlePosition[];
+    resizeMaintainAspectRatio: boolean;
+    showOnlyTopToolbar: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'vue';
+export type ResizeHandlePosition = 'top-left' | 'top-right' | 'center-left' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ResizeHandle {
+    position: ResizeHandlePosition;
+    cursor: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    modelValue: CSSProperties;
+    handles?: ResizeHandlePosition[];
+    maintainAspectRatio?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue: CSSProperties;
+    handles?: ResizeHandlePosition[];
+    maintainAspectRatio?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {
+    handles: ResizeHandlePosition[];
+    maintainAspectRatio: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/apps/canvas-builder/components/ui/Block/Block.helpers.d.ts

@@ -0,0 +1,2 @@
+import { ComponentNode } from '../../../types/canvas';
+export declare function applyOverridesToNode(component: ComponentNode, overrides?: Record<string, any>): ComponentNode;

package/lib/apps/canvas-builder/components/ui/Block/Block.types.d.ts

@@ -0,0 +1,7 @@
+import { ComputedRef } from 'vue';
+import { CanvasRetrieve } from '../../../../../../types/openapi';
+import { ComponentNode } from '../../../types/canvas';
+export type BlockContext = ComputedRef<{
+    usedInBlockId?: CanvasRetrieve['id'];
+    overrideBlockComponentData?: (blockComponentId: ComponentNode['id'], data: Record<ComponentNode['id'], any>) => void;
+}>;

package/lib/apps/canvas-builder/components/ui/{CollectionPlayer/CollectionSelector.vue.d.ts → Block/BlockToolbar.vue.d.ts}

@@ -1,17 +1,12 @@
-import { CollectionPlayerProps } from '../../../types/canvas';
 declare const _default: import('vue').DefineComponent<{
-    to: string;
-    data: CollectionPlayerProps;
-    nodeId: string;
+    isSaving: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    settings: () => any;
-    close: () => any;
+    remove: () => any;
+    save: () => any;
 }, string, import('vue').PublicProps, Readonly<{
-    to: string;
-    data: CollectionPlayerProps;
-    nodeId: string;
+    isSaving: boolean;
 }> & Readonly<{
-    onSettings?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
+    onSave?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,8 +1,9 @@
 import { CanvasRetrieve } from '../../../../../../types/openapi';
-import { ComponentNode, CollectionPlayerProps } from '../../../types/canvas';
+import { ComponentNode } from '../../../types/canvas';
+import { CollectionPlayer } from '../../../../collection-player/types/collection-player.type';
 declare const _default: import('vue').DefineComponent<{
     id: ComponentNode["id"];
-    data: CollectionPlayerProps;
+    data: CollectionPlayer;
     when_used_in_section?: ComponentNode["when_used_in_section"];
     usedInSectionId?: CanvasRetrieve["id"];
     visible?: ComponentNode["visible"];
@@ -12,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
     style: (s: Record<string, any>) => any;
 }, string, import('vue').PublicProps, Readonly<{
     id: ComponentNode["id"];
-    data: CollectionPlayerProps;
+    data: CollectionPlayer;
     when_used_in_section?: ComponentNode["when_used_in_section"];
     usedInSectionId?: CanvasRetrieve["id"];
     visible?: ComponentNode["visible"];

package/lib/apps/canvas-builder/components/ui/CollectionPlayer/{CollectionPlayer.edit.vue.d.ts → CollectionPlayerEmpty.vue.d.ts}

@@ -1,11 +1,11 @@
-import { CollectionPlayerProps } from '../../../types/canvas';
+import { CollectionPlayer } from '../../../../collection-player/types/collection-player.type';
 declare const _default: import('vue').DefineComponent<{
-    data?: CollectionPlayerProps;
+    data?: CollectionPlayer;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    openCollectionSelector: () => any;
+    selectCollectionContent: () => any;
 }, string, import('vue').PublicProps, Readonly<{
-    data?: CollectionPlayerProps;
+    data?: CollectionPlayer;
 }> & Readonly<{
-    onOpenCollectionSelector?: (() => any) | undefined;
+    onSelectCollectionContent?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,10 +1,12 @@
 import { CSSProperties } from 'vue';
-import { MultimediaProps } from '../../../types/canvas';
+import { ComponentNode, MultimediaProps } from '../../../types/canvas';
 declare const _default: import('vue').DefineComponent<{
+    id: ComponentNode["id"];
     data: MultimediaProps;
     lazy: boolean;
     style?: CSSProperties;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    id: ComponentNode["id"];
     data: MultimediaProps;
     lazy: boolean;
     style?: CSSProperties;

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

@@ -1,4 +1,3 @@
-import { CSSProperties } from 'vue';
 import { MultimediaProps, ComponentNode } from '../../../types/canvas';
 import { CanvasRetrieve } from '../../../../../../types/openapi';
 declare const _default: import('vue').DefineComponent<{
@@ -8,9 +7,9 @@ declare const _default: import('vue').DefineComponent<{
     usedInSectionId?: CanvasRetrieve["id"];
     visible?: ComponentNode["visible"];
     tracking_id?: string;
-    style?: CSSProperties;
+    style?: Record<string, any>;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    style: (s: CSSProperties) => any;
+    style: (s: Record<string, any>) => any;
 }, string, import('vue').PublicProps, Readonly<{
     id: ComponentNode["id"];
     data: MultimediaProps;
@@ -18,9 +17,9 @@ declare const _default: import('vue').DefineComponent<{
     usedInSectionId?: CanvasRetrieve["id"];
     visible?: ComponentNode["visible"];
     tracking_id?: string;
-    style?: CSSProperties;
+    style?: Record<string, any>;
 }> & Readonly<{
-    onStyle?: ((s: CSSProperties) => any) | undefined;
+    onStyle?: ((s: Record<string, any>) => any) | undefined;
 }>, {
     when_used_in_section: {
         is_editable: boolean;