@zipify/wysiwyg 1.0.0-dev.36 → 1.0.0-dev.39

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 (115) hide show
  1. package/README.md +2 -2
  2. package/config/jest/setupTests.js +0 -3
  3. package/config/webpack/lib.config.js +3 -4
  4. package/dist/wysiwyg.css +145 -145
  5. package/dist/wysiwyg.js +1 -1
  6. package/example/ExampleApp.vue +1 -1
  7. package/example/example.js +0 -3
  8. package/lib/Wysiwyg.vue +1 -1
  9. package/lib/__tests__/utils/withComponentContext.js +1 -1
  10. package/lib/components/base/Button.vue +1 -1
  11. package/lib/components/base/Icon.vue +1 -1
  12. package/lib/components/base/Modal.vue +1 -1
  13. package/lib/components/base/NumberField.vue +1 -1
  14. package/lib/components/base/Range.vue +1 -1
  15. package/lib/components/base/ScrollView.vue +1 -1
  16. package/lib/components/base/TextField.vue +1 -1
  17. package/lib/components/base/__tests__/Modal.test.js +8 -2
  18. package/lib/components/base/colorPicker/ColorPicker.vue +1 -1
  19. package/lib/components/base/colorPicker/composables/__tests__/usePickerApi.test.js +1 -1
  20. package/lib/components/base/colorPicker/composables/usePickerApi.js +1 -1
  21. package/lib/components/base/colorPicker/composables/usePickerHotkeys.js +1 -1
  22. package/lib/components/base/composables/__tests__/useActivatedListener.test.js +1 -1
  23. package/lib/components/base/composables/__tests__/useDeselectionLock.test.js +1 -1
  24. package/lib/components/base/composables/__tests__/useElementRef.test.js +1 -1
  25. package/lib/components/base/composables/__tests__/useModalToggler.test.js +1 -1
  26. package/lib/components/base/composables/__tests__/useNumberValue.test.js +1 -1
  27. package/lib/components/base/composables/__tests__/useScrollView.test.js +1 -1
  28. package/lib/components/base/composables/__tests__/useTempValue.test.js +1 -1
  29. package/lib/components/base/composables/useActivatedListener.js +1 -1
  30. package/lib/components/base/composables/useDeselectionLock.js +1 -1
  31. package/lib/components/base/composables/useElementRef.js +1 -1
  32. package/lib/components/base/composables/useModalToggler.js +1 -1
  33. package/lib/components/base/composables/useScrollView.js +1 -1
  34. package/lib/components/base/composables/useTempValue.js +1 -1
  35. package/lib/components/base/composables/useValidator.js +1 -1
  36. package/lib/components/base/dropdown/Dropdown.vue +1 -1
  37. package/lib/components/base/dropdown/DropdownActivator.vue +1 -1
  38. package/lib/components/base/dropdown/DropdownGroup.vue +1 -1
  39. package/lib/components/base/dropdown/DropdownMenu.vue +1 -1
  40. package/lib/components/base/dropdown/DropdownOption.vue +1 -1
  41. package/lib/components/base/dropdown/__tests__/DropdownActivator.test.js +1 -1
  42. package/lib/components/base/dropdown/__tests__/DropdownMenu.test.js +1 -1
  43. package/lib/components/base/dropdown/__tests__/DropdownOption.test.js +1 -1
  44. package/lib/components/base/dropdown/composables/__tests__/useActiveOptionManager.test.js +1 -1
  45. package/lib/components/base/dropdown/composables/__tests__/useDropdownEntityTitle.test.js +1 -1
  46. package/lib/components/base/dropdown/composables/useActiveOptionManager.js +1 -1
  47. package/lib/components/base/dropdown/composables/useDropdownEntityTitle.js +1 -1
  48. package/lib/components/toolbar/Toolbar.vue +1 -1
  49. package/lib/components/toolbar/ToolbarDivider.vue +1 -1
  50. package/lib/components/toolbar/__tests__/Toolbar.test.js +3 -2
  51. package/lib/components/toolbar/controls/AlignmentControl.vue +1 -1
  52. package/lib/components/toolbar/controls/AlignmentDeviceControl.vue +1 -1
  53. package/lib/components/toolbar/controls/BackgroundColorControl.vue +1 -1
  54. package/lib/components/toolbar/controls/CaseStyleControl.vue +1 -1
  55. package/lib/components/toolbar/controls/FontColorControl.vue +1 -1
  56. package/lib/components/toolbar/controls/FontFamilyControl.vue +1 -1
  57. package/lib/components/toolbar/controls/FontSizeControl.vue +1 -1
  58. package/lib/components/toolbar/controls/FontWeightControl.vue +1 -1
  59. package/lib/components/toolbar/controls/ItalicControl.vue +1 -1
  60. package/lib/components/toolbar/controls/LineHeightControl.vue +1 -1
  61. package/lib/components/toolbar/controls/ListControl.vue +1 -1
  62. package/lib/components/toolbar/controls/RemoveFormatControl.vue +1 -1
  63. package/lib/components/toolbar/controls/StrikeThroughControl.vue +1 -1
  64. package/lib/components/toolbar/controls/StylePresetControl.vue +1 -1
  65. package/lib/components/toolbar/controls/SuperscriptControl.vue +1 -1
  66. package/lib/components/toolbar/controls/UnderlineControl.vue +1 -1
  67. package/lib/components/toolbar/controls/__tests__/AlignmentControl.test.js +1 -1
  68. package/lib/components/toolbar/controls/__tests__/AlignmentDeviceControl.test.js +1 -1
  69. package/lib/components/toolbar/controls/__tests__/BackgroundColorControl.test.js +1 -1
  70. package/lib/components/toolbar/controls/__tests__/CaseStyleControl.test.js +1 -1
  71. package/lib/components/toolbar/controls/__tests__/FontColorControl.test.js +1 -1
  72. package/lib/components/toolbar/controls/__tests__/FontFamilyControl.test.js +1 -1
  73. package/lib/components/toolbar/controls/__tests__/FontSizeControl.test.js +1 -1
  74. package/lib/components/toolbar/controls/__tests__/FontWeightControl.test.js +1 -1
  75. package/lib/components/toolbar/controls/__tests__/ItalicControl.test.js +1 -1
  76. package/lib/components/toolbar/controls/__tests__/LineHeightControl.test.js +1 -1
  77. package/lib/components/toolbar/controls/__tests__/ListControl.test.js +1 -1
  78. package/lib/components/toolbar/controls/__tests__/StrikeThroughControl.test.js +1 -1
  79. package/lib/components/toolbar/controls/__tests__/StylePresetControl.test.js +1 -1
  80. package/lib/components/toolbar/controls/__tests__/UnderlineControl.test.js +1 -1
  81. package/lib/components/toolbar/controls/composables/useRecentFonts.js +1 -1
  82. package/lib/components/toolbar/controls/link/LinkControl.vue +1 -1
  83. package/lib/components/toolbar/controls/link/LinkControlHeader.vue +1 -1
  84. package/lib/components/toolbar/controls/link/composables/useLink.js +1 -1
  85. package/lib/components/toolbar/controls/link/destination/LinkControlDestination.vue +1 -1
  86. package/lib/components/toolbar/controls/link/destination/LinkControlPageBlock.vue +1 -1
  87. package/lib/composables/__tests__/useEditor.test.js +1 -1
  88. package/lib/composables/useEditor.js +1 -1
  89. package/lib/extensions/Alignment.js +1 -1
  90. package/lib/extensions/BackgroundColor.js +1 -1
  91. package/lib/extensions/DeviceManager.js +2 -5
  92. package/lib/extensions/FontColor.js +1 -1
  93. package/lib/extensions/FontFamily.js +1 -1
  94. package/lib/extensions/FontSize.js +1 -1
  95. package/lib/extensions/FontStyle.js +1 -1
  96. package/lib/extensions/FontWeight.js +1 -1
  97. package/lib/extensions/LineHeight.js +1 -1
  98. package/lib/extensions/StylePreset.js +4 -11
  99. package/lib/extensions/TextDecoration.js +1 -1
  100. package/lib/extensions/__tests__/Alignment.test.js +2 -2
  101. package/lib/extensions/__tests__/BackgroundColor.test.js +1 -1
  102. package/lib/extensions/__tests__/FontColor.test.js +1 -1
  103. package/lib/extensions/__tests__/FontFamily.test.js +1 -1
  104. package/lib/extensions/__tests__/FontSize.test.js +2 -2
  105. package/lib/extensions/__tests__/FontStyle.test.js +1 -1
  106. package/lib/extensions/__tests__/FontWeight.test.js +1 -1
  107. package/lib/extensions/__tests__/LineHeight.test.js +2 -2
  108. package/lib/extensions/__tests__/StylePreset.test.js +1 -2
  109. package/lib/extensions/__tests__/TextDecoration.test.js +1 -1
  110. package/lib/extensions/core/NodeProcessor.js +1 -1
  111. package/lib/extensions/index.js +2 -2
  112. package/lib/extensions/list/List.js +1 -1
  113. package/lib/extensions/list/__tests__/List.test.js +2 -3
  114. package/lib/services/__tests__/FavoriteColors.test.js +1 -1
  115. package/package.json +5 -6
