@myissue/vue-website-page-builder 3.5.12 → 3.5.14

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 (88) hide show
  1. package/dist/index.d.ts +1384 -11
  2. package/dist/style.css +1 -1
  3. package/dist/vue-website-page-builder.js +7677 -7573
  4. package/dist/vue-website-page-builder.umd.cjs +61 -57
  5. package/package.json +6 -9
  6. package/dist/App.vue.d.ts +0 -2
  7. package/dist/Components/ComponentThumbnail.vue.d.ts +0 -19
  8. package/dist/Components/Homepage/Footer.vue.d.ts +0 -2
  9. package/dist/Components/Icons/LayersIcon.vue.d.ts +0 -7
  10. package/dist/Components/Icons/SliderIcon.vue.d.ts +0 -7
  11. package/dist/Components/Inputs/ToggleInput.vue.d.ts +0 -9
  12. package/dist/Components/Loaders/ElementLoader.vue.d.ts +0 -2
  13. package/dist/Components/Loaders/GlobalLoader.vue.d.ts +0 -2
  14. package/dist/Components/Modals/BuilderComponents.vue.d.ts +0 -42
  15. package/dist/Components/Modals/DynamicModalBuilder.vue.d.ts +0 -142
  16. package/dist/Components/Modals/MediaLibraryModal.vue.d.ts +0 -58
  17. package/dist/Components/Modals/ModalBuilder.vue.d.ts +0 -73
  18. package/dist/Components/Overlays/FloatingSidePanel.vue.d.ts +0 -61
  19. package/dist/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue.d.ts +0 -12
  20. package/dist/Components/PageBuilder/EditorMenu/Editables/BorderRadius.vue.d.ts +0 -2
  21. package/dist/Components/PageBuilder/EditorMenu/Editables/Borders.vue.d.ts +0 -2
  22. package/dist/Components/PageBuilder/EditorMenu/Editables/ClassEditor.vue.d.ts +0 -2
  23. package/dist/Components/PageBuilder/EditorMenu/Editables/ComponentTopMenu.vue.d.ts +0 -2
  24. package/dist/Components/PageBuilder/EditorMenu/Editables/EditGetElement.vue.d.ts +0 -8
  25. package/dist/Components/PageBuilder/EditorMenu/Editables/HTMLEditor.vue.d.ts +0 -2
  26. package/dist/Components/PageBuilder/EditorMenu/Editables/ImageEditor.vue.d.ts +0 -2
  27. package/dist/Components/PageBuilder/EditorMenu/Editables/ImageSettingsModal.vue.d.ts +0 -5
  28. package/dist/Components/PageBuilder/EditorMenu/Editables/ManageBackgroundOpacity.vue.d.ts +0 -2
  29. package/dist/Components/PageBuilder/EditorMenu/Editables/ManageOpacity.vue.d.ts +0 -2
  30. package/dist/Components/PageBuilder/EditorMenu/Editables/MarginControl.vue.d.ts +0 -2
  31. package/dist/Components/PageBuilder/EditorMenu/Editables/OpacityEditor.vue.d.ts +0 -2
  32. package/dist/Components/PageBuilder/EditorMenu/Editables/PaddingControl.vue.d.ts +0 -2
  33. package/dist/Components/PageBuilder/EditorMenu/Editables/StyleEditor.vue.d.ts +0 -2
  34. package/dist/Components/PageBuilder/EditorMenu/Editables/TextColorEditor.vue.d.ts +0 -12
  35. package/dist/Components/PageBuilder/EditorMenu/Editables/ThemeColorPresetManager.vue.d.ts +0 -2
  36. package/dist/Components/PageBuilder/EditorMenu/Editables/Typography.vue.d.ts +0 -2
  37. package/dist/Components/PageBuilder/EditorMenu/Editables/TypographyForTipTap.vue.d.ts +0 -2
  38. package/dist/Components/PageBuilder/EditorMenu/EditorAccordion.vue.d.ts +0 -14
  39. package/dist/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue.d.ts +0 -6
  40. package/dist/Components/PageBuilder/Settings/AdvancedPageBuilderSettings.vue.d.ts +0 -14
  41. package/dist/Components/PageBuilder/Settings/PageBuilderSettings.vue.d.ts +0 -2
  42. package/dist/Components/PageBuilder/ToolbarOption/ToolbarOption.vue.d.ts +0 -2
  43. package/dist/Components/PageBuilder/UndoRedo/UndoRedo.vue.d.ts +0 -6
  44. package/dist/Components/TipTap/TipTapInput.vue.d.ts +0 -2
  45. package/dist/PageBuilder/PageBuilder.vue.d.ts +0 -47
  46. package/dist/PageBuilder/Preview.vue.d.ts +0 -12
  47. package/dist/composables/builderInstance.d.ts +0 -20
  48. package/dist/composables/delay.d.ts +0 -1
  49. package/dist/composables/extractCleanHTMLFromPageBuilder.d.ts +0 -2
  50. package/dist/composables/preloadImage.d.ts +0 -1
  51. package/dist/composables/useDebounce.d.ts +0 -1
  52. package/dist/composables/usePageBuilderModal.d.ts +0 -4
  53. package/dist/composables/useThemeColorPresets.d.ts +0 -47
  54. package/dist/composables/useTranslations.d.ts +0 -12
  55. package/dist/helpers/isEmptyObject.d.ts +0 -1
  56. package/dist/main.d.ts +0 -0
  57. package/dist/plugin.d.ts +0 -4
  58. package/dist/services/LocalStorageManager.d.ts +0 -7
  59. package/dist/services/PageBuilderService.d.ts +0 -698
  60. package/dist/sitemap.xml +0 -8
  61. package/dist/stores/page-builder-state.d.ts +0 -360
  62. package/dist/stores/shared-store.d.ts +0 -4
  63. package/dist/tests/DefaultComponents/DefaultBuilderComponents.vue.d.ts +0 -14
  64. package/dist/tests/DefaultComponents/DefaultMediaLibraryComponent.vue.d.ts +0 -2
  65. package/dist/tests/PageBuilderTest.vue.d.ts +0 -2
  66. package/dist/tests/TestComponents/DemoMediaLibraryComponentTest.vue.d.ts +0 -2
  67. package/dist/tests/TestComponents/DemoUnsplash.vue.d.ts +0 -2
  68. package/dist/tests/composables/useThemeColorPresets.test.d.ts +0 -16
  69. package/dist/tests/config/config.test.d.ts +0 -1
  70. package/dist/tests/service/componentValidation.test.d.ts +0 -1
  71. package/dist/tests/service/globalPageSettings.test.d.ts +0 -1
  72. package/dist/tests/service/htmlUtils.test.d.ts +0 -1
  73. package/dist/tests/service/localStorage.test.d.ts +0 -1
  74. package/dist/tests/service/pageBuilderService.test.d.ts +0 -1
  75. package/dist/tests/ui/modalStacking.test.d.ts +0 -1
  76. package/dist/types/index.d.ts +0 -275
  77. package/dist/utils/builder/html-doc-declaration-with-components.d.ts +0 -2
  78. package/dist/utils/builder/tailwaind-colors.d.ts +0 -6
  79. package/dist/utils/builder/tailwind-border-radius.d.ts +0 -9
  80. package/dist/utils/builder/tailwind-border-style-width-color.d.ts +0 -7
  81. package/dist/utils/builder/tailwind-font-sizes.d.ts +0 -8
  82. package/dist/utils/builder/tailwind-font-styles.d.ts +0 -7
  83. package/dist/utils/builder/tailwind-image.d.ts +0 -7
  84. package/dist/utils/builder/tailwind-opacities.d.ts +0 -6
  85. package/dist/utils/builder/tailwind-padding-margin.d.ts +0 -16
  86. package/dist/utils/html-elements/component.d.ts +0 -13
  87. package/dist/utils/html-elements/componentHelpers.d.ts +0 -10
  88. package/dist/utils/html-elements/themes.d.ts +0 -13
