@designcrowd/library.brand-page 5.18.9 → 5.19.1-error-html2canvas-1

package/src/brand-page-maker/convertors/contact-layout-style.convertor.ts

@@ -6,6 +6,7 @@ import {
   ALIGN_CARD_CENTER_IMAGE,
   TEXT_ONLY,
   ALIGN_CARD_CENTER,
+  CONTACT_FORM_LAYOUT_DEFAULT_PADDING,
 } from '@brand-page/constants';
 import type { ContactFormContent } from '@brand-page';
 
@@ -84,8 +85,15 @@ export const contactLayoutStyleConvertor: ValueConvertor<
       textAlign = 'left';
     }
 
+    // Switching layout adopts that layout's canonical look — same as the
+    // textAlign resets below — including its default block padding.
+    const padding =
+      CONTACT_FORM_LAYOUT_DEFAULT_PADDING[selectedOption?.value ?? ''] ?? 0;
+
     return {
       layoutStyle: selectedOption?.value,
+      topPadding: padding,
+      bottomPadding: padding,
       titleStyle: {
         textAlign,
       },

package/src/brand-page-maker/models/content-settings.ts

@@ -24,6 +24,8 @@ import {
   EMPTY_LOGO_IMAGE_MODEL,
   BRAND_PAGE_TYPES,
   SENSITIVE_CONTENT_TYPES,
+  CONTACT_FORM_LAYOUT_DEFAULT_PADDING,
+  TESTIMONIAL_DEFAULT_PADDING,
 } from '@brand-page';
 import type {
   ButtonContent,
@@ -171,6 +173,8 @@ export const createInitialImageGalleryContent = (): ImageGalleryContent => {
     galleryStyles: {
       galleryType: 'grid',
     },
+    topPadding: 0,
+    bottomPadding: 0,
   };
 };
 
@@ -182,6 +186,8 @@ export const createInitialVideoContent = (): VideoContent => {
     displayStyle: DISPLAY_STYLE_PREVIEW,
     mute: false,
     videoUrl: '',
+    topPadding: 0,
+    bottomPadding: 0,
   };
 };
 
@@ -239,6 +245,10 @@ export const createInitialTextContent = (
           ]
         : undefined,
     type: 'text',
+    // Brand Site text blocks sit in a 12px outer padding; Brand Page / Brand Contact use 0.
+    topPadding: options?.brandPageType === BRAND_PAGE_TYPES.brandSite ? 12 : 0,
+    bottomPadding:
+      options?.brandPageType === BRAND_PAGE_TYPES.brandSite ? 12 : 0,
     textSize: {
       fontSize: FONT_SIZE_BODY,
       lineHeight: LINE_HEIGHT_BODY,
@@ -282,6 +292,8 @@ export const createInitialMapContent = (): MapContent => {
       formattedAddress: '',
       placeId: '',
     },
+    topPadding: 0,
+    bottomPadding: 0,
   };
 };
 
