@myissue/vue-website-page-builder 3.4.2 → 3.4.4

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 (11) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/vue-website-page-builder.js +12 -12
  3. package/dist/vue-website-page-builder.umd.cjs +5 -5
  4. package/package.json +1 -1
  5. package/src/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue +1 -1
  6. package/src/Components/PageBuilder/EditorMenu/Editables/ComponentTopMenu.vue +2 -2
  7. package/src/Components/PageBuilder/EditorMenu/Editables/TextColorEditor.vue +1 -1
  8. package/src/Components/TipTap/TipTapInput.vue +7 -7
  9. package/src/css/style.css +0 -3
  10. package/src/tests/TestComponents/DemoUnsplash.vue +5 -5
  11. package/src/tests/componentsArray.test.json +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@myissue/vue-website-page-builder",
3
- "version": "3.4.2",
3
+ "version": "3.4.4",
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/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue CHANGED
@@ -46,7 +46,7 @@ watch(
46
46
  >
47
47
  <ListboxButton
48
48
  v-if="globalPageLayout"
49
- 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-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium"
49
+ 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-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium pbx-border-0"
50
50
  >
51
51
  <div class="pbx-flex pbx-justify-start pbx-items-center pbx-gap-2">
52
52
  <div
package/src/Components/PageBuilder/EditorMenu/Editables/ComponentTopMenu.vue CHANGED
@@ -85,7 +85,7 @@ const handleDelete = function () {
85
85
  class="pbx-h-10 pbx-w-10 pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square pbx-text-black"
86
86
  :class="[
87
87
  canMoveUp
88
- ? 'hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0'
88
+ ? 'hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer'
89
89
  : 'pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200',
90
90
  ]"
91
91
  >
@@ -98,7 +98,7 @@ const handleDelete = function () {
98
98
  class="pbx-h-10 pbx-w-10 pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square pbx-text-black"
99
99
  :class="[
100
100
  canMoveDown
101
- ? 'hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0'
101
+ ? 'hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer'
102
102
  : 'pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200',
103
103
  ]"
104
104
  >
package/src/Components/PageBuilder/EditorMenu/Editables/TextColorEditor.vue CHANGED
@@ -46,7 +46,7 @@ watch(
46
46
  >
47
47
  <ListboxButton
48
48
  v-if="globalPageLayout"
49
- 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-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium"
49
+ 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-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium pbx-border-0"
50
50
  >
51
51
  <div class="pbx-flex pbx-justify-start pbx-items-center pbx-gap-2">
52
52
  <div
package/src/Components/TipTap/TipTapInput.vue CHANGED
@@ -234,7 +234,7 @@ onMounted(() => {
234
234
  <button
235
235
  @click="pageBuilderService.toggleTipTapModal(false)"
236
236
  type="button"
237
- class="pbx-myPrimaryTag"
237
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
238
238
  >
239
239
  <span class="material-symbols-outlined"> save </span>
240
240
  <span>{{ translate('Save') }}</span>
@@ -249,7 +249,7 @@ onMounted(() => {
249
249
  <button
250
250
  @click="editor.chain().focus().setHardBreak().run()"
251
251
  type="button"
252
- class="pbx-myPrimaryTag"
252
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
253
253
  >
254
254
  <span class="material-symbols-outlined"> keyboard_return </span>
255
255
  <span>{{ translate('Line break') }}</span>
@@ -260,7 +260,7 @@ onMounted(() => {
260
260
  <button
261
261
  @click="editor.chain().focus().toggleBold().run()"
262
262
  type="button"
263
- class="pbx-myPrimaryTag"
263
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
264
264
  :class="{ 'pbx-bg-myPrimaryLinkColor pbx-text-white': editor.isActive('bold') }"
265
265
  >
266
266
  <span class="material-symbols-outlined"> format_bold </span>
@@ -272,7 +272,7 @@ onMounted(() => {
272
272
  <button
273
273
  @click="handleURL"
274
274
  type="button"
275
- class="pbx-myPrimaryTag"
275
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
276
276
  :class="{ 'pbx-bg-myPrimaryLinkColor pbx-text-white': editor.isActive('link') }"
277
277
  >
278
278
  <span class="material-symbols-outlined"> link </span>
@@ -284,7 +284,7 @@ onMounted(() => {
284
284
  <button
285
285
  @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
286
286
  type="button"
287
- class="pbx-myPrimaryTag"
287
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
288
288
  :class="{
289
289
  'pbx-bg-myPrimaryLinkColor pbx-text-white': editor.isActive('heading', {
290
290
  level: 2,
@@ -300,7 +300,7 @@ onMounted(() => {
300
300
  <button
301
301
  @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
302
302
  type="button"
303
- class="pbx-myPrimaryTag"
303
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
304
304
  :class="{
305
305
  'pbx-bg-myPrimaryLinkColor pbx-text-white': editor.isActive('heading', {
306
306
  level: 3,
@@ -316,7 +316,7 @@ onMounted(() => {
316
316
  <button
317
317
  @click="editor.chain().focus().toggleBulletList().run()"
318
318
  type="button"
319
- class="pbx-myPrimaryTag"
319
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
320
320
  :class="{
321
321
  'pbx-bg-myPrimaryLinkColor pbx-text-white': editor.isActive('bulletList'),
322
322
  }"
package/src/css/style.css CHANGED
@@ -478,9 +478,6 @@
478
478
 
479
479
  .pbx-myPrimaryInput,
480
480
  .pbx-myPrimarySelect {
481
- background-repeat: no-repeat;
482
- background-size: 1rem;
483
- padding-right: 1rem;
484
481
  }
485
482
 
486
483
  .pbx-myPrimaryInput:focus,
package/src/tests/TestComponents/DemoUnsplash.vue CHANGED
@@ -183,7 +183,7 @@ onMounted(async () => {
183
183
  <button
184
184
  @click="searchByOrientation('landscape')"
185
185
  type="button"
186
- class="pbx-myPrimaryTag"
186
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
187
187
  :class="{
188
188
  'pbx-bg-myPrimaryBrandColor pbx-text-white': getOrientationValue === 'landscape',
189
189
  '': getOrientationValue !== 'landscape',
@@ -194,7 +194,7 @@ onMounted(async () => {
194
194
  <button
195
195
  @click="searchByOrientation('portrait')"
196
196
  type="button"
197
- class="pbx-myPrimaryTag"
197
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
198
198
  :class="{
199
199
  'pbx-bg-myPrimaryBrandColor pbx-text-white': getOrientationValue === 'portrait',
200
200
  '': getOrientationValue !== 'portrait',
@@ -205,7 +205,7 @@ onMounted(async () => {
205
205
  <button
206
206
  @click="searchByOrientation('squarish')"
207
207
  type="button"
208
- class="pbx-myPrimaryTag"
208
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
209
209
  :class="{
210
210
  'pbx-bg-myPrimaryBrandColor pbx-text-white': getOrientationValue === 'squarish',
211
211
  '': getOrientationValue !== 'squarish',
@@ -251,7 +251,7 @@ onMounted(async () => {
251
251
  <button
252
252
  v-if="Number(getCurrentPageNumber) > 1"
253
253
  :disabled="Number(getCurrentPageNumber) < 1"
254
- class="pbx-myPrimaryTag"
254
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
255
255
  @click="previousPage(Number(getCurrentPageNumber--))"
256
256
  >
257
257
  {{
@@ -264,7 +264,7 @@ onMounted(async () => {
264
264
  </span>
265
265
  <button
266
266
  :disabled="Number(getCurrentPageNumber) >= getUnsplashImages.total_pages"
267
- class="pbx-myPrimaryTag"
267
+ class="pbx-myPrimaryTag pbx-cursor-pointer"
268
268
  :class="{
269
269
  'pbx-opacity-50': Number(getCurrentPageNumber) >= getUnsplashImages.total_pages,
270
270
  }"
package/src/tests/componentsArray.test.json CHANGED
@@ -40,7 +40,7 @@
40
40
  "title": "Text"
41
41
  },
42
42
  {
43
- "html_code": "<section data-component-title=\"YouTube Video\">\n <div class=\"pbx-py-4\">\n <div class=\"pbx-mx-auto pbx-max-w-7xl pbx-pt-6 pbx-pb-6\">\n <div id=\"youtube-video\" class=\"pbx-w-full pbx-aspect-video pbx-p-4\">\n\n <iframe frameborder=\"0\" allowfullscreen=\"\" class=\"pbx-w-full pbx-aspect-video\" src=\"https://www.youtube.com/embed/pJvwV1Fm0vU\" allow=\"accelerometer; autoplay; clipboard-write;\">\n </iframe>\n </div>\n </div>\n </div>\n </section>",
43
+ "html_code": "<section data-component-title=\"YouTube Video\">\n <div class=\"pbx-py-4\">\n <div class=\"pbx-mx-auto pbx-max-w-7xl pbx-pt-6 pbx-pb-6\">\n <div id=\"youtube-video\" class=\"pbx-aspect-video pbx-p-4\">\n\n <iframe frameborder=\"0\" allowfullscreen=\"\" class=\"pbx-w-full pbx-aspect-video\" src=\"https://www.youtube.com/embed/pJvwV1Fm0vU\" allow=\"accelerometer; autoplay; clipboard-write;\">\n </iframe>\n </div>\n </div>\n </div>\n </section>",
44
44
  "id": "33a26684-eb95-43c9-adb4-d7bce0ca60f7",
45
45
  "title": "YouTube Video"
46
46
  },