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

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 +1501 -1501
  2. package/dist/vue-website-page-builder.umd.cjs +4 -4
  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/EditorMenu/Editables/ClassEditor.vue +1 -1
  8. package/src/Components/PageBuilder/EditorMenu/Editables/ElementEditor.vue +1 -1
  9. package/src/Components/PageBuilder/EditorMenu/Editables/LinkEditor.vue +1 -1
  10. package/src/Components/PageBuilder/EditorMenu/EditorAccordion.vue +5 -2
  11. package/src/Components/PageBuilder/Settings/AdvancedPageBuilderSettings.vue +9 -3
  12. package/src/Components/TipTap/TipTapInput.vue +3 -3
  13. package/src/DemoComponents/DemoUnsplash.vue +4 -4
  14. package/src/PageBuilder/PageBuilder.vue +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@myissue/vue-website-page-builder",
3
- "version": "3.3.33",
3
+ "version": "3.3.35",
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-gray-200 pbx-mt-4"
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"
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-gray-200 pbx-mt-4 pbx-flex pbx-items-center pbx-justify-end"
107
+ class="pbx-border-t pbx-border-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-gray-200 pbx-mb-2 pbx-flex pbx-items-center pbx-justify-between"
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"
84
84
  :class="[
85
85
  type === 'success' ? 'pbx-bg-white' : '',
86
86
  type === 'warning' ? 'pbx-bg-white' : '',
