@g1cloud/page-builder-editor 1.0.0-alpha.81 → 1.0.0-alpha.83

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 (19) hide show
  1. package/css/page-builder-editor.css +14 -9
  2. package/dist/{PbPropertyEditorColor-D1Et94Ef.js → PbPropertyEditorColor-B2whCX1d.js} +1 -1
  3. package/dist/{PbPropertyEditorCssLength-vEqAkXLy.js → PbPropertyEditorCssLength-Cq5y3hp5.js} +1 -1
  4. package/dist/{PbPropertyEditorHtml-BD1ir-xW.js → PbPropertyEditorHtml-DunmjOZP.js} +1 -1
  5. package/dist/{PbPropertyEditorImage-CrtSHsie.js → PbPropertyEditorImage-CAULnDMs.js} +1 -1
  6. package/dist/{PbPropertyEditorMultilineText-v01RFbU-.js → PbPropertyEditorMultilineText-CP-gnrl0.js} +1 -1
  7. package/dist/{PbPropertyEditorText-CDohV0Yq.js → PbPropertyEditorText-BqXqhBvc.js} +1 -1
  8. package/dist/{PbPropertyEditorYoutube-gZIWmCbS.js → PbPropertyEditorYoutube-BM-3CS85.js} +1 -1
  9. package/dist/{PbWidgetAddModal-CetSlzPe.js → PbWidgetAddModal-B0EJiVqs.js} +1 -1
  10. package/dist/{index-tTR7GhuX.js → index-CzWzYmyG.js} +453 -253
  11. package/dist/page-builder-editor.js +1 -1
  12. package/dist/page-builder-editor.umd.cjs +445 -245
  13. package/dist/style.css +14 -9
  14. package/package.json +3 -3
  15. package/scss/canvas.scss +1 -0
  16. package/scss/page-builder-editor.scss +7 -7
  17. package/scss/property-editor-youtube.scss +2 -2
  18. package/scss/property-group-editor-media.scss +5 -0
  19. package/scss/property-localpart.scss +2 -2
