@zipify/wysiwyg 3.0.1 → 3.0.2-0

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 (29) hide show
  1. package/config/build/cli.config.js +1 -1
  2. package/config/build/lib.config.js +1 -1
  3. package/dist/cli.js +3 -3
  4. package/dist/wysiwyg.css +25 -22
  5. package/dist/wysiwyg.mjs +919 -886
  6. package/example/ExampleApp.vue +1 -1
  7. package/example/presets.js +7 -7
  8. package/lib/__tests__/utils/buildTestExtensions.js +24 -2
  9. package/lib/components/base/dropdown/DropdownActivator.vue +4 -0
  10. package/lib/components/toolbar/controls/StylePresetControl.vue +1 -1
  11. package/lib/{entry-cli.js → entryCli.js} +0 -0
  12. package/lib/{entry-lib.js → entryLib.js} +0 -0
  13. package/lib/extensions/Alignment.js +6 -6
  14. package/lib/extensions/StylePreset.js +8 -46
  15. package/lib/extensions/__tests__/Alignment.test.js +1 -1
  16. package/lib/extensions/__tests__/StylePreset.test.js +90 -119
  17. package/lib/extensions/__tests__/__snapshots__/Alignment.test.js.snap +2 -2
  18. package/lib/extensions/__tests__/__snapshots__/StylePreset.test.js.snap +0 -2
  19. package/lib/extensions/core/NodeProcessor.js +6 -2
  20. package/lib/extensions/index.js +7 -3
  21. package/lib/extensions/list/__tests__/List.test.js +6 -1
  22. package/lib/services/ContentSerializer.js +1 -1
  23. package/lib/services/{ContextWidnow.js → ContextWindow.js} +0 -0
  24. package/lib/services/StylePresetRenderer.js +73 -0
  25. package/lib/services/__tests__/StylePresetRenderer.test.js +98 -0
  26. package/lib/services/__tests__/__snapshots__/StylePresetRenderer.test.js.snap +5 -0
  27. package/lib/services/index.js +2 -1
  28. package/lib/styles/content.css +10 -10
  29. package/package.json +1 -1
package/dist/wysiwyg.css CHANGED
@@ -456,16 +456,19 @@
456
456
  font-size: var(--zw-font-size-xs);
457
457
  }
458
458
 