package/src/Components/PageBuilder/EditorMenu/Editables/ClassEditor.vue CHANGED
@@ -70,7 +70,7 @@ const handleAddClasses = async function () {
70
70
  class="pbx-myPrimaryInput pbx-border-none pbx-rounded-r-none pbx-ml-0 pbx-w-full"
71
71
  />
72
72
  <div
73
- class="pbx-border pbx-border-gray-200 pbx-border-none pbx-rounded pbx-flex pbx-items-center pbx-justify-center pbx-h-full pbx-w-8"
73
+ class="pbx-border-none pbx-rounded pbx-flex pbx-items-center pbx-justify-center pbx-h-full pbx-w-8"
74
74
  >
75
75
  <kbd class="pbx-myPrimaryParagraph pbx-text-gray-400 pbx-border-none"> ⏎ </kbd>
76
76
  </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-gray-200 pbx-mb-4 pbx-pb-8 pbx-pt-4">
27
+ <div class="pbx-border-b pbx-border-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/Editables/LinkEditor.vue CHANGED
@@ -230,7 +230,7 @@ const handleToggleOpenHyperlinkInNewTab = async function () {
230
230
  @keydown.enter.tab.prevent="handleHyperlink()"
231
231
  />
232
232
  <div
233
- class="pbx-border pbx-border-gray-200 pbx-border-none pbx-rounded pbx-flex pbx-items-center pbx-justify-center pbx-h-full pbx-w-8"
233
+ class="pbx-border-none pbx-rounded pbx-flex pbx-items-center pbx-justify-center pbx-h-full pbx-w-8"
234
234
  >
235
235
  <kbd class="pbx-myPrimaryParagraph pbx-text-gray-400 pbx-border-none"> ⏎ </kbd>
236
236
  </div>
package/src/Components/PageBuilder/EditorMenu/EditorAccordion.vue CHANGED
@@ -1,7 +1,10 @@
1
1
  <template>
2
- <div class="pbx-flex pbx-flex-col pbx-border pbx-border-gray-400" :class="{ '': expanded }">
2
+ <div
3
+ class="pbx-flex pbx-flex-col pbx-border pbx-border-solid pbx-border-gray-400"
4
+ :class="{ '': expanded }"
5
+ >
3
6
  <div
4
- 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-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 pbx-border-solid pbx-border-gray-200"
5
8
  @click="expanded = !expanded"
6
9
  >
7
10
  <p class="pbx-myPrimaryParagraph pbx-font-medium pbx-my-0 pbx-py-0">
package/src/Components/PageBuilder/Settings/AdvancedPageBuilderSettings.vue CHANGED
@@ -119,7 +119,9 @@ 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 class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b pbx-border-gray-200">
122
+ <div
123
+ class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b pbx-border-solid pbx-border-gray-200"
124
+ >
123
125
  <div class="pbx-overflow-x-auto">
124
126
  <table class="pbx-min-w-full">
125
127
  <thead class="pbx-bg-stone-800">
@@ -204,7 +206,9 @@ function prettifyHtml(html) {
204
206
  v-if="getComponent"
205
207
  class="pbx-overflow-hidden pbx-border pbx-border-gray-100 pbx-mb-6"
206
208
  >
207
- <div class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b pbx-border-gray-200">
209
+ <div
210
+ class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b pbx-border-solid pbx-border-gray-200"
211
+ >
208
212
  <div class="pbx-overflow-x-auto">
209
213
  <table class="pbx-min-w-full">
210
214
  <thead class="pbx-bg-stone-800">
@@ -290,7 +294,9 @@ function prettifyHtml(html) {
290
294
  class="pbx-overflow-hidden pbx-border pbx-border-gray-100 pbx-mb-6"
291
295
  >
292
296
  <!-- Id and Title above the table, styled to look connected -->
293
- <div class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b pbx-border-gray-200">
297
+ <div
298
+ class="pbx-bg-stone-800 pbx-pt-4 pbx-1 pbx-border-b pbx-border-solid pbx-border-gray-200"
299
+ >
294
300
  <div class="pbx-overflow-x-auto">
295
301
  <table class="pbx-min-w-full">
296
302
  <thead class="pbx-bg-stone-800">
package/src/Components/TipTap/TipTapInput.vue CHANGED
@@ -219,12 +219,12 @@ 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-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 pbx-border-solid pbx-border-gray-200"
223
223
  >
224
224
  <div>
225
225
  <div>
226
226
  <div
227
- class="pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max pbx-p-1 pbx-rounded-full pbx-border pbx-border-gray-200 pbx-shadow-sm"
227
+ class="pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max pbx-p-1 pbx-rounded-full pbx-border pbx-border-solid pbx-border-gray-200 pbx-shadow-sm"
228
228
  >
229
229
  <button
230
230
  @click="pageBuilderService.toggleTipTapModal(false)"
@@ -238,7 +238,7 @@ onMounted(() => {
238
238
  </div>
239
239
  </div>
240
240
  <div
241
- class="pbx-flex pbx-items-center pbx-p-1 pbx-rounded-full pbx-border pbx-border-gray-200 pbx-shadow-sm"
241
+ class="pbx-flex pbx-items-center pbx-p-1 pbx-rounded-full pbx-border pbx-border-solid pbx-border-gray-200 pbx-shadow-sm"
242
242
  >
243
243
  <div class="pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max">
244
244
  <button
package/src/DemoComponents/DemoUnsplash.vue CHANGED
@@ -169,7 +169,7 @@ onMounted(async () => {
169
169
  <div class="pbx-mt-2">
170
170
  <div
171
171
  v-if="getUnsplashImages && getUnsplashImages.results"
172
- class="pbx-flex lg:pbx-justify-between pbx-justify-end pbx-items-center pbx-gap-2 pbx-py-2 pbx-px-2 pbx-mb-1 pbx-rounded-full pbx-border pbx-border-gray-200 pbx-shadow-sm"
172
+ class="pbx-flex lg:pbx-justify-between pbx-justify-end pbx-items-center pbx-gap-2 pbx-py-2 pbx-px-2 pbx-mb-1 pbx-rounded-full pbx-border pbx-border-solid pbx-border-gray-200 pbx-shadow-sm"
173
173
  >
174
174
  <div class="lg:pbx-flex pbx-hidden pbx-justify-left pbx-items-center pbx-gap-2">
175
175
  <button
@@ -292,7 +292,7 @@ onMounted(async () => {
292
292
  v-for="image in getUnsplashImages.results"
293
293
  :key="image.id"
294
294
  @click="handleImageClick({ url: image.urls.regular, user: image.user.name })"
295
- class="pbx-border pbx-border-gray-200 pbx-my-2 pbx-px-2 pbx-p-2 pbx-cursor-pointer"
295
+ class="pbx-border pbx-border-solid pbx-border-gray-200 pbx-my-2 pbx-px-2 pbx-p-2 pbx-cursor-pointer"
296
296
  >
297
297
  <img
298
298
  :alt="image.user.name"
@@ -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-gray-200 pbx-divide-y pbx-divide-gray-200"
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"
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-gray-200 pbx-mt-4 pbx-justify-end"
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"
381
381
  >
382
382
  <button
383
383
  @click="
package/src/PageBuilder/PageBuilder.vue CHANGED
@@ -436,7 +436,7 @@ onMounted(async () => {
436
436
  <!-- Top Layout Save And Reset Area - Start -->
437
437
  <div
438
438
  id="pagebuilder-toolbar-area"
439
- class="pbx-flex pbx-items-center pbx-justify-between pbx-bg-myPrimaryLightGrayColor pbx-border-b pbx-border-gray-200 pbx-mb-2 lg:pbx-px-6 pbx-px-4 pbx-font-sans"
439
+ class="pbx-flex pbx-items-center pbx-justify-between pbx-bg-myPrimaryLightGrayColor pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-mb-2 lg:pbx-px-6 pbx-px-4 pbx-font-sans"
440
440
  >
441
441
  <template
442
442
  v-if="
@@ -691,7 +691,7 @@ onMounted(async () => {
691
691
 
692
692
  <main
693
693
  ref="pbxToolBar"
694
- class="pbx-flex pbx-flex-col pbx-grow pbx-rounded-tr-2xl pbx-rounded-tl-2xl pbx-border pbx-border-gray-200 pbx-items-stretch pbx-h-[90vh]"
694
+ class="pbx-flex pbx-flex-col pbx-grow pbx-rounded-tr-2xl pbx-rounded-tl-2xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-items-stretch pbx-h-[90vh]"
695
695
  :class="{ 'pbx-mr-2': !getMenuRight, '': getMenuRight }"
696
696
  >
697
697
  <div
@@ -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-gray-200"
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"
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-gray-200 pbx-py-4"
786
+ class="pbx-flex pbx-items-center pbx-justify-center pbx-border-t pbx-border-solid pbx-border-gray-200 pbx-py-4"
787
787
  >
788
788
  <div
789
789
  @click="