@myissue/vue-website-page-builder 3.3.84 → 3.3.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myissue/vue-website-page-builder",
-  "version": "3.3.84",
+  "version": "3.3.85",
   "description": "Vue 3 page builder component with drag & drop functionality.",
   "type": "module",
   "main": "./dist/vue-website-page-builder.umd.cjs",

package/src/Components/PageBuilder/EditorMenu/Editables/EditGetElement.vue

@@ -301,7 +301,7 @@ const getRestoredElement = computed(() => {
         v-if="
           getElement &&
           getComponent &&
-          getBasePrimaryImage !== null &&
+          getBasePrimaryImage &&
           !pageBuilderService.ElOrFirstChildIsIframe()
         "
       >

package/src/Components/TipTap/TipTap.vue

@@ -8,27 +8,18 @@ const pageBuilderService = getPageBuilder()
 
 <template>
   <div>
-    <div class="pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear">
-      <template v-if="pageBuilderService.isSelectedElementValidText()">
-        <hr />
-        <div class="pbx-flex pbx-items-center pbx-justify-start pbx-mb-6 pbx-pt-4">
-          <div
-            class="pbx-pr-2 pbx-pl-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max"
-          >
-            <div
-              @click="pageBuilderService.toggleTipTapModal(true)"
-              class="pbx-myPrimaryParagraph pbx-cursor-pointer pbx-textsm pbx-flex pbx-items-center pbx-gap-2"
-            >
-              <div
-                class="pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white"
-              >
-                <span class="material-symbols-outlined"> edit </span>
-              </div>
-              <span class="pbx-text-xs">{{ translate('Edit text and links') }}</span>
-            </div>
-          </div>
+    <template v-if="pageBuilderService.isSelectedElementValidText()">
+      <div class="pbx-flex pbx-flex-col pbx-border-solid pbx-border pbx-border-gray-400">
+        <div
+          @click="pageBuilderService.toggleTipTapModal(true)"
+          class="pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor"
+        >
+          <p class="pbx-myPrimaryParagraph pbx-font-medium pbx-my-0 pbx-py-0">
+            {{ translate('Text') }}
+          </p>
+          <span class="material-symbols-outlined"> chevron_right </span>
         </div>
-      </template>
-    </div>
+      </div>
+    </template>
   </div>
 </template>

package/src/services/PageBuilderService.ts

@@ -2475,7 +2475,7 @@ export class PageBuilderService {
     // Wait for Vue to finish DOM updates before attaching event listeners.
     // This ensures elements exist in the DOM.
     await nextTick()
-
+    this.setBasePrimaryImageFromSelectedElement()
     this.handleHyperlink(undefined, null, false)
     this.handleOpacity(undefined)
     this.handleBackgroundOpacity(undefined)