@myissue/vue-website-page-builder 3.3.35 → 3.3.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/vue-website-page-builder.js +1502 -1502
  2. package/dist/vue-website-page-builder.umd.cjs +5 -5
  3. package/package.json +1 -1
  4. package/src/Components/Modals/BuilderComponents.vue +1 -1
  5. package/src/Components/Modals/DynamicModalBuilder.vue +1 -1
  6. package/src/Components/Modals/ModalBuilder.vue +1 -1
  7. package/src/Components/PageBuilder/DefaultComponents/DefaultBuilderComponents.vue +1 -1
  8. package/src/Components/PageBuilder/EditorMenu/Editables/ElementEditor.vue +1 -1
  9. package/src/Components/PageBuilder/EditorMenu/EditorAccordion.vue +1 -1
  10. package/src/Components/PageBuilder/Settings/AdvancedPageBuilderSettings.vue +6 -10
  11. package/src/Components/PageBuilder/Settings/PageBuilderSettings.vue +3 -3
  12. package/src/Components/TipTap/TipTapInput.vue +1 -1
  13. package/src/DemoComponents/DemoUnsplash.vue +2 -2
  14. package/src/PageBuilder/PageBuilder.vue +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@myissue/vue-website-page-builder",
3
- "version": "3.3.35",
3
+ "version": "3.3.36",
4
4
  "description": "Vue 3 page builder component with drag & drop functionality.",
5
5
  "type": "module",
6
6
  "main": "./dist/vue-website-page-builder.umd.cjs",