@@ -1,275 +0,0 @@
1
- import { PageBuilderService } from '../services/PageBuilderService';
2
- export interface PageBuilderState {
3
- PageBuilderService: PageBuilderService | null;
4
- isSaving: boolean;
5
- }
6
- export interface SEOCheck {
7
- check: string;
8
- passed: boolean;
9
- details: string;
10
- category: string;
11
- }
12
- export interface SEOSummary {
13
- score: number;
14
- checks: SEOCheck[];
15
- }
16
- export interface ComponentObject {
17
- id: string | number | null;
18
- html_code: string;
19
- title: string;
20
- [key: string]: unknown;
21
- }
22
- export interface ImageObject {
23
- src: string;
24
- [key: string]: unknown;
25
- }
26
- export interface BuilderResourceComponent {
27
- html_code: string;
28
- title?: string;
29
- [key: string]: unknown;
30
- }
31
- export type BuilderResourceData = BuilderResourceComponent[];
32
- export type StartBuilderResult = {
33
- error: true;
34
- reason: string;
35
- } | {
36
- message: string;
37
- validation?: {
38
- error: true;
39
- warning: string;
40
- status: string;
41
- } | {
42
- error: true;
43
- reason: string;
44
- };
45
- passedComponentsArray?: BuilderResourceData;
46
- };
47
- export interface PageBuilderStateStore {
48
- getTextAreaVueModel: string | null;
49
- LocalStorageItemName: string | null;
50
- getHyberlinkEnable: boolean;
51
- getComponents: ComponentObject[] | null;
52
- getComponent: ComponentObject | null;
53
- getElement: HTMLElement | null;
54
- getNextSibling: HTMLElement | null;
55
- getParentElement: HTMLElement | null;
56
- getRestoredElement: string | null;
57
- getComponentArrayAddMethod: string | null;
58
- getFontBase: string | null;
59
- getFontDesktop: string | null;
60
- getFontTablet: string | null;
61
- getFontMobile: string | null;
62
- setElement: (element: HTMLElement | null) => void;
63
- setMenuRight: (value: boolean) => void;
64
- setComponent: (component: ComponentObject | null) => void;
65
- setComponents: (components: ComponentObject[] | null) => void;
66
- setComponentArrayAddMethod: (method: string) => void;
67
- setCurrentClasses: (classes: string[] | ArrayLike<string>) => void;
68
- setClass: (className: string) => void;
69
- removeClass: (className: string) => void;
70
- setParentElement: (element: HTMLElement | Node | null) => void;
71
- setRestoredElement: (html: string | null) => void;
72
- setNextSibling: (element: HTMLElement | Node | null) => void;
73
- setTextAreaVueModel: (html: string | null) => void;
74
- setFontBase: (size: string | null) => void;
75
- setFontDesktop: (size: string | null) => void;
76
- setFontTablet: (size: string | null) => void;
77
- setFontMobile: (size: string | null) => void;
78
- setBasePrimaryImage: (url: string | null) => void;
79
- setCurrentLayoutPreview: (html: string) => void;
80
- setHyperlinkError: (error: string | null) => void;
81
- setHyperlinkMessage: (message: string | null) => void;
82
- setElementContainsHyperlink: (contains: boolean) => void;
83
- setHyberlinkEnable: (enable: boolean) => void;
84
- setHyperlinkInput: (input: string) => void;
85
- setOpenHyperlinkInNewTab: (newTab: boolean) => void;
86
- setHyperlinkAbility: (ability: boolean) => void;
87
- setPushComponents: (payload: SetPushComponentsPayload) => void;
88
- setLocalStorageItemName: (name: string | null) => void;
89
- setUpdateOrCreate: (mode: string) => void;
90
- setFontWeight: (weight: string) => void;
91
- setFontFamily: (family: string) => void;
92
- setFontStyle: (style: string) => void;
93
- setFontVerticalPadding: (padding: string) => void;
94
- setFontHorizontalPadding: (padding: string) => void;
95
- setFontTopPadding: (padding: string) => void;
96
- setFontRightPadding: (padding: string) => void;
97
- setFontBottomPadding: (padding: string) => void;
98
- setFontLeftPadding: (padding: string) => void;
99
- setFontVerticalMargin: (margin: string) => void;
100
- setFontHorizontalMargin: (margin: string) => void;
101
- setFontTopMargin: (margin: string) => void;
102
- setFontRightMargin: (margin: string) => void;
103
- setFontBottomMargin: (margin: string) => void;
104
- setFontLeftMargin: (margin: string) => void;
105
- setBorderStyle: (style: string) => void;
106
- setBorderWidth: (width: string) => void;
107
- setBorderColor: (color: string) => void;
108
- setBorderRadiusGlobal: (radius: string) => void;
109
- setBorderRadiusTopLeft: (radius: string) => void;
110
- setBorderRadiusTopRight: (radius: string) => void;
111
- setBorderRadiusBottomleft: (radius: string) => void;
112
- setBorderRadiusBottomRight: (radius: string) => void;
113
- setBackgroundColor: (color: string) => void;
114
- setTextColor: (color: string) => void;
115
- setBackgroundOpacity: (opacity: string) => void;
116
- setOpacity: (opacity: string) => void;
117
- getApplyImageToSelection: ImageObject | null;
118
- setCurrentImage: (image: ImageObject) => void;
119
- getCurrentPreviewImage: string | null;
120
- setCurrentPreviewImage: (url: string | null) => void;
121
- [key: string]: unknown;
122
- }
123
- export type FormName = 'post' | 'article' | 'blog' | 'news' | 'page' | 'faq' | 'testimonial' | 'case-study' | 'press-release' | 'product' | 'products' | 'category' | 'collection' | 'brand' | 'coupon' | 'discount' | 'shop' | 'cart' | 'checkout' | 'profile' | 'account' | 'team' | 'team-member' | 'author' | 'customer' | 'user' | 'service' | 'services' | 'package' | 'plan' | 'pricing' | 'subscription' | 'job' | 'job-listing' | 'career' | 'applicant' | 'event' | 'events' | 'webinar' | 'appointment' | 'reservation' | 'schedule' | 'listing' | 'directory' | 'location' | 'vendor' | 'company' | 'gallery' | 'image' | 'video' | 'media' | 'audio' | 'file' | 'contact' | 'support' | 'ticket' | 'feedback' | 'review' | 'inquiry' | 'report' | 'setting' | 'configuration' | 'integration' | 'theme' | 'language' | 'menu' | 'navigation' | 'tag' | 'meta';
124
- export interface User {
125
- name: string;
126
- }
127
- export interface PageBuilderUser {
128
- /**
129
- * Optional stable user identifier.
130
- * When provided, theme color presets are stored under a user-scoped localStorage
131
- * key (`vueWebsitePageBuilderThemeColorPresets-u{id}`) so every user keeps their
132
- * own personalized presets on the same device. Accepts any string or number that
133
- * uniquely identifies the user in the host application (e.g. a database row id).
134
- * Also accepts `null` for cases where the DB returns a nullable id column.
135
- */
136
- id?: string | number | null;
137
- /**
138
- * Display name shown in the builder toolbar.
139
- * Optional so consumers can omit it or pass auth-user objects where the name
140
- * field may be `username`, `displayName`, etc. — just pick the right field.
141
- */
142
- name?: string;
143
- image?: string;
144
- }
145
- export interface PageSettings {
146
- classes?: string;
147
- style?: string | Record<string, string>;
148
- [key: string]: unknown;
149
- }
150
- export type ThemeColorPresetId = 'primary' | 'secondary' | 'custom1' | 'custom2' | 'custom3' | 'custom4' | 'custom5' | 'custom6';
151
- export interface ThemeColorPreset {
152
- id: ThemeColorPresetId;
153
- label: string;
154
- color: string;
155
- enabled: boolean;
156
- }
157
- /** Flexible input for consumer configs — id accepts any string (e.g. inferred from variables). */
158
- export interface ThemeColorPresetInput {
159
- id: ThemeColorPresetId | (string & {});
160
- label?: string;
161
- color?: string;
162
- enabled?: boolean;
163
- [key: string]: unknown;
164
- }
165
- /** Input shape for themeColorPresets in PageBuilderConfig (partial colors are normalized at runtime). */
166
- export interface ThemeColorPresetSettingsInput {
167
- enabled?: boolean;
168
- colors?: ReadonlyArray<ThemeColorPresetInput>;
169
- [key: string]: unknown;
170
- }
171
- export interface ThemeColorPresetSettings {
172
- enabled: boolean;
173
- colors: readonly ThemeColorPreset[];
174
- }
175
- export interface PageBuilderConfig {
176
- updateOrCreate: {
177
- /**
178
- * Whether the builder is creating new content or updating existing content.
179
- * Accepts `'create'`, `'update'`, or any other string for dynamic / computed values.
180
- * The union with `(string & {})` preserves autocomplete for the two common values
181
- * while allowing any string without requiring `as const` or explicit casting.
182
- *
183
- * @example
184
- * // Dynamic value — works without `as const`
185
- * formType: hasContent ? 'update' : 'create'
186
- */
187
- formType: 'create' | 'update' | (string & {});
188
- formName: FormName | (string & {});
189
- [key: string]: unknown;
190
- };
191
- pageBuilderLogo?: {
192
- src: string;
193
- [key: string]: unknown;
194
- } | null;
195
- resourceData?: {
196
- /**
197
- * Optional page/resource title shown in the builder toolbar.
198
- * Made optional so consumers can pass a resource object without a title
199
- * or when the title isn't known yet at the time `startBuilder` is called.
200
- */
201
- title?: string;
202
- /**
203
- * Accepts both numeric IDs and string-based IDs (e.g. UUIDs).
204
- * The service handles both types at runtime when building localStorage keys.
205
- */
206
- id?: number | string;
207
- [key: string]: unknown;
208
- } | null;
209
- userForPageBuilder?: PageBuilderUser;
210
- [key: string]: unknown;
211
- userSettings?: {
212
- language?: {
213
- default?: string;
214
- enable?: readonly string[];
215
- disableLanguageDropDown?: boolean;
216
- };
217
- autoSave?: boolean;
218
- notifications?: boolean;
219
- fontFamily?: string;
220
- } | null;
221
- settings?: {
222
- brandColor?: string;
223
- themeColorPresets?: ThemeColorPresetSettingsInput | ThemeColorPresetSettings | null;
224
- [key: string]: unknown;
225
- } | null;
226
- pageSettings?: PageSettings;
227
- }
228
- export interface TailwindColors {
229
- backgroundColorVariables: string[];
230
- textColorVariables: string[];
231
- }
232
- export interface TailwindOpacities {
233
- opacities: string[];
234
- backgroundOpacities: string[];
235
- }
236
- export interface TailwindFontSizes {
237
- fontBase: string[];
238
- fontDesktop: string[];
239
- fontTablet: string[];
240
- fontMobile: string[];
241
- }
242
- export interface TailwindFontStyles {
243
- fontStyles: string[];
244
- }
245
- export interface TailwindPaddingAndMargin {
246
- paddingAndMargin: string[];
247
- }
248
- export interface TailwindBorderRadius {
249
- borderRadius: string[];
250
- }
251
- export interface TailwindBorderStyleWidthColor {
252
- borderStyles: string[];
253
- borderWidths: string[];
254
- borderColors: string[];
255
- }
256
- export type TimerHandle = ReturnType<typeof setTimeout>;
257
- export type MutationObserver = globalThis.MutationObserver;
258
- export interface FetchedComponentsResponse {
259
- components: ComponentObject[];
260
- pagination?: {
261
- current_page: number;
262
- last_page: number;
263
- per_page: number;
264
- total: number;
265
- };
266
- [key: string]: unknown;
267
- }
268
- export interface SetPushComponentsPayload {
269
- componentArrayAddMethod?: string;
270
- component: ComponentObject;
271
- }
272
- export interface LoadComponentsData {
273
- search_query?: string;
274
- page?: string | number;
275
- }
@@ -1,2 +0,0 @@
1
- declare const fullHTMLContent: (HTML: string) => string;
2
- export default fullHTMLContent;
@@ -1,6 +0,0 @@
1
- interface TailwindColors {
2
- backgroundColorVariables: string[];
3
- textColorVariables: string[];
4
- }
5
- declare const tailwindColors: TailwindColors;
6
- export default tailwindColors;
@@ -1,9 +0,0 @@
1
- interface TailwindBorderRadius {
2
- roundedGlobal: string[];
3
- roundedTopLeft: string[];
4
- roundedTopRight: string[];
5
- roundedBottomLeft: string[];
6
- roundedBottomRight: string[];
7
- }
8
- declare const tailwindBorderRadius: TailwindBorderRadius;
9
- export default tailwindBorderRadius;
@@ -1,7 +0,0 @@
1
- interface TailwindBorderStyleWidthColor {
2
- borderStyle: string[];
3
- borderWidth: string[];
4
- borderColor: string[];
5
- }
6
- declare const tailwindBorderStyleWidthPlusColor: TailwindBorderStyleWidthColor;
7
- export default tailwindBorderStyleWidthPlusColor;
@@ -1,8 +0,0 @@
1
- interface TailwindFontSizes {
2
- fontBase: string[];
3
- fontDesktop: string[];
4
- fontTablet: string[];
5
- fontMobile: string[];
6
- }
7
- declare const tailwindFontSizes: TailwindFontSizes;
8
- export default tailwindFontSizes;
@@ -1,7 +0,0 @@
1
- interface TailwindFontStyles {
2
- fontWeight: string[];
3
- fontFamily: string[];
4
- fontStyle: string[];
5
- }
6
- declare const tailwindFontStyles: TailwindFontStyles;
7
- export default tailwindFontStyles;
@@ -1,7 +0,0 @@
1
- interface TailwindImage {
2
- objectFit: string[];
3
- objectPosition: string[];
4
- aspectRatio: string[];
5
- }
6
- declare const tailwindImage: TailwindImage;
7
- export default tailwindImage;
@@ -1,6 +0,0 @@
1
- interface TailwindOpacities {
2
- opacities: string[];
3
- backgroundOpacities: string[];
4
- }
5
- declare const tailwindOpacities: TailwindOpacities;
6
- export default tailwindOpacities;
@@ -1,16 +0,0 @@
1
- interface TailwindPaddingMargin {
2
- verticalPadding: string[];
3
- horizontalPadding: string[];
4
- topPadding: string[];
5
- rightPadding: string[];
6
- bottomPadding: string[];
7
- leftPadding: string[];
8
- verticalMargin: string[];
9
- horizontalMargin: string[];
10
- topMargin: string[];
11
- rightMargin: string[];
12
- bottomMargin: string[];
13
- leftMargin: string[];
14
- }
15
- declare const tailwindPaddingAndMargin: TailwindPaddingMargin;
16
- export default tailwindPaddingAndMargin;
@@ -1,13 +0,0 @@
1
- interface ComponentData {
2
- title: string;
3
- html_code: string;
4
- cover_image: string | null;
5
- category: string;
6
- }
7
- interface Components {
8
- components: {
9
- data: ComponentData[];
10
- };
11
- }
12
- declare const component: Components[];
13
- export default component;
@@ -1,10 +0,0 @@
1
- interface ComponentHelper {
2
- html_code: string;
3
- id: string | null;
4
- title: string;
5
- icon: string;
6
- category: string;
7
- [key: string]: unknown;
8
- }
9
- declare const componentHelpers: ComponentHelper[];
10
- export default componentHelpers;
@@ -1,13 +0,0 @@
1
- interface ComponentData {
2
- title: string;
3
- html_code: string;
4
- cover_image: string | null;
5
- category: string;
6
- }
7
- interface Themes {
8
- themes: {
9
- data: ComponentData[];
10
- };
11
- }
12
- declare const component: Themes[];
13
- export default component;