@myissue/vue-website-page-builder 3.3.94 → 3.3.96
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.
- package/dist/style.css +1 -1
- package/dist/vue-website-page-builder.js +4295 -4216
- package/dist/vue-website-page-builder.umd.cjs +56 -56
- package/package.json +1 -1
- package/src/Components/PageBuilder/EditorMenu/Editables/EditGetElement.vue +0 -4
- package/src/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue +0 -1
- package/src/Components/PageBuilder/UndoRedo/UndoRedo.vue +46 -0
- package/src/PageBuilder/PageBuilder.vue +9 -25
- package/src/css/style.css +1 -0
- package/src/services/LocalStorageManager.ts +25 -1
- package/src/services/PageBuilderService.ts +129 -57
- package/src/stores/page-builder-state.ts +2 -24
- package/src/tests/PageBuilderTest.vue +32 -48
- package/src/utils/builder/tailwind-font-styles.ts +0 -1
- package/src/Components/PageBuilder/EditorMenu/Editables/DeleteElement.vue +0 -42
- package/src/Components/PageBuilder/EditorMenu/Editables/ElementEditor.vue +0 -62
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import EditorAccordion from '../EditorAccordion.vue'
|
|
3
|
-
import { computed } from 'vue'
|
|
4
|
-
import { sharedPageBuilderStore } from '../../../../stores/shared-store'
|
|
5
|
-
import { getPageBuilder } from '../../../../composables/builderInstance'
|
|
6
|
-
const pageBuilderService = getPageBuilder()
|
|
7
|
-
|
|
8
|
-
// Use shared store instance
|
|
9
|
-
const pageBuilderStateStore = sharedPageBuilderStore
|
|
10
|
-
|
|
11
|
-
const getRestoredElement = computed(() => {
|
|
12
|
-
return pageBuilderStateStore.getRestoredElement
|
|
13
|
-
})
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<template>
|
|
17
|
-
<EditorAccordion>
|
|
18
|
-
<template #title>Delete or restore</template>
|
|
19
|
-
<template #content>
|
|
20
|
-
<div class="pbx-my-2">
|
|
21
|
-
<button
|
|
22
|
-
v-if="getRestoredElement !== null"
|
|
23
|
-
@click="pageBuilderService.restoreDeletedElementToDOM"
|
|
24
|
-
type="button"
|
|
25
|
-
class="pbx-myPrimaryButton pbx-gap-2 pbx-items-center pbx-w-full"
|
|
26
|
-
>
|
|
27
|
-
<span class="material-symbols-outlined"> refresh </span>
|
|
28
|
-
Restore Element
|
|
29
|
-
</button>
|
|
30
|
-
<button
|
|
31
|
-
v-if="getRestoredElement === null"
|
|
32
|
-
@click="pageBuilderService.deleteElementFromDOM"
|
|
33
|
-
type="button"
|
|
34
|
-
class="pbx-myPrimaryDeleteButton pbx-gap-2 pbx-items-center pbx-w-full"
|
|
35
|
-
>
|
|
36
|
-
<span class="pbx-myMediumIcon material-symbols-outlined"> delete </span>
|
|
37
|
-
Delete Element
|
|
38
|
-
</button>
|
|
39
|
-
</div>
|
|
40
|
-
</template>
|
|
41
|
-
</EditorAccordion>
|
|
42
|
-
</template>
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import { computed } from 'vue'
|
|
3
|
-
import { sharedPageBuilderStore } from '../../../../stores/shared-store'
|
|
4
|
-
import EditorAccordion from '../EditorAccordion.vue'
|
|
5
|
-
import { getPageBuilder } from '../../../../composables/builderInstance'
|
|
6
|
-
const pageBuilderService = getPageBuilder()
|
|
7
|
-
|
|
8
|
-
// Use shared store instance
|
|
9
|
-
const pageBuilderStateStore = sharedPageBuilderStore
|
|
10
|
-
|
|
11
|
-
const getElement = computed(() => {
|
|
12
|
-
return pageBuilderStateStore.getElement
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
const getRestoredElement = computed(() => {
|
|
16
|
-
return pageBuilderStateStore.getRestoredElement
|
|
17
|
-
})
|
|
18
|
-
</script>
|
|
19
|
-
|
|
20
|
-
<template>
|
|
21
|
-
<EditorAccordion v-if="getElement || getRestoredElement">
|
|
22
|
-
<template #title>Selected HTML Element</template>
|
|
23
|
-
<template #content>
|
|
24
|
-
<div class="pbx-flex pbx-flex-row pbx-flex-wrap pbx-gap-2 pbx-mt-2"></div>
|
|
25
|
-
<!-- delete & restore element # start -->
|
|
26
|
-
<template v-if="getRestoredElement">
|
|
27
|
-
<div class="-border-b-solid pbx-border-gray-200 pbx-mb-4 pbx-pb-8 pbx-pt-4">
|
|
28
|
-
<p class="pbx-myPrimaryParagraph pbx-font-medium pbx-py-0">Restore</p>
|
|
29
|
-
<label class="pbx-myPrimaryInputLabel"> Restore the last deleted HTML element.</label>
|
|
30
|
-
<div class="pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max">
|
|
31
|
-
<button
|
|
32
|
-
@click="pageBuilderService.restoreDeletedElementToDOM"
|
|
33
|
-
type="button"
|
|
34
|
-
class="pbx-myPrimaryButton pbx-w-full pbx-mt-4"
|
|
35
|
-
>
|
|
36
|
-
<span class="material-symbols-outlined"> undo </span>
|
|
37
|
-
<span>Restore</span>
|
|
38
|
-
</button>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
</template>
|
|
42
|
-
|
|
43
|
-
<template v-if="getElement">
|
|
44
|
-
<p class="pbx-myPrimaryParagraph pbx-font-medium pbx-py-0 pbx-mb-4 pbx-pt-4">Delete</p>
|
|
45
|
-
<label class="pbx-myPrimaryInputLabel">
|
|
46
|
-
Delete the currently selected HTML element from the page.</label
|
|
47
|
-
>
|
|
48
|
-
|
|
49
|
-
<div class="pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max">
|
|
50
|
-
<button
|
|
51
|
-
@click="pageBuilderService.deleteElementFromDOM"
|
|
52
|
-
type="button"
|
|
53
|
-
class="pbx-myPrimaryDeleteButton pbx-w-full pbx-mt-4"
|
|
54
|
-
>
|
|
55
|
-
<span class="hover:pbx-text-white">Delete element</span>
|
|
56
|
-
</button>
|
|
57
|
-
</div>
|
|
58
|
-
</template>
|
|
59
|
-
<!-- delete & restore element # end -->
|
|
60
|
-
</template>
|
|
61
|
-
</EditorAccordion>
|
|
62
|
-
</template>
|