459
- .zw-dropdown__activator[data-v-eeca926a] {
459
+ .zw-dropdown__activator[data-v-bb5c4efe] {
460
460
  width: 100%;
461
461
  }
462
- .zw-dropdown__activator-arrow[data-v-eeca926a] {
462
+ .zw-dropdown__activator-title[data-v-bb5c4efe] {
463
+ margin-right: var(--zw-offset-xxs);
464
+ }
465
+ .zw-dropdown__activator-arrow[data-v-bb5c4efe] {
463
466
  margin-left: auto;
464
467
  }
465
- .zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-eeca926a] {
468
+ .zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-bb5c4efe] {
466
469
  transform: rotateX(180deg);
467
470
  }
468
- .zw-dropdown__activator--gray[data-v-eeca926a] {
471
+ .zw-dropdown__activator--gray[data-v-bb5c4efe] {
469
472
  background-color: rgb(var(--zw-color-n20));
470
473
  font-size: var(--zw-font-size-xxs);
471
474
  color: rgb(var(--zw-color-white));
@@ -523,23 +526,23 @@
523
526
  line-height: var(--zw-line-height-xxs);
524
527
  }
525
528
 
526
- .zw-style-preset-control[data-v-3739e310] {
529
+ .zw-style-preset-control[data-v-1f333e30] {
527
530
  display: flex;
528
531
  align-items: center;
529
532
  }
530
- .zw-style-preset-control__dropdown[data-v-3739e310] {
531
- width: 96px;
533
+ .zw-style-preset-control__dropdown[data-v-1f333e30] {
534
+ width: 120px;
532
535
  }
533
- .zw-style-preset-control__reset[data-v-3739e310] {
536
+ .zw-style-preset-control__reset[data-v-1f333e30] {
534
537
  color: rgb(var(--zw-color-n70));
535
538
  background-color: rgb(var(--zw-color-n20));
536
539
  }
537
- .zw-style-preset-control__reset[data-v-3739e310]:disabled {
540
+ .zw-style-preset-control__reset[data-v-1f333e30]:disabled {
538
541
  background-color: transparent;
539
542
  }
540
- .zw-style-preset-control__reset[data-v-3739e310]:not(:disabled):hover,
541
- .zw-style-preset-control__reset[data-v-3739e310]:not(:disabled):focus,
542
- .zw-style-preset-control__reset[data-v-3739e310]:not(:disabled):focus-within {
543
+ .zw-style-preset-control__reset[data-v-1f333e30]:not(:disabled):hover,
544
+ .zw-style-preset-control__reset[data-v-1f333e30]:not(:disabled):focus,
545
+ .zw-style-preset-control__reset[data-v-1f333e30]:not(:disabled):focus-within {
543
546
  color: rgb(var(--zw-color-white));
544
547
  background-color: rgb(var(--zw-color-n30));
545
548
  }
@@ -749,7 +752,7 @@ $font-height--md: 1.72;
749
752
  .zw-style.zw-style.zw-style {
750
753
  font-weight: var(--zw-font-weight, var(--zw-preset-font-weight));
751
754
  font-family: var(--zw-font-family, var(--zw-preset-font-family));
752
- color: var(--zw-font-color, var(--zw-preset-color));
755
+ color: var(--zw-font-color, var(--zw-preset-font-color));
753
756
  font-style: var(--zw-font-style, var(--zw-preset-font-style));
754
757
  text-decoration: var(--zw-text-decoration, var(--zw-preset-text-decoration));
755
758
  background-color: var(--zw-background-color, var(--zw-preset-background-color));
@@ -763,23 +766,23 @@ h4.zw-style.zw-style.zw-style {
763
766
  }
764
767
  @media (min-width: 1200px) {
765
768
  .zw-style.zw-style.zw-style {
766
- font-size: var(--zw-font-size-desktop, var(--zw-preset-desktop-font-size));
767
- text-align: var(--zw-text-align-desktop, var(--zw-preset-desktop-alignment));
768
- line-height: var(--zw-line-height-desktop, var(--zw-preset-desktop-line-height));
769
+ font-size: var(--zw-font-size-desktop, var(--zw-preset-font-size-desktop));
770
+ text-align: var(--zw-alignment-desktop, var(--zw-preset-alignment-desktop));
771
+ line-height: var(--zw-line-height-desktop, var(--zw-preset-line-height-desktop));
769
772
  }
770
773
  }
771
774
  @media (min-width: 769px) and (max-width: 1199.98px) {
772
775
  .zw-style.zw-style.zw-style {
773
- font-size: var(--zw-font-size-tablet, var(--zw-preset-tablet-font-size));
774
- text-align: var(--zw-text-align-tablet, var(--zw-preset-tablet-alignment));
775
- line-height: var(--zw-line-height-tablet, var(--zw-preset-tablet-line-height));
776
+ font-size: var(--zw-font-size-tablet, var(--zw-preset-font-size-tablet));
777
+ text-align: var(--zw-alignment-tablet, var(--zw-preset-alignment-tablet));
778
+ line-height: var(--zw-line-height-tablet, var(--zw-preset-line-height-tablet));
776
779
  }
777
780
  }
778
781
  @media (max-width: 768.98px) {
779
782
  .zw-style.zw-style.zw-style {
780
- font-size: var(--zw-font-size-mobile, var(--zw-preset-mobile-font-size));
781
- text-align: var(--zw-text-align-mobile, var(--zw-preset-mobile-alignment));
782
- line-height: var(--zw-line-height-mobile, var(--zw-preset-mobile-line-height));
783
+ font-size: var(--zw-font-size-mobile, var(--zw-preset-font-size-mobile));
784
+ text-align: var(--zw-alignment-mobile, var(--zw-preset-alignment-mobile));
785
+ line-height: var(--zw-line-height-mobile, var(--zw-preset-line-height-mobile));
783
786
  }
784
787
  }
785
788