@dcodegroup-au/page-builder 0.5.0 → 0.5.1

package/example/src/App.vue

@@ -94,7 +94,7 @@ const breadcrumbs = [
     {{ JSON.stringify(PartnerWithUs) }}
     <div style="margin: 40px 0">
       <h1 style="margin-bottom: 20px; font-size: 50px;">Page Render</h1>
-      <PageRender :page="PartnerWithUs"/>
+      <PageRender :page="ChildSafeStandard"/>
     </div>
     <div style="margin: 40px 0">
       <h1 style="margin-bottom: 20px; font-size: 50px;">Slider Edit</h1>
@@ -110,7 +110,7 @@ const breadcrumbs = [
     </div>
     <div style="margin: 40px 0">
       <h1 style="margin-bottom: 20px; font-size: 50px;">Page Builder</h1>
-      <PageBuilder v-model="PartnerWithUs" :breadcrumbs="breadcrumbs"/>
+      <PageBuilder v-model="AdvisoryServices" :breadcrumbs="breadcrumbs"/>
     </div>
   </div>
 </template>

package/example/src/pages/PartnerWithUs.js

@@ -1,6 +1,6 @@
 export const PartnerWithUs =
   {
-  title: "Advisory Services",
+  title: "Partner with Us",
   sections: [
     {
       title: "Standard header",
@@ -64,7 +64,7 @@ export const PartnerWithUs =
           title: "Our Partnership and Commitment",
           text_center: true,
           supporting_text_max_length: 500,
-          supporting_text: "We create software to address real-world needs — making life easier.",
+          supporting_text: null,
         },
         {
           name: "Feature items",
@@ -132,6 +132,7 @@ export const PartnerWithUs =
           name: "Bullet Points",
           type: "bullet_points",
           supportive_text: "This section can contain up to 10 items.",
+          has_type_switcher: false,
           max_items: 10,
           max_title: 500,
           data: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcodegroup-au/page-builder",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "exports": {
     ".": {
       "import": "./dist/page-builder.es.js"

package/src/components/builders/Links.vue

@@ -38,7 +38,7 @@
           </div>
         </div>
         <div class="flex flex-col gap-6">
-          <div class="flex gap-4" v-if="componentData?.has_type_switcher">
+          <div class="flex gap-4" v-if="!componentData?.hasOwnProperty('has_type_switcher') || componentData?.has_type_switcher">
             <label v-for="option in options" class="flex items-center gap-2 cursor-pointer">
               <input
                   :name="`content_type${index}`"

package/src/components/common/Button.vue

@@ -26,14 +26,14 @@
           :label-text="`${capitalize(button?.type)} *`"
           class="w-full mb-4"
           :value="button.address"
-          :limit="20"
+          :limit="100"
       >
         <input
             v-model="button.address"
             name="button.label"
             :type="button?.type === 'email' ? 'email' : 'tel'"
             placeholder="Label"
-            :maxlength="20"
+            :maxlength="100"
             class="border-1 border-solid border-gray-300 rounded-lg bg-white w-full"
         />
       </input-wrapper>

package/src/components/presenters/modules/TwoColumnsImageContent.vue

@@ -28,8 +28,8 @@
             <div v-for="item in featureItemsComponent.data"
                  class="flex gap-3 w-full"
                  :class="{
-              'bg-gray-50 p-8 rounded-tl-[24px] rounded-br-[24px] overflow-hidden flex-col' : featureItemsComponent.hasOwnProperty('grid_columns') && (featureItemsComponent.grid_columns > 2 || featureItemsComponent?.has_background),
-              '!p-0': item?.image
+              'bg-gray-50 p-8 rounded-[24px] overflow-hidden flex-col' : featureItemsComponent.hasOwnProperty('grid_columns') && (featureItemsComponent.grid_columns > 2 || featureItemsComponent?.has_background),
+              '!p-0 rounded-tr-[0px] rounded-bl-[0px]': item?.image
             }">
               <template v-if="item.title">
                 <div v-if="item?.icon"
@@ -41,7 +41,7 @@
                   <p class="mt-2 text-md font-normal text-gray-600 leading-[24px]">{{ item.supporting_text }}</p>
                 </div>
               </template>
-              <img v-else :src="item.image" alt="Feature Image"/>
+              <img v-else :src="item.image" alt="Feature Image" class="w-full h-full object-cover"/>
             </div>
           </div>
           <div v-if="imageComponent" class="w-[560px]">