package/src/Components/Modals/BuilderComponents.vue CHANGED
@@ -50,7 +50,7 @@ const firstButtonBuilder = function () {
50
50
  </div>
51
51
  </div>
52
52
  <div
53
- class="pbx-py-4 pbx-flex sm:pbx-justify-end pbx-justify-center pbx-border-t pbx-border-solid pbx-border-gray-200 pbx-mt-4"
53
+ class="pbx-py-4 pbx-flex sm:pbx-justify-end pbx-justify-center pbx-border-t-solid pbx-border-gray-200 pbx-mt-4"
54
54
  >
55
55
  <div class="sm:pbx-w-3/6 pbx-w-full pbx-px-2 pbx-my-2 pbx-flex pbx-gap-2 pbx-justify-end">
56
56
  <button
package/src/Components/Modals/DynamicModalBuilder.vue CHANGED
@@ -104,7 +104,7 @@ const thirdButtonBuilder = function () {
104
104
  </div>
105
105
 
106
106
  <div
107
- class="pbx-border-t pbx-border-solid pbx-border-gray-200 pbx-mt-4 pbx-flex pbx-items-center pbx-justify-end"
107
+ class="pbx-border-t-solid pbx-border-gray-200 pbx-mt-4 pbx-flex pbx-items-center pbx-justify-end"
108
108
  >
109
109
  <div
110
110
  v-if="simpleModal !== true && !isLoading"
package/src/Components/Modals/ModalBuilder.vue CHANGED
@@ -80,7 +80,7 @@ const maxWidthClass = computed(() => {
80
80
  ]"
81
81
  >
82
82
  <div
83
- class="pbx-h-16 pbx-px-4 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-mb-2 pbx-flex pbx-items-center pbx-justify-between"
83
+ class="pbx-h-16 pbx-px-4 pbx-border-b-solid pbx-border-gray-200 pbx-mb-2 pbx-flex pbx-items-center pbx-justify-between"
84
84
  :class="[
85
85
  type === 'success' ? 'pbx-bg-white' : '',
86
86
  type === 'warning' ? 'pbx-bg-white' : '',
package/src/Components/PageBuilder/DefaultComponents/DefaultBuilderComponents.vue CHANGED
@@ -78,7 +78,7 @@ const getSvgPreview = (title: string) => {
78
78
  @click="handleDropComponent(convertToComponentObject(comp))"
79
79
  >
80
80
  <div
81
- class="pbx-overflow-hidden pbx-whitespace-pre-line pbx-flex-1 pbx-h-auto pbx-border-b pbx-border-solid pbx-border-gray-200 lg:pbx-py-10 pbx-py-8 pbx-px-2"
81
+ class="pbx-overflow-hidden pbx-whitespace-pre-line pbx-flex-1 pbx-h-auto pbx-border-b-solid pbx-border-gray-200 lg:pbx-py-10 pbx-py-8 pbx-px-2"
82
82
  >
83
83
  <!-- Use SVG preview instead of external images -->
84
84
  <div
package/src/Components/PageBuilder/EditorMenu/Editables/ElementEditor.vue CHANGED
@@ -24,7 +24,7 @@ const getRestoredElement = computed(() => {
24
24
  <div class="pbx-flex pbx-flex-row pbx-flex-wrap pbx-gap-2 pbx-mt-2"></div>
25
25
  <!-- delete & restore element # start -->
26
26
  <template v-if="getRestoredElement">
27
- <div class="pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-mb-4 pbx-pb-8 pbx-pt-4">
27
+ <div class="-border-b-solid pbx-border-gray-200 pbx-mb-4 pbx-pb-8 pbx-pt-4">
28
28
  <p class="pbx-myPrimaryParagraph pbx-font-medium pbx-py-0">Restore</p>
29
29
  <label class="pbx-myPrimaryInputLabel"> Restore the last deleted HTML element.</label>
30
30
  <div class="pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max">
package/src/Components/PageBuilder/EditorMenu/EditorAccordion.vue CHANGED
@@ -4,7 +4,7 @@
4
4
  :class="{ '': expanded }"
5
5
  >
6
6
  <div
7
- 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 pbx-border-b pbx-border-solid pbx-border-gray-200"
7
+ 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 pbx-border-b-solid pbx-border-gray-200"
8
8
  @click="expanded = !expanded"
9
9
  >
10
10
  <p class="pbx-myPrimaryParagraph pbx-font-medium pbx-my-0 pbx-py-0">
package/src/Components/PageBuilder/Settings/AdvancedPageBuilderSettings.vue CHANGED
@@ -119,9 +119,7 @@ function prettifyHtml(html) {
119
119
  v-if="getElement"
120
120
  class="pbx-overflow-hidden pbx-border pbx-border-gray-100 pbx-mb-6"
121
121
  >
122
- <div
123
- class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b pbx-border-solid pbx-border-gray-200"
124
- >
122
+ <div class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b-solid pbx-border-gray-200">
125
123
  <div class="pbx-overflow-x-auto">
126
124
  <table class="pbx-min-w-full">
127
125
  <thead class="pbx-bg-stone-800">
@@ -136,7 +134,7 @@ function prettifyHtml(html) {
136
134
  <tbody class="pbx-bg-stone-800 pbx-divide-y pbx-divide-gray-200">
137
135
  <tr>
138
136
  <td
139
- class="pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-b"
137
+ class="pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-b-solid"
140
138
  >
141
139
  {{ getElement?.outerHTML }}
142
140
  </td>
@@ -206,9 +204,7 @@ function prettifyHtml(html) {
206
204
  v-if="getComponent"
207
205
  class="pbx-overflow-hidden pbx-border pbx-border-gray-100 pbx-mb-6"
208
206
  >
209
- <div
210
- class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b pbx-border-solid pbx-border-gray-200"
211
- >
207
+ <div class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b-solid pbx-border-gray-200">
212
208
  <div class="pbx-overflow-x-auto">
213
209
  <table class="pbx-min-w-full">
214
210
  <thead class="pbx-bg-stone-800">
@@ -236,7 +232,7 @@ function prettifyHtml(html) {
236
232
  <thead class="pbx-bg-stone-800">
237
233
  <tr>
238
234
  <th
239
- class="pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-t"
235
+ class="pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-t-solid pbx-border-gray-200"
240
236
  >
241
237
  Title:
242
238
  </th>
@@ -295,7 +291,7 @@ function prettifyHtml(html) {
295
291
  >
296
292
  <!-- Id and Title above the table, styled to look connected -->
297
293
  <div
298
- class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b pbx-border-solid pbx-border-gray-200"
294
+ class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b-solid pbx-border-gray-200"
299
295
  >
300
296
  <div class="pbx-overflow-x-auto">
301
297
  <table class="pbx-min-w-full">
@@ -324,7 +320,7 @@ function prettifyHtml(html) {
324
320
  <thead class="pbx-bg-stone-800">
325
321
  <tr>
326
322
  <th
327
- class="pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-t"
323
+ class="pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-t-solid pbx-border-gray-200"
328
324
  >
329
325
  Title:
330
326
  </th>
package/src/Components/PageBuilder/Settings/PageBuilderSettings.vue CHANGED
@@ -52,7 +52,7 @@ const handleDownloadHTML = function () {
52
52
  <!-- Advanced Settings - start -->
53
53
  <div class="pbx-flex pbx-gap-4 pbx-flex-col pbx-divide-y pbx-divide-gray-300">
54
54
  <!-- Advanced Settings - start -->
55
- <div class="pbx-mb-4 pbx-pb-8 pbx-border-b pbx-border-myPrimbryLightGrayColor">
55
+ <div class="pbx-mb-4 pbx-pb-8 pbx-border-b-solid pbx-border-myPrimbryLightGrayColor">
56
56
  <div class="pbx-flex pbx-items-left pbx-flex-col pbx-gap-1">
57
57
  <h3 class="pbx-myQuaternaryHeader">Configuration Overview</h3>
58
58
  <p class="pbx-myPrimaryParagraph pbx-text-xs">
@@ -576,7 +576,7 @@ const handleDownloadHTML = function () {
576
576
  </div>
577
577
  <!-- Advanced Settings - end -->
578
578
  <!-- Download Layout HTML - start -->
579
- <div class="pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-border-b pbx-border-myPrimbryLightGrayColor">
579
+ <div class="pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-border-b-solid pbx-border-myPrimbryLightGrayColor">
580
580
  <div class="pbx-flex pbx-items-left pbx-flex-col pbx-gap-1">
581
581
  <h3 class="pbx-myQuaternaryHeader">Download Page as HTML</h3>
582
582
  <p class="pbx-myPrimaryParagraph pbx-text-xs">Download current page layout.</p>
@@ -590,7 +590,7 @@ const handleDownloadHTML = function () {
590
590
  <!-- Download Layout HTML - end -->
591
591
 
592
592
  <!-- Congig - start -->
593
- <div class="pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-border-b pbx-border-myPrimbryLightGrayColor">
593
+ <div class="pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-border-b-solid pbx-border-myPrimbryLightGrayColor">
594
594
  <div class="pbx-flex pbx-items-left pbx-flex-col pbx-gap-1">
595
595
  <h3 class="pbx-myQuaternaryHeader">Complete Configuration Overview</h3>
596
596
  <p class="pbx-myPrimaryParagraph pbx-text-xs">
package/src/Components/TipTap/TipTapInput.vue CHANGED
@@ -219,7 +219,7 @@ onMounted(() => {
219
219
  <div v-if="pageBuilderService.isSelectedElementValidText() && editor">
220
220
  <div class="pbx-relative pbx-rounded-lg">
221
221
  <div
222
- class="pbx-flex pbx-justify-between pbx-myPrimaryGap pbx-items-center pbx-py-4 pbx-px-4 pbx-overflow-x-auto pbx-border-b pbx-border-solid pbx-border-gray-200"
222
+ class="pbx-flex pbx-justify-between pbx-myPrimaryGap pbx-items-center pbx-py-4 pbx-px-4 pbx-overflow-x-auto pbx-border-b-solid pbx-border-gray-200"
223
223
  >
224
224
  <div>
225
225
  <div>
package/src/DemoComponents/DemoUnsplash.vue CHANGED
@@ -353,7 +353,7 @@ onMounted(async () => {
353
353
  Information
354
354
  </p>
355
355
  <dl
356
- class="pbx-mt-2 pbx-border-t pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-divide-y pbx-divide-gray-200"
356
+ class="pbx-mt-2 pbx-border-t-solid pbx-border-b-solid pbx-border-gray-200 pbx-divide-y pbx-divide-gray-200"
357
357
  >
358
358
  <div
359
359
  class="pbx-py-3 pbx-flex pbx-justify-between pbx-text-sm pbx-font-normal pbx-items-center"
@@ -377,7 +377,7 @@ onMounted(async () => {
377
377
 
378
378
  <!-- Actions footer # start -->
379
379
  <div
380
- class="pbx-px-4 pbx-py-3 pbx-flex pbx-gap-2 pbx-border-t pbx-border-solid pbx-border-gray-200 pbx-mt-4 pbx-justify-end"
380
+ class="pbx-px-4 pbx-py-3 pbx-flex pbx-gap-2 pbx-border-t-solid pbx-border-gray-200 pbx-mt-4 pbx-justify-end"
381
381
  >
382
382
  <button
383
383
  @click="
package/src/PageBuilder/PageBuilder.vue CHANGED
@@ -748,7 +748,7 @@ onMounted(async () => {
748
748
  await pageBuilderService.clearHtmlSelection()
749
749
  }
750
750
  "
751
- class="pbx-min-w-[3.5rem] pbx-pt-7 pbx-pb-2 pbx-ml-2 pbx-border-l pbx-border-solid pbx-border-gray-200"
751
+ class="pbx-min-w-[3.5rem] pbx-pt-7 pbx-pb-2 pbx-ml-2 pbx-border-l-solid pbx-border-gray-200"
752
752
  >
753
753
  <div
754
754
  @click.self="
@@ -783,7 +783,7 @@ onMounted(async () => {
783
783
  </aside>
784
784
  </div>
785
785
  <div
786
- class="pbx-flex pbx-items-center pbx-justify-center pbx-border-t pbx-border-solid pbx-border-gray-200 pbx-py-4"
786
+ class="pbx-flex pbx-items-center pbx-justify-center pbx-border-t-solid pbx-border-gray-200 pbx-py-4"
787
787
  >
788
788
  <div
789
789
  @click="