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

package/lib/apps/collection-selector/types/move-slide-modal.type.d.ts

@@ -0,0 +1,5 @@
+import { CollectionSlide } from '../../collection-player/types/collection-player.type';
+export type ActiveElement = {
+    groupId: string;
+    slide: CollectionSlide;
+};

package/lib/apps/collection-selector/utils/content-selector-adapter.util.d.ts

@@ -0,0 +1,41 @@
+import { SelectedFile, SelectedPage } from '../../content-selector/stores/app';
+import { Selection } from '../../../types/selections';
+import { FileRetrieve } from '../../../../types/openapi';
+import { CollectionFile, CollectionPage, CollectionGroup } from '../../collection-player/types/collection-player.type';
+import { I18nTranslate } from '../../../types/common';
+export declare function parsePptxFileToCollectionPlayer(t: I18nTranslate, _file: FileRetrieve): {
+    name: string;
+    groups: {
+        name: string;
+        slides: CollectionPage[];
+        id: string;
+    }[];
+};
+export declare function parsePdfFileToCollectionPlayer(t: I18nTranslate, file: FileRetrieve): {
+    name: string;
+    groups: {
+        name: string;
+        slides: CollectionPage[];
+        id: string;
+    }[];
+};
+export declare function parseFileToCollectionPlayer(t: I18nTranslate, file: FileRetrieve): {
+    name: string;
+    groups: {
+        name: string;
+        slides: CollectionPage[];
+        id: string;
+    }[];
+} | {
+    name: string;
+    groups: {
+        name: string;
+        slides: CollectionFile[];
+        id: string;
+    }[];
+};
+export declare function parseContentSelectorToCollectionPlayerSlides({ selectedItems, filesById, }: {
+    selectedItems: (SelectedFile | SelectedPage)[];
+    filesById: Record<FileRetrieve['id'], FileRetrieve>;
+}): (CollectionPage | CollectionFile)[];
+export declare function parseCollectionPlayerSlidesToContentSelector(slides?: CollectionGroup['slides']): Selection[];

package/lib/apps/collection-selector/utils/data.util.d.ts

@@ -0,0 +1,23 @@
+import { I18nTranslate } from '../../../types/common';
+import { CollectionFile, CollectionPage, CollectionPlayer } from '../../collection-player/types/collection-player.type';
+export declare const getDefaultNewGroupName: (t: I18nTranslate) => string;
+export declare const getDefaultGroupName: (t: I18nTranslate) => string;
+export declare const getDefaultCollectionName: (t: I18nTranslate) => string;
+export declare const generateNewGroup: (t: I18nTranslate) => {
+    id: string;
+    name: string;
+    slides: never[];
+};
+export declare const generateNewCollection: (t: I18nTranslate) => {
+    name: string;
+    groups: {
+        id: string;
+        name: string;
+        slides: never[];
+    }[];
+};
+export declare const generateNewCollectionSlide: (payload: Pick<CollectionPage, "file" | "slide">) => CollectionPage;
+export declare const generateNewCollectionFile: (file: CollectionFile["file"]) => CollectionFile;
+export declare const getUniqueFilesCount: (data: CollectionPlayer) => number;
+export declare const getGroupsCount: (data: CollectionPlayer) => number;
+export declare const getSlidesCount: (data: CollectionPlayer) => number;

package/lib/apps/collection-selector/utils/theme-overrides.util.d.ts

@@ -0,0 +1,8 @@
+export declare const dropdownThemeOverrides: {
+    padding: string;
+    peers: {
+        Popover: {
+            boxShadow: string;
+        };
+    };
+};

package/lib/apps/content-selector/appTypes.d.ts

@@ -1,47 +1,25 @@
-import { FolderRetrieve, Folder, File, FileRetrieve, FileContentTypeEnum } from '../../../types/openapi';
+import { FileContentTypeEnum } from '../../../types/openapi';
 import { Range } from '../../util/tsHelpers';
 import { SelectorType } from './stores/app';