@@ -291,6 +303,8 @@ export const createInitialMailingListContent = (
   return {
     id: uuid.v4(),
     type: 'mailing-list',
+    topPadding: 0,
+    bottomPadding: 0,
     title: contentSettingsTr(`mailingListTitle`),
     buttonText: contentSettingsTr(`subscribePlaceholder`),
     acceptedFields: 'emailOnly',
@@ -324,6 +338,8 @@ export const createInitialRequestPaymentContent = (
     successMessage: '',
     title: contentSettingsTr(`buyNowTitle`),
     type: 'request-payment',
+    topPadding: 0,
+    bottomPadding: 0,
     fillColor: {},
     defaultBorderColor: {},
     selectedBorderColor: {},
@@ -356,6 +372,8 @@ export const createInitialShopContent = (
   return {
     id: uuid.v4(),
     description: '',
+    topPadding: 16,
+    bottomPadding: 16,
     products: [],
     displayStyle: PAYMENT_OPTION_DISPLAY_TYPES.thumbnail,
     aspectRatio: PAYMENT_OPTION_IMAGE_TYPES.auto,
@@ -415,6 +433,8 @@ export const createInitialSupportMeContent = (
     successMessage: contentSettingsTr(`successSupportPlaceholder`),
     description: contentSettingsTr(`makeADonationDescription`),
     type: 'support-me',
+    topPadding: 0,
+    bottomPadding: 0,
     titleStyle: {
       applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
       textStyleType: TEXT_STYLE_TYPES.headings,
@@ -453,14 +473,21 @@ export const createInitialContactFormContent: CreateInitialContentFunction<
     console.error('userState.emailAddress should not be undefined');
   }
 
+  // New blocks inherit the padding their initial layout previously had
+  // hard-coded — same source as the migration backfill for existing pages.
+  const layoutStyle =
+    options?.brandPageType === 'brandSite' ? 'center-card-aligned' : '';
+  const padding = CONTACT_FORM_LAYOUT_DEFAULT_PADDING[layoutStyle] ?? 0;
+
   return {
     id: uuid.v4(),
     title: contentSettingsTr(`contactUsTitle`),
     description: '',
     buttonText: contentSettingsTr(`sendPlaceholder`),
     displayStyle: DISPLAY_STYLE_PREVIEW,
-    layoutStyle:
-      options?.brandPageType === 'brandSite' ? 'center-card-aligned' : '',
+    layoutStyle,
+    topPadding: padding,
+    bottomPadding: padding,
     imageUrl: '',
     fields: [
       {
@@ -553,6 +580,8 @@ export const createInitialBannerSectionContent: CreateInitialContentFunction<
 > = (options?: CreateInitialContentOptions) => {
   return {
     id: uuid.v4(),
+    topPadding: 32,
+    bottomPadding: 32,
     imageUrl: '',
     title: contentSettingsTr(`thisIsABannerTitle`),
     description: '',
@@ -599,6 +628,8 @@ export const createInitialBookingSectionContent: CreateInitialContentFunction<
     buttonText: contentSettingsTr(`bookNowLabel`),
     url: '',
     type: 'booking-section',
+    topPadding: 32,
+    bottomPadding: 32,
     descriptionStyle: {
       applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
       textStyleType: TEXT_STYLE_TYPES.paragraphs,
@@ -628,6 +659,8 @@ export const createInitialImagesSectionContent: CreateInitialContentFunction<
     title: contentSettingsTr(`imagesTitle`),
     description: '',
     type: 'images-section',
+    topPadding: 32,
+    bottomPadding: 32,
     displayStyle: 'centered',
     aspectRatio: 'Default',
     areImagesFullWidth: false,
@@ -683,6 +716,8 @@ export const createInitialTestimonialSectionContent: CreateInitialContentFunctio
     title: contentSettingsTr(`testimonialsTitle`),
     type: 'testimonial-section',
     displayStyle: 'centered',
+    topPadding: TESTIMONIAL_DEFAULT_PADDING,
+    bottomPadding: TESTIMONIAL_DEFAULT_PADDING,
     items: [],
     titleStyle: {
       applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
@@ -731,6 +766,8 @@ export const createInitialAboutSectionContent: CreateInitialContentFunction<
       textAlign: 'center',
     },
     backgroundStyle: {},
+    topPadding: 32,
+    bottomPadding: 32,
   };
 };
 
@@ -793,6 +830,8 @@ export const createInitialSocialLinksContent = (
   return {
     id: uuid.v4(),
     type: 'social-links',
+    topPadding: 32,
+    bottomPadding: 32,
     title: contentSettingsTr(`followUsOnTitle`),
     links: [
       {
@@ -846,6 +885,8 @@ export const createInitialShapesSectionContent: CreateInitialContentFunction<
     title: contentSettingsTr(`shapesTitle`),
     description: '',
     type: 'shapes-section',
+    topPadding: 32,
+    bottomPadding: 32,
     displayStyle: 'centered',
     items: [
       {

package/src/bundles/bundled-translations.de-DE.json

@@ -1529,6 +1529,8 @@
     "iconFillColorTitle": "Farbe der Symbolfüllung",
     "iconBackgroundColorTitle": "Symbolhintergrundfarbe",
     "paddingTitle": "Polsterung",
+    "topPaddingTitle": "Polsterung oben",
+    "bottomPaddingTitle": "Polsterung unten",
     "dividerStyleTitle": "Trennlinienstil",
     "dividerColorTitle": "Trennlinienfarbe",
     "addItemTitle": "Artikel hinzufügen",

package/src/bundles/bundled-translations.es-ES.json

@@ -1529,6 +1529,8 @@
     "iconFillColorTitle": "Color de relleno del icono",
     "iconBackgroundColorTitle": "Color de fondo del icono",
     "paddingTitle": "Relleno",
+    "topPaddingTitle": "Relleno superior",
+    "bottomPaddingTitle": "Relleno inferior",
     "dividerStyleTitle": "Estilo del divisor",
     "dividerColorTitle": "Color del separador",
     "addItemTitle": "Añadir artículo",

package/src/bundles/bundled-translations.fr-CA.json

@@ -1529,6 +1529,8 @@
     "iconFillColorTitle": "Couleur de remplissage de l’icône",
     "iconBackgroundColorTitle": "Couleur d’arrière-plan de l’icône",
     "paddingTitle": "Marges intérieures",
+    "topPaddingTitle": "Marge intérieure supérieure",
+    "bottomPaddingTitle": "Marges intérieures inférieures",
     "dividerStyleTitle": "Style de séparateur",
     "dividerColorTitle": "Couleur du séparateur",
     "addItemTitle": "Ajouter un article",

package/src/bundles/bundled-translations.fr-FR.json

@@ -1529,6 +1529,8 @@
     "iconFillColorTitle": "Couleur de remplissage de l’icône",
     "iconBackgroundColorTitle": "Couleur d’arrière-plan de l’icône",
     "paddingTitle": "Marges intérieures",
+    "topPaddingTitle": "Marges intérieures supérieures",
+    "bottomPaddingTitle": "Marges intérieures inférieures",
     "dividerStyleTitle": "Style de séparateur",
     "dividerColorTitle": "Couleur du séparateur",
     "addItemTitle": "Ajouter un article",

package/src/bundles/bundled-translations.json

@@ -1529,6 +1529,8 @@
     "iconFillColorTitle": "Icon fill color",
     "iconBackgroundColorTitle": "Icon background color",
     "paddingTitle": "Padding",
+    "topPaddingTitle": "Top padding",
+    "bottomPaddingTitle": "Bottom padding",
     "dividerStyleTitle": "Divider Style",
     "dividerColorTitle": "Divider color",
     "addItemTitle": "Add Item",

package/src/bundles/bundled-translations.pt-BR.json

@@ -1529,6 +1529,8 @@
     "iconFillColorTitle": "Cor de preenchimento do ícone",
     "iconBackgroundColorTitle": "Cor de fundo do ícone",
     "paddingTitle": "Preenchimento",
+    "topPaddingTitle": "Preenchimento superior",
+    "bottomPaddingTitle": "Preenchimento inferior",
     "dividerStyleTitle": "Estilo do separador",
     "dividerColorTitle": "Cor do separador",
     "addItemTitle": "Adicionar item",

package/src/bundles/bundled-translations.pt-PT.json

@@ -1529,6 +1529,8 @@
     "iconFillColorTitle": "Cor de preenchimento do ícone",
     "iconBackgroundColorTitle": "Cor de fundo do ícone",
     "paddingTitle": "Preenchimento",
+    "topPaddingTitle": "Preenchimento superior",
+    "bottomPaddingTitle": "Preenchimento inferior",
     "dividerStyleTitle": "Estilo do separador",
     "dividerColorTitle": "Cor do separador",
     "addItemTitle": "Adicionar Item",

package/src/clients/asset-library-clients.ts

@@ -147,19 +147,32 @@ export default class AssetLibraryClient {
   async getBrandPageMetadataAsync(
     s3Url: string,
   ): Promise<BrandPageData | null> {
-    try {
-      const response = await axios.get(s3Url, {
-        timeout: 10000,
-        headers: {
-          Accept: 'application/json',
-        },
-      });
-
-      return response.data;
-    } catch (error) {
-      console.error('Error fetching brand page metadata:', error);
-
-      return null;
+    const maxAttempts = 2;
+
+    for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+      try {
+        const response = await axios.get(s3Url, {
+          timeout: 30000,
+          headers: {
+            Accept: 'application/json',
+          },
+        });
+
+        return response.data;
+      } catch (error) {
+        console.error(
+          `Error fetching brand page metadata (attempt ${attempt}/${maxAttempts}):`,
+          error,
+        );
+
+        if (attempt === maxAttempts) {
+          return null;
+        }
+
+        await new Promise((resolve) => setTimeout(resolve, 500));
+      }
     }
+
+    return null;
   }
 }

package/src/composables/useSnapshot.ts

@@ -180,15 +180,19 @@ export function useSnapshot() {
       const captureWidth = target.clientWidth || target.offsetWidth || 1;
       const scale = Math.min(1, SNAPSHOT_TARGET_WIDTH / captureWidth);
 
-      // Pre-fetch blob-backed SVGs from content shape <object> elements so they
-      // can be rendered as <img> in the clone (html2canvas can't reach into the
-      // isolated DOM inside <object>). Background-shape blob <img>s are NOT
-      // converted: html2canvas renders them no differently with or without the
-      // conversion, so it'd just be wasted fetches.
+      // Inline every shape's blob-backed SVG as a data: URI up front. Shapes
+      // (content + background) render their coloured SVG via an <img> whose src
+      // is a `blob:` URL from URL.createObjectURL. The owning component revokes
+      // that blob on re-render (colour/size/imageUrl change) and on unmount —
+      // exactly what an AI "change all my contents" run triggers right before we
+      // capture. html2canvas fetches each <img> src ASYNCHRONOUSLY while
+      // rendering, so a concurrent revoke leaves it fetching a dead blob URL →
+      // the shape 404s and snapshots blank. A data: URI can't be revoked, so
+      // swapping the blob for one in the clone removes the race.
       const blobSvgUris = new Map<string, string>();
       const blobSources = Array.from(
-        element.querySelectorAll<HTMLObjectElement>('.c-shape-object object'),
-      ).map((o) => o.getAttribute('data'));
+        element.querySelectorAll<HTMLImageElement>('.c-shape-object img'),
+      ).map((img) => img.getAttribute('src'));
 
       for (const src of blobSources) {
         if (src && src.startsWith('blob:') && !blobSvgUris.has(src)) {
@@ -340,23 +344,16 @@ export function useSnapshot() {
             overflow: 'visible',
           });
 
-          // Swap content shape <object>s for <img> using the pre-fetched data
-          // URIs (html2canvas can't render <object> SVGs directly).
+          // Repoint each shape <img> from its (revocable) blob: src to the
+          // pre-fetched data: URI so html2canvas never fetches a blob that may
+          // have been revoked mid-capture.
           _doc
-            .querySelectorAll<HTMLObjectElement>('.c-shape-object object')
-            .forEach((obj) => {
-              const dataUrl = obj.getAttribute('data');
+            .querySelectorAll<HTMLImageElement>('.c-shape-object img')
+            .forEach((img) => {
+              const src = img.getAttribute('src');
 
-              if (dataUrl && blobSvgUris.has(dataUrl)) {
-                const img = _doc.createElement('img');
-
-                img.src = blobSvgUris.get(dataUrl)!;
-
-                const style = obj.getAttribute('style');
-
-                if (style) img.setAttribute('style', style);
-
-                obj.parentNode?.replaceChild(img, obj);
+              if (src && blobSvgUris.has(src)) {
+                img.src = blobSvgUris.get(src)!;
               }
             });
 

package/src/shared/content-settings/components/content-settings/i18n/content-settings.de-DE.json

@@ -113,6 +113,8 @@
     "iconFillColorTitle": "Farbe der Symbolfüllung",
     "iconBackgroundColorTitle": "Symbolhintergrundfarbe",
     "paddingTitle": "Polsterung",
+    "topPaddingTitle": "Polsterung oben",
+    "bottomPaddingTitle": "Polsterung unten",
     "dividerStyleTitle": "Trennlinienstil",
     "dividerColorTitle": "Trennlinienfarbe",
     "addItemTitle": "Artikel hinzufügen",

package/src/shared/content-settings/components/content-settings/i18n/content-settings.es-ES.json

@@ -113,6 +113,8 @@
     "iconFillColorTitle": "Color de relleno del icono",
     "iconBackgroundColorTitle": "Color de fondo del icono",
     "paddingTitle": "Relleno",
+    "topPaddingTitle": "Relleno superior",
+    "bottomPaddingTitle": "Relleno inferior",
     "dividerStyleTitle": "Estilo del divisor",
     "dividerColorTitle": "Color del separador",
     "addItemTitle": "Añadir artículo",

package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-CA.json

@@ -113,6 +113,8 @@
     "iconFillColorTitle": "Couleur de remplissage de l’icône",
     "iconBackgroundColorTitle": "Couleur d’arrière-plan de l’icône",
     "paddingTitle": "Marges intérieures",
+    "topPaddingTitle": "Marge intérieure supérieure",
+    "bottomPaddingTitle": "Marges intérieures inférieures",
     "dividerStyleTitle": "Style de séparateur",
     "dividerColorTitle": "Couleur du séparateur",
     "addItemTitle": "Ajouter un article",

package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-FR.json

@@ -113,6 +113,8 @@
     "iconFillColorTitle": "Couleur de remplissage de l’icône",
     "iconBackgroundColorTitle": "Couleur d’arrière-plan de l’icône",
     "paddingTitle": "Marges intérieures",
+    "topPaddingTitle": "Marges intérieures supérieures",
+    "bottomPaddingTitle": "Marges intérieures inférieures",
     "dividerStyleTitle": "Style de séparateur",
     "dividerColorTitle": "Couleur du séparateur",
     "addItemTitle": "Ajouter un article",

package/src/shared/content-settings/components/content-settings/i18n/content-settings.json

@@ -113,6 +113,8 @@
     "iconFillColorTitle": "Icon fill color",
     "iconBackgroundColorTitle": "Icon background color",
     "paddingTitle": "Padding",
+    "topPaddingTitle": "Top padding",
+    "bottomPaddingTitle": "Bottom padding",
     "dividerStyleTitle": "Divider Style",
     "dividerColorTitle": "Divider color",
     "addItemTitle": "Add Item",

package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-BR.json

@@ -113,6 +113,8 @@
     "iconFillColorTitle": "Cor de preenchimento do ícone",
     "iconBackgroundColorTitle": "Cor de fundo do ícone",
     "paddingTitle": "Preenchimento",
+    "topPaddingTitle": "Preenchimento superior",
+    "bottomPaddingTitle": "Preenchimento inferior",
     "dividerStyleTitle": "Estilo do separador",
     "dividerColorTitle": "Cor do separador",
     "addItemTitle": "Adicionar item",

package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-PT.json

@@ -113,6 +113,8 @@
     "iconFillColorTitle": "Cor de preenchimento do ícone",
     "iconBackgroundColorTitle": "Cor de fundo do ícone",
     "paddingTitle": "Preenchimento",
+    "topPaddingTitle": "Preenchimento superior",
+    "bottomPaddingTitle": "Preenchimento inferior",
     "dividerStyleTitle": "Estilo do separador",
     "dividerColorTitle": "Cor do separador",
     "addItemTitle": "Adicionar Item",

package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.vue

@@ -56,7 +56,7 @@
     >
       <li
         v-for="(field, index) in fields"
-        :key="`content-settings-item-field-${id}-${index}`"
+        :key="`content-settings-item-field-${id}-${field.name}`"
         class="tw-cursor-pointer"
         :class="{
           'tw-mb-3': index !== fields.length - 1,

package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.vue

@@ -25,8 +25,8 @@
     >
       <ul>
         <li
-          v-for="(field, fieldIndex) in group.fields"
-          :key="`content-settings-item-group-field-${id}-${group.id}-${fieldIndex}`"
+          v-for="field in group.fields"
+          :key="`content-settings-item-group-field-${id}-${group.id}-${field.name}`"
         >
           <ContentSettingsItemField
             v-if="

package/src/shared/content-settings/components/slider-field/SliderField.mixin.ts

@@ -45,6 +45,15 @@ export default defineComponent({
       sliderValue: value,
     };
   },
+  watch: {
+    // The value can change outside the slider (e.g. a layout switch
+    // re-applying default padding, or undo) — keep the display in sync.
+    value(newValue: string | undefined) {
+      this.sliderValue = this.valueConvertor
+        ? this.valueConvertor.convert(newValue as any)
+        : newValue;
+    },
+  },
   computed: {
     innerMinLength(): number {
       return this.minLength ?? 0;

package/src/utils/minify-brand-page-metadata.ts

@@ -205,7 +205,17 @@ const minifyContent = (
   editor: Editor,
   assets?: AssetEntry[],
 ): MinifiedContent => {
-  const base: MinifiedContent = { id: content.id, type: content.type };
+  const base: MinifiedContent = {
+    id: content.id,
+    type: content.type,
+    // Padding Control (BP-5687) — shared across every block, persist when set.
+    ...(typeof content.topPadding === 'number' && {
+      topPadding: content.topPadding,
+    }),
+    ...(typeof content.bottomPadding === 'number' && {
+      bottomPadding: content.bottomPadding,
+    }),
+  };
   const c = content as any;
 
   // Helper: include imageUrl and its asset key if available

package/lib/src/brand-page/components/testimonial-section/TestimonialSection.mixin.d.ts

@@ -1,97 +0,0 @@
-/// <reference types="types/lodash-shims" />
-import type { PropType } from 'vue';
-import type { TestimonialSectionViewModel } from '@brand-page/view-models';
-import type { BrandPageContext } from '@brand-page/models';
-import type { DebounceHandle } from 'lodash.debounce';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    viewModel: {
-        type: PropType<TestimonialSectionViewModel>;
-        required: true;
-    };
-    isPreview: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    context: {
-        type: PropType<BrandPageContext>;
-        required: true;
-    };
-    contentIndex: {
-        type: NumberConstructor;
-        required: false;
-        default: undefined;
-    };
-}>, {}, {
-    debouncedForceCarouselUpdate: DebounceHandle | undefined;
-    carouselRef: string;
-}, {
-    textAlignClass(): {
-        'c_testimonial-big-image-text-item': boolean;
-        'tw-mb-2': boolean;
-    };
-    navigationUniqueIndexer(): string;
-    swiperOptions(): {
-        autoHeight: boolean;
-        navigation: {
-            prevEl: string;
-            nextEl: string;
-        };
-        pagination: {
-            el: string;
-            clickable: boolean;
-        };
-    };
-}, {
-    renderText(val: string): string;
-    forceCarouselUpdate(): boolean;
-    forceCarouselUpdateSlideWidth(): void;
-}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    isPreview: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    isMobileDevice: {
-        type: BooleanConstructor;
-        required: false;
-        default: undefined;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    isPreview: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    isMobileDevice: {
-        type: BooleanConstructor;
-        required: false;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    isPreview: boolean;
-    isMobileDevice: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    viewModel: {
-        type: PropType<TestimonialSectionViewModel>;
-        required: true;
-    };
-    isPreview: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    context: {
-        type: PropType<BrandPageContext>;
-        required: true;
-    };
-    contentIndex: {
-        type: NumberConstructor;
-        required: false;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    isPreview: boolean;
-    contentIndex: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;