@myissue/vue-website-page-builder 3.3.63 → 3.3.65

package/src/css/app.css

@@ -384,33 +384,10 @@
   margin-left: 1em; /* Adjust this value as needed */
 }
 
-#settingsPanel {
-  border-radius: 9999px;
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  transform: translateY(1rem);
-  transition:
-    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
-    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  box-shadow:
-    0 8px 24px rgba(0, 0, 0, 0.08),
-    0 1.5px 4px rgba(0, 0, 0, 0.06);
-}
-
-[selected]:hover #settingsPanel,
-[selected]:focus-within #settingsPanel {
-  opacity: 1;
-  pointer-events: auto;
-  transform: translateY(0);
-}
-
-#editToolbar {
+#pbxEditToolbar {
   opacity: 0;
   pointer-events: none;
   transform: translateY(0.1rem) scale(0.1);
-
-  border-radius: 9999px;
   transition:
     left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
     top 0.3s cubic-bezier(0.4, 0, 0.2, 1),
@@ -422,28 +399,23 @@
     border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-#editToolbar.is-visible {
+#pbxEditToolbar.is-visible {
   opacity: 1;
   pointer-events: auto;
   transform: translateY(0) scale(1);
-  min-width: 20rem;
-  width: 20rem;
-  height: 2.5rem;
-  border-radius: 9999px;
-}
-
-#contains-pagebuilder {
-  position: relative; /* make this the positioning context for absolute children */
-  overflow-y: auto;
-}
-
-.smooth-transition {
-  transition: opacity 0.3s ease-in-out;
+  min-width: 4rem;
+  padding-right: 1rem;
+  padding-left: 1rem;
+  height: 2.2rem;
 }
 
 /* Manage P, Link, H1, H2 # end */
 
 /* CSS for content inside page builder # start */
+#pagebuilder {
+  position: relative;
+  overflow-y: auto;
+}
 #pagebuilder a {
   pointer-events: none;
 }
@@ -519,38 +491,6 @@
   padding: 0rem;
 }
 
-/* Add overflow-x property to enable horizontal scrollbar */
-.scrollable {
-  overflow-x: auto;
-  overflow-y: auto;
-  /* Add any other desired styles for the scrollable element */
-}
-/* Scrollbar Styles  - end */
-
-/* Scrollbar Styles  - start */
-/* Firefox */
-* {
-  scrollbar-width: thin;
-  scrollbar-color: black transparent;
-}
-
-*::-webkit-scrollbar-track {
-  background: transparent;
-  border-radius: 25px;
-}
-
-/* Chrome, Edge, and Safari */
-*::-webkit-scrollbar {
-  width: 6px;
-  height: 6px; /* Add height for horizontal scrollbar */
-}
-
-*::-webkit-scrollbar-thumb {
-  background-color: black;
-  border-radius: 25px;
-  border: none;
-}
-
 #pagebuilder[data-global-selected] {
   outline: 4px dashed #b91010 !important;
   outline-offset: -2px !important;

package/src/services/LocalStorageManager.ts

