@dcodegroup-au/page-builder 0.4.5 → 0.4.7
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/dist/page-builder.es.js +931 -928
- package/dist/page-builder.umd.js +16 -16
- package/example/src/pages/ChildSafeStandard.js +2 -1
- package/package.json +1 -1
- package/src/components/builders/Header.vue +2 -2
- package/src/components/builders/Links.vue +15 -0
- package/src/components/presenters/modules/TwoColumnsImageContent.vue +2 -2
|
@@ -147,13 +147,14 @@ export const ChildSafeStandard =
|
|
|
147
147
|
has_extra: true,
|
|
148
148
|
as_item: true,
|
|
149
149
|
content_type: "image_only",
|
|
150
|
-
image: "https://beta-
|
|
150
|
+
image: "https://beta-public.elaa.org.au/fileman/Page%20Builder/play-based-learning-14istock070722npapproved.jpg",
|
|
151
151
|
},
|
|
152
152
|
{
|
|
153
153
|
has_extra: true,
|
|
154
154
|
as_item: true,
|
|
155
155
|
title: "Collaboration",
|
|
156
156
|
icon: 'AlignLeft01',
|
|
157
|
+
content_type: "content",
|
|
157
158
|
supporting_text: "We create software to address real-world needs — making life easier, work more efficient, and systems more intelligent 3.",
|
|
158
159
|
},
|
|
159
160
|
{
|
package/package.json
CHANGED
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
:label-text="dataRef?.supporting_text_label ?? 'Supporting Text *'"
|
|
41
41
|
class="w-full mb-4"
|
|
42
42
|
:value="dataRef.supporting_text"
|
|
43
|
-
:limit="dataRef.supporting_text_max_length ??
|
|
43
|
+
:limit="dataRef.supporting_text_max_length ?? 500"
|
|
44
44
|
>
|
|
45
45
|
<textarea
|
|
46
46
|
v-model="dataRef.supporting_text"
|
|
47
47
|
name="supporting_text"
|
|
48
48
|
type="text"
|
|
49
49
|
placeholder="Supporting Text"
|
|
50
|
-
:maxlength="dataRef.supporting_text_max_length ??
|
|
50
|
+
:maxlength="dataRef.supporting_text_max_length ?? 500"
|
|
51
51
|
class="border-1 border-solid border-gray-300 rounded-lg bg-white w-full"
|
|
52
52
|
/>
|
|
53
53
|
</input-wrapper>
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
:value="option.value"
|
|
47
47
|
v-model="item.content_type"
|
|
48
48
|
class="checked:bg-brand-600 hover:bg-brand-600 checked:hover:bg-brand-600 focus:bg-brand-600 focus:ring-brand-600 focus:checked:bg-brand-600 rounded-full"
|
|
49
|
+
@change="updateType(item)"
|
|
49
50
|
/>
|
|
50
51
|
<span>{{ option.label }}</span>
|
|
51
52
|
</label>
|
|
@@ -170,4 +171,18 @@ const deleteCallback = (index) => {
|
|
|
170
171
|
componentData.value.data?.splice(index, 1);
|
|
171
172
|
emit("update", false);
|
|
172
173
|
};
|
|
174
|
+
|
|
175
|
+
const updateType = (item) => {
|
|
176
|
+
if (item.content_type === 'content') {
|
|
177
|
+
delete item['image'];
|
|
178
|
+
item.icon = null;
|
|
179
|
+
item.title = null;
|
|
180
|
+
item.supporting_text = null;
|
|
181
|
+
} else {
|
|
182
|
+
item.image = null;
|
|
183
|
+
delete item['icon'];
|
|
184
|
+
delete item['supporting_text'];
|
|
185
|
+
delete item['title'];
|
|
186
|
+
}
|
|
187
|
+
};
|
|
173
188
|
</script>
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
<div v-for="item in featureItemsComponent.data"
|
|
28
28
|
class="flex gap-3"
|
|
29
29
|
:class="{
|
|
30
|
-
'bg-gray-50 p-8 rounded-[24px] flex-col' : featureItemsComponent.hasOwnProperty('grid_columns') && featureItemsComponent.grid_columns > 2,
|
|
31
|
-
'!p-0': item
|
|
30
|
+
'bg-gray-50 p-8 rounded-tl-[24px] rounded-br-[24px] overflow-hidden flex-col' : featureItemsComponent.hasOwnProperty('grid_columns') && featureItemsComponent.grid_columns > 2,
|
|
31
|
+
'!p-0': item?.image
|
|
32
32
|
}">
|
|
33
33
|
<template v-if="item.title">
|
|
34
34
|
<div v-if="item?.icon"
|