@designcrowd/library.brand-page 6.2.3-ast-faq → 6.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/src/{CreatedOnBrandCrowd-de-de-BRisMzFY.js → CreatedOnBrandCrowd-de-de-Cn0M-eZ1.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-en-us-CDDsL9GX.js → CreatedOnBrandCrowd-en-us-DRLMSDZr.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-es-es-BkZrEo4j.js → CreatedOnBrandCrowd-es-es-BglTu73U.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-fr-sx_ury7R.js → CreatedOnBrandCrowd-fr-ca-Bj6YZ_el.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-ca-sx_ury7R.js → CreatedOnBrandCrowd-fr-fr-Bj6YZ_el.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-pt-DCWiAfkU.js → CreatedOnBrandCrowd-pt-br-DEoOmQ1F.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-br-DCWiAfkU.js → CreatedOnBrandCrowd-pt-pt-DEoOmQ1F.js} +1 -1
- package/lib/src/{CreatedOnDcom-de-de-C1S7f22L.js → CreatedOnDcom-de-de-BZ7gTt4Z.js} +1 -1
- package/lib/src/{CreatedOnDcom-en-us-DgTlWaXE.js → CreatedOnDcom-en-us-CD6Km5sH.js} +1 -1
- package/lib/src/{CreatedOnDcom-es-es-CxSQJe_V.js → CreatedOnDcom-es-es-CNpZHvEl.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-ca-Bbam2tt6.js → CreatedOnDcom-fr-ca-URS-ydJ1.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-fr-Cb0XDRPL.js → CreatedOnDcom-fr-fr-D2AVeA3H.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-br-BjdX3-E3.js → CreatedOnDcom-pt-br-C32frnFs.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-pt-BXpbfopB.js → CreatedOnDcom-pt-pt-TDYGjRXS.js} +1 -1
- package/lib/src/brand-page/constants/misc.constants.d.ts +0 -8
- package/lib/src/brand-page/constants/misc.constants.js +0 -7
- package/lib/src/brand-page/constants/styles.constants.d.ts +0 -2
- package/lib/src/brand-page/constants/styles.constants.js +0 -2
- package/lib/src/brand-page/models/content.model.d.ts +0 -1
- package/lib/src/brand-page/models/content.model.js +0 -1
- package/lib/src/brand-page/models/index.d.ts +0 -19
- package/lib/src/brand-page/utils/content-callback-util.d.ts +1 -2
- package/lib/src/brand-page/utils/content-callback-util.js +0 -3
- package/lib/src/brand-page/utils/model.util.d.ts +1 -2
- package/lib/src/brand-page/utils/model.util.js +0 -3
- package/lib/src/brand-page/utils/view-model.util.d.ts +0 -2
- package/lib/src/brand-page/utils/view-model.util.js +0 -24
- package/lib/src/brand-page/view-models.d.ts +2 -9
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +0 -10
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +0 -10
- package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.d.ts +0 -13
- package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js +30 -64
- package/lib/src/brand-page-maker/constants/config-settings-constant.d.ts +1 -2
- package/lib/src/brand-page-maker/constants/config-settings-constant.js +2 -101
- package/lib/src/brand-page-maker/models/content-settings-configs.d.ts +1 -22
- package/lib/src/brand-page-maker/models/content-settings-configs.js +0 -1
- package/lib/src/brand-page-maker/models/content-settings.d.ts +1 -4
- package/lib/src/brand-page-maker/models/content-settings.js +1 -45
- package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +0 -1
- package/lib/src/brand-page-maker/utils/apply-color-strategy.js +17 -47
- package/lib/src/brand-page-maker/utils/rich-text-editor.util.d.ts +0 -6
- package/lib/src/brand-page-maker/utils/rich-text-editor.util.js +1 -24
- package/lib/src/brand-page-maker/validators/field.validator.js +0 -2
- package/lib/src/bundled-translations-BYUfWBT3.js +179 -0
- package/lib/src/bundles/bundled-translations.json +2 -20
- package/lib/src/composables/useTranslate.d.ts +1 -1
- package/lib/src/composables/useTranslate.js +1 -1
- package/lib/src/css/library.brand-page-brandCrowd.min.css +36 -143
- package/lib/src/css/library.brand-page-brandPage.min.css +36 -143
- package/lib/src/css/library.brand-page-designCom.min.css +36 -143
- package/lib/src/css/library.brand-page-preview.min.css +36 -143
- package/lib/src/index.mjs +158 -159
- package/lib/src/{lib-DwpSAbLZ.js → lib-Dm9AuOJL.js} +26180 -26906
- package/lib/src/metadata-builder/parsers/section-tool-arguments.d.ts +1 -1
- package/lib/src/shared/color-strategies/color-strategies.js +0 -4
- package/lib/src/shared/color-strategies/rte-field-pairs.d.ts +0 -12
- package/lib/src/shared/color-strategies/rte-field-pairs.js +0 -10
- package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +0 -10
- package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +1 -11
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +0 -10
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +0 -10
- package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +0 -10
- package/lib/src/shared/content-settings/components/items-field/ItemsField.mixin.d.ts +1 -14
- package/lib/src/shared/content-settings/components/items-field/ItemsField.mixin.js +1 -11
- package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts +0 -12
- package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.js +0 -5
- package/lib/src/shared/content-settings/models.d.ts +0 -6
- package/lib/src/shared/content-settings/store/content-settings-store.d.ts +1 -14
- package/lib/src/shared/content-settings/store/content-settings-store.js +2 -24
- package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +0 -10
- package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +0 -10
- package/package.json +2 -2
- package/src/brand-page/components/page/PageComponent.vue +0 -2
- package/src/brand-page/constants/misc.constants.ts +0 -12
- package/src/brand-page/constants/styles.constants.ts +0 -2
- package/src/brand-page/models/content.model.ts +0 -1
- package/src/brand-page/models/index.ts +0 -21
- package/src/brand-page/utils/content-callback-util.ts +0 -5
- package/src/brand-page/utils/model.util.ts +0 -7
- package/src/brand-page/utils/view-model.util.test.ts +0 -96
- package/src/brand-page/utils/view-model.util.ts +0 -49
- package/src/brand-page/view-models.ts +1 -12
- package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +49 -37
- package/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.ts +30 -87
- package/src/brand-page-maker/constants/config-settings-constant.ts +0 -108
- package/src/brand-page-maker/convertors/i18n/converter.json +1 -4
- package/src/brand-page-maker/models/content-settings-configs.ts +0 -24
- package/src/brand-page-maker/models/content-settings.ts +0 -57
- package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +0 -2
- package/src/brand-page-maker/utils/__snapshots__/apply-color-strategy.golden.test.ts.snap +389 -3557
- package/src/brand-page-maker/utils/apply-color-strategy.test.ts +2 -104
- package/src/brand-page-maker/utils/apply-color-strategy.ts +19 -77
- package/src/brand-page-maker/utils/rich-text-editor.util.test.ts +0 -110
- package/src/brand-page-maker/utils/rich-text-editor.util.ts +0 -66
- package/src/brand-page-maker/validators/field.validator.ts +0 -2
- package/src/bundles/bundled-translations.json +2 -20
- package/src/composables/useTranslate.ts +1 -2
- package/src/metadata-builder/builders/item-id-utils.test.ts +0 -24
- package/src/metadata-builder/parsers/section-tool-arguments.ts +1 -2
- package/src/shared/color-strategies/color-strategies.ts +0 -4
- package/src/shared/color-strategies/rte-field-pairs.ts +0 -23
- package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +1 -17
- package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.vue +0 -3
- package/src/shared/content-settings/components/items-field/ItemsField.mixin.ts +1 -11
- package/src/shared/content-settings/components/items-field/ItemsField.vue +2 -8
- package/src/shared/content-settings/components/textarea-field/TextareaField.mixin.ts +0 -6
- package/src/shared/content-settings/components/textarea-field/TextareaField.vue +0 -1
- package/src/shared/content-settings/models.ts +0 -7
- package/src/shared/content-settings/store/content-settings-store.test.ts +0 -70
- package/src/shared/content-settings/store/content-settings-store.ts +3 -37
- package/src/shared/ecommerce-settings/util/refreshDuplicatedMetadata.test.ts +0 -19
- package/src/utils/minify-brand-page-metadata.test.ts +0 -35
- package/lib/src/brand-page-maker/convertors/faq-display-style.convertor.d.ts +0 -3
- package/lib/src/brand-page-maker/convertors/faq-display-style.convertor.js +0 -47
- package/lib/src/bundled-translations-DY9YvuL-.js +0 -179
- package/src/brand-page/components/faq-section/FaqSection.test.ts +0 -292
- package/src/brand-page/components/faq-section/FaqSection.vue +0 -299
- package/src/brand-page/components/section-heading/SectionHeading.vue +0 -52
- package/src/brand-page/components/text-wrapper/TextWrapper.test.ts +0 -33
- package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.test.ts +0 -165
- package/src/brand-page-maker/constants/faq-section-config.test.ts +0 -151
- package/src/brand-page-maker/convertors/faq-display-style.convertor.ts +0 -59
- package/src/metadata-builder/parsers/section-tool-map.test.ts +0 -12
- package/src/shared/content-settings/components/list-items-field/ListItemsField.test.ts +0 -429
- package/src/shared/content-settings/components/list-items-field/ListItemsField.vue +0 -262
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import type { ContentType } from '../../brand-page/models';
|
|
8
8
|
/** Content types not supported by the AI builder. */
|
|
9
|
-
type UnsupportedContentType = 'logo' | 'video' | 'map' | 'request-payment' | 'support-me' | 'shop-section'
|
|
9
|
+
type UnsupportedContentType = 'logo' | 'video' | 'map' | 'request-payment' | 'support-me' | 'shop-section';
|
|
10
10
|
export type SectionType = Exclude<ContentType, UnsupportedContentType>;
|
|
11
11
|
export interface TiptapMark {
|
|
12
12
|
type: 'bold' | 'italic' | 'underline' | 'strike' | 'link' | 'textStyle' | 'highlight';
|
|
@@ -221,10 +221,6 @@ export const FIELD_SLOT_MAP = {
|
|
|
221
221
|
nameStyle: 'onSurface',
|
|
222
222
|
positionStyle: 'onSurface',
|
|
223
223
|
testimonialStyle: 'onSurface',
|
|
224
|
-
// Per-item styles of each FAQ item (RTE_ITEM_FIELD_PAIRS). The rows sit on the
|
|
225
|
-
// section band — there is no raised card.
|
|
226
|
-
questionStyle: 'onSurface',
|
|
227
|
-
answerStyle: 'onSurface',
|
|
228
224
|
};
|
|
229
225
|
/**
|
|
230
226
|
* Resolve a field's slot: its default placement, promoted to the raised layer when this
|
|
@@ -11,18 +11,6 @@ export interface RTEFieldPair {
|
|
|
11
11
|
styleField: string;
|
|
12
12
|
}
|
|
13
13
|
export declare const RTE_SECTION_FIELD_PAIRS: Record<string, RTEFieldPair[]>;
|
|
14
|
-
/**
|
|
15
|
-
* RTE fields that live on each entry of an item list, each driven by a style field
|
|
16
|
-
* on the SAME item — every question is its own title-like field. The rewrap walks and
|
|
17
|
-
* the colour strategies visit every item for these.
|
|
18
|
-
*
|
|
19
|
-
* The Text block's `textItems` is not listed: its walk has its own legacy fallbacks
|
|
20
|
-
* (single-text mode, section-level `textStyle`) in `transformToRTE`.
|
|
21
|
-
*/
|
|
22
|
-
export interface RTEItemFieldPair extends RTEFieldPair {
|
|
23
|
-
itemsField: string;
|
|
24
|
-
}
|
|
25
|
-
export declare const RTE_ITEM_FIELD_PAIRS: Record<string, RTEItemFieldPair[]>;
|
|
26
14
|
/**
|
|
27
15
|
* The RTE text field a given style field drives, or `undefined` when that field
|
|
28
16
|
* drives no RTE content.
|
|
@@ -15,10 +15,6 @@ export const RTE_SECTION_FIELD_PAIRS = {
|
|
|
15
15
|
{ textField: 'title', styleField: 'titleStyle' },
|
|
16
16
|
{ textField: 'description', styleField: 'descriptionStyle' },
|
|
17
17
|
],
|
|
18
|
-
'faq-section': [
|
|
19
|
-
{ textField: 'title', styleField: 'titleStyle' },
|
|
20
|
-
{ textField: 'description', styleField: 'descriptionStyle' },
|
|
21
|
-
],
|
|
22
18
|
'images-section': [
|
|
23
19
|
{ textField: 'title', styleField: 'titleStyle' },
|
|
24
20
|
{ textField: 'description', styleField: 'descriptionStyle' },
|
|
@@ -57,12 +53,6 @@ export const RTE_SECTION_FIELD_PAIRS = {
|
|
|
57
53
|
{ textField: 'description', styleField: 'descriptionStyle' },
|
|
58
54
|
],
|
|
59
55
|
};
|
|
60
|
-
export const RTE_ITEM_FIELD_PAIRS = {
|
|
61
|
-
'faq-section': [
|
|
62
|
-
{ itemsField: 'items', textField: 'question', styleField: 'questionStyle' },
|
|
63
|
-
{ itemsField: 'items', textField: 'answer', styleField: 'answerStyle' },
|
|
64
|
-
],
|
|
65
|
-
};
|
|
66
56
|
/**
|
|
67
57
|
* The `text` section is absent from the map above: on brandSite its RTE lives
|
|
68
58
|
* per-item in `textItems[]`, which the editor walks separately. On
|
package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts
CHANGED
|
@@ -64,7 +64,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
64
64
|
selectedItemValue: string | null;
|
|
65
65
|
selectedItemIndex: number | null;
|
|
66
66
|
activeCategoryTab: ItemCategory;
|
|
67
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
68
67
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => Content | undefined;
|
|
69
68
|
getFieldSettings(state: {
|
|
70
69
|
addContentOptions: {
|
|
@@ -116,7 +115,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
116
115
|
selectedItemValue: string | null;
|
|
117
116
|
selectedItemIndex: number | null;
|
|
118
117
|
activeCategoryTab: ItemCategory;
|
|
119
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
120
118
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("../../models").ContentItemFieldSettings | undefined;
|
|
121
119
|
getItem(state: {
|
|
122
120
|
addContentOptions: {
|
|
@@ -168,7 +166,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
168
166
|
selectedItemValue: string | null;
|
|
169
167
|
selectedItemIndex: number | null;
|
|
170
168
|
activeCategoryTab: ItemCategory;
|
|
171
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
172
169
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
|
|
173
170
|
getValue(state: {
|
|
174
171
|
addContentOptions: {
|
|
@@ -220,7 +217,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
220
217
|
selectedItemValue: string | null;
|
|
221
218
|
selectedItemIndex: number | null;
|
|
222
219
|
activeCategoryTab: ItemCategory;
|
|
223
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
224
220
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => Content | string | undefined;
|
|
225
221
|
getItemState(state: {
|
|
226
222
|
addContentOptions: {
|
|
@@ -272,7 +268,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
272
268
|
selectedItemValue: string | null;
|
|
273
269
|
selectedItemIndex: number | null;
|
|
274
270
|
activeCategoryTab: ItemCategory;
|
|
275
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
276
271
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
|
|
277
272
|
getItemGroupState(state: {
|
|
278
273
|
addContentOptions: {
|
|
@@ -324,13 +319,11 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
324
319
|
selectedItemValue: string | null;
|
|
325
320
|
selectedItemIndex: number | null;
|
|
326
321
|
activeCategoryTab: ItemCategory;
|
|
327
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
328
322
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
|
|
329
323
|
mode(): import("../../store").ContentSettingsMode;
|
|
330
324
|
selectedItem(): ContentItem<any> | undefined;
|
|
331
325
|
selectedItemTemplate(): import("@brand-page-maker/models").ContentSettingsConfig<any> | undefined;
|
|
332
326
|
}, {
|
|
333
|
-
setActiveItem(contentId: string, itemId: string | undefined): void;
|
|
334
327
|
onContentChanged(): void;
|
|
335
328
|
_addItem({ item, index, }: {
|
|
336
329
|
item: ContentItem<any>;
|
|
@@ -394,9 +387,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
394
387
|
}): void;
|
|
395
388
|
updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
396
389
|
updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
397
|
-
updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
|
|
398
|
-
target: import("../../models").RteItemStyleTarget;
|
|
399
|
-
}): void;
|
|
400
390
|
_setActiveCategoryTab({ activeCategoryTab, }: {
|
|
401
391
|
activeCategoryTab: ItemCategory;
|
|
402
392
|
}): void;
|
|
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
33
33
|
selectedItemEventSource: import("vue").ComputedRef<"preview" | "contentSettings" | "pageSettings" | null>;
|
|
34
34
|
selectedItemIndex: import("vue").ComputedRef<number | null>;
|
|
35
35
|
selectedItemValue: import("vue").ComputedRef<string | null>;
|
|
36
|
-
contentType: import("vue").ComputedRef<"website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section" |
|
|
36
|
+
contentType: import("vue").ComputedRef<"website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section" | undefined>;
|
|
37
37
|
mode: import("vue").ComputedRef<"images" | "add" | "edit" | "focusedContentItem">;
|
|
38
38
|
isAdminMaker: import("vue").ComputedRef<boolean>;
|
|
39
39
|
contentSettingsStore: import("pinia").Store<"uiContentSettings", import("../../store").ContentSettingsState, {
|
|
@@ -88,7 +88,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
88
88
|
selectedItemValue: string | null;
|
|
89
89
|
selectedItemIndex: number | null;
|
|
90
90
|
activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
|
|
91
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
92
91
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
|
|
93
92
|
getFieldSettings(state: {
|
|
94
93
|
addContentOptions: {
|
|
@@ -140,7 +139,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
140
139
|
selectedItemValue: string | null;
|
|
141
140
|
selectedItemIndex: number | null;
|
|
142
141
|
activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
|
|
143
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
144
142
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => ContentItemFieldSettings | undefined;
|
|
145
143
|
getItem(state: {
|
|
146
144
|
addContentOptions: {
|
|
@@ -192,7 +190,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
192
190
|
selectedItemValue: string | null;
|
|
193
191
|
selectedItemIndex: number | null;
|
|
194
192
|
activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
|
|
195
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
196
193
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
|
|
197
194
|
getValue(state: {
|
|
198
195
|
addContentOptions: {
|
|
@@ -244,7 +241,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
244
241
|
selectedItemValue: string | null;
|
|
245
242
|
selectedItemIndex: number | null;
|
|
246
243
|
activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
|
|
247
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
248
244
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
|
|
249
245
|
getItemState(state: {
|
|
250
246
|
addContentOptions: {
|
|
@@ -296,7 +292,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
296
292
|
selectedItemValue: string | null;
|
|
297
293
|
selectedItemIndex: number | null;
|
|
298
294
|
activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
|
|
299
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
300
295
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
|
|
301
296
|
getItemGroupState(state: {
|
|
302
297
|
addContentOptions: {
|
|
@@ -348,13 +343,11 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
348
343
|
selectedItemValue: string | null;
|
|
349
344
|
selectedItemIndex: number | null;
|
|
350
345
|
activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
|
|
351
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
352
346
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
|
|
353
347
|
mode(): import("../../store").ContentSettingsMode;
|
|
354
348
|
selectedItem(): ContentItem<any> | undefined;
|
|
355
349
|
selectedItemTemplate(): import("../../../../brand-page-maker/models").ContentSettingsConfig<any> | undefined;
|
|
356
350
|
}, {
|
|
357
|
-
setActiveItem(contentId: string, itemId: string | undefined): void;
|
|
358
351
|
onContentChanged(): void;
|
|
359
352
|
_addItem({ item, index, }: {
|
|
360
353
|
item: ContentItem<any>;
|
|
@@ -418,9 +411,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
418
411
|
}): void;
|
|
419
412
|
updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
420
413
|
updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
421
|
-
updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
|
|
422
|
-
target: import("../../models").RteItemStyleTarget;
|
|
423
|
-
}): void;
|
|
424
414
|
_setActiveCategoryTab({ activeCategoryTab, }: {
|
|
425
415
|
activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
|
|
426
416
|
}): void;
|
|
@@ -76,7 +76,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
76
76
|
selectedItemValue: string | null;
|
|
77
77
|
selectedItemIndex: number | null;
|
|
78
78
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
79
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
80
79
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
|
|
81
80
|
getFieldSettings(state: {
|
|
82
81
|
addContentOptions: {
|
|
@@ -128,7 +127,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
128
127
|
selectedItemValue: string | null;
|
|
129
128
|
selectedItemIndex: number | null;
|
|
130
129
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
131
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
132
130
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("../../models").ContentItemFieldSettings | undefined;
|
|
133
131
|
getItem(state: {
|
|
134
132
|
addContentOptions: {
|
|
@@ -180,7 +178,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
180
178
|
selectedItemValue: string | null;
|
|
181
179
|
selectedItemIndex: number | null;
|
|
182
180
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
183
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
184
181
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentItem<any> | undefined;
|
|
185
182
|
getValue(state: {
|
|
186
183
|
addContentOptions: {
|
|
@@ -232,7 +229,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
232
229
|
selectedItemValue: string | null;
|
|
233
230
|
selectedItemIndex: number | null;
|
|
234
231
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
235
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
236
232
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
|
|
237
233
|
getItemState(state: {
|
|
238
234
|
addContentOptions: {
|
|
@@ -284,7 +280,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
284
280
|
selectedItemValue: string | null;
|
|
285
281
|
selectedItemIndex: number | null;
|
|
286
282
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
287
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
288
283
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
|
|
289
284
|
getItemGroupState(state: {
|
|
290
285
|
addContentOptions: {
|
|
@@ -336,13 +331,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
336
331
|
selectedItemValue: string | null;
|
|
337
332
|
selectedItemIndex: number | null;
|
|
338
333
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
339
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
340
334
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
|
|
341
335
|
mode(): import("../../store").ContentSettingsMode;
|
|
342
336
|
selectedItem(): import("../../models").ContentItem<any> | undefined;
|
|
343
337
|
selectedItemTemplate(): ContentSettingsConfig<any> | undefined;
|
|
344
338
|
}, {
|
|
345
|
-
setActiveItem(contentId: string, itemId: string | undefined): void;
|
|
346
339
|
onContentChanged(): void;
|
|
347
340
|
_addItem({ item, index, }: {
|
|
348
341
|
item: import("../../models").ContentItem<any>;
|
|
@@ -406,9 +399,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
406
399
|
}): void;
|
|
407
400
|
updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
408
401
|
updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
409
|
-
updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
|
|
410
|
-
target: import("../../models").RteItemStyleTarget;
|
|
411
|
-
}): void;
|
|
412
402
|
_setActiveCategoryTab({ activeCategoryTab, }: {
|
|
413
403
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
414
404
|
}): void;
|
|
@@ -116,7 +116,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
116
116
|
selectedItemValue: string | null;
|
|
117
117
|
selectedItemIndex: number | null;
|
|
118
118
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
119
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
120
119
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => Content | undefined;
|
|
121
120
|
getFieldSettings(state: {
|
|
122
121
|
addContentOptions: {
|
|
@@ -168,7 +167,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
168
167
|
selectedItemValue: string | null;
|
|
169
168
|
selectedItemIndex: number | null;
|
|
170
169
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
171
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
172
170
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("../../models").ContentItemFieldSettings | undefined;
|
|
173
171
|
getItem(state: {
|
|
174
172
|
addContentOptions: {
|
|
@@ -220,7 +218,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
220
218
|
selectedItemValue: string | null;
|
|
221
219
|
selectedItemIndex: number | null;
|
|
222
220
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
223
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
224
221
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
|
|
225
222
|
getValue(state: {
|
|
226
223
|
addContentOptions: {
|
|
@@ -272,7 +269,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
272
269
|
selectedItemValue: string | null;
|
|
273
270
|
selectedItemIndex: number | null;
|
|
274
271
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
275
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
276
272
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => Content | string | undefined;
|
|
277
273
|
getItemState(state: {
|
|
278
274
|
addContentOptions: {
|
|
@@ -324,7 +320,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
324
320
|
selectedItemValue: string | null;
|
|
325
321
|
selectedItemIndex: number | null;
|
|
326
322
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
327
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
328
323
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
|
|
329
324
|
getItemGroupState(state: {
|
|
330
325
|
addContentOptions: {
|
|
@@ -376,13 +371,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
376
371
|
selectedItemValue: string | null;
|
|
377
372
|
selectedItemIndex: number | null;
|
|
378
373
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
379
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
380
374
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
|
|
381
375
|
mode(): import("../../store").ContentSettingsMode;
|
|
382
376
|
selectedItem(): ContentItem<any> | undefined;
|
|
383
377
|
selectedItemTemplate(): import("@brand-page-maker/models").ContentSettingsConfig<any> | undefined;
|
|
384
378
|
}, {
|
|
385
|
-
setActiveItem(contentId: string, itemId: string | undefined): void;
|
|
386
379
|
onContentChanged(): void;
|
|
387
380
|
_addItem({ item, index, }: {
|
|
388
381
|
item: ContentItem<any>;
|
|
@@ -446,9 +439,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
446
439
|
}): void;
|
|
447
440
|
updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
448
441
|
updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
449
|
-
updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
|
|
450
|
-
target: import("../../models").RteItemStyleTarget;
|
|
451
|
-
}): void;
|
|
452
442
|
_setActiveCategoryTab({ activeCategoryTab, }: {
|
|
453
443
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
454
444
|
}): void;
|
|
@@ -69,7 +69,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
69
69
|
selectedItemValue: string | null;
|
|
70
70
|
selectedItemIndex: number | null;
|
|
71
71
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
72
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
73
72
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
|
|
74
73
|
getFieldSettings(state: {
|
|
75
74
|
addContentOptions: {
|
|
@@ -121,7 +120,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
121
120
|
selectedItemValue: string | null;
|
|
122
121
|
selectedItemIndex: number | null;
|
|
123
122
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
124
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
125
123
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("../../models").ContentItemFieldSettings | undefined;
|
|
126
124
|
getItem(state: {
|
|
127
125
|
addContentOptions: {
|
|
@@ -173,7 +171,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
173
171
|
selectedItemValue: string | null;
|
|
174
172
|
selectedItemIndex: number | null;
|
|
175
173
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
176
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
177
174
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
|
|
178
175
|
getValue(state: {
|
|
179
176
|
addContentOptions: {
|
|
@@ -225,7 +222,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
225
222
|
selectedItemValue: string | null;
|
|
226
223
|
selectedItemIndex: number | null;
|
|
227
224
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
228
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
229
225
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
|
|
230
226
|
getItemState(state: {
|
|
231
227
|
addContentOptions: {
|
|
@@ -277,7 +273,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
277
273
|
selectedItemValue: string | null;
|
|
278
274
|
selectedItemIndex: number | null;
|
|
279
275
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
280
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
281
276
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
|
|
282
277
|
getItemGroupState(state: {
|
|
283
278
|
addContentOptions: {
|
|
@@ -329,13 +324,11 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
329
324
|
selectedItemValue: string | null;
|
|
330
325
|
selectedItemIndex: number | null;
|
|
331
326
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
332
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
333
327
|
} & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
|
|
334
328
|
mode(): import("../../store").ContentSettingsMode;
|
|
335
329
|
selectedItem(): ContentItem<any> | undefined;
|
|
336
330
|
selectedItemTemplate(): ContentSettingsConfig<any> | undefined;
|
|
337
331
|
}, {
|
|
338
|
-
setActiveItem(contentId: string, itemId: string | undefined): void;
|
|
339
332
|
onContentChanged(): void;
|
|
340
333
|
_addItem({ item, index, }: {
|
|
341
334
|
item: ContentItem<any>;
|
|
@@ -399,9 +392,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
399
392
|
}): void;
|
|
400
393
|
updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
401
394
|
updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
|
|
402
|
-
updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
|
|
403
|
-
target: import("../../models").RteItemStyleTarget;
|
|
404
|
-
}): void;
|
|
405
395
|
_setActiveCategoryTab({ activeCategoryTab, }: {
|
|
406
396
|
activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
|
|
407
397
|
}): void;
|
|
@@ -34,11 +34,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
34
34
|
required: false;
|
|
35
35
|
default: boolean;
|
|
36
36
|
};
|
|
37
|
-
deleteLabel: {
|
|
38
|
-
type: StringConstructor;
|
|
39
|
-
required: false;
|
|
40
|
-
default: string;
|
|
41
|
-
};
|
|
42
37
|
}>, {}, {
|
|
43
38
|
itemStates: Record<number, ItemFieldState>;
|
|
44
39
|
}, {
|
|
@@ -48,10 +43,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
48
43
|
};
|
|
49
44
|
}, {
|
|
50
45
|
toggleCollapsed(index: number): void;
|
|
51
|
-
expand(index: number): void;
|
|
52
46
|
onDelete(index: number): void;
|
|
53
47
|
onEdit(index: number): void;
|
|
54
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("items-change" | "items-delete" | "itemsEdit"
|
|
48
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("items-change" | "items-delete" | "itemsEdit")[], "items-change" | "items-delete" | "itemsEdit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
55
49
|
items: {
|
|
56
50
|
type: PropType<ItemFieldItem[]>;
|
|
57
51
|
required: true;
|
|
@@ -76,19 +70,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
76
70
|
required: false;
|
|
77
71
|
default: boolean;
|
|
78
72
|
};
|
|
79
|
-
deleteLabel: {
|
|
80
|
-
type: StringConstructor;
|
|
81
|
-
required: false;
|
|
82
|
-
default: string;
|
|
83
|
-
};
|
|
84
73
|
}>> & Readonly<{
|
|
85
74
|
"onItems-change"?: ((...args: any[]) => any) | undefined;
|
|
86
75
|
"onItems-delete"?: ((...args: any[]) => any) | undefined;
|
|
87
76
|
onItemsEdit?: ((...args: any[]) => any) | undefined;
|
|
88
|
-
"onItem-toggle"?: ((...args: any[]) => any) | undefined;
|
|
89
77
|
}>, {
|
|
90
78
|
collapsedByDefault: boolean;
|
|
91
79
|
isDraggable: boolean;
|
|
92
|
-
deleteLabel: string;
|
|
93
80
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
94
81
|
export default _default;
|
|
@@ -25,13 +25,8 @@ export default defineComponent({
|
|
|
25
25
|
required: false,
|
|
26
26
|
default: true,
|
|
27
27
|
},
|
|
28
|
-
deleteLabel: {
|
|
29
|
-
type: String,
|
|
30
|
-
required: false,
|
|
31
|
-
default: 'Delete payment option',
|
|
32
|
-
},
|
|
33
28
|
},
|
|
34
|
-
emits: ['items-change', 'items-delete', 'itemsEdit'
|
|
29
|
+
emits: ['items-change', 'items-delete', 'itemsEdit'],
|
|
35
30
|
data: () => ({
|
|
36
31
|
itemStates: {},
|
|
37
32
|
}),
|
|
@@ -72,11 +67,6 @@ export default defineComponent({
|
|
|
72
67
|
methods: {
|
|
73
68
|
toggleCollapsed(index) {
|
|
74
69
|
this.itemStates[index].isCollapsed = !this.itemStates[index].isCollapsed;
|
|
75
|
-
this.$emit('item-toggle', index, this.itemStates[index].isCollapsed);
|
|
76
|
-
},
|
|
77
|
-
expand(index) {
|
|
78
|
-
this.itemStates[index] = { index, isCollapsed: false };
|
|
79
|
-
this.$emit('item-toggle', index, false);
|
|
80
70
|
},
|
|
81
71
|
onDelete(index) {
|
|
82
72
|
this.$emit('items-delete', index);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { type PropType } from 'vue';
|
|
2
2
|
import type { TextItem } from '@brand-page';
|
|
3
|
-
import type { RteItemStyleTarget } from '../../models';
|
|
4
3
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
4
|
enableMaxLengthError: {
|
|
6
5
|
type: BooleanConstructor;
|
|
@@ -11,11 +10,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
11
10
|
type: PropType<TextItem>;
|
|
12
11
|
required: true;
|
|
13
12
|
};
|
|
14
|
-
itemStyleTarget: {
|
|
15
|
-
type: PropType<RteItemStyleTarget>;
|
|
16
|
-
required: false;
|
|
17
|
-
default: undefined;
|
|
18
|
-
};
|
|
19
13
|
}>, {}, {}, {}, {
|
|
20
14
|
onForceUpdate(): void;
|
|
21
15
|
}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -227,13 +221,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
227
221
|
type: PropType<TextItem>;
|
|
228
222
|
required: true;
|
|
229
223
|
};
|
|
230
|
-
itemStyleTarget: {
|
|
231
|
-
type: PropType<RteItemStyleTarget>;
|
|
232
|
-
required: false;
|
|
233
|
-
default: undefined;
|
|
234
|
-
};
|
|
235
224
|
}>> & Readonly<{}>, {
|
|
236
225
|
enableMaxLengthError: boolean;
|
|
237
|
-
itemStyleTarget: RteItemStyleTarget;
|
|
238
226
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
239
227
|
export default _default;
|
|
@@ -106,12 +106,6 @@ export interface UpdateMultipleItemValuesPayload<T extends object> {
|
|
|
106
106
|
/** See UpdateItemValuePayload.isHydrationWrite. */
|
|
107
107
|
isHydrationWrite?: boolean;
|
|
108
108
|
}
|
|
109
|
-
/** The list item whose style an item-level RTE writes (e.g. `items[2].questionStyle`). */
|
|
110
|
-
export interface RteItemStyleTarget {
|
|
111
|
-
itemsField: string;
|
|
112
|
-
index: number;
|
|
113
|
-
styleField: string;
|
|
114
|
-
}
|
|
115
109
|
export interface ValidateItemPayload {
|
|
116
110
|
id: string;
|
|
117
111
|
name: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AddContentOption, ContentItem, ContentItemFieldSettings, ContentSettingsItemGroupState, ContentSettingsItemState, SetItemSettingsFieldErrorMessagePayload, UpdateItemValuePayload, UpdateMultipleItemValuesPayload,
|
|
1
|
+
import type { AddContentOption, ContentItem, ContentItemFieldSettings, ContentSettingsItemGroupState, ContentSettingsItemState, SetItemSettingsFieldErrorMessagePayload, UpdateItemValuePayload, UpdateMultipleItemValuesPayload, ValidateItemPayload } from '../models';
|
|
2
2
|
import type { ColorReplacement, Content } from '@brand-page';
|
|
3
3
|
import type { UIEventSource } from '../../models';
|
|
4
4
|
import type { ContentSettingsConfig, ItemCategory } from '@brand-page-maker/models';
|
|
@@ -28,8 +28,6 @@ export interface ContentSettingsState {
|
|
|
28
28
|
selectedItemValue: string | null;
|
|
29
29
|
selectedItemIndex: number | null;
|
|
30
30
|
activeCategoryTab: ItemCategory;
|
|
31
|
-
/** Content id → the list item its settings panel has open; the maker canvas opens it too. UI-only, never saved. */
|
|
32
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
33
31
|
}
|
|
34
32
|
export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<"uiContentSettings", ContentSettingsState, {
|
|
35
33
|
contentErrorCount(): number;
|
|
@@ -83,7 +81,6 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
|
|
|
83
81
|
selectedItemValue: string | null;
|
|
84
82
|
selectedItemIndex: number | null;
|
|
85
83
|
activeCategoryTab: ItemCategory;
|
|
86
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
87
84
|
} & import("pinia").PiniaCustomStateProperties<ContentSettingsState>): (id: string) => Content | undefined;
|
|
88
85
|
getFieldSettings(state: {
|
|
89
86
|
addContentOptions: {
|
|
@@ -135,7 +132,6 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
|
|
|
135
132
|
selectedItemValue: string | null;
|
|
136
133
|
selectedItemIndex: number | null;
|
|
137
134
|
activeCategoryTab: ItemCategory;
|
|
138
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
139
135
|
} & import("pinia").PiniaCustomStateProperties<ContentSettingsState>): (id: string, fieldName: string) => ContentItemFieldSettings | undefined;
|
|
140
136
|
getItem(state: {
|
|
141
137
|
addContentOptions: {
|
|
@@ -187,7 +183,6 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
|
|
|
187
183
|
selectedItemValue: string | null;
|
|
188
184
|
selectedItemIndex: number | null;
|
|
189
185
|
activeCategoryTab: ItemCategory;
|
|
190
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
191
186
|
} & import("pinia").PiniaCustomStateProperties<ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
|
|
192
187
|
getValue(state: {
|
|
193
188
|
addContentOptions: {
|
|
@@ -239,7 +234,6 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
|
|
|
239
234
|
selectedItemValue: string | null;
|
|
240
235
|
selectedItemIndex: number | null;
|
|
241
236
|
activeCategoryTab: ItemCategory;
|
|
242
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
243
237
|
} & import("pinia").PiniaCustomStateProperties<ContentSettingsState>): (id: string, fieldName: string) => Content | string | undefined;
|
|
244
238
|
getItemState(state: {
|
|
245
239
|
addContentOptions: {
|
|
@@ -291,7 +285,6 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
|
|
|
291
285
|
selectedItemValue: string | null;
|
|
292
286
|
selectedItemIndex: number | null;
|
|
293
287
|
activeCategoryTab: ItemCategory;
|
|
294
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
295
288
|
} & import("pinia").PiniaCustomStateProperties<ContentSettingsState>): (id: string) => ContentSettingsItemState;
|
|
296
289
|
getItemGroupState(state: {
|
|
297
290
|
addContentOptions: {
|
|
@@ -343,13 +336,11 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
|
|
|
343
336
|
selectedItemValue: string | null;
|
|
344
337
|
selectedItemIndex: number | null;
|
|
345
338
|
activeCategoryTab: ItemCategory;
|
|
346
|
-
activeItemIdByContentId: Record<string, string | undefined>;
|
|
347
339
|
} & import("pinia").PiniaCustomStateProperties<ContentSettingsState>): (id: string, groupId: string) => ContentSettingsItemGroupState;
|
|
348
340
|
mode(): ContentSettingsMode;
|
|
349
341
|
selectedItem(): ContentItem<any> | undefined;
|
|
350
342
|
selectedItemTemplate(): ContentSettingsConfig<any> | undefined;
|
|
351
343
|
}, {
|
|
352
|
-
setActiveItem(contentId: string, itemId: string | undefined): void;
|
|
353
344
|
onContentChanged(): void;
|
|
354
345
|
_addItem({ item, index, }: {
|
|
355
346
|
item: ContentItem<any>;
|
|
@@ -413,10 +404,6 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
|
|
|
413
404
|
}): void;
|
|
414
405
|
updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: UpdateMultipleItemValuesPayload<any>): void;
|
|
415
406
|
updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: UpdateMultipleItemValuesPayload<any>): void;
|
|
416
|
-
/** Merge into the style of one list item, e.g. `items[2].questionStyle`. */
|
|
417
|
-
updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<UpdateMultipleItemValuesPayload<any>, "index"> & {
|
|
418
|
-
target: RteItemStyleTarget;
|
|
419
|
-
}): void;
|
|
420
407
|
_setActiveCategoryTab({ activeCategoryTab, }: {
|
|
421
408
|
activeCategoryTab: ItemCategory;
|
|
422
409
|
}): void;
|