@zipify/wysiwyg 2.5.5 → 2.5.6-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.
- package/dist/cli.js +1 -1
- package/dist/wysiwyg.css +19 -26
- package/dist/wysiwyg.mjs +294 -270
- package/lib/Wysiwyg.vue +1 -1
- package/lib/components/toolbar/Toolbar.vue +13 -6
- package/lib/components/toolbar/__tests__/Toolbar.test.js +13 -7
- package/lib/components/toolbar/{ToolbarDivider.vue → base/ToolbarDivider.vue} +0 -0
- package/lib/components/toolbar/{ToolbarGroup.vue → base/ToolbarGroup.vue} +0 -0
- package/lib/components/toolbar/{ToolbarRow.vue → base/ToolbarRow.vue} +0 -0
- package/lib/components/toolbar/{__tests__ → base/__tests__}/ToolbarDivider.test.js +0 -0
- package/lib/components/toolbar/base/index.js +3 -0
- package/lib/components/toolbar/controls/index.js +0 -1
- package/lib/components/toolbar/layouts/ToolbarDesktop.vue +95 -0
- package/lib/components/toolbar/{ToolbarFull.vue → layouts/ToolbarMobile.vue} +19 -44
- package/lib/components/toolbar/layouts/ToolbarPopup.vue +95 -0
- package/lib/components/toolbar/layouts/index.js +3 -0
- package/lib/injectionTokens.js +1 -2
- package/package.json +1 -1
- package/lib/components/toolbar/ToolbarDevice.vue +0 -35
- package/lib/components/toolbar/controls/AlignmentDeviceControl.vue +0 -78
- package/lib/components/toolbar/controls/__tests__/AlignmentDeviceControl.test.js +0 -77
package/dist/wysiwyg.css
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
|
|
2
|
-
.zw-
|
|
2
|
+
.zw-toolbar__group[data-v-31a43dae] {
|
|
3
|
+
display: flex;
|
|
4
|
+
column-gap: var(--zw-offset-xxs);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.zw-toolbar__divider[data-v-3c490aa3] {
|
|
3
8
|
border-color: rgba(var(--zw-color-n90), 0.1);
|
|
4
9
|
border-style: solid;
|
|
5
10
|
border-width: 0;
|
|
6
11
|
}
|
|
7
|
-
.zw-toolbar__divider--vertical[data-v-
|
|
12
|
+
.zw-toolbar__divider--vertical[data-v-3c490aa3] {
|
|
8
13
|
border-left-width: 1px;
|
|
9
14
|
}
|
|
10
|
-
.zw-toolbar__divider--horizontal[data-v-
|
|
15
|
+
.zw-toolbar__divider--horizontal[data-v-3c490aa3] {
|
|
11
16
|
border-bottom-width: 1px;
|
|
12
17
|
}
|
|
13
18
|
|
|
14
|
-
.zw-toolbar__row[data-v-
|
|
19
|
+
.zw-toolbar__row[data-v-050f71dd] {
|
|
15
20
|
display: flex;
|
|
16
21
|
justify-content: space-between;
|
|
17
22
|
column-gap: var(--zw-offset-xs);
|
|
18
23
|
padding: var(--zw-offset-xxs) var(--zw-offset-xs);
|
|
19
24
|
}
|
|
20
25
|
|
|
21
|
-
.zw-toolbar__group[data-v-25eee0ed] {
|
|
22
|
-
display: flex;
|
|
23
|
-
column-gap: var(--zw-offset-xxs);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
26
|
.zw-button[data-v-1ea5f7a2] {
|
|
27
27
|
display: inline-flex;
|
|
28
28
|
align-items: center;
|
|
@@ -564,13 +564,6 @@
|
|
|
564
564
|
width: 72px;
|
|
565
565
|
}
|
|
566
566
|
|
|
567
|
-
.zw-alignment-control__modal[data-v-4aefb465] {
|
|
568
|
-
padding: var(--zw-offset-xxs);
|
|
569
|
-
}
|
|
570
|
-
.zw-alignment-control__toggle[data-v-4aefb465] {
|
|
571
|
-
flex-direction: column;
|
|
572
|
-
}
|
|
573
|
-
|
|
574
567
|
.zw-line-height-control__modal[data-v-2f58c40f] {
|
|
575
568
|
padding: var(--zw-offset-sm);
|
|
576
569
|
}
|
|
@@ -646,7 +639,7 @@
|
|
|
646
639
|
width: 234px;
|
|
647
640
|
}
|
|
648
641
|
|
|
649
|
-
.zw-toolbar[data-v-
|
|
642
|
+
.zw-toolbar[data-v-3ceb232a] {
|
|
650
643
|
border-radius: 2px;
|
|
651
644
|
background-color: rgb(var(--zw-color-n15));
|
|
652
645
|
color: rgb(var(--zw-color-n70));
|
|
@@ -654,8 +647,8 @@
|
|
|
654
647
|
text-align: left;
|
|
655
648
|
position: absolute;
|
|
656
649
|
}
|
|
657
|
-
.zw-toolbar[data-v-
|
|
658
|
-
.zw-toolbar[data-v-
|
|
650
|
+
.zw-toolbar[data-v-3ceb232a]::before,
|
|
651
|
+
.zw-toolbar[data-v-3ceb232a]::after {
|
|
659
652
|
content: "";
|
|
660
653
|
display: block;
|
|
661
654
|
width: 100%;
|
|
@@ -663,21 +656,21 @@
|
|
|
663
656
|
position: absolute;
|
|
664
657
|
--zw-toolbar-safe-zone: calc(-1 * var(--zw-toolbar-offset-y));
|
|
665
658
|
}
|
|
666
|
-
.zw-toolbar[data-v-
|
|
659
|
+
.zw-toolbar[data-v-3ceb232a]::before {
|
|
667
660
|
top: var(--zw-toolbar-safe-zone);
|
|
668
661
|
}
|
|
669
|
-
.zw-toolbar[data-v-
|
|
662
|
+
.zw-toolbar[data-v-3ceb232a]::after {
|
|
670
663
|
bottom: var(--zw-toolbar-safe-zone);
|
|
671
664
|
}
|
|
672
|
-
.zw-toolbar--enter-active[data-v-
|
|
673
|
-
.zw-toolbar--leave-active[data-v-
|
|
665
|
+
.zw-toolbar--enter-active[data-v-3ceb232a],
|
|
666
|
+
.zw-toolbar--leave-active[data-v-3ceb232a] {
|
|
674
667
|
transition: opacity 150ms ease-out;
|
|
675
668
|
}
|
|
676
|
-
.zw-toolbar--leave-active[data-v-
|
|
669
|
+
.zw-toolbar--leave-active[data-v-3ceb232a] {
|
|
677
670
|
transition: opacity 0s ease-in;
|
|
678
671
|
}
|
|
679
|
-
.zw-toolbar--enter[data-v-
|
|
680
|
-
.zw-toolbar--leave-to[data-v-
|
|
672
|
+
.zw-toolbar--enter[data-v-3ceb232a],
|
|
673
|
+
.zw-toolbar--leave-to[data-v-3ceb232a] {
|
|
681
674
|
opacity: 0;
|
|
682
675
|
}
|
|
683
676
|
.zw-wysiwyg {
|