@designcrowd/library.brand-page 6.2.14 → 6.2.16-ast-faq

package/lib/src/brand-page-maker/constants/config-settings-constant.js

@@ -1,13 +1,14 @@
-import { SOCIAL_LINKS_ICON_DISPLAY_STYLES, BRAND_PAGE_TYPES, DIVIDER_STYLES, MEDIA_TYPES, BUTTON_LINK_TYPE, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, TEXT_COLUMNS, DEFAULT_SHAPE_SIZE, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, GettyVideoMedia, } from '@brand-page';
-import { createInitialButtonContent, createInitialImageContent, createInitialProfileContent, createInitialTextContent, createInitialVideoContent, createInitialLogoContent, createInitialMapContent, createInitialImageGalleryContent, createInitialGeneralLinkContent, createInitialMailingListContent, createInitialRequestPaymentContent, createInitialSupportMeContent, createInitialContactFormContent, CONTENT_SETTINGS_DISPLAY_MODES, createInitialBannerSectionContent, createInitialSocialLinksContent, createInitialImagesSectionContent, createInitialTestimonialSectionContent, createInitialAboutSectionContent, createInitialDividerSectionContent, createInitialShapesSectionContent, VARIANT_DISPLAY_MODES, createInitialShopContent, createInitialBookingSectionContent, } from '../models';
+import { FAQ_DISPLAY_STYLES, SOCIAL_LINKS_ICON_DISPLAY_STYLES, BRAND_PAGE_TYPES, DIVIDER_STYLES, MEDIA_TYPES, BUTTON_LINK_TYPE, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, TEXT_COLUMNS, DEFAULT_SHAPE_SIZE, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, GettyVideoMedia, } from '@brand-page';
+import { createInitialButtonContent, createInitialImageContent, createInitialProfileContent, createInitialTextContent, createInitialVideoContent, createInitialLogoContent, createInitialMapContent, createInitialImageGalleryContent, createInitialGeneralLinkContent, createInitialMailingListContent, createInitialRequestPaymentContent, createInitialSupportMeContent, createInitialContactFormContent, CONTENT_SETTINGS_DISPLAY_MODES, createInitialBannerSectionContent, createInitialSocialLinksContent, createInitialImagesSectionContent, createInitialTestimonialSectionContent, createInitialAboutSectionContent, createInitialDividerSectionContent, createInitialShapesSectionContent, VARIANT_DISPLAY_MODES, createInitialShopContent, createInitialBookingSectionContent, createInitialFaqSectionContent, } from '../models';
 import * as uuid from 'uuid';
 import { colorConvertor, backgroundColorConvertor, borderColorConvertor, displayStyleConvertor, galleryTypeConvertor, imageAspectRatioConvertor, textAlignmentOptionsConvertor, videoContentStateConvertor, fillColorConvertor, bannerAlignDisplayStyleConvertor, aboutDisplayStyleConvertor, dividerStyleConvertor, shapeSizeOptionsConvertor, buttonLinkStyleConvertor, textSizeValueConvertor, textColumnStyleConvertor, contactLayoutStyleConvertor, paymentLinkDisplayStyleConvertor, shopDisplayConvertor, shopAspectRatioConvertor, } from '../convertors';
 import { ALIGN_CENTERED, DISPLAY_STYLE_COLLAPSED, DISPLAY_STYLE_PREVIEW, } from '@brand-page';
-import { imageFieldVisibilityAssessor, imageOptionVisibilityAssessor, imageGalleryFieldVisibilityAssessor, cardFillVisibilityAssessor, mediaSectionItemsFieldTypeAssessor, dividerToggleFieldVisibilityAssessor, shapeSectionItemsFieldTypeAssessor, colorReplacementVisibilityTypeAssessor, colorReplacementProfileVisibilityTypeAssessor, colorReplacementIconVisibilityTypeAssessor, imagesSectionCardStyleVisibilityAssessor, contactCardColorVisibilityAssessor, imageUrlVisibilityAssessor, displayTypeVisibilityAssessor, logoFieldVisibilityAssessor, shapesSectionCardStyleVisibilityAssessor, shopImageOptionVisibilityAssessor, shopItemColorVisibility, personalisationOverrideVisibility, } from '../assessors';
+import { imageFieldVisibilityAssessor, imageOptionVisibilityAssessor, imageGalleryFieldVisibilityAssessor, cardFillVisibilityAssessor, mediaSectionItemsFieldTypeAssessor, dividerToggleFieldVisibilityAssessor, faqAccordionColorFieldVisibilityAssessor, shapeSectionItemsFieldTypeAssessor, colorReplacementVisibilityTypeAssessor, colorReplacementProfileVisibilityTypeAssessor, colorReplacementIconVisibilityTypeAssessor, imagesSectionCardStyleVisibilityAssessor, contactCardColorVisibilityAssessor, imageUrlVisibilityAssessor, displayTypeVisibilityAssessor, logoFieldVisibilityAssessor, shapesSectionCardStyleVisibilityAssessor, shopImageOptionVisibilityAssessor, shopItemColorVisibility, personalisationOverrideVisibility, } from '../assessors';
 import { contactFormCardColorDefaultGetter, paymentFillColorFieldDefaultGetter, paymentTextAndBorderColorFieldDefaultGetter, shopBorderColorFieldDefaultGetter, shopFillColorFieldDefaultGetter, textColorFieldDefaultGetter, } from '../default-getters';
 import { socialLinksIconDisplayStyleConvertor } from '../convertors/social-links-icon-display-style.convertor';
 import { getTextMediaOptionsConverterByMediaType } from '../convertors/text-image-display-style.convertor';
 import { testimonialDisplayStyleConvertor } from '../convertors/testimonial-display-style-convertor';
+import { faqDisplayStyleConvertor } from '../convertors/faq-display-style.convertor';
 import { pageValidator, urlValidator } from '../validators';
 import { imagesSectionAspectRatioVisibilityAssessor } from '../assessors/images-section-aspect-ratio-visibility.assessor';
 import { bannerLinkTypeVisibilityAssessor, bannerSectionPageVisibilityAssessor, bannerSectionUrlVisibilityAssessor, bannerDisplayTypeVisibilityAssessor, bannerOverlayOptionsVisibilityAssessor, } from '../assessors/banner-section-description-visibility.assessor';
