@myissue/vue-website-page-builder 3.3.29 → 3.3.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myissue/vue-website-page-builder",
-  "version": "3.3.29",
+  "version": "3.3.30",
   "description": "Vue 3 page builder component with drag & drop functionality.",
   "type": "module",
   "main": "./dist/vue-website-page-builder.umd.cjs",
@@ -59,6 +59,7 @@
     "dev": "vite",
     "build": "run-p type-check \"build-only {@}\" --",
     "build:lib": "vue-tsc --declaration --emitDeclarationOnly --outDir dist && vite build --mode lib",
+    "type:build": "vue-tsc --declaration --emitDeclarationOnly --outDir dist",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",

package/src/PageBuilder/PageBuilder.vue

@@ -589,7 +589,7 @@ onMounted(async () => {
             >
               <div class="pbx-flex pbx-items-center pbx-justify-center pbx-gap-2">
                 <span class="lg:pbx-block pbx-hidden">
-                  <div class="pbx-whitespace-nowrap">Add new Components</div>
+                  <div class="pbx-whitespace-nowrap pbx-cursor-pointer">Add new Components</div>
                 </span>
                 <span
                   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"
@@ -611,7 +611,9 @@ onMounted(async () => {
                 "
               >
                 <div class="pbx-flex pbx-items-center pbx-justify-center pbx-gap-2">
-                  <div class="pbx-whitespace-nowrap lg:pbx-block pbx-hidden">Preview</div>
+                  <div class="pbx-whitespace-nowrap lg:pbx-block pbx-hidden pbx-cursor-pointer">
+                    Preview
+                  </div>
 
                   <span
                     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"
@@ -812,24 +814,24 @@ onMounted(async () => {
 </template>
 
 <style>
-#pagebuilder a {
-  cursor: default;
-}
-
 #pagebuilder [element] {
-  outline: rgba(255, 255, 255, 0) dashed 3px !important;
-  outline-offset: -3px !important;
+  outline: rgba(255, 255, 255, 0) dashed 4px !important;
+  outline-offset: -2px !important;
 }
 #pagebuilder [hovered] {
-  outline: rgb(0, 140, 14, 1) dashed 3px !important;
-  outline-offset: -3px !important;
+  outline: rgb(0, 140, 14, 1) dashed 4px !important;
+  outline-offset: -2px !important;
 }
 
 #pagebuilder [selected] {
   position: relative;
 
-  outline: rgb(185, 16, 16) dashed 3px !important;
-  outline-offset: -3px !important;
+  outline: rgb(185, 16, 16) dashed 4px !important;
+  outline-offset: -2px !important;
+}
+
+#pagebuilder a {
+  cursor: default;
 }
 
 /* sortable */

package/src/css/app.css

@@ -364,9 +364,8 @@
   box-shadow: none !important;
   background: #fff;
   min-height: 25rem;
-  border: 1px solid #aaa;
-  border-radius: 10px;
-  padding: 6px;
+  border-bottom: 1px solid #aaa;
+  padding: 0px 0px 10px 16px;
   margin-bottom: 20px;
   padding-bottom: 100px;
 }

package/src/css/dev-global.css

@@ -81,13 +81,7 @@ These styles affect all HTML elements (like input, button, h1, etc.) in the cons
 #page-builder-editor ul,
 #pagebuilder ul {
   list-style: disc !important;
-  padding: 1rem 0rem;
-}
-
-#page-builder-editor li,
-#pagebuilder li {
-  line-height: 2.2rem;
-  margin-left: 1.5em;
+  padding: 0rem;
 }
 
 /* Scrollbar Styles  - start */