@@ -1,162 +1 @@
-import { usePageBuilderStateStore } from '../stores/shared-store'
-
-export class LocalStorageManager {
-  private pageBuilderStateStore: ReturnType<typeof usePageBuilderStateStore>
-  private sanitizeForLocalStorage: (input: string) => string
-
-  constructor(
-    pageBuilderStateStore: ReturnType<typeof usePageBuilderStateStore>,
-    sanitizeForLocalStorage: (input: string) => string,
-  ) {
-    this.pageBuilderStateStore = pageBuilderStateStore
-    this.sanitizeForLocalStorage = sanitizeForLocalStorage
-  }
-
-  public updateLocalStorageItemName(): void {
-    const formtype =
-      this.pageBuilderStateStore.getPageBuilderConfig &&
-      this.pageBuilderStateStore.getPageBuilderConfig.updateOrCreate &&
-      this.pageBuilderStateStore.getPageBuilderConfig.updateOrCreate.formType
-
-    const formname =
-      this.pageBuilderStateStore.getPageBuilderConfig &&
-      this.pageBuilderStateStore.getPageBuilderConfig.updateOrCreate &&
-      this.pageBuilderStateStore.getPageBuilderConfig.updateOrCreate.formName
-
-    const resourceData =
-      this.pageBuilderStateStore.getPageBuilderConfig &&
-      this.pageBuilderStateStore.getPageBuilderConfig.resourceData
-
-    // Logic for create resource
-    if (formtype === 'create') {
-      if (formname && formname.length > 0) {
-        this.pageBuilderStateStore.setLocalStorageItemName(
-          `page-builder-create-resource-${this.sanitizeForLocalStorage(formname)}`,
-        )
-        return
-      }
-
-      this.pageBuilderStateStore.setLocalStorageItemName(`page-builder-create-resource`)
-      return
-    }
-
-    // Logic for create
-    // Logic for update and with resource form name
-    if (formtype === 'update') {
-      if (typeof formname === 'string' && formname.length > 0) {
-        //
-        //
-        if (resourceData && resourceData != null && !resourceData.title) {
-          // Check if id is missing, null, undefined, or an empty string (after trimming)
-          if (!resourceData.id || typeof resourceData.id === 'string') {
-            this.pageBuilderStateStore.setLocalStorageItemName(
-              `page-builder-update-resource-${this.sanitizeForLocalStorage(formname)}`,
-            )
-            return
-          }
-        }
-
-        // Runs when resourceData has title but no ID
-        if (resourceData && resourceData != null) {
-          if (
-            resourceData.title &&
-            typeof resourceData.title === 'string' &&
-            resourceData.title.length > 0
-          ) {
-            if (!resourceData.id || typeof resourceData.id === 'string') {
-              this.pageBuilderStateStore.setLocalStorageItemName(
-                `page-builder-update-resource-${this.sanitizeForLocalStorage(formname)}-${this.sanitizeForLocalStorage(resourceData.title)}`,
-              )
-              return
-            }
-          }
-        }
-
-        // Runs when resourceData has ID but no title
-        if (resourceData && resourceData != null) {
-          if (!resourceData.title && typeof resourceData.title !== 'string') {
-            if (resourceData.id || typeof resourceData.id === 'number') {
-              this.pageBuilderStateStore.setLocalStorageItemName(
-                `page-builder-update-resource-${this.sanitizeForLocalStorage(formname)}-${this.sanitizeForLocalStorage(String(resourceData.id))}`,
-              )
-              return
-            }
-          }
-        }
-
-        // Runs when resourceData has both title and ID
-        if (resourceData && resourceData != null) {
-          if (
-            resourceData.title &&
-            typeof resourceData.title === 'string' &&
-            resourceData.title.length > 0
-          ) {
-            if (resourceData.id || typeof resourceData.id === 'number') {
-              this.pageBuilderStateStore.setLocalStorageItemName(
-                `page-builder-update-resource-${this.sanitizeForLocalStorage(formname)}-${this.sanitizeForLocalStorage(resourceData.title)}-${this.sanitizeForLocalStorage(String(resourceData.id))}`,
-              )
-              return
-            }
-          }
-        }
-      }
-
-      // Logic for update without without formname
-      if (!formname || (typeof formname === 'string' && formname.length === 0)) {
-        //
-        //
-        if (resourceData && resourceData != null && !resourceData.title) {
-          // Check if id is missing, null, undefined, or an empty string (after trimming)
-          if (!resourceData.id || typeof resourceData.id === 'string') {
-            this.pageBuilderStateStore.setLocalStorageItemName(`page-builder-update-resource`)
-            return
-          }
-        }
-
-        // Runs when resourceData has title but no ID
-        if (resourceData && resourceData != null) {
-          if (
-            resourceData.title &&
-            typeof resourceData.title === 'string' &&
-            resourceData.title.length > 0
-          ) {
-            if (!resourceData.id || typeof resourceData.id === 'string') {
-              this.pageBuilderStateStore.setLocalStorageItemName(
-                `page-builder-update-resource-${this.sanitizeForLocalStorage(resourceData.title)}`,
-              )
-              return
-            }
-          }
-        }
-
-        // Runs when resourceData has ID but no title
-        if (resourceData && resourceData != null) {
-          if (!resourceData.title && typeof resourceData.title !== 'string') {
-            if (resourceData.id || typeof resourceData.id === 'number') {
-              this.pageBuilderStateStore.setLocalStorageItemName(
-                `page-builder-update-resource-${this.sanitizeForLocalStorage(String(resourceData.id))}`,
-              )
-              return
-            }
-          }
-        }
-
-        // Runs when resourceData has both title and ID
-        if (resourceData && resourceData != null) {
-          if (
-            resourceData.title &&
-            typeof resourceData.title === 'string' &&
-            resourceData.title.length > 0
-          ) {
-            if (resourceData.id || typeof resourceData.id === 'number') {
-              this.pageBuilderStateStore.setLocalStorageItemName(
-                `page-builder-update-resource-${this.sanitizeForLocalStorage(resourceData.title)}-${this.sanitizeForLocalStorage(String(resourceData.id))}`,
-              )
-              return
-            }
-          }
-        }
-      }
-    }
-  }
-}
+export class LocalStorageManager {}