package/dist/wysiwyg.css CHANGED
@@ -1,31 +1,31 @@
1
1
 
2
- .zw-toolbar__divider[data-v-034e1143] {
2
+ .zw-toolbar__divider[data-v-2af3bffa] {
3
3
  border-color: rgba(var(--zw-color-n90), 0.1);
4
4
  border-style: solid;
5
5
  border-width: 0;
6
6
  }
7
- .zw-toolbar__divider--vertical[data-v-034e1143] {
7
+ .zw-toolbar__divider--vertical[data-v-2af3bffa] {
8
8
  border-left-width: 1px;
9
9
  }
10
- .zw-toolbar__divider--horizontal[data-v-034e1143] {
10
+ .zw-toolbar__divider--horizontal[data-v-2af3bffa] {
11
11
  border-bottom-width: 1px;
12
12
  }
13
13
 
14
14
 
15
- .zw-toolbar__row[data-v-65916ef8] {
15
+ .zw-toolbar__row[data-v-4984472d] {
16
16
  display: flex;
17
17
  column-gap: var(--zw-offset-xs);
18
18
  padding: var(--zw-offset-xxs) var(--zw-offset-xs);
19
19
  }
20
20
 
21
21
 
22
- .zw-toolbar__group[data-v-06bbae29] {
22
+ .zw-toolbar__group[data-v-95aed9d6] {
23
23
  display: flex;
24
24
  column-gap: var(--zw-offset-xxs);
25
25
  }
26
26
 
27
27
 
28
- .zw-button[data-v-610825a2] {
28
+ .zw-button[data-v-7b26f21e] {
29
29
  display: inline-flex;
30
30
  align-items: center;
31
31
  vertical-align: middle;
@@ -44,21 +44,21 @@
44
44
  transition: 0.1s opacity ease-out;
45
45
  will-change: opacity;
46
46
  }
47
- .zw-button[data-v-610825a2]::-moz-focus-inner {
47
+ .zw-button[data-v-7b26f21e]::-moz-focus-inner {
48
48
  border: 0 !important;
49
49
  }
50
- .zw-button[data-v-610825a2]:hover,
51
- .zw-button[data-v-610825a2]:focus {
50
+ .zw-button[data-v-7b26f21e]:hover,
51
+ .zw-button[data-v-7b26f21e]:focus {
52
52
  text-decoration: none;
53
53
  outline: none;
54
54
  }
55
- .zw-button[data-v-610825a2]:disabled {
55
+ .zw-button[data-v-7b26f21e]:disabled {
56
56
  user-select: none;
57
57
  box-shadow: none;
58
58
  cursor: not-allowed;
59
59
  opacity: 0.35;
60
60
  }
61
- .zw-button--toolbar[data-v-610825a2] {
61
+ .zw-button--toolbar[data-v-7b26f21e] {
62
62
  border-radius: 1px;
63
63
  min-height: 28px;
64
64
  font-weight: var(--zw-font-weight-semibold);
@@ -68,44 +68,44 @@
68
68
  transition-property: background-color, color, opacity;
69
69
  will-change: background-color, color, opacity;
70
70
  }
71
- .zw-button--primary[data-v-610825a2] {
71
+ .zw-button--primary[data-v-7b26f21e] {
72
72
  background-color: rgb(var(--zw-color-green));
73
73
  color: rgb(var(--zw-color-white));
74
74
  padding: var(--zw-offset-xxs) var(--zw-offset-sm);
75
75
  line-height: var(--zw-line-height-md);
76
76
  }
77
- .zw-button--primary[data-v-610825a2],
78
- .zw-button--secondary[data-v-610825a2] {
77
+ .zw-button--primary[data-v-7b26f21e],
78
+ .zw-button--secondary[data-v-7b26f21e] {
79
79
  color: rgb(var(--zw-color-white));
80
80
  padding: var(--zw-offset-xxs) var(--zw-offset-sm);
81
81
  font-weight: 600;
82
82
  font-size: var(--zw-font-size-xs);
83
83
  }
84
- .zw-button--primary[data-v-610825a2]:not(:disabled):hover,
85
- .zw-button--secondary[data-v-610825a2]:not(:disabled):hover {
84
+ .zw-button--primary[data-v-7b26f21e]:not(:disabled):hover,
85
+ .zw-button--secondary[data-v-7b26f21e]:not(:disabled):hover {
86
86
  opacity: 0.9;
87
87
  }
88
- .zw-button--toolbar[data-v-610825a2]:not(.zw-button--icon) {
88
+ .zw-button--toolbar[data-v-7b26f21e]:not(.zw-button--icon) {
89
89
  padding: var(--zw-offset-xxs) var(--zw-offset-xs);
90
90
  }
91
- .zw-button--toolbar[data-v-610825a2]:not(:disabled):hover,
92
- .zw-button--toolbar[data-v-610825a2]:not(:disabled):focus,
93
- .zw-button--toolbar.zw-button--active[data-v-610825a2]:not(:disabled) {
91
+ .zw-button--toolbar[data-v-7b26f21e]:not(:disabled):hover,
92
+ .zw-button--toolbar[data-v-7b26f21e]:not(:disabled):focus,
93
+ .zw-button--toolbar.zw-button--active[data-v-7b26f21e]:not(:disabled) {
94
94
  color: rgb(var(--zw-color-white));
95
95
  background-color: rgb(var(--zw-color-n5));
96
96
  }
97
97
 
98
98
 
99
- .zw-button-toggle[data-v-de5fa53a] {
99
+ .zw-button-toggle[data-v-a03d6d62] {
100
100
  display: flex;
101
101
  column-gap: var(--zw-offset-xxs);
102
102
  }
103
103
 
104
104
 
105
- .zw-icon[data-v-d4624794] {
105
+ .zw-icon[data-v-0cdffb89] {
106
106
  display: flex;
107
107
  }
108
- .zw-icon--auto-color[data-v-d4624794] {
108
+ .zw-icon--auto-color[data-v-0cdffb89] {
109
109
  --zw-icon-foreground: currentColor;
110
110
  }
111
111
 
@@ -322,18 +322,18 @@
322
322
  }
323
323
 
324
324
 
325
- .zw-scroll-view[data-v-56dc828f] .simplebar-placeholder {
325
+ .zw-scroll-view[data-v-bec57602] .simplebar-placeholder {
326
326
  display: none;
327
327
  }
328
- .zw-scroll-view[data-v-56dc828f] .simplebar-track {
328
+ .zw-scroll-view[data-v-bec57602] .simplebar-track {
329
329
  width: 4px;
330
330
  background-color: rgb(var(--zw-color-n20));
331
331
  pointer-events: initial;
332
332
  }
333
- .zw-scroll-view[data-v-56dc828f] .simplebar-scrollbar {
333
+ .zw-scroll-view[data-v-bec57602] .simplebar-scrollbar {
334
334
  width: 4px;
335
335
  }
336
- .zw-scroll-view[data-v-56dc828f] .simplebar-scrollbar::before {
336
+ .zw-scroll-view[data-v-bec57602] .simplebar-scrollbar::before {
337
337
  top: 0;
338
338
  left: 0;
339
339
  background-color: rgb(var(--zw-color-n5));
@@ -345,7 +345,7 @@
345
345
  }
346
346
 
347
347
 
348
- .zw-field-label[data-v-2be4d197] {
348
+ .zw-field-label[data-v-42ff6f5b] {
349
349
  font-weight: var(--zw-font-weight-thin);
350
350
  font-size: var(--zw-font-size-xxs);
351
351
  line-height: var(--zw-line-height-xxs);
@@ -354,7 +354,7 @@
354
354
  }
355
355
 
356
356
 
357
- .zw-range[data-v-4cc06850] {
357
+ .zw-range[data-v-2caa9e86] {
358
358
  width: 100%;
359
359
  height: 32px;
360
360
  background: none;
@@ -367,7 +367,7 @@
367
367
  --zw-range-thumb-background: rgb(var(--zw-color-white));
368
368
  --zw-range-thumb-box-shadow: -1px -1px 3px rgba(59, 59, 59, 0.35), 1px 1px 3px rgba(59, 59, 59, 0.35);
369
369
  }
370
- .zw-range[data-v-4cc06850]::-webkit-slider-runnable-track {
370
+ .zw-range[data-v-2caa9e86]::-webkit-slider-runnable-track {
371
371
  width: 100%;
372
372
  height: 4px;
373
373
  border: 0;
@@ -376,7 +376,7 @@
376
376
  background-color: var(--zw-range-track-background-color);
377
377
  background-image: var(--zw-range-track-background-image);
378
378
  }
379
- .zw-range[data-v-4cc06850]::-moz-range-track {
379
+ .zw-range[data-v-2caa9e86]::-moz-range-track {
380
380
  width: 100%;
381
381
  height: 4px;
382
382
  border: 0;
@@ -385,7 +385,7 @@
385
385
  background-color: var(--zw-range-track-background-color);
386
386
  background-image: var(--zw-range-track-background-image);
387
387
  }
388
- .zw-range[data-v-4cc06850]::-ms-track {
388
+ .zw-range[data-v-2caa9e86]::-ms-track {
389
389
  width: 100%;
390
390
  height: 4px;
391
391
  border: 0;
@@ -394,7 +394,7 @@
394
394
  background-color: var(--zw-range-track-background-color);
395
395
  background-image: var(--zw-range-track-background-image);
396
396
  }
397
- .zw-range[data-v-4cc06850]::-webkit-slider-thumb {
397
+ .zw-range[data-v-2caa9e86]::-webkit-slider-thumb {
398
398
  height: 13px;
399
399
  width: 13px;
400
400
  border-radius: 100%;
@@ -404,7 +404,7 @@
404
404
  -webkit-appearance: none;
405
405
  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
406
406
  }
407
- .zw-range[data-v-4cc06850]::-moz-range-thumb {
407
+ .zw-range[data-v-2caa9e86]::-moz-range-thumb {
408
408
  height: 13px;
409
409
  width: 13px;
410
410
  border-radius: 100%;
@@ -414,7 +414,7 @@
414
414
  -webkit-appearance: none;
415
415
  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
416
416
  }
417
- .zw-range[data-v-4cc06850]::-ms-thumb {
417
+ .zw-range[data-v-2caa9e86]::-ms-thumb {
418
418
  height: 13px;
419
419
  width: 13px;
420
420
  border-radius: 100%;
@@ -426,40 +426,40 @@
426
426
  }
427
427
 
428
428
  /* Browser hacks */
429
- .zw-range[data-v-4cc06850]::-moz-focus-outer,
430
- .zw-range[data-v-4cc06850]::-moz-range-thumb {
429
+ .zw-range[data-v-2caa9e86]::-moz-focus-outer,
430
+ .zw-range[data-v-2caa9e86]::-moz-range-thumb {
431
431
  border: 0;
432
432
  }
433
433
 
434
434
  /* In IE don't know how it count margin for thumb */
435
435
  /* but it works */
436
- .zw-range[data-v-4cc06850]::-ms-thumb {
436
+ .zw-range[data-v-2caa9e86]::-ms-thumb {
437
437
  margin-top: -2px;
438
438
  }
439
439
 
440
440
  /* END browser hacks */
441
- .zw-range[data-v-4cc06850]:focus {
441
+ .zw-range[data-v-2caa9e86]:focus {
442
442
  outline: none;
443
443
  }
444
- .zw-range[data-v-4cc06850]:disabled {
444
+ .zw-range[data-v-2caa9e86]:disabled {
445
445
  cursor: not-allowed;
446
446
  opacity: 0.6;
447
447
  --zw-range-track-background-color: #3B3B3B;
448
448
  --zw-range-track-background-image: linear-gradient(to right, #B3B3B3 var(--zw-range-progress), #3B3B3B var(--zw-range-progress));
449
449
  }
450
- .zw-range[data-v-4cc06850]:disabled {
450
+ .zw-range[data-v-2caa9e86]:disabled {
451
451
  --zw-range-thumb-background: #B3B3B3;
452
452
  --zw-range-thumb-box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
453
453
  }
454
- .zw-range[data-v-4cc06850]:not(:disabled):hover {
454
+ .zw-range[data-v-2caa9e86]:not(:disabled):hover {
455
455
  --zw-range-thumb-box-shadow: 0 0 0 8px rgba(240, 240, 240, 0.15);
456
456
  }
457
- .zw-range[data-v-4cc06850]:not(:disabled):active {
457
+ .zw-range[data-v-2caa9e86]:not(:disabled):active {
458
458
  --zw-range-thumb-box-shadow: 0 0 0 12px rgba(240, 240, 240, 0.15);
459
459
  }
460
460
 
461
461
 
462
- .zw-number-field[data-v-289baff8] {
462
+ .zw-number-field[data-v-0a7fafb2] {
463
463
  --border-color: rgb(var(--zw-color-n60));
464
464
  --text-color: rgb(var(--zw-color-n85));
465
465
  --buttons-color: rgb(var(--zw-color-n70));
@@ -469,16 +469,16 @@
469
469
  align-items: stretch;
470
470
  display: flex;
471
471
  }
472
- .zw-number-field[data-v-289baff8]:hover {
472
+ .zw-number-field[data-v-0a7fafb2]:hover {
473
473
  --border-color: rgb(var(--zw-color-n80));
474
474
  --text-color: rgb(var(--zw-color-n85));
475
475
  }
476
- .zw-number-field[data-v-289baff8]:focus,
477
- .zw-number-field[data-v-289baff8]:focus-within {
476
+ .zw-number-field[data-v-0a7fafb2]:focus,
477
+ .zw-number-field[data-v-0a7fafb2]:focus-within {
478
478
  --border-color: rgb(var(--zw-color-white));
479
479
  --text-color: rgb(var(--zw-color-white));
480
480
  }
481
- .zw-number-field__input[data-v-289baff8] {
481
+ .zw-number-field__input[data-v-0a7fafb2] {
482
482
  color: var(--text-color);
483
483
  background-color: rgb(var(--zw-color-n15));
484
484
  border: 0;
@@ -489,60 +489,60 @@
489
489
  font-size: var(--zw-font-size-xs);
490
490
  -moz-appearance: textfield;
491
491
  }
492
- .zw-number-field__buttons[data-v-289baff8] {
492
+ .zw-number-field__buttons[data-v-0a7fafb2] {
493
493
  display: none;
494
494
  flex-direction: column;
495
495
  height: 100%;
496
496
  }
497
- .zw-number-field:hover .zw-number-field__buttons[data-v-289baff8],
498
- .zw-number-field:focus .zw-number-field__buttons[data-v-289baff8],
499
- .zw-number-field:focus-within .zw-number-field__buttons[data-v-289baff8] {
497
+ .zw-number-field:hover .zw-number-field__buttons[data-v-0a7fafb2],
498
+ .zw-number-field:focus .zw-number-field__buttons[data-v-0a7fafb2],
499
+ .zw-number-field:focus-within .zw-number-field__buttons[data-v-0a7fafb2] {
500
500
  display: flex;
501
501
  }
502
- .zw-number-field__input[data-v-289baff8]::placeholder {
502
+ .zw-number-field__input[data-v-0a7fafb2]::placeholder {
503
503
  color: var(--text-color);
504
504
  }
505
- .zw-number-field__input[data-v-289baff8]::-webkit-outer-spin-button,
506
- .zw-number-field__input[data-v-289baff8]::-webkit-inner-spin-button {
505
+ .zw-number-field__input[data-v-0a7fafb2]::-webkit-outer-spin-button,
506
+ .zw-number-field__input[data-v-0a7fafb2]::-webkit-inner-spin-button {
507
507
  color: var(--text-color);
508
508
  -webkit-appearance: none;
509
509
  }
510
- .zw-number-field__controls[data-v-289baff8] {
510
+ .zw-number-field__controls[data-v-0a7fafb2] {
511
511
  min-width: var(--zw-offset-sm);
512
512
  }
513
- .zw-number-field--disabled[data-v-289baff8] {
513
+ .zw-number-field--disabled[data-v-0a7fafb2] {
514
514
  opacity: 0.5;
515
515
  }
516
- .zw-number-field--disabled[data-v-289baff8],
517
- .zw-number-field--disabled .zw-number-field__input[data-v-289baff8] {
516
+ .zw-number-field--disabled[data-v-0a7fafb2],
517
+ .zw-number-field--disabled .zw-number-field__input[data-v-0a7fafb2] {
518
518
  cursor: not-allowed;
519
519
  }
520
- .zw-number-field__increment-button[data-v-289baff8],
521
- .zw-number-field__decrement-button[data-v-289baff8] {
520
+ .zw-number-field__increment-button[data-v-0a7fafb2],
521
+ .zw-number-field__decrement-button[data-v-0a7fafb2] {
522
522
  width: 100%;
523
523
  height: 50%;
524
524
  display: flex;
525
525
  align-items: center;
526
526
  justify-content: center;
527
527
  }
528
- .zw-number-field__increment-button[data-v-289baff8]::after,
529
- .zw-number-field__decrement-button[data-v-289baff8]::after {
528
+ .zw-number-field__increment-button[data-v-0a7fafb2]::after,
529
+ .zw-number-field__decrement-button[data-v-0a7fafb2]::after {
530
530
  content: "";
531
531
  border-left: 3px solid transparent;
532
532
  border-right: 3px solid transparent;
533
533
  }
534
- .zw-number-field__increment-button[data-v-289baff8]::after {
534
+ .zw-number-field__increment-button[data-v-0a7fafb2]::after {
535
535
  border-bottom: 3px solid var(--buttons-color);
536
536
  }
537
- .zw-number-field__decrement-button[data-v-289baff8]::after {
537
+ .zw-number-field__decrement-button[data-v-0a7fafb2]::after {
538
538
  border-top: 3px solid var(--buttons-color);
539
539
  }
540
- .zw-number-field__increment-button[data-v-289baff8]:hover,
541
- .zw-number-field__decrement-button[data-v-289baff8]:hover {
540
+ .zw-number-field__increment-button[data-v-0a7fafb2]:hover,
541
+ .zw-number-field__decrement-button[data-v-0a7fafb2]:hover {
542
542
  background-color: rgb(var(--zw-color-n20));
543
543
  --buttons-color: rgb(var(--zw-color-white));
544
544
  }
545
- .zw-number-field__units[data-v-289baff8] {
545
+ .zw-number-field__units[data-v-0a7fafb2] {
546
546
  color: rgb(var(--zw-color-n70));
547
547
  font-size: var(--zw-font-size-xs);
548
548
  line-height: var(--zw-line-height-md);
@@ -550,13 +550,13 @@
550
550
  display: inline-block;
551
551
  width: 100%;
552
552
  }
553
- .zw-number-field:hover .zw-number-field__units[data-v-289baff8],
554
- .zw-number-field:focus .zw-number-field__units[data-v-289baff8] {
553
+ .zw-number-field:hover .zw-number-field__units[data-v-0a7fafb2],
554
+ .zw-number-field:focus .zw-number-field__units[data-v-0a7fafb2] {
555
555
  display: none;
556
556
  }
557
557
 
558
558
 
559
- .zw-modal[data-v-0a3c1c80] {
559
+ .zw-modal[data-v-514338df] {
560
560
  border-radius: 2px;
561
561
  box-shadow: 0 0 4px rgba(var(--zw-color-black), 0.3);
562
562
  background-color: rgb(var(--zw-color-n15));
@@ -565,36 +565,36 @@
565
565
  z-index: 1000;
566
566
  will-change: transform;
567
567
  }
568
- .zw-modal--enter-active[data-v-0a3c1c80] {
568
+ .zw-modal--enter-active[data-v-514338df] {
569
569
  transition: opacity 0.15s ease-out;
570
570
  }
571
- .zw-modal--enter[data-v-0a3c1c80],
572
- .zw-modal--leave-to[data-v-0a3c1c80] {
571
+ .zw-modal--enter[data-v-514338df],
572
+ .zw-modal--leave-to[data-v-514338df] {
573
573
  opacity: 0;
574
574
  }
575
- .zw-modal--leave-active[data-v-0a3c1c80] {
575
+ .zw-modal--leave-active[data-v-514338df] {
576
576
  transition: opacity 0.1s ease-in;
577
577
  }
578
578
 
579
579
  /* Scrollbar overrides in modal */
580
- .zw-modal[data-v-0a3c1c80] .simplebar-offset,
581
- .zw-modal[data-v-0a3c1c80] .simplebar-mask {
580
+ .zw-modal[data-v-514338df] .simplebar-offset,
581
+ .zw-modal[data-v-514338df] .simplebar-mask {
582
582
  position: initial;
583
583
  }
584
- .zw-modal[data-v-0a3c1c80] .simplebar-content {
584
+ .zw-modal[data-v-514338df] .simplebar-content {
585
585
  max-height: var(--zw-modal-max-height);
586
586
  padding: 0 !important;
587
587
  }
588
- .zw-modal[data-v-0a3c1c80] .simplebar-content-wrapper {
588
+ .zw-modal[data-v-514338df] .simplebar-content-wrapper {
589
589
  overscroll-behavior: contain;
590
590
  }
591
591
 
592
592
 
593
- .zw-field[data-v-49291160] {
593
+ .zw-field[data-v-762329fc] {
594
594
  display: flex;
595
595
  flex-direction: column;
596
596
  }
597
- .zw-field__input[data-v-49291160] {
597
+ .zw-field__input[data-v-762329fc] {
598
598
  --border-color: rgb(var(--zw-color-n60));
599
599
  --text-color: rgb(var(--zw-color-n85));
600
600
 
@@ -606,49 +606,49 @@
606
606
  padding: 6px;
607
607
  line-height: var(--zw-line-height-xxs);
608
608
  }
609
- .zw-field__input[data-v-49291160]:hover {
609
+ .zw-field__input[data-v-762329fc]:hover {
610
610
  --border-color: rgb(var(--zw-color-n80));
611
611
  --text-color: rgb(var(--zw-color-n85));
612
612
  }
613
- .zw-field__input[data-v-49291160]:focus,
614
- .zw-field__input[data-v-49291160]:focus-within {
613
+ .zw-field__input[data-v-762329fc]:focus,
614
+ .zw-field__input[data-v-762329fc]:focus-within {
615
615
  --border-color: rgb(var(--zw-color-white));
616
616
  --text-color: rgb(var(--zw-color-white));
617
617
  }
618
- .zw-field__label[data-v-49291160] {
618
+ .zw-field__label[data-v-762329fc] {
619
619
  display: inline-block;
620
620
  font-size: var(--zw-font-size-xxs);
621
621
  padding-bottom: var(--zw-offset-xxs);
622
622
  line-height: var(--zw-line-height-xxs);
623
623
  }
624
- .zw-field__label--error[data-v-49291160] {
624
+ .zw-field__label--error[data-v-762329fc] {
625
625
  font-size: var(--zw-font-size-xxs);
626
626
  margin: var(--zw-offset-xxs) 0 0;
627
627
  color: rgb(var(--zw-color-red));
628
628
  }
629
629
 
630
630
 
631
- .zw-checkbox[data-v-f7eea800] {
631
+ .zw-checkbox[data-v-684c8df7] {
632
632
  display: inline-flex;
633
633
  align-items: center;
634
634
  position: relative;
635
635
  cursor: pointer;
636
636
  padding: var(--zw-offset-xxs) var(--zw-offset-xxs) var(--zw-offset-xxs) 0;
637
637
  }
638
- .zw-checkbox__field + .zw-checkbox__indicator[data-v-f7eea800] {
638
+ .zw-checkbox__field + .zw-checkbox__indicator[data-v-684c8df7] {
639
639
  color: var(--zw-color-n200);
640
640
  box-shadow: inset 0 0 0 2px currentColor;
641
641
  }
642
- .zw-checkbox:hover .zw-checkbox__indicator[data-v-f7eea800] {
642
+ .zw-checkbox:hover .zw-checkbox__indicator[data-v-684c8df7] {
643
643
  box-shadow: inset 0 0 0 2px rgb(var(--zw-color-green));
644
644
  }
645
- .zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-f7eea800] {
645
+ .zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-684c8df7] {
646
646
  color: rgb(var(--zw-color-green))
647
647
  }
648
- .zw-checkbox .zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-f7eea800] {
648
+ .zw-checkbox .zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-684c8df7] {
649
649
  background-color: rgb(var(--zw-color-green));
650
650
  }
651
- .zw-checkbox .zw-checkbox__indicator[data-v-f7eea800]::after {
651
+ .zw-checkbox .zw-checkbox__indicator[data-v-684c8df7]::after {
652
652
  content: "";
653
653
  display: block;
654
654
  height: 16px;
@@ -660,40 +660,40 @@
660
660
  background-size: 16px;
661
661
  background-position: center center;
662
662
  }
663
- .zw-checkbox__field:not(:checked) + .zw-checkbox__indicator[data-v-f7eea800]::after {
663
+ .zw-checkbox__field:not(:checked) + .zw-checkbox__indicator[data-v-684c8df7]::after {
664
664
  transform: scale(0);
665
665
  }
666
- .zw-checkbox__field[data-v-f7eea800] {
666
+ .zw-checkbox__field[data-v-684c8df7] {
667
667
  position: absolute;
668
668
  opacity: 0;
669
669
  height: 0;
670
670
  width: 0;
671
671
  }
672
- .zw-checkbox__label[data-v-f7eea800] {
672
+ .zw-checkbox__label[data-v-684c8df7] {
673
673
  font-size: var(--zw-font-size-xs);
674
674
  }
675
675
 
676
676
 
677
- .zw-dropdown__activator[data-v-4865ea7a] {
677
+ .zw-dropdown__activator[data-v-15cad90c] {
678
678
  width: 100%;
679
679
  }
680
- .zw-dropdown__activator-title[data-v-4865ea7a] {
680
+ .zw-dropdown__activator-title[data-v-15cad90c] {
681
681
  margin-right: var(--zw-offset-xs);
682
682
  }
683
- .zw-dropdown__activator-arrow[data-v-4865ea7a] {
683
+ .zw-dropdown__activator-arrow[data-v-15cad90c] {
684
684
  margin-left: auto;
685
685
  }
686
- .zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-4865ea7a] {
686
+ .zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-15cad90c] {
687
687
  transform: rotateX(180deg);
688
688
  }
689
- .zw-dropdown__activator--gray[data-v-4865ea7a] {
689
+ .zw-dropdown__activator--gray[data-v-15cad90c] {
690
690
  background-color: rgb(var(--zw-color-n20));
691
691
  font-size: var(--zw-font-size-xxs);
692
692
  color: rgb(var(--zw-color-white));
693
693
  }
694
694
 
695
695
 
696
- .zw-dropdown__option[data-v-10a0f0b7] {
696
+ .zw-dropdown__option[data-v-a2df7ee0] {
697
697
  width: 100%;
698
698
  display: block;
699
699
  color: rgb(var(--zw-color-white));
@@ -705,19 +705,19 @@
705
705
  transition: 0.1s background-color ease-out;
706
706
  will-change: background-color;
707
707
  }
708
- .zw-dropdown__option[data-v-10a0f0b7]:hover,
709
- .zw-dropdown__option[data-v-10a0f0b7]:focus,
710
- .zw-dropdown__option--active[data-v-10a0f0b7] {
708
+ .zw-dropdown__option[data-v-a2df7ee0]:hover,
709
+ .zw-dropdown__option[data-v-a2df7ee0]:focus,
710
+ .zw-dropdown__option--active[data-v-a2df7ee0] {
711
711
  background-color: rgb(var(--zw-color-n30));
712
712
  }
713
713
 
714
714
 
715
- .zw-dropdown__group[data-v-207aa7a6] {
715
+ .zw-dropdown__group[data-v-00bbc880] {
716
716
  padding-top: var(--zw-offset-xs);
717
717
  padding-bottom: var(--zw-offset-xs);
718
718
  --zw-option-offset: var(--zw-offset-xs);
719
719
  }
720
- .zw-dropdown__group-title[data-v-207aa7a6] {
720
+ .zw-dropdown__group-title[data-v-00bbc880] {
721
721
  color: var(--zw-color-n70);
722
722
  font-weight: var(--zw-font-weight-semibold);
723
723
  padding-left: var(--zw-offset-sm);
@@ -727,10 +727,10 @@
727
727
  }
728
728
 
729
729
 
730
- .zw-dropdown__divider[data-v-72e4c372] {
730
+ .zw-dropdown__divider[data-v-65262c5d] {
731
731
  padding: 0 var(--zw-offset-sm);
732
732
  }
733
- .zw-dropdown__divider[data-v-72e4c372]::before {
733
+ .zw-dropdown__divider[data-v-65262c5d]::before {
734
734
  content: "";
735
735
  display: block;
736
736
  border-bottom: 1px solid rgb(var(--zw-color-n30));
@@ -743,130 +743,130 @@
743
743
  }
744
744
 
745
745
 
746
- .zw-dropdown[data-v-35f81e22] {
746
+ .zw-dropdown[data-v-3661c591] {
747
747
  position: relative;
748
748
  font-size: var(--zw-font-size-xs);
749
749
  line-height: var(--zw-line-height-xxs);
750
750
  }
751
751
 
752
752
 
753
- .zw-style-preset-control[data-v-0f6b31b1] {
753
+ .zw-style-preset-control[data-v-53860f1d] {
754
754
  display: flex;
755
755
  align-items: center;
756
756
  }
757
- .zw-style-preset-control__dropdown[data-v-0f6b31b1] {
757
+ .zw-style-preset-control__dropdown[data-v-53860f1d] {
758
758
  width: 96px;
759
759
  }
760
- .zw-style-preset-control__reset[data-v-0f6b31b1] {
760
+ .zw-style-preset-control__reset[data-v-53860f1d] {
761
761
  color: rgb(var(--zw-color-n70));
762
762
  }
763
- .zw-style-preset-control__reset[data-v-0f6b31b1]:not(:disabled):hover,
764
- .zw-style-preset-control__reset[data-v-0f6b31b1]:not(:disabled):focus,
765
- .zw-style-preset-control__reset[data-v-0f6b31b1]:not(:disabled):focus-within {
763
+ .zw-style-preset-control__reset[data-v-53860f1d]:not(:disabled):hover,
764
+ .zw-style-preset-control__reset[data-v-53860f1d]:not(:disabled):focus,
765
+ .zw-style-preset-control__reset[data-v-53860f1d]:not(:disabled):focus-within {
766
766
  color: rgb(var(--zw-color-white));
767
767
  }
768
768
 
769
769
 
770
- .zw-font-family-control[data-v-2e95c716] {
770
+ .zw-font-family-control[data-v-01eacaed] {
771
771
  width: 96px;
772
772
  }
773
- .zw-font-family-control__option[data-v-2e95c716] {
773
+ .zw-font-family-control__option[data-v-01eacaed] {
774
774
  font-weight: 400;
775
775
  font-family: var(--zw-font-family-option);
776
776
  width: 150px;
777
777
  }
778
778
 
779
779
 
780
- .zw-font-size-control[data-v-a2e458ce] {
780
+ .zw-font-size-control[data-v-25fe7704] {
781
781
  width: 64px;
782
782
  }
783
783
 
784
784
 
785
- .zw-alignment-control__modal[data-v-9713d430] {
785
+ .zw-alignment-control__modal[data-v-3fa858ad] {
786
786
  padding: var(--zw-offset-xxs);
787
787
  }
788
- .zw-alignment-control__toggle[data-v-9713d430] {
788
+ .zw-alignment-control__toggle[data-v-3fa858ad] {
789
789
  flex-direction: column;
790
790
  }
791
791
 
792
792
 
793
- .zw-line-height-control__modal[data-v-b87c3724] {
793
+ .zw-line-height-control__modal[data-v-4cac262f] {
794
794
  padding: var(--zw-offset-sm);
795
795
  }
796
- .zw-line-height-control__row[data-v-b87c3724] {
796
+ .zw-line-height-control__row[data-v-4cac262f] {
797
797
  display: flex;
798
798
  align-items: center;
799
799
  }
800
- .zw-line-height-control__range[data-v-b87c3724] {
800
+ .zw-line-height-control__range[data-v-4cac262f] {
801
801
  width: 156px;
802
802
  }
803
- .zw-line-height-control__field[data-v-b87c3724] {
803
+ .zw-line-height-control__field[data-v-4cac262f] {
804
804
  width: 52px;
805
805
  margin-left: var(--zw-offset-sm);
806
806
  }
807
807
 
808
808
 
809
- .zw-list-control__option[data-v-305d852b] {
809
+ .zw-list-control__option[data-v-5cba50d4] {
810
810
  padding: 0 var(--zw-offset-xs);
811
811
  display: flex;
812
812
  }
813
813
 
814
814
 
815
- .zw-link-modal-header[data-v-1b67b282] {
815
+ .zw-link-modal-header[data-v-8211d55a] {
816
816
  display: flex;
817
817
  align-items: center;
818
818
  justify-content: space-between;
819
819
  padding: var(--zw-offset-sm);
820
820
  border-bottom: 2px solid rgb(var(--zw-color-n5));
821
821
  }
822
- .zw-link-modal-header__title[data-v-1b67b282] {
822
+ .zw-link-modal-header__title[data-v-8211d55a] {
823
823
  text-transform: uppercase;
824
824
  font-weight: var(--zw-font-weight-semibold);
825
825
  font-size: var(--zw-font-size-xxs);
826
826
  color: rgb(var(--zw-color-white));
827
827
  }
828
- .zw-link-modal-header__unlink-icon[data-v-1b67b282] {
828
+ .zw-link-modal-header__unlink-icon[data-v-8211d55a] {
829
829
  margin-right: var(--zw-offset-xxs);
830
830
  }
831
- .zw-link-modal-header__unlink-button[data-v-1b67b282] {
831
+ .zw-link-modal-header__unlink-button[data-v-8211d55a] {
832
832
  color: rgb(var(--zw-color-n80));
833
833
  font-size: var(--zw-font-size-xxs);
834
834
  transition: 0.1s opacity ease-out;
835
835
  will-change: opacity;
836
836
  }
837
- .zw-link-modal-header__unlink-button[data-v-1b67b282]:disabled {
837
+ .zw-link-modal-header__unlink-button[data-v-8211d55a]:disabled {
838
838
  opacity: 0.35;
839
839
  }
840
- .zw-link-modal-header__unlink-button[data-v-1b67b282]:hover {
840
+ .zw-link-modal-header__unlink-button[data-v-8211d55a]:hover {
841
841
  color: rgb(var(--zw-color-white));
842
842
  }
843
843
 
844
844
 
845
- .zw-link-modal__apply[data-v-77b6c3ac] {
845
+ .zw-link-modal__apply[data-v-67c5d4b6] {
846
846
  display: flex;
847
847
  justify-content: flex-end;
848
848
  }
849
849
 
850
850
 
851
- .zw-link-modal[data-v-30870bdc] {
851
+ .zw-link-modal[data-v-64ef07e8] {
852
852
  width: 266px;
853
853
  }
854
- .zw-link-modal__body[data-v-30870bdc] {
854
+ .zw-link-modal__body[data-v-64ef07e8] {
855
855
  padding: var(--zw-offset-sm);
856
856
  }
857
- [data-v-30870bdc] .zw-link-modal-dropdown__option {
857
+ [data-v-64ef07e8] .zw-link-modal-dropdown__option {
858
858
  width: 234px;
859
859
  }
860
860
 
861
861
 
862
- .zw-toolbar[data-v-05accea6] {
862
+ .zw-toolbar[data-v-84436334] {
863
863
  border-radius: 2px;
864
864
  background-color: rgb(var(--zw-color-n15));
865
865
  color: rgb(var(--zw-color-n70));
866
866
  z-index: 999999;
867
867
  }
868
- .zw-toolbar[data-v-05accea6]::before,
869
- .zw-toolbar[data-v-05accea6]::after {
868
+ .zw-toolbar[data-v-84436334]::before,
869
+ .zw-toolbar[data-v-84436334]::after {
870
870
  content: "";
871
871
  display: block;
872
872
  width: 100%;
@@ -874,21 +874,21 @@
874
874
  position: absolute;
875
875
  --zw-toolbar-safe-zone: calc(-1 * var(--zw-toolbar-offset-y));
876
876
  }
877
- .zw-toolbar[data-v-05accea6]::before {
877
+ .zw-toolbar[data-v-84436334]::before {
878
878
  top: var(--zw-toolbar-safe-zone);
879
879
  }
880
- .zw-toolbar[data-v-05accea6]::after {
880
+ .zw-toolbar[data-v-84436334]::after {
881
881
  bottom: var(--zw-toolbar-safe-zone);
882
882
  }
883
- .zw-toolbar--enter-active[data-v-05accea6],
884
- .zw-toolbar--leave-active[data-v-05accea6] {
883
+ .zw-toolbar--enter-active[data-v-84436334],
884
+ .zw-toolbar--leave-active[data-v-84436334] {
885
885
  transition: opacity 150ms ease-out;
886
886
  }
887
- .zw-toolbar--leave-active[data-v-05accea6] {
887
+ .zw-toolbar--leave-active[data-v-84436334] {
888
888
  transition: opacity 0s ease-in;
889
889
  }
890
- .zw-toolbar--enter[data-v-05accea6],
891
- .zw-toolbar--leave-to[data-v-05accea6] {
890
+ .zw-toolbar--enter[data-v-84436334],
891
+ .zw-toolbar--leave-to[data-v-84436334] {
892
892
  opacity: 0;
893
893
  }
894
894