@dcodegroup-au/page-builder 0.6.7 → 0.6.9

package/dist/page-builder.css

@@ -1075,6 +1075,9 @@ select {
 .min-h-\[320px\] {
   min-height: 320px;
 }
+.min-h-\[48px\] {
+  min-height: 48px;
+}
 .min-h-\[90vh\] {
   min-height: 90vh;
 }
@@ -1202,6 +1205,9 @@ 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

@@ -45281,6 +45281,7 @@ const _sfc_main$C = {
     };
     const deleteCallback = (index) => {
       var _a;
+      componentData.value.data[index] = {};
       (_a = componentData.value.data) == null ? void 0 : _a.splice(index, 1);
       emit("update", false);
     };
@@ -45346,7 +45347,7 @@ const _sfc_main$C = {
               var _a2, _b, _c;
               return openBlock(), createElementBlock("div", {
                 class: "flex flex-col gap-4 rounded-xl px-6 py-4 bg-gray-200",
-                key: index,
+                key: `${index}-${Date.now() + Math.random()}`,
                 ref_for: true,
                 ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
               }, [
@@ -49039,7 +49040,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] w-full max-h-[48px] h-full bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
+  class: "max-w-[48px] min-w-[48px] w-full max-h-[48px] min-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"];

package/dist/page-builder.umd.js

@@ -45284,6 +45284,7 @@ ${escapeText(this.code(index, length))}
       };
       const deleteCallback = (index) => {
         var _a;
+        componentData.value.data[index] = {};
         (_a = componentData.value.data) == null ? void 0 : _a.splice(index, 1);
         emit("update", false);
       };
@@ -45349,7 +45350,7 @@ ${escapeText(this.code(index, length))}
                 var _a2, _b, _c;
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: "flex flex-col gap-4 rounded-xl px-6 py-4 bg-gray-200",
-                  key: index,
+                  key: `${index}-${Date.now() + Math.random()}`,
                   ref_for: true,
                   ref: index === componentData.value.data.length - 1 ? (el) => lastItemRef.value = el : null
                 }, [
@@ -49042,7 +49043,7 @@ ${escapeText(this.code(index, length))}
   const _hoisted_10$9 = ["innerHTML"];
   const _hoisted_11$8 = {
     key: 0,
-    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"
+    class: "max-w-[48px] min-w-[48px] w-full max-h-[48px] min-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"];

package/package.json

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

package/src/components/builders/Links.vue

@@ -44,7 +44,7 @@
       <div
           v-for="(item, index) in componentData.data"
           class="flex flex-col gap-4 rounded-xl px-6 py-4 bg-gray-200"
-          :key="index"
+          :key="`${index}-${Date.now() + Math.random()}`"
           :ref="index === componentData.data.length - 1 ? (el) => (lastItemRef = el) : null"
       >
         <div class="flex items-center justify-between">
@@ -186,6 +186,7 @@ const handleDeleteItem = (index) => {
 }
 
 const deleteCallback = (index) => {
+  componentData.value.data[index] = {};
   componentData.value.data?.splice(index, 1);
   emit("update", false);
 };

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

@@ -33,7 +33,7 @@
             }">
               <template v-if="item.title">
                 <div v-if="item?.icon"
-                     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">
+                     class="max-w-[48px] min-w-[48px] w-full max-h-[48px] min-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}">