@@ -15,7 +16,7 @@ import { imagesSectionTextStyleVisibilityAssessor } from '../assessors/images-se
 import { bannerPlaceholderFieldTypeAssessor, bannerSectionFieldTypeAssessor, bannerSectionRoleTypeAssessor, } from '../assessors/banner-section-field.assessor';
 import { isValidSvgUrl } from '@brand-page/utils';
 import { brandPageOrbrandContactTypeVisibilityAssessor, brandSiteTypeVisibilityAssessor, } from '../assessors/brand-page-type-visibility.assessor';
-import { contentSettingsTr } from '@src/composables/useTranslate';
+import { commonTr, contentSettingsTr } from '@src/composables/useTranslate';
 const MediaFieldNames = {
     aspectRatio: 'aspectRatio',
     iconUrl: 'iconUrl',
@@ -2803,6 +2804,116 @@ export const BOOKING_SECTION_SETTINGS_CONFIG = () => ({
     isEnabled: true,
     isLocked: false,
 });
+const FAQ_FIELD_GROUP_IDS = {
+    settings: 'settings',
+    items: 'items',
+    style: 'style',
+};
+export const FAQ_SECTION_SETTINGS_CONFIG = () => ({
+    type: 'faq-section',
+    category: 'general',
+    createInitialContent: createInitialFaqSectionContent,
+    displayMode: CONTENT_SETTINGS_DISPLAY_MODES.focused,
+    defaultIconName: 'question-circle-filled',
+    displayName: contentSettingsTr(`faqSectionDisplayName`),
+    fieldGroups: [
+        {
+            id: FAQ_FIELD_GROUP_IDS.settings,
+            displayName: contentSettingsTr(`settingsDisplayName`),
+            isCollapsed: false,
+        },
+        {
+            id: FAQ_FIELD_GROUP_IDS.items,
+            displayName: contentSettingsTr(`faqItemsDisplayName`),
+            isCollapsed: false,
+        },
+        {
+            id: FAQ_FIELD_GROUP_IDS.style,
+            displayName: contentSettingsTr(`styleDisplayName`),
+            isCollapsed: true,
+        },
+    ],
+    fields: {
+        titleStyle: DEFAULT_TITLE_STYLE_SETTINGS_FILED_WITH_TITLE(),
+        descriptionStyle: DEFAULT_DESCRIPTION_STYLE_FILED(),
+        // Edited in each item's editor (FaqItemsField), not as section fields.
+        questionStyle: undefined,
+        answerStyle: undefined,
+        title: {
+            type: 'text',
+            placeholder: contentSettingsTr(`titlePlaceholder`),
+            title: contentSettingsTr(`titleTitle`),
+            groupId: FAQ_FIELD_GROUP_IDS.settings,
+            maxLength: 200,
+        },
+        titleOverride: {
+            type: 'personalisation-override',
+            groupId: FAQ_FIELD_GROUP_IDS.settings,
+            visibilityAssessor: (c, b) => personalisationOverrideVisibility(c, b, 'title'),
+        },
+        description: {
+            type: 'textarea',
+            placeholder: contentSettingsTr(`descriptionPlaceholder`),
+            title: contentSettingsTr(`descriptionTitle`),
+            groupId: FAQ_FIELD_GROUP_IDS.settings,
+            maxLength: 1000,
+        },
+        descriptionOverride: {
+            type: 'personalisation-override',
+            groupId: FAQ_FIELD_GROUP_IDS.settings,
+            visibilityAssessor: (c, b) => personalisationOverrideVisibility(c, b, 'description'),
+        },
+        // FaqItemsField owns the question/answer inputs and the FAQ_MAX_ITEMS cap.
+        items: {
+            type: 'faq-items',
+            defaultValue: [],
+            groupId: FAQ_FIELD_GROUP_IDS.items,
+        },
+        displayStyle: {
+            type: 'radio',
+            role: 'multi',
+            defaultValue: FAQ_DISPLAY_STYLES.centered,
+            title: contentSettingsTr(`displayStyleTitle`),
+            optionsConvertor: faqDisplayStyleConvertor,
+            groupId: FAQ_FIELD_GROUP_IDS.style,
+            variant: 'icon',
+        },
+        ...PADDING_CONTROL_FIELDS(FAQ_FIELD_GROUP_IDS.style),
+        iconColor: {
+            type: 'color',
+            groupId: FAQ_FIELD_GROUP_IDS.style,
+            defaultValue: {},
+            isInline: true,
+            showToggle: false,
+            disableTransparent: true,
+            visibilityAssessor: faqAccordionColorFieldVisibilityAssessor,
+            title: commonTr(`iconColor`),
+            valueConvertor: colorConvertor,
+        },
+        // Transparent allowed on purpose (it hides the line), unlike the Divider section's field.
+        dividerColor: {
+            type: 'color',
+            groupId: FAQ_FIELD_GROUP_IDS.style,
+            defaultValue: {},
+            isInline: true,
+            showToggle: false,
+            visibilityAssessor: faqAccordionColorFieldVisibilityAssessor,
+            title: contentSettingsTr(`dividerColorTitle`),
+            valueConvertor: backgroundColorConvertor,
+        },
+        backgroundStyle: {
+            type: 'color',
+            groupId: FAQ_FIELD_GROUP_IDS.style,
+            defaultValue: {},
+            isInline: true,
+            showToggle: false,
+            title: contentSettingsTr(`backgroundColorTitle`),
+            valueConvertor: backgroundColorConvertor,
+        },
+    },
+    isEnabled: true,
+    isLocked: false,
+});
 export const CONTENT_SETTINGS_CONFIGS = () => ({
     logo: LOGO_SETTINGS_CONFIG(),
     'general-link': GENERAL_LINK_CONTENT_SETTINGS_CONFIG(),
@@ -2836,4 +2947,5 @@ export const CONTENT_SETTINGS_CONFIGS = () => ({
     'shapes-section': SHAPES_SECTION_SETTINGS_CONFIG(),
     'shop-section': SHOP_SECTION_SETTINGS_CONFIG(),
     'booking-section': BOOKING_SECTION_SETTINGS_CONFIG(),
+    'faq-section': FAQ_SECTION_SETTINGS_CONFIG(),
 });

package/lib/src/brand-page-maker/constants/personalisation.constant.d.ts

@@ -1,8 +1,8 @@
-import type { PersonalisationMappingType, TestimonialItems, TextItem, TextMediaItem, UserPersonalisationItem, UserPersonalisationSection } from '@brand-page/models';
+import type { FaqItem, PersonalisationMappingType, TestimonialItems, TextItem, TextMediaItem, UserPersonalisationItem, UserPersonalisationSection } from '@brand-page/models';
 export type ContentPersonalisationMapping<T> = {
     [key in Exclude<keyof UserPersonalisationSection, 'items'> | keyof UserPersonalisationItem]?: (keyof T)[];
 };
 export declare const DEFAULT_PERSONALISATION_MAPPING: ContentPersonalisationMapping<any>;
-export declare const TEXT_MEDIA_ITEMS_PERSONALISATION_MAPPING: ContentPersonalisationMapping<TextMediaItem & TestimonialItems & TextItem>;
+export declare const TEXT_MEDIA_ITEMS_PERSONALISATION_MAPPING: ContentPersonalisationMapping<TextMediaItem & TestimonialItems & TextItem & FaqItem>;
 export declare const TEXT_MEDIA_CONTENT_TYPES: PersonalisationMappingType[];
 export declare const PERSONALISATION_MAPPINGS: Partial<Record<PersonalisationMappingType, ContentPersonalisationMapping<any>>>;

package/lib/src/brand-page-maker/constants/personalisation.constant.js

@@ -17,8 +17,8 @@ export const DEFAULT_PERSONALISATION_MAPPING = {
     url: ['url'],
 };
 export const TEXT_MEDIA_ITEMS_PERSONALISATION_MAPPING = {
-    itemTitle: ['title', 'imageTitle', 'name'],
-    itemDescription: ['paragraph', 'testimonials', 'text'],
+    itemTitle: ['title', 'imageTitle', 'name', 'question'],
+    itemDescription: ['paragraph', 'testimonials', 'text', 'answer'],
     itemDescriptionShort: ['position'],
     imageUrls: ['imageUrl'],
 };
@@ -29,6 +29,7 @@ export const TEXT_MEDIA_CONTENT_TYPES = [
     'text-media-items',
     'image-gallery',
     'text',
+    'faq-section',
 ];
 export const PERSONALISATION_MAPPINGS = {
     'general-link': BUTTON_PERSONALISATION_MAPPING,

package/lib/src/brand-page-maker/convertors/faq-display-style.convertor.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonGroupConfig, ValueConvertor } from '../models';
+import type { FaqSectionContent } from '@brand-page/models';
+export declare const faqDisplayStyleConvertor: ValueConvertor<string | null, ButtonGroupConfig, Partial<FaqSectionContent>>;

package/lib/src/brand-page-maker/convertors/faq-display-style.convertor.js

@@ -0,0 +1,49 @@
+import { FAQ_DISPLAY_STYLES } from '@brand-page/constants';
+const ICON_VIEW_BOX = '0 0 96 56';
+export const faqDisplayStyleConvertor = {
+    convertBackToMultipleValues: true,
+    convert(value) {
+        return {
+            options: [
+                // An empty title suppresses ButtonGroup's label-under-icon paragraph.
+                {
+                    title: '',
+                    value: FAQ_DISPLAY_STYLES.centered,
+                    isSelected: value === FAQ_DISPLAY_STYLES.centered,
+                    iconName: 'display-style-faq-1',
+                    iconViewBox: ICON_VIEW_BOX,
+                    dataAttribute: 'data-test-btn-faq-centered',
+                },
+                {
+                    title: '',
+                    value: FAQ_DISPLAY_STYLES.split,
+                    isSelected: value === FAQ_DISPLAY_STYLES.split,
+                    iconName: 'display-style-faq-2',
+                    iconViewBox: ICON_VIEW_BOX,
+                    dataAttribute: 'data-test-btn-faq-split',
+                },
+                {
+                    title: '',
+                    value: FAQ_DISPLAY_STYLES.grid,
+                    isSelected: value === FAQ_DISPLAY_STYLES.grid,
+                    iconName: 'display-style-faq-3',
+                    iconViewBox: ICON_VIEW_BOX,
+                    dataAttribute: 'data-test-btn-faq-grid',
+                },
+            ],
+            // Label-less buttons only fill their slot in ButtonGroup's grid mode.
+            columns: 3,
+        };
+    },
+    // The heading sits left beside the accordion in split, centred above it otherwise.
+    convertBack(config) {
+        const displayStyle = config.options.find((v) => v.isSelected)?.value ??
+            FAQ_DISPLAY_STYLES.centered;
+        const textAlign = displayStyle === FAQ_DISPLAY_STYLES.split ? 'left' : 'center';
+        return {
+            displayStyle,
+            titleStyle: { textAlign },
+            descriptionStyle: { textAlign },
+        };
+    },
+};

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

@@ -52,6 +52,7 @@ export declare const ITEM_FIELD_TYPES: {
     readonly 'color-replacements': "color-replacements";
     readonly 'testimonial-items': "testimonial-items";
     readonly 'text-items': "text-items";
+    readonly 'faq-items': "faq-items";
     readonly 'page-dropdown': "page-dropdown";
     readonly 'personalisation-override': "personalisation-override";
 };

package/lib/src/brand-page-maker/models/content-settings-configs.js

@@ -55,6 +55,7 @@ export const ITEM_FIELD_TYPES = {
     'color-replacements': 'color-replacements',
     'testimonial-items': 'testimonial-items',
     'text-items': 'text-items',
+    'faq-items': 'faq-items',
     'page-dropdown': 'page-dropdown',
     'personalisation-override': 'personalisation-override',
 };

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

@@ -1,5 +1,5 @@
 import { BrandPageModel } from '@brand-page';
-import type { ButtonContent, ContentType, ImageContent, ProfileContent, TextContent, VideoContent, LogoContent, LogoTheme, MapContent, ImageGalleryContent, GeneralLinkContent, MailingListContent, RequestPaymentContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, BrandPageType, SupportMeContent, ShopContent, BookingSectionContent } from '@brand-page';
+import type { ButtonContent, ContentType, ImageContent, ProfileContent, TextContent, VideoContent, LogoContent, LogoTheme, MapContent, ImageGalleryContent, GeneralLinkContent, MailingListContent, RequestPaymentContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, BrandPageType, SupportMeContent, ShopContent, BookingSectionContent, FaqSectionContent } from '@brand-page';
 import type { CreateInitialContentFunction } from './content-settings-configs';
 import type { CreateInitialContentOptions } from '@shared/content-settings/models';
 export declare const createInitialButtonContent: (type: ContentType, iconUrl: string, options?: CreateInitialContentOptions) => () => ButtonContent;
@@ -18,6 +18,7 @@ export declare const createInitialSupportMeContent: (options?: CreateInitialCont
 export declare const createInitialContactFormContent: CreateInitialContentFunction<ContactFormContent>;
 export declare const createInitialBannerSectionContent: CreateInitialContentFunction<BannerSectionContent>;
 export declare const createInitialBookingSectionContent: CreateInitialContentFunction<BookingSectionContent>;
+export declare const createInitialFaqSectionContent: CreateInitialContentFunction<FaqSectionContent>;
 export declare const createInitialImagesSectionContent: CreateInitialContentFunction<ImagesSectionContent>;
 export declare const createInitialTestimonialSectionContent: CreateInitialContentFunction<TestimonialSectionContent>;
 export declare const createInitialAboutSectionContent: CreateInitialContentFunction<AboutSectionContent>;

package/lib/src/brand-page-maker/models/content-settings.js

@@ -1,4 +1,4 @@
-import { BrandPageModel, PageStyles, FORM_FIELD_IDS, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, SOCIAL_LINKS_ICON_DISPLAY_STYLES, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, MEDIA_TYPES, BUTTON_LINK_TYPE, DISPLAY_STYLE_PREVIEW, SUPPORT_ME_CUSTOM_PRODUCT_NAME, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, TEXT_STYLE_TYPES, TEXT_COLUMNS, DEFAULT_LOGO_BACKGROUND_COLOR_RGB, DEFAULT_LOGO_TEXT_COLOR_RGB, EMPTY_LOGO_IMAGE_MODEL, BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, CONTACT_FORM_LAYOUT_DEFAULT_PADDING, TESTIMONIAL_DEFAULT_PADDING, } from '@brand-page';
+import { BrandPageModel, PageStyles, FORM_FIELD_IDS, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, SOCIAL_LINKS_ICON_DISPLAY_STYLES, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, MEDIA_TYPES, BUTTON_LINK_TYPE, DISPLAY_STYLE_PREVIEW, SUPPORT_ME_CUSTOM_PRODUCT_NAME, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, TEXT_STYLE_TYPES, TEXT_COLUMNS, DEFAULT_LOGO_BACKGROUND_COLOR_RGB, DEFAULT_LOGO_TEXT_COLOR_RGB, EMPTY_LOGO_IMAGE_MODEL, BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, CONTACT_FORM_LAYOUT_DEFAULT_PADDING, TESTIMONIAL_DEFAULT_PADDING, FAQ_DISPLAY_STYLES, } from '@brand-page';
 import * as uuid from 'uuid';
 import { getColorShades, DEFAULT_CARD_SURFACE_REFERENCE, } from '@brand-page/utils';
 import { contentSettingsTr } from '@src/composables/useTranslate';
@@ -568,6 +568,51 @@ export const createInitialBookingSectionContent = (options) => {
         },
     };
 };
+export const createInitialFaqSectionContent = (options) => {
+    const applyAutoScale = options?.brandPageType === BRAND_PAGE_TYPES.brandSite;
+    return {
+        id: uuid.v4(),
+        type: 'faq-section',
+        title: rteDoc(contentSettingsTr(`defaultFaqTitle`)),
+        description: rteDoc(contentSettingsTr(`defaultFaqDescription`)),
+        displayStyle: FAQ_DISPLAY_STYLES.centered,
+        topPadding: 32,
+        bottomPadding: 32,
+        // One sample item; the design's four are only there to show a longer list.
+        items: [
+            {
+                id: uuid.v4(),
+                question: rteDoc(contentSettingsTr(`defaultFaqQuestion`)),
+                answer: rteDoc(contentSettingsTr(`defaultFaqAnswer`)),
+            },
+        ],
+        // Every question shares one style and every answer another (closest to the old Headings and
+        // Paragraphs); a question's own formatting lives in its doc.
+        questionStyle: {
+            applyAutoScale,
+            textStyleType: TEXT_STYLE_TYPES.heading5,
+            textAlign: 'left',
+        },
+        answerStyle: {
+            applyAutoScale,
+            textStyleType: TEXT_STYLE_TYPES.paragraph2,
+            textAlign: 'left',
+        },
+        titleStyle: {
+            applyAutoScale,
+            textStyleType: TEXT_STYLE_TYPES.heading4,
+            textAlign: 'center',
+        },
+        descriptionStyle: {
+            applyAutoScale,
+            textStyleType: TEXT_STYLE_TYPES.paragraph2,
+            textAlign: 'center',
+        },
+        backgroundStyle: {},
+        iconColor: {},
+        dividerColor: {},
+    };
+};
 export const createInitialImagesSectionContent = (options) => {
     return {
         id: uuid.v4(),

package/lib/src/brand-page-maker/utils/apply-color-strategy.js

@@ -2,7 +2,8 @@ import { BRAND_PAGE_TYPES } from '@brand-page';
 import { FIELD_SLOT_MAP, raisedLayerFor, STYLE_FIELDS_OUTSIDE_CONFIG, strategyRoleRefForField, } from '@shared/color-strategies/color-strategies';
 import { isTransparentDisabled, } from '@shared/content-settings/disable-transparent.util';
 import { setRteTextColor } from '@shared/color-strategies/rte-color';
-import { pairedRteTextField } from '@shared/color-strategies/rte-field-pairs';
+import { isTiptapDocument } from '@shared/rte-shape.util';
+import { pairedRteTextField, RTE_ITEM_FIELD_PAIRS, } from '@shared/color-strategies/rte-field-pairs';
 import { isCanonicalTextStyleType } from '@brand-page/models/styles.model';
 /**
  * Field types a strategy can assign. `color` fields hold nothing but a colour and are
@@ -79,6 +80,17 @@ const sectionLayers = (assignable, content, context) => {
             surfaceFields.every(([, field]) => !isTransparentDisabled(field.disableTransparent, context?.brandPageType ?? BRAND_PAGE_TYPES.default)),
     };
 };
+/**
+ * The strategy's text treatment for one text-style field: `color` set, text background
+ * cleared (matching the highlight strip in `setRteTextColor` — the toolbar writes both).
+ * The key is deleted rather than set undefined so `'backgroundColor' in style` checks
+ * downstream stay honest.
+ */
+const withStrategyTextStyle = (current, ref) => {
+    const nextStyle = { ...(current ?? {}), color: ref };
+    delete nextStyle.backgroundColor;
+    return nextStyle;
+};
 /**
  * Build the per-field colour writes a strategy stamps onto a section. Pure — reads the
  * section config + current content and returns a `{ fieldName: value }` partial. Each
@@ -114,16 +126,7 @@ export const buildColorStrategyValues = (config, content, strategyId, context, a
         }
         if (field.type === 'text-style') {
             const current = contentRecord[name];
-            const nextStyle = {
-                ...(current ?? {}),
-                color: ref,
-            };
-            // A strategy owns the text treatment, so it clears the text background colour
-            // too — matching the highlight strip in `setRteTextColor` (the toolbar writes
-            // both). Delete the key rather than set it undefined so `'backgroundColor' in
-            // style` checks downstream stay honest.
-            delete nextStyle.backgroundColor;
-            values[name] = nextStyle;
+            values[name] = withStrategyTextStyle(current, ref);
             // Also stamp the colour into the paired RTE document, if this field drives one.
             // `setRteTextColor` returns undefined for a plain string or legacy HTML RTE, so
             // that doubles as the "nothing to do" test — no separate type guard here.
@@ -151,6 +154,24 @@ export const buildColorStrategyValues = (config, content, strategyId, context, a
         }
         values[name] = field.valueConvertor.convertBack(ref);
     });
+    // Item-level RTE fields (each FAQ question) share the section's style but carry their own
+    // document, and neither is a settings field, so the loop above never sees them.
+    const itemPairs = typeof contentRecord.type === 'string'
+        ? (RTE_ITEM_FIELD_PAIRS[contentRecord.type] ?? [])
+        : [];
+    itemPairs.forEach((pair) => {
+        const ref = strategyRoleRefForField(strategyId, pair.styleField, content, context, layers, anchors);
+        const items = (values[pair.itemsField] ??
+            contentRecord[pair.itemsField]);
+        if (!ref || !Array.isArray(items)) {
+            return;
+        }
+        values[pair.styleField] = withStrategyTextStyle(contentRecord[pair.styleField], ref);
+        values[pair.itemsField] = items.map((item) => {
+            const nextDoc = setRteTextColor(item[pair.textField], ref);
+            return nextDoc ? { ...item, [pair.textField]: nextDoc } : item;
+        });
+    });
     return values;
 };
 /**
@@ -165,12 +186,15 @@ export const applyColorStrategyToItem = (store, { id, config, content, strategyI
     Object.entries(values).forEach(([name, value]) => {
         store.updateItemValue({ id, name, value });
     });
-    // A recoloured RTE field is emitted as a whole Tiptap document; the paired
-    // style-object writes are plain objects. Only the former needs the live editor
-    // to re-seed, so signal it just when a doc was among the writes.
-    const replacedRteDoc = Object.values(values).some((value) => typeof value === 'object' &&
-        value !== null &&
-        value.type === 'doc');
+    // A recoloured RTE field is emitted as a whole Tiptap document (at the top level,
+    // or inside a rewritten item list); the paired style-object writes are plain
+    // objects. Only the former needs the live editor to re-seed, so signal it just
+    // when a doc was among the writes.
+    const replacedRteDoc = Object.values(values).some((value) => isTiptapDocument(value) ||
+        (Array.isArray(value) &&
+            value.some((item) => typeof item === 'object' &&
+                item !== null &&
+                Object.values(item).some(isTiptapDocument))));
     if (replacedRteDoc) {
         markRteResync?.();
     }

package/lib/src/brand-page-maker/utils/rte-authoring.util.js

@@ -1,4 +1,4 @@
-import { rteStyleFieldsFor, pairedRteTextField, } from '@shared/color-strategies/rte-field-pairs';
+import { forEachRteItemField, rteStyleFieldsFor, pairedRteTextField, } from '@shared/color-strategies/rte-field-pairs';
 import { setRteTextColor } from '@shared/color-strategies/rte-color';
 import { plainTextToRteJson, isTiptapDocument, } from '@shared/rte-render.util';
 import { isCanonicalLinked } from './rich-text-editor.util';
@@ -90,6 +90,14 @@ textStyleOptions) => {
         if (doc)
             fields[textField] = doc;
     }
+    // List items (each FAQ question and answer) share the section's style. Each is authored from a
+    // copy, as authoring moves the colour off the style it is given.
+    forEachRteItemField(content.type, content, (item, pair) => {
+        const style = fields[pair.styleField];
+        const doc = authorRteDoc(item[pair.textField], { ...style }, roleStyleFor(textStyleOptions, style?.textStyleType));
+        if (doc)
+            item[pair.textField] = doc;
+    });
     const textItems = fields.textItems;
     if (Array.isArray(textItems)) {
         for (const item of textItems) {

package/lib/src/brand-page-maker/validators/field.validator.js

@@ -139,6 +139,7 @@ export const validatorDict = {
     'color-replacements': dummyValidator,
     'testimonial-items': dummyValidator,
     'text-items': dummyValidator,
+    'faq-items': dummyValidator,
     'page-dropdown': dummyValidator,
     shape: dummyValidator,
     'logo-selection': dummyValidator,
@@ -181,6 +182,7 @@ export const adminValidatorsDict = {
     'color-replacements': dummyValidator,
     'testimonial-items': dummyValidator,
     'text-items': dummyValidator,
+    'faq-items': dummyValidator,
     'page-dropdown': dummyValidator,
     shape: dummyValidator,
     'logo-selection': dummyValidator,

package/lib/src/briefcase-C5316IlB.js

@@ -0,0 +1,14 @@
+import { openBlock as C, createElementBlock as e } from "vue";
+import { _ as o } from "./lib-DY_vUnHe.js";
+const r = {}, c = {
+  d: "M13.9163 6.79983C13.9163 6.41419 13.9158 6.17005 13.9007 5.98537C13.8864 5.80959 13.8627 5.75468 13.8529 5.73537C13.7969 5.62561 13.7077 5.53642 13.598 5.48049C13.5787 5.47066 13.5238 5.447 13.348 5.43264C13.1633 5.41755 12.9192 5.41701 12.5335 5.41701H11.4163V13.25H12.5335C12.9191 13.25 13.1633 13.2495 13.348 13.2344C13.5234 13.2201 13.5786 13.1964 13.598 13.1865C13.7077 13.1307 13.7969 13.0413 13.8529 12.9317C13.8627 12.9124 13.8863 12.8574 13.9007 12.6817C13.9158 12.497 13.9163 12.252 13.9163 11.8662V6.79983ZM6.08333 13.25H9.91634V5.41701H6.08333V13.25ZM8.00032 2.75002C7.33233 2.75002 7.14499 2.75688 7.01009 2.79299C6.57872 2.90857 6.24188 3.24541 6.1263 3.67678C6.11062 3.73534 6.10144 3.80371 6.09505 3.91701H9.90462C9.89823 3.80382 9.89 3.7353 9.87435 3.67678C9.7588 3.24556 9.42171 2.90868 8.99056 2.79299C8.85566 2.75684 8.66833 2.75002 8.00032 2.75002ZM2.08333 11.8662C2.08333 12.252 2.08386 12.497 2.09896 12.6817C2.11333 12.8574 2.137 12.9124 2.14681 12.9317C2.20272 13.0414 2.29199 13.1306 2.40169 13.1865C2.42094 13.1964 2.47598 13.22 2.65169 13.2344C2.8364 13.2495 3.08138 13.25 3.46712 13.25H4.58333V5.41701H3.46712C3.08138 5.41701 2.8364 5.41755 2.65169 5.43264C2.476 5.44702 2.42094 5.47068 2.40169 5.48049C2.29202 5.53642 2.2027 5.62568 2.14681 5.73537C2.13694 5.75479 2.11329 5.80997 2.09896 5.98537C2.08387 6.17005 2.08333 6.4142 2.08333 6.79983V11.8662ZM15.4163 11.8662C15.4163 12.2272 15.4171 12.5438 15.3958 12.8037C15.3739 13.0723 15.3252 13.3465 15.1898 13.6123C14.9901 14.0041 14.6714 14.3227 14.2796 14.5225C14.0137 14.658 13.7388 14.7076 13.47 14.7295C13.2102 14.7507 12.8944 14.75 12.5335 14.75H3.46712C3.10613 14.75 2.78958 14.7508 2.52962 14.7295C2.26098 14.7075 1.98691 14.658 1.72103 14.5225C1.32906 14.3228 1.0106 14.0043 0.81087 13.6123C0.675395 13.3464 0.625803 13.0724 0.603839 12.8037C0.582599 12.5438 0.583331 12.2272 0.583331 11.8662V6.79983C0.583331 6.43896 0.582611 6.1232 0.603839 5.8633C0.625794 5.59459 0.675358 5.31969 0.81087 5.05373C1.01062 4.66199 1.32921 4.34322 1.72103 4.14358C1.98684 4.00819 2.26106 3.95948 2.52962 3.93752C2.78958 3.91628 3.10613 3.91701 3.46712 3.91701H4.5931C4.60372 3.68501 4.626 3.47875 4.67708 3.28811C4.93139 2.33924 5.67255 1.59808 6.62142 1.34377C6.99517 1.24363 7.42863 1.25002 8.00032 1.25002C8.57179 1.25002 9.00461 1.24368 9.37825 1.34377C10.3272 1.59803 11.0682 2.33922 11.3226 3.28811C11.3737 3.47875 11.3969 3.68499 11.4075 3.91701H12.5335C12.8944 3.91701 13.2101 3.91629 13.47 3.93752C13.7388 3.95948 14.0137 4.00806 14.2796 4.14358C14.6714 4.34327 14.9901 4.66197 15.1898 5.05373C15.3253 5.31969 15.3739 5.59459 15.3958 5.8633C15.4171 6.1232 15.4163 6.43895 15.4163 6.79983V11.8662Z",
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd"
+};
+function t(n, _) {
+  return C(), e("path", c);
+}
+const d = /* @__PURE__ */ o(r, [["render", t]]);
+export {
+  d as default
+};

package/lib/src/browser-K7TgGegK.js

@@ -0,0 +1,14 @@
+import { openBlock as C, createElementBlock as e } from "vue";
+import { _ as o } from "./lib-DY_vUnHe.js";
+const r = {}, t = {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M13.9164 6.75H2.08335V10.7998C2.08335 11.3722 2.08359 11.7569 2.10776 12.0527C2.13122 12.3397 2.17393 12.4768 2.22007 12.5674C2.33989 12.8025 2.53085 12.9935 2.76596 13.1133C2.85651 13.1594 2.99361 13.2021 3.28061 13.2256C3.57649 13.2498 3.96112 13.25 4.53354 13.25H11.4671C12.0392 13.25 12.4233 13.2497 12.7191 13.2256C13.0061 13.2021 13.1432 13.1594 13.2337 13.1133C13.4689 12.9934 13.6608 12.8026 13.7806 12.5674C13.8267 12.4768 13.8685 12.3396 13.8919 12.0527C13.9161 11.7569 13.9164 11.3722 13.9164 10.7998V6.75ZM13.9164 5.2002C13.9164 4.62777 13.9161 4.24315 13.8919 3.94727C13.8685 3.66045 13.8267 3.52316 13.7806 3.43262C13.6608 3.19742 13.4689 3.00656 13.2337 2.88672C13.1432 2.84061 13.0061 2.79786 12.7191 2.77442C12.4233 2.75026 12.0392 2.75 11.4671 2.75H4.53354C3.96111 2.75 3.57649 2.75024 3.28061 2.77442C2.99361 2.79788 2.85651 2.84059 2.76596 2.88672C2.53085 3.00655 2.33989 3.19751 2.22007 3.43262C2.17393 3.52316 2.13122 3.66027 2.10776 3.94727C2.08359 4.24315 2.08335 4.62777 2.08335 5.2002V5.25H13.9164V5.2002ZM15.4164 10.7998C15.4164 11.3475 15.4174 11.8037 15.3871 12.1748C15.356 12.5546 15.2883 12.9109 15.1166 13.2481C14.8529 13.7654 14.4327 14.1865 13.9154 14.4502C13.5781 14.622 13.221 14.6897 12.8412 14.7207C12.4702 14.751 12.0145 14.75 11.4671 14.75H4.53354C3.98587 14.75 3.52967 14.751 3.15854 14.7207C2.77881 14.6897 2.42244 14.6219 2.0853 14.4502C1.56786 14.1865 1.1468 13.7655 0.883152 13.2481C0.71144 12.9109 0.643676 12.5545 0.612644 12.1748C0.582322 11.8037 0.583348 11.3475 0.583348 10.7998V5.2002C0.583348 4.65252 0.582322 4.19633 0.612644 3.8252C0.643676 3.44547 0.71144 3.0891 0.883152 2.75196C1.1468 2.23451 1.56786 1.81346 2.0853 1.54981C2.42244 1.3781 2.77881 1.31033 3.15854 1.2793C3.52967 1.24898 3.98587 1.25 4.53354 1.25H11.4671C12.0145 1.25 12.4702 1.24901 12.8412 1.2793C13.221 1.31034 13.5781 1.37796 13.9154 1.54981C14.4327 1.81347 14.8529 2.23458 15.1166 2.75196C15.2883 3.08913 15.356 3.44543 15.3871 3.8252C15.4174 4.19633 15.4164 4.65252 15.4164 5.2002V10.7998Z"
+};
+function c(n, _) {
+  return C(), e("path", t);
+}
+const l = /* @__PURE__ */ o(r, [["render", c]]);
+export {
+  l as default
+};

package/lib/src/brush-DlV0f4mG.js

@@ -0,0 +1,13 @@
+import { openBlock as c, createElementBlock as e } from "vue";
+import { _ as l } from "./lib-DY_vUnHe.js";
+const o = {}, r = {
+  d: "M1.9297 14.75l5.1406-1.7227c.2917-.0911.483-.2825.5742-.5742l.793-2.3515 5.7695-5.2227c.401-.3646.6472-.7884.7383-1.2715.0912-.483.0501-.9342-.123-1.3535-.1732-.4193-.4603-.7747-.8614-1.0664C13.56.8958 13.1133.75 12.6211.75c-.6927 0-1.276.2643-1.75.793L5.6484 7.3125l-2.3515.793c-.2917.0911-.4831.2825-.5742.5742L1 13.8203l.9297.9297zM8.082 8.6523l-.9843-.9843 4.7578-5.25c.2005-.237.4557-.3555.7656-.3555.2734 0 .5195.1094.7383.3281.2187.2188.3281.474.3281.7656-.0182.2917-.1367.5378-.3555.7383l-5.25 4.7578zM3.543 12.836l1.3672-1.3672h.0273c.1823 0 .3372-.0638.4648-.1914s.1914-.2825.1914-.4648c0-.1276-.0319-.2415-.0957-.3418a.6675.6675 0 00-.5742-.3145.6742.6742 0 00-.3281.082.5709.5709 0 00-.2324.2325c-.0547.1003-.082.2142-.082.3418v.0273L2.914 12.207l.9843-2.9258 2.1602-.7109.0547-.0273L7.207 9.6367l-.0273.0547-.711 2.1602-2.9257.9843z",
+  "fill-rule": "nonzero"
+};
+function t(n, s) {
+  return c(), e("path", r);
+}
+const f = /* @__PURE__ */ l(o, [["render", t]]);
+export {
+  f as default
+};

package/lib/src/building-CPQAQm6Z.js

@@ -0,0 +1,10 @@
+import { openBlock as C, createElementBlock as H } from "vue";
+import { _ as e } from "./lib-DY_vUnHe.js";
+const t = {}, o = { d: "M13.2444 8.08789C13.1751 8.08532 13.0796 8.08301 12.9329 8.08301H11.7503V13.25H13.2503V8.40039C13.2503 8.253 13.2471 8.15733 13.2444 8.08789ZM8.66632 9.25C9.08053 9.25 9.41632 9.58579 9.41632 10C9.41632 10.4142 9.08053 10.75 8.66632 10.75H7.33331C6.9191 10.75 6.58331 10.4142 6.58331 10C6.58331 9.58579 6.9191 9.25 7.33331 9.25H8.66632ZM8.66632 6.58301C9.08043 6.58301 9.41614 6.91895 9.41632 7.33301C9.41632 7.74722 9.08053 8.08301 8.66632 8.08301H7.33331C6.9191 8.08301 6.58331 7.74722 6.58331 7.33301C6.58349 6.91895 6.91921 6.58301 7.33331 6.58301H8.66632ZM8.66632 3.917C9.08053 3.917 9.41632 4.25278 9.41632 4.667C9.41614 5.08106 9.08043 5.417 8.66632 5.417H7.33331C6.91921 5.41699 6.58349 5.08106 6.58331 4.667C6.58331 4.25278 6.9191 3.917 7.33331 3.917H8.66632ZM2.75031 13.25H4.25031V8.08301H3.06671C2.91912 8.08301 2.82367 8.08528 2.75421 8.08789C2.75161 8.15733 2.75031 8.25304 2.75031 8.40039V13.25ZM10.2503 4.13379C10.2503 3.74805 10.2498 3.50307 10.2347 3.31836C10.2203 3.14281 10.1967 3.08766 10.1868 3.06836C10.131 2.95871 10.0416 2.86942 9.93195 2.81348C9.91269 2.80367 9.85692 2.78 9.68097 2.76563C9.4963 2.75056 9.25203 2.75 8.86652 2.75H7.13312C6.7475 2.75 6.50334 2.75054 6.31866 2.76563C6.14327 2.77996 6.08809 2.80361 6.06866 2.81348C5.95897 2.86937 5.86971 2.9587 5.81378 3.06836C5.80398 3.08761 5.78031 3.14267 5.76593 3.31836C5.75084 3.50307 5.75031 3.74805 5.75031 4.13379V13.25H10.2503V4.13379ZM11.7503 6.58301H12.9329C13.1071 6.58301 13.2832 6.5826 13.4319 6.59473C13.5501 6.60438 13.6878 6.62467 13.8314 6.67578L13.9769 6.73731L14.0735 6.792C14.2642 6.9088 14.4245 7.06914 14.5413 7.25977L14.596 7.35645L14.6575 7.50196C14.7086 7.64547 14.7289 7.7832 14.7386 7.90137C14.7507 8.0501 14.7503 8.22621 14.7503 8.40039V13.2549C15.1251 13.2965 15.4163 13.6141 15.4163 14C15.4163 14.4142 15.0805 14.75 14.6663 14.75H1.33331C0.919099 14.75 0.583313 14.4142 0.583313 14C0.583313 13.6138 0.875119 13.2952 1.25031 13.2539V8.40039C1.25031 8.22619 1.24989 8.05011 1.26202 7.90137C1.2749 7.74382 1.30542 7.5511 1.4046 7.35645L1.45929 7.25977C1.59541 7.03774 1.79041 6.85619 2.02374 6.73731L2.16827 6.67578C2.31189 6.6246 2.44944 6.60439 2.56769 6.59473C2.71648 6.58257 2.8924 6.58301 3.06671 6.58301H4.25031V4.13379C4.25031 3.7728 4.24957 3.45625 4.27081 3.19629C4.29277 2.92773 4.34148 2.65351 4.47687 2.3877C4.67651 1.99588 4.99528 1.6773 5.38702 1.47754C5.65298 1.34203 5.92788 1.29247 6.19659 1.27051C6.45649 1.24928 6.77225 1.25 7.13312 1.25H8.86652C9.22731 1.25 9.54316 1.24931 9.80304 1.27051C10.0718 1.29247 10.3467 1.34203 10.6126 1.47754C11.0045 1.67729 11.3231 1.9958 11.5228 2.3877C11.6582 2.65357 11.7078 2.92767 11.7298 3.19629C11.751 3.45625 11.7503 3.7728 11.7503 4.13379V6.58301Z" };
+function c(r, n) {
+  return C(), H("path", o);
+}
+const s = /* @__PURE__ */ e(t, [["render", c]]);
+export {
+  s as default
+};

package/lib/src/bulb-D0JiMyD0.js

@@ -0,0 +1,14 @@
+import { openBlock as C, createElementBlock as e } from "vue";
+import { _ as o } from "./lib-DY_vUnHe.js";
+const r = {}, t = {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M7.99992 0.583374C8.41413 0.583374 8.74992 0.91916 8.74992 1.33337V2.00004C8.74992 2.41425 8.41413 2.75004 7.99992 2.75004C7.58571 2.75004 7.24992 2.41425 7.24992 2.00004V1.33337C7.24992 0.91916 7.58571 0.583374 7.99992 0.583374ZM2.73619 2.73631C3.02908 2.44342 3.50396 2.44342 3.79685 2.73631L4.19692 3.13638C4.48981 3.42927 4.48981 3.90414 4.19692 4.19704C3.90402 4.48993 3.42915 4.48993 3.13626 4.19704L2.73619 3.79697C2.4433 3.50408 2.4433 3.02921 2.73619 2.73631ZM13.2638 2.73638C13.5567 3.02931 13.5566 3.50418 13.2637 3.79704L12.8635 4.1971C12.5706 4.48996 12.0957 4.4899 11.8029 4.19697C11.51 3.90404 11.5101 3.42917 11.803 3.13631L12.2032 2.73625C12.4961 2.44339 12.971 2.44345 13.2638 2.73638ZM7.99992 4.75004C6.20499 4.75004 4.74992 6.20512 4.74992 8.00004C4.74992 9.79497 6.20499 11.25 7.99992 11.25C9.79484 11.25 11.2499 9.79497 11.2499 8.00004C11.2499 6.20512 9.79484 4.75004 7.99992 4.75004ZM3.24992 8.00004C3.24992 5.37669 5.37657 3.25004 7.99992 3.25004C10.6233 3.25004 12.7499 5.37669 12.7499 8.00004C12.7499 9.87608 11.6623 11.4981 10.0833 12.27V13.3334C10.0833 14.484 9.15051 15.4167 7.99992 15.4167C6.84933 15.4167 5.91659 14.484 5.91659 13.3334V12.27C4.33751 11.4981 3.24992 9.87608 3.24992 8.00004ZM7.41659 12.7146V13.3334C7.41659 13.6555 7.67775 13.9167 7.99992 13.9167C8.32208 13.9167 8.58325 13.6555 8.58325 13.3334V12.7146C8.39209 12.738 8.19741 12.75 7.99992 12.75C7.80243 12.75 7.60775 12.738 7.41659 12.7146ZM0.583252 8.00004C0.583252 7.58583 0.919038 7.25004 1.33325 7.25004H1.99992C2.41413 7.25004 2.74992 7.58583 2.74992 8.00004C2.74992 8.41425 2.41413 8.75004 1.99992 8.75004H1.33325C0.919038 8.75004 0.583252 8.41425 0.583252 8.00004ZM13.2499 8.00004C13.2499 7.58583 13.5857 7.25004 13.9999 7.25004H14.6666C15.0808 7.25004 15.4166 7.58583 15.4166 8.00004C15.4166 8.41425 15.0808 8.75004 14.6666 8.75004H13.9999C13.5857 8.75004 13.2499 8.41425 13.2499 8.00004Z"
+};
+function c(n, _) {
+  return C(), e("path", t);
+}
+const s = /* @__PURE__ */ o(r, [["render", c]]);
+export {
+  s as default
+};