@dcodegroup-au/page-builder 0.6.4 → 0.6.6

package/dist/page-builder.css

@@ -796,10 +796,6 @@ select {
   margin-left: auto;
   margin-right: auto;
 }
-.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -928,6 +924,12 @@ select {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
 }
+.line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
 .\!block {
   display: block !important;
 }
@@ -1015,8 +1017,8 @@ select {
 .h-\[28px\] {
   height: 28px;
 }
-.h-\[309px\] {
-  height: 309px;
+.h-\[318px\] {
+  height: 318px;
 }
 .h-\[32px\] {
   height: 32px;
@@ -1061,6 +1063,9 @@ select {
 .max-h-\[200px\] {
   max-height: 200px;
 }
+.max-h-\[48px\] {
+  max-height: 48px;
+}
 .max-h-screen {
   max-height: 100vh;
 }
@@ -1197,9 +1202,6 @@ select {
 .min-w-\[480px\] {
   min-width: 480px;
 }
-.min-w-\[48px\] {
-  min-width: 48px;
-}
 .min-w-\[50\%\] {
   min-width: 50%;
 }

package/dist/page-builder.es.js

@@ -48408,22 +48408,25 @@ const _sfc_main$k = {
   }
 };
 const _hoisted_1$y = { class: "relative" };
-const _hoisted_2$h = { class: "mb-4" };
+const _hoisted_2$h = {
+  key: 0,
+  class: "mb-4"
+};
 const _hoisted_3$g = ["src"];
 const _hoisted_4$g = {
-  key: 0,
+  key: 1,
   class: "flex gap-2"
 };
-const _hoisted_5$g = { class: "my-3" };
+const _hoisted_5$g = { class: "mb-2" };
 const _hoisted_6$g = ["href"];
 const _hoisted_7$f = ["innerHTML"];
 const _hoisted_8$e = {
-  key: 1,
+  key: 2,
   class: "flex gap-2 text-gray-600 mt-6 font-semibold"
 };
 const _hoisted_9$e = ["innerHTML"];
 const _hoisted_10$b = {
-  key: 2,
+  key: 3,
   class: "flex gap-2 text-gray-600 mt-2 font-semibold"
 };
 const _hoisted_11$a = ["innerHTML"];
@@ -48474,20 +48477,19 @@ const _sfc_main$j = {
           (openBlock(), createElementBlock(Fragment, null, renderList(slides, (slide, index) => {
             return createElementVNode("div", {
               key: index,
-              class: normalizeClass(["slider-item flex-shrink-0 flex-1 mr-6 min-w-[480px]", { "h-[309px]": !__props.hasBackground, "h-full": __props.hasBackground }])
+              class: normalizeClass(["slider-item flex-shrink-0 flex-1 mr-6 min-w-[480px]", { "h-[318px]": !__props.hasBackground, "h-full": __props.hasBackground }])
             }, [
               createElementVNode("div", {
                 class: normalizeClass(["w-full p-4 rounded-[16px]", { "bg-gray-50 h-full flex flex-col justify-between": !__props.hasBackground, "bg-white": __props.hasBackground }])
               }, [
                 createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_2$h, [
-                    slide.image ? (openBlock(), createElementBlock("img", {
-                      key: 0,
+                  slide.image ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+                    createElementVNode("img", {
                       src: slide.image,
                       alt: "Slide Image",
                       class: "rounded-[8px] h-[220px] w-full object-cover"
-                    }, null, 8, _hoisted_3$g)) : createCommentVNode("", true)
-                  ]),
+                    }, null, 8, _hoisted_3$g)
+                  ])) : createCommentVNode("", true),
                   slide.tags && slide.tags.length ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(slide.tags, (tag) => {
                       return openBlock(), createElementBlock("span", {
@@ -48498,13 +48500,13 @@ const _sfc_main$j = {
                   ])) : createCommentVNode("", true),
                   createElementVNode("h3", _hoisted_5$g, [
                     createElementVNode("a", {
-                      class: "text-[24px] font-semibold text-gray-900 leading-[32px] hover:underline",
+                      class: "text-[24px] font-semibold text-gray-900 leading-[32px] hover:underline line-clamp-3",
                       href: unref(formatUrl)(slide.url),
                       target: "_blank"
                     }, toDisplayString(slide == null ? void 0 : slide.title), 9, _hoisted_6$g)
                   ]),
                   createElementVNode("p", {
-                    class: "text-base font-normal text-gray-600 leading-[24px] line-clamp-3",
+                    class: "text-base font-normal text-gray-600 leading-[24px] line-clamp-4",
                     innerHTML: slide == null ? void 0 : slide.description
                   }, null, 8, _hoisted_7$f),
                   (slide == null ? void 0 : slide.type) === "event" ? (openBlock(), createElementBlock("div", _hoisted_8$e, [
@@ -48881,7 +48883,7 @@ const _sfc_main$f = {
               ], 8, _hoisted_4$e)) : createCommentVNode("", true),
               headerComponent.value.primary_button.show ? (openBlock(), createElementBlock("a", {
                 key: 1,
-                class: "bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
+                class: "font-semibold bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
                 href: unref(formatUrl)(headerComponent.value.primary_button.url),
                 target: headerComponent.value.primary_button.open_in_new_tab ? "_blank" : ""
               }, [
@@ -49037,7 +49039,7 @@ const _hoisted_9$b = { class: "text-[36px] text-gray-900 font-semibold" };
 const _hoisted_10$9 = ["innerHTML"];
 const _hoisted_11$8 = {
   key: 0,
-  class: "max-w-[48px] min-w-[48px] w-full h-[48px] bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
+  class: "max-w-[48px] w-full max-h-[48px] h-full bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
 };
 const _hoisted_12$6 = { class: "font-semibold text-[20px] text-gray-900" };
 const _hoisted_13$4 = ["innerHTML"];
@@ -49167,7 +49169,7 @@ const _sfc_main$d = {
                         }, null, 8, _hoisted_13$4),
                         ((_c2 = item == null ? void 0 : item.primary_button) == null ? void 0 : _c2.show) ? (openBlock(), createElementBlock("a", {
                           key: 0,
-                          class: "text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
+                          class: "cursor-pointer text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
                           href: unref(formatUrl)(item.primary_button.url),
                           target: item.primary_button.open_in_new_tab ? "_blank" : ""
                         }, [

package/dist/page-builder.umd.js

@@ -48411,22 +48411,25 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$y = { class: "relative" };
-  const _hoisted_2$h = { class: "mb-4" };
+  const _hoisted_2$h = {
+    key: 0,
+    class: "mb-4"
+  };
   const _hoisted_3$g = ["src"];
   const _hoisted_4$g = {
-    key: 0,
+    key: 1,
     class: "flex gap-2"
   };
-  const _hoisted_5$g = { class: "my-3" };
+  const _hoisted_5$g = { class: "mb-2" };
   const _hoisted_6$g = ["href"];
   const _hoisted_7$f = ["innerHTML"];
   const _hoisted_8$e = {
-    key: 1,
+    key: 2,
     class: "flex gap-2 text-gray-600 mt-6 font-semibold"
   };
   const _hoisted_9$e = ["innerHTML"];
   const _hoisted_10$b = {
-    key: 2,
+    key: 3,
     class: "flex gap-2 text-gray-600 mt-2 font-semibold"
   };
   const _hoisted_11$a = ["innerHTML"];
@@ -48477,20 +48480,19 @@ ${escapeText(this.code(index, length))}
             (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(slides, (slide, index) => {
               return vue.createElementVNode("div", {
                 key: index,
-                class: vue.normalizeClass(["slider-item flex-shrink-0 flex-1 mr-6 min-w-[480px]", { "h-[309px]": !__props.hasBackground, "h-full": __props.hasBackground }])
+                class: vue.normalizeClass(["slider-item flex-shrink-0 flex-1 mr-6 min-w-[480px]", { "h-[318px]": !__props.hasBackground, "h-full": __props.hasBackground }])
               }, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(["w-full p-4 rounded-[16px]", { "bg-gray-50 h-full flex flex-col justify-between": !__props.hasBackground, "bg-white": __props.hasBackground }])
                 }, [
                   vue.createElementVNode("div", null, [
-                    vue.createElementVNode("div", _hoisted_2$h, [
-                      slide.image ? (vue.openBlock(), vue.createElementBlock("img", {
-                        key: 0,
+                    slide.image ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
+                      vue.createElementVNode("img", {
                         src: slide.image,
                         alt: "Slide Image",
                         class: "rounded-[8px] h-[220px] w-full object-cover"
-                      }, null, 8, _hoisted_3$g)) : vue.createCommentVNode("", true)
-                    ]),
+                      }, null, 8, _hoisted_3$g)
+                    ])) : vue.createCommentVNode("", true),
                     slide.tags && slide.tags.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$g, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(slide.tags, (tag) => {
                         return vue.openBlock(), vue.createElementBlock("span", {
@@ -48501,13 +48503,13 @@ ${escapeText(this.code(index, length))}
                     ])) : vue.createCommentVNode("", true),
                     vue.createElementVNode("h3", _hoisted_5$g, [
                       vue.createElementVNode("a", {
-                        class: "text-[24px] font-semibold text-gray-900 leading-[32px] hover:underline",
+                        class: "text-[24px] font-semibold text-gray-900 leading-[32px] hover:underline line-clamp-3",
                         href: vue.unref(formatUrl)(slide.url),
                         target: "_blank"
                       }, vue.toDisplayString(slide == null ? void 0 : slide.title), 9, _hoisted_6$g)
                     ]),
                     vue.createElementVNode("p", {
-                      class: "text-base font-normal text-gray-600 leading-[24px] line-clamp-3",
+                      class: "text-base font-normal text-gray-600 leading-[24px] line-clamp-4",
                       innerHTML: slide == null ? void 0 : slide.description
                     }, null, 8, _hoisted_7$f),
                     (slide == null ? void 0 : slide.type) === "event" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$e, [
@@ -48884,7 +48886,7 @@ ${escapeText(this.code(index, length))}
                 ], 8, _hoisted_4$e)) : vue.createCommentVNode("", true),
                 headerComponent.value.primary_button.show ? (vue.openBlock(), vue.createElementBlock("a", {
                   key: 1,
-                  class: "bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
+                  class: "font-semibold bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
                   href: vue.unref(formatUrl)(headerComponent.value.primary_button.url),
                   target: headerComponent.value.primary_button.open_in_new_tab ? "_blank" : ""
                 }, [
@@ -49040,7 +49042,7 @@ ${escapeText(this.code(index, length))}
   const _hoisted_10$9 = ["innerHTML"];
   const _hoisted_11$8 = {
     key: 0,
-    class: "max-w-[48px] min-w-[48px] w-full h-[48px] bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
+    class: "max-w-[48px] w-full max-h-[48px] h-full bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
   };
   const _hoisted_12$6 = { class: "font-semibold text-[20px] text-gray-900" };
   const _hoisted_13$4 = ["innerHTML"];
@@ -49170,7 +49172,7 @@ ${escapeText(this.code(index, length))}
                           }, null, 8, _hoisted_13$4),
                           ((_c2 = item == null ? void 0 : item.primary_button) == null ? void 0 : _c2.show) ? (vue.openBlock(), vue.createElementBlock("a", {
                             key: 0,
-                            class: "text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
+                            class: "cursor-pointer text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
                             href: vue.unref(formatUrl)(item.primary_button.url),
                             target: item.primary_button.open_in_new_tab ? "_blank" : ""
                           }, [

package/package.json

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

package/src/components/presenters/components/CarouselPresenter.vue

@@ -9,13 +9,12 @@
           v-for="(slide, index) in slides"
           :key="index"
           class="slider-item flex-shrink-0 flex-1 mr-6 min-w-[480px]"
-          :class="{'h-[309px]': !hasBackground, 'h-full': hasBackground}"
+          :class="{'h-[318px]': !hasBackground, 'h-full': hasBackground}"
       >
         <div class="w-full p-4 rounded-[16px]" :class="{'bg-gray-50 h-full flex flex-col justify-between': !hasBackground, 'bg-white': hasBackground}">
           <div>
-            <div class="mb-4">
+            <div class="mb-4" v-if="slide.image">
               <img
-                  v-if="slide.image"
                   :src="slide.image"
                   alt="Slide Image"
                   class="rounded-[8px] h-[220px] w-full object-cover"
@@ -30,14 +29,14 @@
                 {{ tag }}
               </span>
             </div>
-            <h3 class="my-3">
-              <a class="text-[24px] font-semibold text-gray-900 leading-[32px] hover:underline"
+            <h3 class="mb-2">
+              <a class="text-[24px] font-semibold text-gray-900 leading-[32px] hover:underline line-clamp-3"
                  :href="formatUrl(slide.url)" target="_blank">
                 {{ slide?.title }}
               </a>
             </h3>
             <p
-                class="text-base font-normal text-gray-600 leading-[24px] line-clamp-3"
+                class="text-base font-normal text-gray-600 leading-[24px] line-clamp-4"
                 v-html="slide?.description"
             ></p>
             <div v-if="slide?.type === 'event'" class="flex gap-2 text-gray-600 mt-6 font-semibold">

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

@@ -14,7 +14,7 @@
              :target="headerComponent.secondary_button.open_in_new_tab ? '_blank' : ''">
             <span>{{ headerComponent.secondary_button.label }}</span>
           </a>
-          <a class="bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base"
+          <a class="font-semibold bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base"
              :href="formatUrl(headerComponent.primary_button.url)"
              v-if="headerComponent.primary_button.show"
              :target="headerComponent.primary_button.open_in_new_tab ? '_blank' : ''">

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

@@ -33,15 +33,15 @@
             }">
               <template v-if="item.title">
                 <div v-if="item?.icon"
-                     class="max-w-[48px] min-w-[48px] w-full h-[48px] bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center">
+                     class="max-w-[48px] w-full max-h-[48px] h-full bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center">
                   <IconComponent :icon="item.icon" icon-classes="w-5 h-5 text-brand-600"></IconComponent>
                 </div>
                 <div class="max-w-[324px] ql-editor" :class="{'max-w-full': featureItemsComponent?.has_background}">
                   <h3 class="font-semibold text-[20px] text-gray-900">{{ item.title }}</h3>
-                  <p class="mt-2 text-md font-normal text-gray-600 leading-[24px]" v-html="item.supporting_text ?? item.description"></p>
+                  <p class=" mt-2 text-md font-normal text-gray-600 leading-[24px]" v-html="item.supporting_text ?? item.description"></p>
                   <a
                       v-if="item?.primary_button?.show"
-                      class="text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4"
+                      class="cursor-pointer text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4"
                       :href="formatUrl(item.primary_button.url)"
                       :target="item.primary_button.open_in_new_tab ? '_blank' : ''">
                     {{ item.primary_button.label }}