-export type FileFetcher = (fileId: FileRetrieve['id']) => Promise<FileRetrieve>;
-export type FolderItemsFetcher = (folderId: Folder['id'] | undefined) => Promise<FolderRetrieve>;
-type FileListFetcher = (params?: any) => Promise<File[]>;
-type FileDeleter = (fileId: FileRetrieve['id']) => Promise<string | void>;
-export type ContentSelection = {
-    fileId: FileRetrieve['id'];
-    type: 'file' | 'page';
-    pageIndex?: number;
-    name?: string;
-    file?: Pick<FileRetrieve, 'id' | 'name'>;
-};
-export type ExternalLinkSelection = {
-    url: string;
-    type: 'external_link';
-    content_type: 'video' | 'image';
-    from: 'custom' | 'pexels' | 'unsplash' | 'ai';
-};
-export type AssetSelection = {
-    fileId: FileRetrieve['id'];
-    type: 'asset';
-};
-export type Selection = ContentSelection | ExternalLinkSelection | AssetSelection;
+import { Selection } from '../../types/selections';
+import { FavoritesFetcher, RecentFilesFetcher, FolderItemsFetcher, FileOpener, FileFetcher, FileListFetcher, FileDeleter } from './stores/api';
 export type AppProps = {
+    attachTo?: HTMLElement | string;
     appName: 'impact' | 'admin';
     allowedSelectorTypes?: SelectorType[];
     allowedContentTypes?: FileContentTypeEnum[];
     allowedAssetContentTypes?: FileContentTypeEnum[];
     contentType: 'file' | 'slide' | 'content';
     zIndex?: number;
+    onFavoritesFetch?: FavoritesFetcher;
+    onRecentFilesFetch?: RecentFilesFetcher;
     onFolderFetch?: FolderItemsFetcher;
     onFileDelete?: FileDeleter;
     onFileFetch?: FileFetcher;
     onFilesList?: FileListFetcher;
-    onFileOpen?: ({ fileId, pageIndex, newTab, }: {
-        fileId: FileRetrieve['id'];
-        pageIndex?: number;
-        newTab?: boolean;
-    }) => void;
+    onFileOpen?: FileOpener;
     selections?: Selection[];
     primaryActionText?: string;
     maxSelections?: number;
     minSelections?: Range<0, 999>;
 };
-export {};

package/lib/apps/content-selector/components/Content/ActionsToolbar/ActionsToolbar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/apps/content-selector/components/Content/AllContent/List/FoldersFilesListItem.vue.d.ts

@@ -1,17 +1,18 @@
 import { ComputedRef } from 'vue';
