@pitcher/js-api 1.24.0-beta.3 → 1.25.0-beta.0

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

@@ -1,11 +1,11 @@
-import { Ref } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { ComponentNode } from '../types/canvas';
 import { CanvasRetrieve } from '../../../../types/openapi';
 export default function ({ id, usedInSectionId, when_used_in_section, }: {
     id: Ref<ComponentNode['id']>;
     usedInSectionId: Ref<CanvasRetrieve['id']>;
     when_used_in_section: Ref<ComponentNode['when_used_in_section']>;
-}): import('vue').ComputedRef<{
+}): ComputedRef<{
     hasSomethingEditable: boolean;
     canEdit: boolean;
     canRemove: boolean;

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

@@ -1,8 +1,30 @@
-import { ComponentNode } from '../types/canvas';
-import { CSSProperties } from 'vue';
-import { ThemePadding } from './useCanvasTheme';
+import { ComputedRef } from 'vue';
+import { ThemeBorderRadius, ThemePadding } from './useCanvasTheme';
 import { BackgroundAttachment, BackgroundPositionX, BackgroundPositionY, BackgroundRepeat, BackgroundSize } from '../../../types/background';
-export declare function useComponentStyle(componentNode: ComponentNode | null): {
+import { CanvasTheme, ComponentNode } from '../types/canvas';
+export interface ComponentStyle {
+    backgroundColor?: string;
+    backgroundAttachment?: BackgroundAttachment;
+    backgroundImage?: string | null;
+    backgroundPositionX?: BackgroundPositionX;
+    backgroundPositionY?: BackgroundPositionY;
+    backgroundRepeat?: BackgroundRepeat;
+    backgroundSize?: BackgroundSize;
+    borderRadius?: string;
+    height?: string;
+    marginBottom?: string;
+    padding?: string;
+    width?: string;
+}
+type DataTableThemeMetaOverride = {
+    headerBackgroundColor?: string;
+    groupHeaderBackgroundColor?: string;
+};
+type ThemeMetaOverride = DataTableThemeMetaOverride & Record<string, any>;
+export declare function useComponentStyle(componentNode?: ComputedRef<ComponentNode | null>): {
+    borderRadiusThemeValues: ComputedRef<ThemeBorderRadius>;
+    componentSpacingThemeValues: ComputedRef<number>;
+    paddingThemeValues: ComputedRef<ThemePadding>;
     createStyleUpdate: (updates?: Partial<{
         backgroundColor?: string;
         backgroundAttachment?: BackgroundAttachment;
@@ -11,12 +33,17 @@ export declare function useComponentStyle(componentNode: ComponentNode | null):
         backgroundPositionY?: BackgroundPositionY;
         backgroundRepeat?: BackgroundRepeat;
         backgroundSize?: BackgroundSize;
-        height?: string;
+        borderRadius?: ThemeBorderRadius;
+        height?: string | null;
         left?: string;
-        marginBottom?: string;
+        marginBottom?: string | null;
         padding?: ThemePadding;
         position?: "absolute" | "relative" | "static" | "fixed";
         top?: string;
         width?: string;
-    }>) => CSSProperties;
+    }>) => Record<string, any>;
+    getComponentSpecificThemeMetaOverrides: (componentType: ComponentNode["type"], meta: ComponentNode["theme_meta"]) => ThemeMetaOverride;
+    getCssThemeMetaStyleOverrides: (componentType: ComponentNode["type"], meta: ComponentNode["theme_meta"], sectionTheme?: CanvasTheme) => Record<string, any>;
+    getDerivedStyleFromFeatureFlags: (style: Record<string, any> | undefined) => Record<string, any> | undefined;
 };
+export {};

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

@@ -1,6 +1,6 @@
 import { ComponentTypes, MultimediaProps, ComponentNode, ContentGridProps, LinkProps } from '../types/canvas';
 import { Selection } from '../../../types/selections';