package/dist/style.css CHANGED
@@ -47,6 +47,7 @@
47
47
  .pb-editor .pb-editor-body .pb-canvas-wrapper {
48
48
  background-color: var(--color-canvas-frame-bg);
49
49
  border-top: 1px solid var(--color-canvas-frame-bg);
50
+ border-bottom: 1px solid var(--color-canvas-frame-bg);
50
51
  flex-grow: 1;
51
52
  min-width: 0;
52
53
  width: 0;
@@ -262,17 +263,21 @@
262
263
  .pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-media .input-area {
263
264
  height: 24px;
264
265
  }
266
+ .pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-media .url {
267
+ word-break: break-word !important;
268
+ word-wrap: break-word !important;
269
+ }
265
270
  .pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-local-part .title {
266
271
  font-weight: 600;
267
272
  }
268
273
  .pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-local-part button {
269
- color: #fff;
274
+ color: var(--white);
270
275
  border: none;
271
276
  padding: 0 4px;
272
277
  cursor: pointer;
273
278
  line-height: 1;
274
279
  height: 24px;
275
- background-color: #1f8fff;
280
+ background-color: var(--primary);
276
281
  }
277
282
  .pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-local-part .input-area {
278
283
  height: 24px;
@@ -301,14 +306,14 @@
301
306
  display: inline-block;
302
307
  width: 100px;
303
308
  height: 1px;
304
- background: red;
309
+ background: var(--red);
305
310
  position: absolute;
306
311
  top: 50%;
307
312
  left: 50%;
308
313
  transform: translate(-50%, -50%) rotate(45deg);
309
314
  }
310
315
  .pb-editor .pb-editor-body .pb-color-picker .buttons button.picker-button {
311
- border: 1px solid #cccccc;
316
+ border: 1px solid var(--border);
312
317
  }
313
318
  .pb-editor .pb-editor-body .pb-color-picker .buttons button i {
314
319
  font-size: 1.4rem;
@@ -335,7 +340,7 @@
335
340
  width: 50%;
336
341
  }
337
342
  .pb-html-editor-modal .preview .content {
338
- border: solid 1px #ccc;
343
+ border: solid 1px var(--border);
339
344
  }
340
345
  .pb-html-editor-modal .preview .content iframe {
341
346
  width: 100%;
@@ -360,23 +365,23 @@
360
365
  text-align: center;
361
366
  }
362
367
  .pb-html-editor-modal .buttons button {
363
- color: #fff;
368
+ color: var(--white);
364
369
  border: none;
365
370
  padding: 4px 12px;
366
371
  cursor: pointer;
367
372
  line-height: 1;
368
373
  height: 28px;
369
- background-color: #1f8fff;
374
+ background-color: var(--primary);
370
375
  }
371
376
  .pb-youtube-modal .flex-grow-1.overflow-auto {
372
377
  overflow: hidden !important;
373
378
  }
374
379
  .pb-youtube-modal button {
375
- color: #fff;
380
+ color: var(--white);
376
381
  border: none;
377
382
  padding: 4px 12px;
378
383
  cursor: pointer;
379
384
  line-height: 1;
380
385
  height: 28px;
381
- background-color: #1f8fff;
386
+ background-color: var(--primary);
382
387
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@g1cloud/page-builder-editor",
3
3
  "private": false,
4
- "version": "1.0.0-alpha.81",
4
+ "version": "1.0.0-alpha.83",
5
5
  "engins": {
6
6
  "node": ">= 20.0.0"
7
7
  },
@@ -17,7 +17,7 @@
17
17
  "author": "zag@g1project.net",
18
18
  "license": "LicenseRef-LICENSE",
19
19
  "peerDependencies": {
20
- "@g1cloud/bluesea": "5.0.0-alpha.107",
20
+ "@g1cloud/bluesea": "5.0.0-alpha.114",
21
21
  "vue3-youtube": "^0.1.9"
22
22
  },
23
23
  "dependencies": {
@@ -31,7 +31,7 @@
31
31
  "vue-router": "^4.4.3",
32
32
  "vue3-click-away": "^1.2.4",
33
33
  "yjs": "^13.6.14",
34
- "@g1cloud/page-builder-viewer": "1.0.0-alpha.81"
34
+ "@g1cloud/page-builder-viewer": "1.0.0-alpha.83"
35
35
  },
36
36
  "devDependencies": {
37
37
  "@types/node": "^20.12.7",
package/scss/canvas.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  .pb-canvas-wrapper {
3
3
  background-color: var(--color-canvas-frame-bg);
4
4
  border-top: 1px solid var(--color-canvas-frame-bg);
5
+ border-bottom: 1px solid var(--color-canvas-frame-bg);
5
6
  flex-grow: 1;
6
7
  min-width: 0;
7
8
  width: 0;
package/scss/page-builder-editor.scss CHANGED
@@ -206,7 +206,7 @@
206
206
  display: inline-block;
207
207
  width: 100px;
208
208
  height: 1px;
209
- background: red;
209
+ background: var(--red);
210
210
  position: absolute;
211
211
  top: 50%;
212
212
  left: 50%;
@@ -215,7 +215,7 @@
215
215
  }
216
216
 
217
217
  &.picker-button {
218
- border: 1px solid #cccccc;
218
+ border: 1px solid var(--border);
219
219
  }
220
220
 
221
221
  i {
@@ -259,7 +259,7 @@
259
259
  width: 50%;
260
260
 
261
261
  .content {
262
- border: solid 1px #ccc;
262
+ border: solid 1px var(--border);
263
263
 
264
264
  iframe {
265
265
  width: 100%;
@@ -298,13 +298,13 @@
298
298
  text-align: center;
299
299
 
300
300
  button {
301
- color: #fff;
301
+ color: var(--white);
302
302
  border: none;
303
303
  padding: 4px 12px;
304
304
  cursor: pointer;
305
305
  line-height: 1;
306
306
  height: 28px;
307
- background-color: #1f8fff;
307
+ background-color: var(--primary);
308
308
  }
309
309
  }
310
310
  }
@@ -315,12 +315,12 @@
315
315
  }
316
316
 
317
317
  button {
318
- color: #fff;
318
+ color: var(--white);
319
319
  border: none;
320
320
  padding: 4px 12px;
321
321
  cursor: pointer;
322
322
  line-height: 1;
323
323
  height: 28px;
324
- background-color: #1f8fff;
324
+ background-color: var(--primary);
325
325
  }
326
326
  }
package/scss/property-editor-youtube.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  .property-editor-youtube {
2
2
  button {
3
- color: #fff;
3
+ color: var(--white);
4
4
  border: none;
5
5
  padding: 4px 12px;
6
6
  cursor: pointer;
7
7
  line-height: 1;
8
8
  width: 120px;
9
9
  height: 28px;
10
- background-color: #1f8fff;
10
+ background-color: var(--primary);
11
11
  }
12
12
 
13
13
  .input-area {
package/scss/property-group-editor-media.scss CHANGED
@@ -14,4 +14,9 @@
14
14
  .input-area {
15
15
  height: 24px;
16
16
  }
17
+
18
+ .url {
19
+ word-break: break-word !important;
20
+ word-wrap: break-word !important;
21
+ }
17
22
  }
package/scss/property-localpart.scss CHANGED
@@ -5,14 +5,14 @@
5
5
  }
6
6
 
7
7
  button {
8
- color: #fff;
8
+ color: var(--white);
9
9
  border: none;
10
10
  padding: 0 4px;
11
11
  cursor: pointer;
12
12
  line-height: 1;
13
13
  //width: 100px;
14
14
  height: 24px;
15
- background-color: #1f8fff;
15
+ background-color: var(--primary);
16
16
  }
17
17
 
18
18
  .input-area {