-import { FolderFile, FolderFolder } from '../../../../../../../types/openapi';
+import { FolderFile } from '../../../../../../../types/openapi';
 import { SelectedFile, SelectedFolder } from '../../../../stores/app';
 declare const _default: import('vue').DefineComponent<{
     filters: ComputedRef<Record<string, any>>;
     highlightText?: string;
     isContextMenuOpen?: boolean;
+    doNotShowFolderDetails?: boolean;
     isSelected?: boolean;
     index?: number;
     item: {
         id: string;
         [key: string]: any;
     };
-    data: (FolderFile | FolderFolder)[];
+    data: any[];
     selectedItems: (SelectedFile | SelectedFolder)[];
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "open-folder": (item: FolderFile) => any;
@@ -24,13 +25,14 @@ declare const _default: import('vue').DefineComponent<{
     filters: ComputedRef<Record<string, any>>;
     highlightText?: string;
     isContextMenuOpen?: boolean;
+    doNotShowFolderDetails?: boolean;
     isSelected?: boolean;
     index?: number;
     item: {
         id: string;
         [key: string]: any;
     };
-    data: (FolderFile | FolderFolder)[];
+    data: any[];
     selectedItems: (SelectedFile | SelectedFolder)[];
 }> & Readonly<{
     "onOpen-folder"?: ((item: FolderFile) => any) | undefined;
@@ -44,5 +46,6 @@ declare const _default: import('vue').DefineComponent<{
     index: number;
     isContextMenuOpen: boolean;
     highlightText: string;
+    doNotShowFolderDetails: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/lib/apps/content-selector/stores/api.d.ts

@@ -0,0 +1,252 @@
+import { Folder, FileRetrieve, FolderRetrieve, MiniFile, File, Favorite, MiniPage, FileTypeEnum } from '../../../../types/openapi';
+import { GetFavoritesParams } from '../../../types/favorites';
+import { PaginatedData } from '../../../types/paginatedData';
+import { RecentFile } from '../../../types/recentFiles.types';
+import { AppProps } from '../appTypes';
+import { FolderFileWithFolderId } from './app';
+type FolderItemsFetcher = (folderId?: Folder['id'], options?: {
+    justFetch: boolean;
+    setSelectedFolder: boolean;
+}) => Promise<FolderRetrieve>;
+type FileOpener = (payload: {
+    fileId: MiniFile['id'];
+    pageIndex?: MiniPage['page_index'];
+    newTab?: boolean;
+}) => void;
+type FileFetcher = (payload: File['id']) => Promise<FileRetrieve>;
+type FileListFetcher = (params?: any) => Promise<FolderFileWithFolderId[]>;
+type FileDeleter = (fileId: FileRetrieve['id']) => Promise<string | void>;
+type FavoritesFetcher = (payload?: GetFavoritesParams) => Promise<PaginatedData<Favorite>>;
+type RecentFilesFetcher = () => Promise<RecentFile[]>;
+declare function init(props: AppProps): void;
+export type { FolderItemsFetcher, FileOpener, FileDeleter, FileFetcher, FileListFetcher, FavoritesFetcher, RecentFilesFetcher, };
+declare const _default: () => {
+    state: {
+        readonly fileOpener: FileOpener | null;
+        readonly fileDeleter: FileDeleter | null;
+        readonly folderItemsFetcher: FolderItemsFetcher | null;
+        readonly fileFetcher: FileFetcher | null;
+        readonly fileListFetcher: FileListFetcher | null;
+        readonly favoritesFetcher: FavoritesFetcher | null;
+        readonly recentFilesFetcher: RecentFilesFetcher | null;
+        readonly isFetchingFolderItems: boolean;
+        readonly isFetchingListFiles: boolean;
+        readonly isFetchingFile: boolean;
+        readonly isFetchingFavorites: boolean;
+        readonly isFetchingRecentFiles: boolean;
+        readonly isDeletingFile: boolean;
+        readonly recent: readonly {
+            readonly id: string;
+            readonly name?: string | undefined;
+            readonly content_type: import('../../../../types/openapi').FileContentTypeEnum;
+            readonly instance_id: string;
+            readonly tags?: Readonly<File["tags"]>;
+            readonly thumbnail_url?: (string | null) | undefined;
+            readonly page_index?: number | undefined;
+        }[];
+        readonly favorites: {
+            readonly [x: string]: {
+                readonly id: string;
+                readonly name: string;
+                readonly thumbnail_url: string;
+                readonly file: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly content_type: string | null;
+                    readonly tags: readonly string[];
+                } | null;
+                readonly page: {
+                    readonly id: string;
+                    readonly page_index?: number | undefined;
+                } | null;
+                readonly folder: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly thumbnail_url: string | null;
+                    readonly file_thumbnail_urls: readonly string[];
+                } | null;
+                readonly created_at: string;
+                readonly created_by: {
+                    readonly id: number;
+                    readonly name: string;
+                    readonly email?: string | undefined;
+                };
+                readonly modified_at: string;
+                readonly modified_by: {
+                    readonly id: number;
+                    readonly name: string;
+                    readonly email?: string | undefined;
+                };
+                readonly owned_by: {
+                    readonly id: number;
+                    readonly name: string;
+                    readonly email?: string | undefined;
+                };
+            };
+        };
+        readonly filteredItems: readonly {
+            readonly id: string;
+            readonly global_id: string;
+            readonly name?: string | undefined;
+            readonly type: FileTypeEnum;
+            readonly size: number | null;
+            readonly status: import('../../../../types/openapi').FileStatusEnum;
+            readonly content_type: import('../../../../types/openapi').FileContentTypeEnum;
+            readonly content_extension: string | null;
+            readonly content_length: number | null;
+            readonly content_url: string | null;
+            readonly original_extension: string | null;
+            readonly thumbnail_url: string | null;
+            readonly download_type?: import('../../../../types/openapi').DownloadTypeEnum | undefined;
+            readonly zip_size: number | null;
+            readonly zip_url: string | null;
+            readonly access_type?: import('../../../../types/openapi').AccessTypeEnum | undefined;
+            readonly role: import('../../../../types/openapi').CollaborationRoleEnum;
+            readonly permissions?: {
+                readonly can_download?: boolean | undefined;
+                readonly can_share?: boolean | undefined;
+            } | undefined;
+            readonly metadata?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly app_metadata?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly tags?: readonly string[] | undefined;
+            readonly published_at: string | null;
+            readonly expires_at?: (string | null) | undefined;
+            readonly instance_id: string;
+            readonly folder_id?: string | undefined;
+            readonly folder: {
+                readonly id: string;
+                readonly name: string;
+            };
+            readonly shared_link: {
+                readonly url: string;
+                readonly short_url?: (string | null) | undefined;
+            };
+            readonly search_rank: string;
+            readonly search_headline: string;
+            readonly owned_by: {
+                readonly id: number;
+                readonly name: string;
+                readonly email?: string | undefined;
+            };
+            readonly created_at: string;
+            readonly created_by: {
+                readonly id: number;
+                readonly name: string;
+                readonly email?: string | undefined;
+            };
+            readonly modified_at: string;
+            readonly modified_by: {
+                readonly id: number;
+                readonly name: string;
+                readonly email?: string | undefined;
+            };
+        }[];
+    };
+    actions: {
+        init: typeof init;
+        reset: () => {
+            fileOpener: FileOpener | null;
+            fileDeleter: FileDeleter | null;
+            folderItemsFetcher: FolderItemsFetcher | null;
+            fileFetcher: FileFetcher | null;
+            fileListFetcher: FileListFetcher | null;
+            favoritesFetcher: FavoritesFetcher | null;
+            recentFilesFetcher: RecentFilesFetcher | null;
+            isFetchingFolderItems: boolean;
+            isFetchingListFiles: boolean;
+            isFetchingFile: boolean;
+            isFetchingFavorites: boolean;
+            isFetchingRecentFiles: boolean;
+            isDeletingFile: boolean;
+            recent: {
+                readonly id: string;
+                name?: string | undefined;
+                readonly content_type: import('../../../../types/openapi').FileContentTypeEnum;
+                readonly instance_id: string;
+                tags?: Readonly<File["tags"]>;
+                thumbnail_url?: (string | null) | undefined;
+                page_index?: number | undefined;
+            }[];
+            favorites: Record<MiniPage["id"] | File["id"] | Folder["id"], Favorite>;
+            filteredItems: {
+                readonly id: string;
+                readonly global_id: string;
+                name?: string | undefined;
+                readonly type: FileTypeEnum;
+                readonly size: number | null;
+                readonly status: import('../../../../types/openapi').FileStatusEnum;
+                readonly content_type: import('../../../../types/openapi').FileContentTypeEnum;
+                readonly content_extension: string | null;
+                readonly content_length: number | null;
+                readonly content_url: string | null;
+                readonly original_extension: string | null;
+                readonly thumbnail_url: string | null;
+                download_type?: import('../../../../types/openapi').DownloadTypeEnum | undefined;
+                readonly zip_size: number | null;
+                readonly zip_url: string | null;
+                access_type?: import('../../../../types/openapi').AccessTypeEnum | undefined;
+                readonly role: import('../../../../types/openapi').CollaborationRoleEnum;
+                permissions?: {
+                    can_download?: boolean | undefined;
+                    can_share?: boolean | undefined;
+                } | undefined;
+                metadata?: Record<string, any> | undefined;
+                app_metadata?: Record<string, any> | undefined;
+                tags?: Array<string> | undefined;
+                readonly published_at: string | null;
+                expires_at?: (string | null) | undefined;
+                readonly instance_id: string;
+                folder_id?: string | undefined;
+                readonly folder: {
+                    readonly id: string;
+                    name: string;
+                };
+                readonly shared_link: {
+                    readonly url: string;
+                    short_url?: (string | null) | undefined;
+                };
+                readonly search_rank: string;
+                readonly search_headline: string;
+                readonly owned_by: {
+                    readonly id: number;
+                    readonly name: string;
+                    email?: string | undefined;
+                };
+                readonly created_at: string;
+                readonly created_by: {
+                    readonly id: number;
+                    readonly name: string;
+                    email?: string | undefined;
+                };
+                readonly modified_at: string;
+                readonly modified_by: {
+                    readonly id: number;
+                    readonly name: string;
+                    email?: string | undefined;
+                };
+            }[];
+        } & {
+            fileOpener: null;
+            fileDeleter: null;
+            folderItemsFetcher: null;
+            fileFetcher: null;
+            fileListFetcher: null;
+            favoritesFetcher: null;
+            recentFilesFetcher: null;
+            isFetchingFolderItems: boolean;
+            isFetchingListFiles: boolean;
+            isFetchingFile: boolean;
+            isFetchingFavorites: boolean;
+            isFetchingRecentFiles: boolean;
+            isDeletingFile: boolean;
+            favorites: {};
+            recent: never[];
+            filteredItems: never[];
+        };
+    };
+};
+export default _default;

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

@@ -1,6 +1,7 @@
 import { Ref, ComputedRef, UnwrapNestedRefs } from 'vue';
-import { FolderRetrieve, FolderFile, FileRetrieve, File, FolderFolder } from '../../../../types/openapi';
-import { FileFetcher, FolderItemsFetcher } from '../appTypes';
+import { FolderRetrieve, FolderFile, FileRetrieve, File, FolderFolder, Favorite, FileContentTypeEnum } from '../../../../types/openapi';
+import { RecentFile } from '../../../types/recentFiles.types';
+export type AppName = 'admin' | 'impact';
 export type SelectorType = 'content' | 'assets' | 'external_links' | 'ai_images';
 export type SelectedPage = {
     id: string;
@@ -40,18 +41,38 @@ export type SelectedExternalLink = {
     from: 'custom' | 'pexels' | 'unsplash' | 'ai';
 };
 export type ContentSelectorSelectedItem = SelectedPage | SelectedFile | SelectedAsset | SelectedExternalLink;
+export type BrowserSectionType = 'all' | 'favorites' | 'recent' | 'trash';
+export type FolderFileWithFolderId = File & {
+    folder_id?: string;
+};
+type RecentFileWithFavoriteId = RecentFile & {
+    favoriteId: string;
+};
 export declare function isPage(item: ContentSelectorSelectedItem): item is SelectedPage;
 export declare function isFile(item: ContentSelectorSelectedItem): item is SelectedFile;
 export declare function isAsset(item: ContentSelectorSelectedItem): item is SelectedAsset;
 export declare function isExternalLink(item: ContentSelectorSelectedItem): item is SelectedExternalLink;
 interface State {
+    appName: Ref<AppName | ''>;
+    allowedContentTypes: Ref<FileContentTypeEnum[]>;
     activeSelectorType: Ref<SelectorType>;
     search: Ref<string>;
+    searchMetadataFilters: Ref<Record<string, any>>;
     selectedItems: Ref<ContentSelectorSelectedItem[]>;
+    selectedSection: Ref<BrowserSectionType>;
     selectedFiles: ComputedRef<SelectedFile[]>;
     selectedPages: ComputedRef<SelectedPage[]>;
     selectedAssets: ComputedRef<SelectedAsset[]>;
     selectedExternalLinks: ComputedRef<SelectedExternalLink[]>;
+    sortedFavorites: ComputedRef<Favorite[]>;
+    displayedFavorites: ComputedRef<(Favorite & {
+        favoriteId: string;
+    })[]>;
+    displayedRecentFiles: ComputedRef<RecentFileWithFavoriteId[]>;
+    showFilteredResults: ComputedRef<boolean>;
+    displayedFiles: ComputedRef<SelectedFile[] | SelectedFolder[] | RecentFileWithFavoriteId[] | FolderFileWithFolderId[]>;
+    activeFolderFolders: ComputedRef<FolderFolder[]>;
+    activeFolderFiles: ComputedRef<FolderFile[]>;
     activeFolder: Ref<FolderRetrieve | null>;
     activeFile: Ref<FileRetrieve | null>;
     isFetchingFolderItems: Ref<boolean>;
@@ -63,12 +84,9 @@ declare function deselectPage(p: SelectedPage): void;
 declare function deselectAsset(a: SelectedAsset): void;
 declare function deselectExternalLink(l: SelectedExternalLink): void;
 export default function (): {
+    setAppName(appName: AppName): void;
     resetSelectedItems(): void;
-    setSelectedItems(items: ContentSelectorSelectedItem[], appProps?: {
-        onFileFetch?: FileFetcher;
-        onFolderFetch?: FolderItemsFetcher;
-        maxSelections?: number;
-    }): Promise<void>;
+    setSelectedItems(items: ContentSelectorSelectedItem[], maxSelections?: number): Promise<void>;
     setActiveSelectorType(s?: SelectorType): void;
     selectItem(i: ContentSelectorSelectedItem): void;
     selectAllFiles(selection: SelectedFile[]): void;
@@ -79,14 +97,31 @@ export default function (): {
     deselectExternalLink: typeof deselectExternalLink;
     deselectItem(item: ContentSelectorSelectedItem): void;
     deselectFilePages(f: Pick<FolderFile, "id">): void;
+    setSelectedSection(section: BrowserSectionType): void;
+    setSearchQuery(searchQuery: string): void;
+    setSearchMetadataFilters(filters: Record<string, any>): void;
+    fetchSectionData(): Promise<void>;
     setState(newState: Partial<UnwrapNestedRefs<State>>): void;
+    appName: Ref<AppName | "">;
+    allowedContentTypes: Ref<FileContentTypeEnum[]>;
     activeSelectorType: Ref<SelectorType>;
     search: Ref<string>;
+    searchMetadataFilters: Ref<Record<string, any>>;
     selectedItems: Ref<ContentSelectorSelectedItem[]>;
+    selectedSection: Ref<BrowserSectionType>;
     selectedFiles: ComputedRef<SelectedFile[]>;
     selectedPages: ComputedRef<SelectedPage[]>;
     selectedAssets: ComputedRef<SelectedAsset[]>;
     selectedExternalLinks: ComputedRef<SelectedExternalLink[]>;
+    sortedFavorites: ComputedRef<Favorite[]>;
+    displayedFavorites: ComputedRef<(Favorite & {
+        favoriteId: string;
+    })[]>;
+    displayedRecentFiles: ComputedRef<RecentFileWithFavoriteId[]>;
+    showFilteredResults: ComputedRef<boolean>;
+    displayedFiles: ComputedRef<SelectedFile[] | SelectedFolder[] | RecentFileWithFavoriteId[] | FolderFileWithFolderId[]>;
+    activeFolderFolders: ComputedRef<FolderFolder[]>;
+    activeFolderFiles: ComputedRef<FolderFile[]>;
     activeFolder: Ref<FolderRetrieve | null>;
     activeFile: Ref<FileRetrieve | null>;
     isFetchingFolderItems: Ref<boolean>;

package/lib/components/CBackgroundImageThemeOptions/CBackgroundImageThemeOptions.vue.d.ts

@@ -0,0 +1,42 @@
+import { BackgroundPositionX, BackgroundPositionY, BackgroundRepeat, BackgroundSize, BackgroundAttachment } from '../../types/background';
+declare const _default: import('vue').DefineComponent<{
+    backgroundImage?: string;
+    backgroundPositionX?: BackgroundPositionX;
+    backgroundPositionY?: BackgroundPositionY;
+    backgroundRepeat?: BackgroundRepeat;
+    backgroundSize?: BackgroundSize;
+    backgroundAttachment?: BackgroundAttachment;
+    hideBackgroundAttachment?: boolean;
+    hideImageSelector?: boolean;
+    hideBackgroundSize?: boolean;
+    hideBackgroundPositionX?: boolean;
+    hideBackgroundPositionY?: boolean;
+    hideBackgroundRepeat?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "choose-content": () => any;
+    "bg-property-change": (property: string, value: string) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    backgroundImage?: string;
+    backgroundPositionX?: BackgroundPositionX;
+    backgroundPositionY?: BackgroundPositionY;
+    backgroundRepeat?: BackgroundRepeat;
+    backgroundSize?: BackgroundSize;
+    backgroundAttachment?: BackgroundAttachment;
+    hideBackgroundAttachment?: boolean;
+    hideImageSelector?: boolean;
+    hideBackgroundSize?: boolean;
+    hideBackgroundPositionX?: boolean;
+    hideBackgroundPositionY?: boolean;
+    hideBackgroundRepeat?: boolean;
+}> & Readonly<{
+    "onChoose-content"?: (() => any) | undefined;
+    "onBg-property-change"?: ((property: string, value: string) => any) | undefined;
+}>, {
+    hideBackgroundAttachment: boolean;
+    hideImageSelector: boolean;
+    hideBackgroundSize: boolean;
+    hideBackgroundPositionX: boolean;
+    hideBackgroundPositionY: boolean;
+    hideBackgroundRepeat: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/components/CCanvasSelector/CCanvasSelector.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     defaultTemplate?: CanvasRetrieve;
     selectedCanvas?: any;
     isLoading?: boolean;
+    showTemplates?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:search": (...args: any[]) => void;
     "update:activeView": (...args: any[]) => void;
@@ -17,6 +18,7 @@ declare const _default: import('vue').DefineComponent<{
     defaultTemplate?: CanvasRetrieve;
     selectedCanvas?: any;
     isLoading?: boolean;
+    showTemplates?: boolean;
 }> & Readonly<{
     "onUpdate:search"?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeView"?: ((...args: any[]) => any) | undefined;
@@ -24,5 +26,6 @@ declare const _default: import('vue').DefineComponent<{
 }>, {
     search: string;
     activeView: string;
+    showTemplates: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/lib/components/CComponentListItem/CComponentListItem.vue.d.ts

@@ -10,6 +10,9 @@ interface Props {
     description?: string;
     title?: string;
     component?: ComponentNode;
+    removable?: boolean;
+    clickable?: boolean;
+    isClicked?: boolean;
 }
 declare function __VLS_template(): {
     slots: {
@@ -20,9 +23,13 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    selectComponent: (component: ComponentNode<import('../../apps/canvas-builder/types/canvas').GridProps | import('../../apps/canvas-builder/types/canvas').GridItemProps | import('../../apps/canvas-builder/types/canvas').TextProps | import('../../apps/canvas-builder/types/canvas').CarouselProps | import('../../apps/canvas-builder/types/canvas').MultimediaProps | import('../../apps/canvas-builder/types/canvas').EmbeddableProps | import('../../apps/canvas-builder/types/canvas').ContentGridProps | import('../../apps/canvas-builder/types/canvas').SectionListProps | import('../../apps/canvas-builder/types/canvas').HtmlProps | import('../../apps/canvas-builder/types/canvas').IFrameProps | import('../../apps/canvas-builder/types/canvas').LinkProps | import('../../apps/canvas-builder/types/canvas').PageBreakProps | import('../../apps/canvas-builder/types/canvas').PageProps | import('../../apps/canvas-builder/types/canvas').TimelineProps | import('../../apps/canvas-builder/types/canvas').CollectionPlayerProps>) => any;
+    removeComponent: (component: ComponentNode<import('../../main.lib').CollectionPlayer | import('../../apps/canvas-builder/types/canvas').GridProps | import('../../apps/canvas-builder/types/canvas').GridItemProps | import('../../apps/canvas-builder/types/canvas').TextProps | import('../../apps/canvas-builder/types/canvas').CarouselProps | import('../../apps/canvas-builder/types/canvas').MultimediaProps | import('../../apps/canvas-builder/types/canvas').EmbeddableProps | import('../../apps/canvas-builder/types/canvas').ContentGridProps | import('../../apps/canvas-builder/types/canvas').SectionListProps | import('../../apps/canvas-builder/types/canvas').HtmlProps | import('../../apps/canvas-builder/types/canvas').IFrameProps | import('../../apps/canvas-builder/types/canvas').LinkProps | import('../../apps/canvas-builder/types/canvas').PageBreakProps | import('../../apps/canvas-builder/types/canvas').PageProps | import('../../apps/canvas-builder/types/canvas').TimelineProps>) => any;
+    displayChildren: (component: ComponentNode<import('../../main.lib').CollectionPlayer | import('../../apps/canvas-builder/types/canvas').GridProps | import('../../apps/canvas-builder/types/canvas').GridItemProps | import('../../apps/canvas-builder/types/canvas').TextProps | import('../../apps/canvas-builder/types/canvas').CarouselProps | import('../../apps/canvas-builder/types/canvas').MultimediaProps | import('../../apps/canvas-builder/types/canvas').EmbeddableProps | import('../../apps/canvas-builder/types/canvas').ContentGridProps | import('../../apps/canvas-builder/types/canvas').SectionListProps | import('../../apps/canvas-builder/types/canvas').HtmlProps | import('../../apps/canvas-builder/types/canvas').IFrameProps | import('../../apps/canvas-builder/types/canvas').LinkProps | import('../../apps/canvas-builder/types/canvas').PageBreakProps | import('../../apps/canvas-builder/types/canvas').PageProps | import('../../apps/canvas-builder/types/canvas').TimelineProps>) => any;
+    selectComponent: (component: ComponentNode<import('../../main.lib').CollectionPlayer | import('../../apps/canvas-builder/types/canvas').GridProps | import('../../apps/canvas-builder/types/canvas').GridItemProps | import('../../apps/canvas-builder/types/canvas').TextProps | import('../../apps/canvas-builder/types/canvas').CarouselProps | import('../../apps/canvas-builder/types/canvas').MultimediaProps | import('../../apps/canvas-builder/types/canvas').EmbeddableProps | import('../../apps/canvas-builder/types/canvas').ContentGridProps | import('../../apps/canvas-builder/types/canvas').SectionListProps | import('../../apps/canvas-builder/types/canvas').HtmlProps | import('../../apps/canvas-builder/types/canvas').IFrameProps | import('../../apps/canvas-builder/types/canvas').LinkProps | import('../../apps/canvas-builder/types/canvas').PageBreakProps | import('../../apps/canvas-builder/types/canvas').PageProps | import('../../apps/canvas-builder/types/canvas').TimelineProps>) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onSelectComponent?: ((component: ComponentNode<import('../../apps/canvas-builder/types/canvas').GridProps | import('../../apps/canvas-builder/types/canvas').GridItemProps | import('../../apps/canvas-builder/types/canvas').TextProps | import('../../apps/canvas-builder/types/canvas').CarouselProps | import('../../apps/canvas-builder/types/canvas').MultimediaProps | import('../../apps/canvas-builder/types/canvas').EmbeddableProps | import('../../apps/canvas-builder/types/canvas').ContentGridProps | import('../../apps/canvas-builder/types/canvas').SectionListProps | import('../../apps/canvas-builder/types/canvas').HtmlProps | import('../../apps/canvas-builder/types/canvas').IFrameProps | import('../../apps/canvas-builder/types/canvas').LinkProps | import('../../apps/canvas-builder/types/canvas').PageBreakProps | import('../../apps/canvas-builder/types/canvas').PageProps | import('../../apps/canvas-builder/types/canvas').TimelineProps | import('../../apps/canvas-builder/types/canvas').CollectionPlayerProps>) => any) | undefined;
+    onRemoveComponent?: ((component: ComponentNode<import('../../main.lib').CollectionPlayer | import('../../apps/canvas-builder/types/canvas').GridProps | import('../../apps/canvas-builder/types/canvas').GridItemProps | import('../../apps/canvas-builder/types/canvas').TextProps | import('../../apps/canvas-builder/types/canvas').CarouselProps | import('../../apps/canvas-builder/types/canvas').MultimediaProps | import('../../apps/canvas-builder/types/canvas').EmbeddableProps | import('../../apps/canvas-builder/types/canvas').ContentGridProps | import('../../apps/canvas-builder/types/canvas').SectionListProps | import('../../apps/canvas-builder/types/canvas').HtmlProps | import('../../apps/canvas-builder/types/canvas').IFrameProps | import('../../apps/canvas-builder/types/canvas').LinkProps | import('../../apps/canvas-builder/types/canvas').PageBreakProps | import('../../apps/canvas-builder/types/canvas').PageProps | import('../../apps/canvas-builder/types/canvas').TimelineProps>) => any) | undefined;
+    onDisplayChildren?: ((component: ComponentNode<import('../../main.lib').CollectionPlayer | import('../../apps/canvas-builder/types/canvas').GridProps | import('../../apps/canvas-builder/types/canvas').GridItemProps | import('../../apps/canvas-builder/types/canvas').TextProps | import('../../apps/canvas-builder/types/canvas').CarouselProps | import('../../apps/canvas-builder/types/canvas').MultimediaProps | import('../../apps/canvas-builder/types/canvas').EmbeddableProps | import('../../apps/canvas-builder/types/canvas').ContentGridProps | import('../../apps/canvas-builder/types/canvas').SectionListProps | import('../../apps/canvas-builder/types/canvas').HtmlProps | import('../../apps/canvas-builder/types/canvas').IFrameProps | import('../../apps/canvas-builder/types/canvas').LinkProps | import('../../apps/canvas-builder/types/canvas').PageBreakProps | import('../../apps/canvas-builder/types/canvas').PageProps | import('../../apps/canvas-builder/types/canvas').TimelineProps>) => any) | undefined;
+    onSelectComponent?: ((component: ComponentNode<import('../../main.lib').CollectionPlayer | import('../../apps/canvas-builder/types/canvas').GridProps | import('../../apps/canvas-builder/types/canvas').GridItemProps | import('../../apps/canvas-builder/types/canvas').TextProps | import('../../apps/canvas-builder/types/canvas').CarouselProps | import('../../apps/canvas-builder/types/canvas').MultimediaProps | import('../../apps/canvas-builder/types/canvas').EmbeddableProps | import('../../apps/canvas-builder/types/canvas').ContentGridProps | import('../../apps/canvas-builder/types/canvas').SectionListProps | import('../../apps/canvas-builder/types/canvas').HtmlProps | import('../../apps/canvas-builder/types/canvas').IFrameProps | import('../../apps/canvas-builder/types/canvas').LinkProps | import('../../apps/canvas-builder/types/canvas').PageBreakProps | import('../../apps/canvas-builder/types/canvas').PageProps | import('../../apps/canvas-builder/types/canvas').TimelineProps>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;