-import { FileContentTypeEnum, FileRetrieve } from '../../../../types/openapi';
+import { FileContentTypeEnum, CanvasRetrieve, File, FileRetrieve } from '../../../../types/openapi';
 import { SelectedPage, SelectedFile, SelectorType, SelectedExternalLink, SelectedAsset } from '../../content-selector/stores/app';
 type ContentSelectorPayload = {
     id: ComponentNode['id'] | null;
@@ -9,8 +9,11 @@ type ContentSelectorPayload = {
     allowedSelectorTypes?: SelectorType[];
     allowedContentTypes?: FileContentTypeEnum[];
     allowedAssetContentTypes?: FileContentTypeEnum[];
+    allowedIds?: File['id'][];
+    initialMetadataFilters?: Record<string, any>;
     maxSelections?: number;
     onSelected?: (selections: (SelectedFile | SelectedPage)[]) => void;
+    usedInSectionId?: CanvasRetrieve['id'];
 };
 type ContentSelectorState = false | ContentSelectorPayload;
 declare function clearContentSelectorMode(): void;
@@ -54,8 +57,11 @@ export default function (): {
         allowedSelectorTypes?: SelectorType[] | undefined;
         allowedContentTypes?: FileContentTypeEnum[] | undefined;
         allowedAssetContentTypes?: FileContentTypeEnum[] | undefined;
+        allowedIds?: File["id"][] | undefined;
+        initialMetadataFilters?: Record<string, any> | undefined;
         maxSelections?: number | undefined;
         onSelected?: ((selections: (SelectedFile | SelectedPage)[]) => void) | undefined;
+        usedInSectionId?: CanvasRetrieve["id"] | undefined;
     }, ContentSelectorState | {
         id: ComponentNode["id"] | null;
         componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.Link> | null;
@@ -80,8 +86,11 @@ export default function (): {
         allowedSelectorTypes?: SelectorType[] | undefined;
         allowedContentTypes?: FileContentTypeEnum[] | undefined;
         allowedAssetContentTypes?: FileContentTypeEnum[] | undefined;
+        allowedIds?: File["id"][] | undefined;
+        initialMetadataFilters?: Record<string, any> | undefined;
         maxSelections?: number | undefined;
         onSelected?: ((selections: (SelectedFile | SelectedPage)[]) => void) | undefined;
+        usedInSectionId?: CanvasRetrieve["id"] | undefined;
     }>;
     setContentSelectorMode: typeof setContentSelectorMode;
     prepareContentGridNodeData: typeof prepareContentGridNodeData;

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

@@ -1,3 +1,4 @@
+import { ComputedRef } from 'vue';
 import { User } from '../../../../types/openapi';
 interface DefaultCrmShape {
     account?: {
@@ -19,6 +20,7 @@ interface DefaultCrmShape {
     };
 }
 export default function useCrmShape(): {
+    crmShape: ComputedRef<Record<string, any> & Partial<DefaultCrmShape>>;
     getDefaultCrmShape: ({ accountName, myUser, showDefault, }: {
         accountName?: string;
         myUser: User | null;

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

@@ -0,0 +1,9 @@
+export default function usePrintMode(): {
+    processPrintContent: (content: string) => string;
+    applyPrintModeToElement: (element: HTMLElement | null, getContent: () => string) => void;
+    resolveAllCssVariables: (element: HTMLElement) => void;
+    applyPrintModeToSection: (section: {
+        id: string;
+        theme?: any;
+    }, sectionElement: HTMLElement, maintainTheme?: boolean) => void;
+};

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

@@ -0,0 +1,4 @@
+export declare const DEFAULT_GLOBAL_COMPONENT_SPACING = 32;
+export declare const DEFAULT_GLOBAL_COMPONENT_SPACING_INTERVAL = 4;
+export declare const CANVAS_TYPOGRAPHY_CSS_PROPERTIES: readonly ["font-family", "font-size", "font-weight", "line-height", "letter-spacing", "text-transform", "color"];
+export declare const CANVAS_TYPOGRAPHY_PRESETS: readonly ["h_1", "h_2", "h_3", "big_text", "normal_text", "small_text"];

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

@@ -1,20 +1,23 @@
-import { Ref } from 'vue';
 import { MaybeRef } from '@vueuse/core';
-import { Call } from '../../../types/call';
-import { CanvasActions } from '../../../types/canvasActions';
-import { CanvasRetrieve, Favorite, File, FileContentTypeEnum, FileRetrieve, Folder, FolderRetrieve, MetadataTemplate, PatchedCanvasUpdateRequest, SharedLink, User } from '../../../../types/openapi';
-import { PaginatedData } from '../../../types/paginatedData';
-import { OpenExternalUrlRequestPayload, PitcherEnv } from '../../../sdk/main';
-import { EmbedLocation, EmbeddedLocationProperties } from '../../../types/app';
-import { FileModel } from '../../../components/CFileViewer/CFileViewer.types';
+import { Ref } from 'vue';
 import { aspectRatios } from '../constants';
-import { OpenRequestPayload } from '../../../sdk/payload.types';
-import { CanvasTypographyPreset } from '../../../types/canvasTheme';
 import { FontAwesomeType } from './font-awesome.types';
+import { CollectionPlayer as CollectionPlayerProps } from '../../collection-player/types/collection-player.type';
+import { FileModel } from '../../../components/CFileViewer/CFileViewer.types';
 import { GetFavoritesParams } from '../../../main.lib';
+import { EmbedLocation, EmbeddedLocationProperties } from '../../../types/app';
+import { BackgroundSize } from '../../../types/background';
+import { Call } from '../../../types/call';
+import { CanvasActions } from '../../../types/canvasActions';
+import { CanvasThemeRetrieve, CanvasTypographyPreset } from '../../../types/canvasTheme';
+import { CanvasMetadataRetrieve } from '../../../types/canvases';
+import { PaginatedData } from '../../../types/paginatedData';
+import { QueryOperator } from '../../../types/query-builder.types';
 import { RecentFile } from '../../../types/recentFiles.types';
-import { CollectionPlayer as CollectionPlayerProps } from '../../collection-player/types/collection-player.type';
+import { CanvasRetrieve, Favorite, File, FileContentTypeEnum, FileRetrieve, Folder, FolderRetrieve, MetadataTemplate, PatchedCanvasUpdateRequest, SharedLink, User } from '../../../../types/openapi';
 import { UiSelectCollectionPlayerRequest, UiSelectCollectionPlayerResponse } from '../../../sdk/api/modules/ui/types.ui';
+import { OpenExternalUrlRequestPayload, PitcherEnv } from '../../../sdk/main';
+import { OpenRequestPayload } from '../../../sdk/payload.types';
 type AvailableAspectRatio = (typeof aspectRatios)[number];
 export declare enum HtmlLayoutTypes {
     PREVIEW = "preview",
@@ -59,6 +62,33 @@ export interface EmbeddableProps {
     file: ContentGridFileProps | null;
     settings?: Record<string, unknown>;
 }
+export interface DynamicDatatableProperty {
+    key: string;
+    display_name?: string;
+    sort: {
+        direction?: 'asc' | 'desc';
+        default?: boolean;
+        enabled: boolean;
+    };
+    group?: boolean;
+}
+export interface DynamicDatatableFilter {
+    property: string;
+    operator: QueryOperator;
+    value: string;
+}
+export interface DynamicDataTableProps {
+    filters?: DynamicDatatableFilter[];
+    layout: 'column' | 'row';
+    page_size?: number;
+    path: string;
+    properties: DynamicDatatableProperty[];
+    theme?: {
+        background_color?: string | null;
+        group_header_color?: string | null;
+        font_family?: string;
+    };
+}
 export interface TextProps {
     content?: string;
 }
@@ -107,6 +137,7 @@ export type ExternalMultimediaAssetType = {
     horizontal_alignment?: MultimediaHorizontalAlignmentOptions;
     from?: 'custom' | 'pexels' | 'unsplash' | 'ai';
     poster_url?: string;
+    poster_background_size?: BackgroundSize;
 };
 export type PitcherMultimediaAssetType = {
     asset_type: typeof MULTIMEDIA_IMG_TYPE.pitcher_asset;
@@ -118,6 +149,7 @@ export type PitcherMultimediaAssetType = {
     type: 'image' | 'video';
     horizontal_alignment?: MultimediaHorizontalAlignmentOptions;
     poster_url?: string;
+    poster_background_size?: BackgroundSize;
 };
 export type MultimediaProps = ExternalMultimediaAssetType | PitcherMultimediaAssetType;
 export type ContentGridCommonFileProps = {
@@ -166,6 +198,9 @@ export interface SectionListSection {
 export interface SectionListProps {
     sections: SectionListSection[];
     animation_in?: string;
+    selection_strategy?: 'free' | 'single' | 'at-least-one' | 'app';
+    selection_app_name?: string;
+    is_restricted_to_preselections?: boolean;
 }
 export interface GridItemTooltipProps {
     content?: string;
@@ -190,7 +225,7 @@ export interface IFrameProps {
     width?: string;
     add_session_context?: boolean;
 }
-export type CollectionFileEntity = Pick<FileRetrieve, 'id' | 'name' | 'type' | 'metadata' | 'thumbnail_url' | 'permissions' | 'content_url' | 'content_type' | 'pspdfkit_auth_payload' | 'pspdfkit_document_id' | 'pspdfkit_server_url'>;
+export type CollectionFileEntity = Pick<FileRetrieve, 'id' | 'name' | 'type' | 'tags' | 'metadata' | 'thumbnail_url' | 'permissions' | 'content_url' | 'content_type' | 'pspdfkit_auth_payload' | 'pspdfkit_document_id' | 'pspdfkit_server_url'>;
 export interface LinkProps {
     alignment?: LinkAlignmentTypes;
     background_color?: string;
@@ -239,11 +274,20 @@ export interface ComponentNodeVisible {
     pdf: boolean;
     web: boolean;
 }
+export interface ComponentNodeThemeMeta {
+    bg_color_palette_index: number;
+    dt_header_bg_palette_index: number;
+    dt_group_header_bg_palette_index: number;
+}
+export interface ComponentNodeLinkable {
+    linkable_in_templates: boolean;
+}
 export interface ComponentNode<T = AvailableComponentProps> {
     id: string;
     type: ComponentTypes;
     tracking_id: string;
     visible?: ComponentNodeVisible;
+    linkable?: ComponentNodeLinkable;
     allow_admins_to_overwrite?: boolean;
     autofill?: 'off' | 'ai' | 'matching_metadata' | 'matching_tags' | 'matching_metadata_or_tags';
     autofill_content_types?: FileContentTypeEnum[] | null;
@@ -255,10 +299,16 @@ export interface ComponentNode<T = AvailableComponentProps> {
     };
     style?: Record<string, any>;
     tags?: string[];
+    theme_meta?: ComponentNodeThemeMeta;
+}
+export interface HomePageConfig {
+    component_id: string;
+    section_id?: string | null;
 }
 export interface CanvasContent {
     data?: ComponentNode[];
     overrides?: SectionComponentOverrides;
+    home_page?: HomePageConfig;
     hidden?: {
         dsr: {
             sections: HiddenElementsInCanvas;
@@ -291,48 +341,53 @@ export interface ComponentMeta {
     defaultPrintable: boolean;
 }
 export declare enum ComponentTypes {
-    Root = "Root",
+    Block = "Block",
+    Carousel = "Carousel",
+    CollectionPlayer = "CollectionPlayer",
     ContentGrid = "ContentGrid",
-    SectionList = "SectionList",
+    DataCharts = "DataCharts",
+    DynamicDataTable = "DynamicDataTable",
+    Embeddable = "Embeddable",
     Grid = "Grid",
     GridItem = "GridItem",
-    Multimedia = "Multimedia",
-    Text = "Text",
-    Embeddable = "Embeddable",
-    Carousel = "Carousel",
     Html = "Html",
     IFrame = "IFrame",
     Link = "Link",
-    PageBreak = "PageBreak",
+    Multimedia = "Multimedia",
     Page = "Page",
-    Timeline = "Timeline",
-    CollectionPlayer = "CollectionPlayer",
-    Block = "Block",
-    Scribble = "Scribble"
-}
-export declare enum ComponentIcon {
-    AR = "cube",
-    Carousel = "gallery-thumbnails",
-    Collection = "rectangle-history-circle-plus",
-    Embeddable = "browser",
-    File = "file-circle-plus",
-    ContentGrid = "files",
-    Grid = "table-columns",
-    GridItem = "objects-column",
-    GridParent = "angle-down",
-    Multimedia = "image",
-    SectionList = "bring-forward",
-    Text = "text-size",
-    Video = "video",
-    Html = "code",
-    IFrame = "window",
-    Link = "hand-pointer",
-    PageBreak = "arrows-from-line",
-    Page = "pager",
-    Timeline = "timeline-arrow",
-    CollectionPlayer = "regular-rectangle-history-circle-play",
-    Scribble = "pen-swirl"
-}
+    PageBreak = "PageBreak",
+    Root = "Root",
+    Scribble = "Scribble",
+    SectionList = "SectionList",
+    Text = "Text",
+    Timeline = "Timeline"
+}
+export declare const ComponentIcon: {
+    readonly AR: "cube";
+    readonly Block: "objects-column";
+    readonly Carousel: "gallery-thumbnails";
+    readonly Collection: "rectangle-history-circle-plus";
+    readonly CollectionPlayer: "regular-rectangle-history-circle-play";
+    readonly ContentGrid: "files";
+    readonly DataCharts: "chart-line";
+    readonly DynamicDataTable: "regular-table-circle-bolt";
+    readonly Embeddable: "browser";
+    readonly File: "file-circle-plus";
+    readonly Grid: "table";
+    readonly GridItem: "objects-column";
+    readonly GridParent: "angle-down";
+    readonly Html: "code";
+    readonly IFrame: "window";
+    readonly Link: "hand-pointer";
+    readonly Multimedia: "image";
+    readonly Page: "pager";
+    readonly PageBreak: "arrows-from-line";
+    readonly Scribble: "pen-swirl";
+    readonly SectionList: "bring-forward";
+    readonly Text: "text-size";
+    readonly Timeline: "timeline-arrow";
+    readonly Video: "video";
+};
 export declare const componentIconType: Record<string, FontAwesomeType>;
 export type CanvasTheme = {
     background_video_url?: string;
@@ -347,7 +402,8 @@ export type CanvasTheme = {
     style?: Record<string, any>;
     typography?: Record<string, CanvasTypographyPreset>;
     aspect_ratio?: AvailableAspectRatio;
-    prioritize_canvas_theme?: boolean;
+    maintain_section_theme?: boolean;
+    inherit_theme_from_parent?: boolean;
 };
 export declare enum CanvasBuilderMode {
     ADMIN = "admin",
@@ -390,12 +446,14 @@ export type FileOpenParams = (FileProps & {
     page_index?: number;
     newTab?: boolean;
     files?: OpenRequestPayload['files'];
+    used_in_section_id?: CanvasRetrieve['id'];
 }) | {
     file_id: File['id'];
     name?: File['name'];
     page_index?: number;
     newTab?: boolean;
     files?: OpenRequestPayload['files'];
+    used_in_section_id?: CanvasRetrieve['id'];
 };
 type NoCRMBuilderProps = {
     isCRM: false;
@@ -417,7 +475,6 @@ export type SharingBuilderProps = NoCRMBuilderProps & {
         baseStackingContext?: number;
     };
     activeCanvas: CanvasRetrieve;
-    templates?: never;
     onExit: () => void;
     onSave?: never;
     onEnter?: () => void;
@@ -430,6 +487,12 @@ export type SharingBuilderProps = NoCRMBuilderProps & {
     onCollectionPlayerContentChange?: never;
     onComponentEnter?: (data: ComponentNode | CanvasRetrieve, params: ComponentTrackingParams) => void;
     onComponentExit?: (data: ComponentNode | CanvasRetrieve, params: ComponentTrackingParams) => void;
+    onAppEnter?: (data: {
+        src: string;
+    }) => void;
+    onAppExit?: (data: {
+        src: string;
+    }) => void;
     onFileOpen: (file: FileOpenParams) => void;
     onOpenExternalUrl: (payload: OpenExternalUrlRequestPayload) => Promise<void>;
     deleteFile?: never;
@@ -441,7 +504,7 @@ export type SharingBuilderProps = NoCRMBuilderProps & {
     fetchFavorites?: never;
     fetchRecentFiles?: never;
     fetchInstanceMetadataTemplate?: never;
-    fetchCanvas?: never;
+    fetchCanvas?: (canvasId: CanvasRetrieve['id'], params?: Record<string, any>) => Promise<CanvasRetrieve>;
     renderPageAsImageUrl: (payload: {
         fileId: File['id'];
         documentId?: File['id'];
@@ -460,6 +523,9 @@ export type SharingBuilderProps = NoCRMBuilderProps & {
     myUserId?: never;
     onDownloadFile?: (file: File | ContentGridFileProps | ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: CanvasRetrieve) => Promise<void>;
+    theme: CanvasThemeRetrieve | null;
+    isAnyTypeOfAdmin: boolean;
+    canvasMetadata: CanvasMetadataRetrieve | null;
 };
 export interface CRMBuilderProps {
     isCRM: true;
@@ -486,14 +552,16 @@ type AdminImpactCommonBuilderProps = {
         startInMode?: CanvasActions.Present | CanvasActions.Edit;
     };
     activeCanvas: CanvasRetrieve;
-    templates: {
-        label: CanvasRetrieve['name'];
-        value: CanvasRetrieve['id'];
-    }[];
     onExit: () => void;
     onEnter?: () => void;
     onComponentEnter?: (data: ComponentNode | CanvasRetrieve, params: ComponentTrackingParams) => void;
     onComponentExit?: (data: ComponentNode | CanvasRetrieve, params: ComponentTrackingParams) => void;
+    onAppEnter?: (data: {
+        src: string;
+    }) => void;
+    onAppExit?: (data: {
+        src: string;
+    }) => void;
     onPageEnter?: (data: ComponentNode[], pageIndex: number) => void;
     onPageExit?: (data: ComponentNode[], pageIndex: number) => void;
     onFileEnter?: (node: NodeInfo, file: CollectionFileEntity) => void;
@@ -537,6 +605,9 @@ type AdminImpactCommonBuilderProps = {
     isCRM: boolean;
     onDownloadFile?: (file: File | ContentGridFileProps | ContentGridCommonFileProps) => Promise<void>;
     onDownloadCanvas?: (canvas: CanvasRetrieve) => Promise<void>;
+    theme: CanvasThemeRetrieve | null;
+    isAnyTypeOfAdmin: boolean;
+    canvasMetadata: CanvasMetadataRetrieve | null;
 };
 type AdminBuilderProps = AdminImpactCommonBuilderProps & (CRMBuilderProps | NoCRMBuilderProps) & {
     isRedirectEvent?: never;

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

@@ -0,0 +1 @@
+export declare function replaceThemePresetsWithInlineStyles(htmlContent: string): string;

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

@@ -6,8 +6,10 @@ export type CanvasSelection = {
 };
 export type AppProps = {
     appName: 'impact' | 'admin';
+    initialMetadataFilters?: Record<string, any>;
     primaryActionText?: string;
     listCanvases: (params: any) => Promise<PaginatedData<CanvasRetrieve | Canvas>>;
     allowedSelectorTypes?: CanvasSelectionType[];
     selections?: CanvasSelection[];
+    allowedIds?: Canvas['id'][];
 };

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

@@ -1,5 +1,5 @@
 import { Canvas } from '../../../../types/openapi';
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     filters: Record<string, any>;
     isSelected?: boolean;
     index?: number;
@@ -10,20 +10,10 @@ declare const _default: import('vue').DefineComponent<{
     data: Canvas[];
     selectedItems: Canvas[];
     hidePopularityIcons?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    filters: Record<string, any>;
-    isSelected?: boolean;
-    index?: number;
-    item: {
-        id: number | string;
-        [key: string]: any;
-    };
-    data: Canvas[];
-    selectedItems: Canvas[];
-    hidePopularityIcons?: boolean;
-}> & Readonly<{}>, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     isSelected: boolean;
     index: number;
     hidePopularityIcons: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

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

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

@@ -1,2 +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>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

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

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

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

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

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

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