@oneblink/apps-react 8.13.1-beta.1 → 8.13.1-beta.2

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 (5) hide show
  1. package/dist/components/QuillHTML.js +10 -2
  2. package/dist/components/QuillHTML.js.map +1 -1
  3. package/dist/styles/ob-html.scss +99 -194
  4. package/dist/styles.css +100 -216
  5. package/package.json +6 -8
package/dist/components/QuillHTML.js CHANGED
@@ -2,8 +2,16 @@ import * as React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import sanitizeHtml from '../services/sanitize-html';
4
4
  export default function QuillHTML({ html, ...props }) {
5
- const __html = React.useMemo(() => sanitizeHtml(html), [html]);
6
- return (React.createElement("div", { ...props, className: clsx(props.className, 'ob-quill-content'),
5
+ const [__html, includesLegacyLists] = React.useMemo(() => {
6
+ const sanitizedHtml = sanitizeHtml(html);
7
+ const quillLegacyListsIndicator = 'ql-indent-';
8
+ return [sanitizedHtml, sanitizedHtml.includes(quillLegacyListsIndicator)];
9
+ }, [html]);
10
+ return (React.createElement("div", { ...props, className: clsx(props.className, 'ob-quill-content', {
11
+ 'ob-quill-legacy-content': includesLegacyLists,
12
+ // "content" is a bulma class: https://bulma.io/documentation/elements/content/
13
+ content: !includesLegacyLists,
14
+ }),
7
15
  // eslint-disable-next-line react/no-danger
8
16
  dangerouslySetInnerHTML: {
9
17
  __html,
package/dist/components/QuillHTML.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"QuillHTML.js","sourceRoot":"","sources":["../../src/components/QuillHTML.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,YAAY,MAAM,2BAA2B,CAAA;AAEpD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,GAAG,KAAK,EAGT;IACC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAC9D,OAAO,CACL,gCACM,KAAK,EACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,kBAAkB,CAAC;QACpD,2CAA2C;QAC3C,uBAAuB,EAAE;YACvB,MAAM;SACP,GACD,CACH,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport sanitizeHtml from '../services/sanitize-html'\n\nexport default function QuillHTML({\n html,\n ...props\n}: React.ComponentProps<'div'> & {\n html: string\n}) {\n const __html = React.useMemo(() => sanitizeHtml(html), [html])\n return (\n <div\n {...props}\n className={clsx(props.className, 'ob-quill-content')}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{\n __html,\n }}\n />\n )\n}\n"]}
1
+ {"version":3,"file":"QuillHTML.js","sourceRoot":"","sources":["../../src/components/QuillHTML.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,YAAY,MAAM,2BAA2B,CAAA;AAEpD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,GAAG,KAAK,EAGT;IACC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvD,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;QACxC,MAAM,yBAAyB,GAAG,YAAY,CAAA;QAC9C,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAA;IAC3E,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IACV,OAAO,CACL,gCACM,KAAK,EACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,kBAAkB,EAAE;YACnD,yBAAyB,EAAE,mBAAmB;YAC9C,+EAA+E;YAC/E,OAAO,EAAE,CAAC,mBAAmB;SAC9B,CAAC;QACF,2CAA2C;QAC3C,uBAAuB,EAAE;YACvB,MAAM;SACP,GACD,CACH,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport sanitizeHtml from '../services/sanitize-html'\n\nexport default function QuillHTML({\n html,\n ...props\n}: React.ComponentProps<'div'> & {\n html: string\n}) {\n const [__html, includesLegacyLists] = React.useMemo(() => {\n const sanitizedHtml = sanitizeHtml(html)\n const quillLegacyListsIndicator = 'ql-indent-'\n return [sanitizedHtml, sanitizedHtml.includes(quillLegacyListsIndicator)]\n }, [html])\n return (\n <div\n {...props}\n className={clsx(props.className, 'ob-quill-content', {\n 'ob-quill-legacy-content': includesLegacyLists,\n // \"content\" is a bulma class: https://bulma.io/documentation/elements/content/\n content: !includesLegacyLists,\n })}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{\n __html,\n }}\n />\n )\n}\n"]}
package/dist/styles/ob-html.scss CHANGED
@@ -2,363 +2,268 @@
2
2
  .ob-quill-content > * {
3
3
  cursor: text;
4
4
  }
5
- .ob-quill-content p,
6
- .ob-quill-content ol,
7
- .ob-quill-content ul,
8
- .ob-quill-content pre,
9
- .ob-quill-content blockquote,
10
- .ob-quill-content h1,
11
- .ob-quill-content h2,
12
- .ob-quill-content h3,
13
- .ob-quill-content h4,
14
- .ob-quill-content h5,
15
- .ob-quill-content h6 {
5
+ .ob-quill-content.content .ql-list-no-margin {
6
+ margin-top: 0;
7
+ margin-bottom: 0;
8
+ }
9
+ .ob-quill-legacy-content p,
10
+ .ob-quill-legacy-content ol,
11
+ .ob-quill-legacy-content ul,
12
+ .ob-quill-legacy-content pre,
13
+ .ob-quill-legacy-content blockquote,
14
+ .ob-quill-legacy-content h1,
15
+ .ob-quill-legacy-content h2,
16
+ .ob-quill-legacy-content h3,
17
+ .ob-quill-legacy-content h4,
18
+ .ob-quill-legacy-content h5,
19
+ .ob-quill-legacy-content h6 {
16
20
  margin: 0;
17
21
  padding: 0;
18
22
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
19
23
  }
20
- .ob-quill-content ol,
21
- .ob-quill-content ul {
24
+ .ob-quill-legacy-content ol,
25
+ .ob-quill-legacy-content ul {
22
26
  padding-left: 1.5em;
23
27
  }
24
- .ob-quill-content ol > li,
25
- .ob-quill-content ul > li {
28
+ .ob-quill-legacy-content ol > li,
29
+ .ob-quill-legacy-content ul > li {
26
30
  list-style-type: none;
27
31
  }
28
- .ob-quill-content ul > li::before,
29
- .ob-quill-content ol ul > li::before {
32
+ .ob-quill-legacy-content ul > li::before {
30
33
  content: '\2022';
31
34
  }
32
- .ob-quill-content ul[data-checked='true'],
33
- .ob-quill-content ul[data-checked='false'] {
35
+ .ob-quill-legacy-content ul[data-checked='true'],
36
+ .ob-quill-legacy-content ul[data-checked='false'] {
34
37
  pointer-events: none;
35
38
  }
36
- .ob-quill-content ul[data-checked='true'] > li *,
37
- .ob-quill-content ul[data-checked='false'] > li * {
39
+ .ob-quill-legacy-content ul[data-checked='true'] > li *,
40
+ .ob-quill-legacy-content ul[data-checked='false'] > li * {
38
41
  pointer-events: all;
39
42
  }
40
- .ob-quill-content ul[data-checked='true'] > li::before,
41
- .ob-quill-content ul[data-checked='false'] > li::before {
43
+ .ob-quill-legacy-content ul[data-checked='true'] > li::before,
44
+ .ob-quill-legacy-content ul[data-checked='false'] > li::before {
42
45
  color: #777;
43
46
  cursor: pointer;
44
47
  pointer-events: all;
45
48
  }
46
- .ob-quill-content ul[data-checked='true'] > li::before {
49
+ .ob-quill-legacy-content ul[data-checked='true'] > li::before {
47
50
  content: '\2611';
48
51
  }
49
- .ob-quill-content ul[data-checked='false'] > li::before {
52
+ .ob-quill-legacy-content ul[data-checked='false'] > li::before {
50
53
  content: '\2610';
51
54
  }
52
- .ob-quill-content li::before {
55
+ .ob-quill-legacy-content li::before {
53
56
  display: inline-block;
54
57
  white-space: nowrap;
55
58
  width: 1.2em;
56
59
  }
57
- .ob-quill-content li:not(.ql-direction-rtl)::before {
60
+ .ob-quill-legacy-content li:not(.ql-direction-rtl)::before {
58
61
  margin-left: -1.5em;
59
62
  margin-right: 0.3em;
60
63
  text-align: right;
61
64
  }
62
- .ob-quill-content li.ql-direction-rtl::before {
65
+ .ob-quill-legacy-content li.ql-direction-rtl::before {
63
66
  margin-left: 0.3em;
64
67
  margin-right: -1.5em;
65
68
  }
66
- .ob-quill-content ol li:not(.ql-direction-rtl),
67
- .ob-quill-content ul li:not(.ql-direction-rtl) {
69
+ .ob-quill-legacy-content ol li:not(.ql-direction-rtl),
70
+ .ob-quill-legacy-content ul li:not(.ql-direction-rtl) {
68
71
  padding-left: 1.5em;
69
72
  }
70
- .ob-quill-content ol li.ql-direction-rtl,
71
- .ob-quill-content ul li.ql-direction-rtl {
73
+ .ob-quill-legacy-content ol li.ql-direction-rtl,
74
+ .ob-quill-legacy-content ul li.ql-direction-rtl {
72
75
  padding-right: 1.5em;
73
76
  }
74
- .ob-quill-content ol li {
77
+ .ob-quill-legacy-content ol li {
75
78
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
76
79
  counter-increment: list-0;
77
80
  }
78
- .ob-quill-content ol li:before {
81
+ .ob-quill-legacy-content ol li:before {
79
82
  content: counter(list-0, decimal) '. ';
80
83
  }
81
- .ob-quill-content ol li.ql-indent-1 {
84
+ .ob-quill-legacy-content ol li.ql-indent-1 {
82
85
  counter-increment: list-1;
83
86
  }
84
- .ob-quill-content ol li.ql-indent-1:before {
87
+ .ob-quill-legacy-content ol li.ql-indent-1:before {
85
88
  content: counter(list-1, lower-alpha) '. ';
86
89
  }
87
- .ob-quill-content ol li.ql-indent-1 {
90
+ .ob-quill-legacy-content ol li.ql-indent-1 {
88
91
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
89
92
  }
90
- .ob-quill-content ol li.ql-indent-2 {
93
+ .ob-quill-legacy-content ol li.ql-indent-2 {
91
94
  counter-increment: list-2;
92
95
  }
93
- .ob-quill-content ol li.ql-indent-2:before {
96
+ .ob-quill-legacy-content ol li.ql-indent-2:before {
94
97
  content: counter(list-2, lower-roman) '. ';
95
98
  }
96
- .ob-quill-content ol li.ql-indent-2 {
99
+ .ob-quill-legacy-content ol li.ql-indent-2 {
97
100
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
98
101
  }
99
- .ob-quill-content ol li.ql-indent-3 {
102
+ .ob-quill-legacy-content ol li.ql-indent-3 {
100
103
  counter-increment: list-3;
101
104
  }
102
- .ob-quill-content ol li.ql-indent-3:before {
105
+ .ob-quill-legacy-content ol li.ql-indent-3:before {
103
106
  content: counter(list-3, decimal) '. ';
104
107
  }
105
- .ob-quill-content ol li.ql-indent-3 {
108
+ .ob-quill-legacy-content ol li.ql-indent-3 {
106
109
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
107
110
  }
108
- .ob-quill-content ol li.ql-indent-4 {
111
+ .ob-quill-legacy-content ol li.ql-indent-4 {
109
112
  counter-increment: list-4;
110
113
  }
111
- .ob-quill-content ol li.ql-indent-4:before {
114
+ .ob-quill-legacy-content ol li.ql-indent-4:before {
112
115
  content: counter(list-4, lower-alpha) '. ';
113
116
  }
114
- .ob-quill-content ol li.ql-indent-4 {
117
+ .ob-quill-legacy-content ol li.ql-indent-4 {
115
118
  counter-reset: list-5 list-6 list-7 list-8 list-9;
116
119
  }
117
- .ob-quill-content ol li.ql-indent-5 {
120
+ .ob-quill-legacy-content ol li.ql-indent-5 {
118
121
  counter-increment: list-5;
119
122
  }
120
- .ob-quill-content ol li.ql-indent-5:before {
123
+ .ob-quill-legacy-content ol li.ql-indent-5:before {
121
124
  content: counter(list-5, lower-roman) '. ';
122
125
  }
123
- .ob-quill-content ol li.ql-indent-5 {
126
+ .ob-quill-legacy-content ol li.ql-indent-5 {
124
127
  counter-reset: list-6 list-7 list-8 list-9;
125
128
  }
126
- .ob-quill-content ol li.ql-indent-6 {
129
+ .ob-quill-legacy-content ol li.ql-indent-6 {
127
130
  counter-increment: list-6;
128
131
  }
129
- .ob-quill-content ol li.ql-indent-6:before {
132
+ .ob-quill-legacy-content ol li.ql-indent-6:before {
130
133
  content: counter(list-6, decimal) '. ';
131
134
  }
132
- .ob-quill-content ol li.ql-indent-6 {
135
+ .ob-quill-legacy-content ol li.ql-indent-6 {
133
136
  counter-reset: list-7 list-8 list-9;
134
137
  }
135
- .ob-quill-content ol li.ql-indent-7 {
138
+ .ob-quill-legacy-content ol li.ql-indent-7 {
136
139
  counter-increment: list-7;
137
140
  }
138
- .ob-quill-content ol li.ql-indent-7:before {
141
+ .ob-quill-legacy-content ol li.ql-indent-7:before {
139
142
  content: counter(list-7, lower-alpha) '. ';
140
143
  }
141
- .ob-quill-content ol li.ql-indent-7 {
144
+ .ob-quill-legacy-content ol li.ql-indent-7 {
142
145
  counter-reset: list-8 list-9;
143
146
  }
144
- .ob-quill-content ol li.ql-indent-8 {
147
+ .ob-quill-legacy-content ol li.ql-indent-8 {
145
148
  counter-increment: list-8;
146
149
  }
147
- .ob-quill-content ol li.ql-indent-8:before {
150
+ .ob-quill-legacy-content ol li.ql-indent-8:before {
148
151
  content: counter(list-8, lower-roman) '. ';
149
152
  }
150
- .ob-quill-content ol li.ql-indent-8 {
153
+ .ob-quill-legacy-content ol li.ql-indent-8 {
151
154
  counter-reset: list-9;
152
155
  }
153
- .ob-quill-content ol li.ql-indent-9 {
156
+ .ob-quill-legacy-content ol li.ql-indent-9 {
154
157
  counter-increment: list-9;
155
158
  }
156
- .ob-quill-content ol li.ql-indent-9:before {
159
+ .ob-quill-legacy-content ol li.ql-indent-9:before {
157
160
  content: counter(list-9, decimal) '. ';
158
161
  }
159
- .ob-quill-content .ql-indent-1:not(.ql-direction-rtl) {
162
+ .ob-quill-legacy-content .ql-indent-1:not(.ql-direction-rtl) {
160
163
  padding-left: 3em;
161
164
  }
162
- .ob-quill-content li.ql-indent-1:not(.ql-direction-rtl) {
165
+ .ob-quill-legacy-content li.ql-indent-1:not(.ql-direction-rtl) {
163
166
  padding-left: 4.5em;
164
167
  }
165
- .ob-quill-content .ql-indent-1.ql-direction-rtl.ql-align-right {
168
+ .ob-quill-legacy-content .ql-indent-1.ql-direction-rtl.ql-align-right {
166
169
  padding-right: 3em;
167
170
  }
168
- .ob-quill-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
171
+ .ob-quill-legacy-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
169
172
  padding-right: 4.5em;
170
173
  }
171
- .ob-quill-content .ql-indent-2:not(.ql-direction-rtl) {
174
+ .ob-quill-legacy-content .ql-indent-2:not(.ql-direction-rtl) {
172
175
  padding-left: 6em;
173
176
  }
174
- .ob-quill-content li.ql-indent-2:not(.ql-direction-rtl) {
177
+ .ob-quill-legacy-content li.ql-indent-2:not(.ql-direction-rtl) {
175
178
  padding-left: 7.5em;
176
179
  }
177
- .ob-quill-content .ql-indent-2.ql-direction-rtl.ql-align-right {
180
+ .ob-quill-legacy-content .ql-indent-2.ql-direction-rtl.ql-align-right {
178
181
  padding-right: 6em;
179
182
  }
180
- .ob-quill-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
183
+ .ob-quill-legacy-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
181
184
  padding-right: 7.5em;
182
185
  }
183
- .ob-quill-content .ql-indent-3:not(.ql-direction-rtl) {
186
+ .ob-quill-legacy-content .ql-indent-3:not(.ql-direction-rtl) {
184
187
  padding-left: 9em;
185
188
  }
186
- .ob-quill-content li.ql-indent-3:not(.ql-direction-rtl) {
189
+ .ob-quill-legacy-content li.ql-indent-3:not(.ql-direction-rtl) {
187
190
  padding-left: 10.5em;
188
191
  }
189
- .ob-quill-content .ql-indent-3.ql-direction-rtl.ql-align-right {
192
+ .ob-quill-legacy-content .ql-indent-3.ql-direction-rtl.ql-align-right {
190
193
  padding-right: 9em;
191
194
  }
192
- .ob-quill-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
195
+ .ob-quill-legacy-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
193
196
  padding-right: 10.5em;
194
197
  }
195
- .ob-quill-content .ql-indent-4:not(.ql-direction-rtl) {
198
+ .ob-quill-legacy-content .ql-indent-4:not(.ql-direction-rtl) {
196
199
  padding-left: 12em;
197
200
  }
198
- .ob-quill-content li.ql-indent-4:not(.ql-direction-rtl) {
201
+ .ob-quill-legacy-content li.ql-indent-4:not(.ql-direction-rtl) {
199
202
  padding-left: 13.5em;
200
203
  }
201
- .ob-quill-content .ql-indent-4.ql-direction-rtl.ql-align-right {
204
+ .ob-quill-legacy-content .ql-indent-4.ql-direction-rtl.ql-align-right {
202
205
  padding-right: 12em;
203
206
  }
204
- .ob-quill-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
207
+ .ob-quill-legacy-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
205
208
  padding-right: 13.5em;
206
209
  }
207
- .ob-quill-content .ql-indent-5:not(.ql-direction-rtl) {
210
+ .ob-quill-legacy-content .ql-indent-5:not(.ql-direction-rtl) {
208
211
  padding-left: 15em;
209
212
  }
210
- .ob-quill-content li.ql-indent-5:not(.ql-direction-rtl) {
213
+ .ob-quill-legacy-content li.ql-indent-5:not(.ql-direction-rtl) {
211
214
  padding-left: 16.5em;
212
215
  }
213
- .ob-quill-content .ql-indent-5.ql-direction-rtl.ql-align-right {
216
+ .ob-quill-legacy-content .ql-indent-5.ql-direction-rtl.ql-align-right {
214
217
  padding-right: 15em;
215
218
  }
216
- .ob-quill-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
219
+ .ob-quill-legacy-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
217
220
  padding-right: 16.5em;
218
221
  }
219
- .ob-quill-content .ql-indent-6:not(.ql-direction-rtl) {
222
+ .ob-quill-legacy-content .ql-indent-6:not(.ql-direction-rtl) {
220
223
  padding-left: 18em;
221
224
  }
222
- .ob-quill-content li.ql-indent-6:not(.ql-direction-rtl) {
225
+ .ob-quill-legacy-content li.ql-indent-6:not(.ql-direction-rtl) {
223
226
  padding-left: 19.5em;
224
227
  }
225
- .ob-quill-content .ql-indent-6.ql-direction-rtl.ql-align-right {
228
+ .ob-quill-legacy-content .ql-indent-6.ql-direction-rtl.ql-align-right {
226
229
  padding-right: 18em;
227
230
  }
228
- .ob-quill-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
231
+ .ob-quill-legacy-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
229
232
  padding-right: 19.5em;
230
233
  }
231
- .ob-quill-content .ql-indent-7:not(.ql-direction-rtl) {
234
+ .ob-quill-legacy-content .ql-indent-7:not(.ql-direction-rtl) {
232
235
  padding-left: 21em;
233
236
  }
234
- .ob-quill-content li.ql-indent-7:not(.ql-direction-rtl) {
237
+ .ob-quill-legacy-content li.ql-indent-7:not(.ql-direction-rtl) {
235
238
  padding-left: 22.5em;
236
239
  }
237
- .ob-quill-content .ql-indent-7.ql-direction-rtl.ql-align-right {
240
+ .ob-quill-legacy-content .ql-indent-7.ql-direction-rtl.ql-align-right {
238
241
  padding-right: 21em;
239
242
  }
240
- .ob-quill-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
243
+ .ob-quill-legacy-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
241
244
  padding-right: 22.5em;
242
245
  }
243
- .ob-quill-content .ql-indent-8:not(.ql-direction-rtl) {
246
+ .ob-quill-legacy-content .ql-indent-8:not(.ql-direction-rtl) {
244
247
  padding-left: 24em;
245
248
  }
246
- .ob-quill-content li.ql-indent-8:not(.ql-direction-rtl) {
249
+ .ob-quill-legacy-content li.ql-indent-8:not(.ql-direction-rtl) {
247
250
  padding-left: 25.5em;
248
251
  }
249
- .ob-quill-content .ql-indent-8.ql-direction-rtl.ql-align-right {
252
+ .ob-quill-legacy-content .ql-indent-8.ql-direction-rtl.ql-align-right {
250
253
  padding-right: 24em;
251
254
  }
252
- .ob-quill-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
255
+ .ob-quill-legacy-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
253
256
  padding-right: 25.5em;
254
257
  }
255
- .ob-quill-content .ql-indent-9:not(.ql-direction-rtl) {
258
+ .ob-quill-legacy-content .ql-indent-9:not(.ql-direction-rtl) {
256
259
  padding-left: 27em;
257
260
  }
258
- .ob-quill-content li.ql-indent-9:not(.ql-direction-rtl) {
261
+ .ob-quill-legacy-content li.ql-indent-9:not(.ql-direction-rtl) {
259
262
  padding-left: 28.5em;
260
263
  }
261
- .ob-quill-content .ql-indent-9.ql-direction-rtl.ql-align-right {
264
+ .ob-quill-legacy-content .ql-indent-9.ql-direction-rtl.ql-align-right {
262
265
  padding-right: 27em;
263
266
  }
264
- .ob-quill-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
267
+ .ob-quill-legacy-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
265
268
  padding-right: 28.5em;
266
269
  }
267
- .ob-quill-content .ql-video {
268
- display: block;
269
- max-width: 100%;
270
- }
271
- .ob-quill-content .ql-video.ql-align-center {
272
- margin: 0 auto;
273
- }
274
- .ob-quill-content .ql-video.ql-align-right {
275
- margin: 0 0 0 auto;
276
- }
277
- .ob-quill-content .ql-bg-black {
278
- background-color: #000;
279
- }
280
- .ob-quill-content .ql-bg-red {
281
- background-color: #e60000;
282
- }
283
- .ob-quill-content .ql-bg-orange {
284
- background-color: #f90;
285
- }
286
- .ob-quill-content .ql-bg-yellow {
287
- background-color: #ff0;
288
- }
289
- .ob-quill-content .ql-bg-green {
290
- background-color: #008a00;
291
- }
292
- .ob-quill-content .ql-bg-blue {
293
- background-color: #06c;
294
- }
295
- .ob-quill-content .ql-bg-purple {
296
- background-color: #93f;
297
- }
298
- .ob-quill-content .ql-color-white {
299
- color: #fff;
300
- }
301
- .ob-quill-content .ql-color-red {
302
- color: #e60000;
303
- }
304
- .ob-quill-content .ql-color-orange {
305
- color: #f90;
306
- }
307
- .ob-quill-content .ql-color-yellow {
308
- color: #ff0;
309
- }
310
- .ob-quill-content .ql-color-green {
311
- color: #008a00;
312
- }
313
- .ob-quill-content .ql-color-blue {
314
- color: #06c;
315
- }
316
- .ob-quill-content .ql-color-purple {
317
- color: #93f;
318
- }
319
- .ob-quill-content .ql-font-serif {
320
- font-family:
321
- Georgia,
322
- Times New Roman,
323
- serif;
324
- }
325
- .ob-quill-content .ql-font-monospace {
326
- font-family:
327
- Monaco,
328
- Courier New,
329
- monospace;
330
- }
331
- .ob-quill-content .ql-size-small {
332
- font-size: 0.75em;
333
- }
334
- .ob-quill-content .ql-size-large {
335
- font-size: 1.5em;
336
- }
337
- .ob-quill-content .ql-size-huge {
338
- font-size: 2.5em;
339
- }
340
- .ob-quill-content .ql-direction-rtl {
341
- direction: rtl;
342
- text-align: inherit;
343
- }
344
- .ob-quill-content .ql-align-center {
345
- text-align: center;
346
- }
347
- .ob-quill-content .ql-align-justify {
348
- text-align: justify;
349
- }
350
- .ob-quill-content .ql-align-right {
351
- text-align: right;
352
- }
353
- .ob-quill-content.ql-blank::before {
354
- color: rgba(0, 0, 0, 0.6);
355
- content: attr(data-placeholder);
356
- font-style: italic;
357
- left: 15px;
358
- pointer-events: none;
359
- position: absolute;
360
- right: 15px;
361
- }
362
- .ob-quill-content strong {
363
- color: inherit;
364
- }
package/dist/styles.css CHANGED
@@ -8467,466 +8467,350 @@ button on-loading {
8467
8467
  cursor: text;
8468
8468
  }
8469
8469
 
8470
- .ob-quill-content p,
8471
- .ob-quill-content ol,
8472
- .ob-quill-content ul,
8473
- .ob-quill-content pre,
8474
- .ob-quill-content blockquote,
8475
- .ob-quill-content h1,
8476
- .ob-quill-content h2,
8477
- .ob-quill-content h3,
8478
- .ob-quill-content h4,
8479
- .ob-quill-content h5,
8480
- .ob-quill-content h6 {
8470
+ .ob-quill-content.content .ql-list-no-margin {
8471
+ margin-top: 0;
8472
+ margin-bottom: 0;
8473
+ }
8474
+
8475
+ .ob-quill-legacy-content p,
8476
+ .ob-quill-legacy-content ol,
8477
+ .ob-quill-legacy-content ul,
8478
+ .ob-quill-legacy-content pre,
8479
+ .ob-quill-legacy-content blockquote,
8480
+ .ob-quill-legacy-content h1,
8481
+ .ob-quill-legacy-content h2,
8482
+ .ob-quill-legacy-content h3,
8483
+ .ob-quill-legacy-content h4,
8484
+ .ob-quill-legacy-content h5,
8485
+ .ob-quill-legacy-content h6 {
8481
8486
  margin: 0;
8482
8487
  padding: 0;
8483
8488
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8484
8489
  }
8485
8490
 
8486
- .ob-quill-content ol,
8487
- .ob-quill-content ul {
8491
+ .ob-quill-legacy-content ol,
8492
+ .ob-quill-legacy-content ul {
8488
8493
  padding-left: 1.5em;
8489
8494
  }
8490
8495
 
8491
- .ob-quill-content ol > li,
8492
- .ob-quill-content ul > li {
8496
+ .ob-quill-legacy-content ol > li,
8497
+ .ob-quill-legacy-content ul > li {
8493
8498
  list-style-type: none;
8494
8499
  }
8495
8500
 
8496
- .ob-quill-content ul > li::before,
8497
- .ob-quill-content ol ul > li::before {
8501
+ .ob-quill-legacy-content ul > li::before {
8498
8502
  content: "•";
8499
8503
  }
8500
8504
 
8501
- .ob-quill-content ul[data-checked=true],
8502
- .ob-quill-content ul[data-checked=false] {
8505
+ .ob-quill-legacy-content ul[data-checked=true],
8506
+ .ob-quill-legacy-content ul[data-checked=false] {
8503
8507
  pointer-events: none;
8504
8508
  }
8505
8509
 
8506
- .ob-quill-content ul[data-checked=true] > li *,
8507
- .ob-quill-content ul[data-checked=false] > li * {
8510
+ .ob-quill-legacy-content ul[data-checked=true] > li *,
8511
+ .ob-quill-legacy-content ul[data-checked=false] > li * {
8508
8512
  pointer-events: all;
8509
8513
  }
8510
8514
 
8511
- .ob-quill-content ul[data-checked=true] > li::before,
8512
- .ob-quill-content ul[data-checked=false] > li::before {
8515
+ .ob-quill-legacy-content ul[data-checked=true] > li::before,
8516
+ .ob-quill-legacy-content ul[data-checked=false] > li::before {
8513
8517
  color: #777;
8514
8518
  cursor: pointer;
8515
8519
  pointer-events: all;
8516
8520
  }
8517
8521
 
8518
- .ob-quill-content ul[data-checked=true] > li::before {
8522
+ .ob-quill-legacy-content ul[data-checked=true] > li::before {
8519
8523
  content: "☑";
8520
8524
  }
8521
8525
 
8522
- .ob-quill-content ul[data-checked=false] > li::before {
8526
+ .ob-quill-legacy-content ul[data-checked=false] > li::before {
8523
8527
  content: "☐";
8524
8528
  }
8525
8529
 
8526
- .ob-quill-content li::before {
8530
+ .ob-quill-legacy-content li::before {
8527
8531
  display: inline-block;
8528
8532
  white-space: nowrap;
8529
8533
  width: 1.2em;
8530
8534
  }
8531
8535
 
8532
- .ob-quill-content li:not(.ql-direction-rtl)::before {
8536
+ .ob-quill-legacy-content li:not(.ql-direction-rtl)::before {
8533
8537
  margin-left: -1.5em;
8534
8538
  margin-right: 0.3em;
8535
8539
  text-align: right;
8536
8540
  }
8537
8541
 
8538
- .ob-quill-content li.ql-direction-rtl::before {
8542
+ .ob-quill-legacy-content li.ql-direction-rtl::before {
8539
8543
  margin-left: 0.3em;
8540
8544
  margin-right: -1.5em;
8541
8545
  }
8542
8546
 
8543
- .ob-quill-content ol li:not(.ql-direction-rtl),
8544
- .ob-quill-content ul li:not(.ql-direction-rtl) {
8547
+ .ob-quill-legacy-content ol li:not(.ql-direction-rtl),
8548
+ .ob-quill-legacy-content ul li:not(.ql-direction-rtl) {
8545
8549
  padding-left: 1.5em;
8546
8550
  }
8547
8551
 
8548
- .ob-quill-content ol li.ql-direction-rtl,
8549
- .ob-quill-content ul li.ql-direction-rtl {
8552
+ .ob-quill-legacy-content ol li.ql-direction-rtl,
8553
+ .ob-quill-legacy-content ul li.ql-direction-rtl {
8550
8554
  padding-right: 1.5em;
8551
8555
  }
8552
8556
 
8553
- .ob-quill-content ol li {
8557
+ .ob-quill-legacy-content ol li {
8554
8558
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8555
8559
  counter-increment: list-0;
8556
8560
  }
8557
8561
 
8558
- .ob-quill-content ol li:before {
8562
+ .ob-quill-legacy-content ol li:before {
8559
8563
  content: counter(list-0, decimal) ". ";
8560
8564
  }
8561
8565
 
8562
- .ob-quill-content ol li.ql-indent-1 {
8566
+ .ob-quill-legacy-content ol li.ql-indent-1 {
8563
8567
  counter-increment: list-1;
8564
8568
  }
8565
8569
 
8566
- .ob-quill-content ol li.ql-indent-1:before {
8570
+ .ob-quill-legacy-content ol li.ql-indent-1:before {
8567
8571
  content: counter(list-1, lower-alpha) ". ";
8568
8572
  }
8569
8573
 
8570
- .ob-quill-content ol li.ql-indent-1 {
8574
+ .ob-quill-legacy-content ol li.ql-indent-1 {
8571
8575
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8572
8576
  }
8573
8577
 
8574
- .ob-quill-content ol li.ql-indent-2 {
8578
+ .ob-quill-legacy-content ol li.ql-indent-2 {
8575
8579
  counter-increment: list-2;
8576
8580
  }
8577
8581
 
8578
- .ob-quill-content ol li.ql-indent-2:before {
8582
+ .ob-quill-legacy-content ol li.ql-indent-2:before {
8579
8583
  content: counter(list-2, lower-roman) ". ";
8580
8584
  }
8581
8585
 
8582
- .ob-quill-content ol li.ql-indent-2 {
8586
+ .ob-quill-legacy-content ol li.ql-indent-2 {
8583
8587
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8584
8588
  }
8585
8589
 
8586
- .ob-quill-content ol li.ql-indent-3 {
8590
+ .ob-quill-legacy-content ol li.ql-indent-3 {
8587
8591
  counter-increment: list-3;
8588
8592
  }
8589
8593
 
8590
- .ob-quill-content ol li.ql-indent-3:before {
8594
+ .ob-quill-legacy-content ol li.ql-indent-3:before {
8591
8595
  content: counter(list-3, decimal) ". ";
8592
8596
  }
8593
8597
 
8594
- .ob-quill-content ol li.ql-indent-3 {
8598
+ .ob-quill-legacy-content ol li.ql-indent-3 {
8595
8599
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
8596
8600
  }
8597
8601
 
8598
- .ob-quill-content ol li.ql-indent-4 {
8602
+ .ob-quill-legacy-content ol li.ql-indent-4 {
8599
8603
  counter-increment: list-4;
8600
8604
  }
8601
8605
 
8602
- .ob-quill-content ol li.ql-indent-4:before {
8606
+ .ob-quill-legacy-content ol li.ql-indent-4:before {
8603
8607
  content: counter(list-4, lower-alpha) ". ";
8604
8608
  }
8605
8609
 
8606
- .ob-quill-content ol li.ql-indent-4 {
8610
+ .ob-quill-legacy-content ol li.ql-indent-4 {
8607
8611
  counter-reset: list-5 list-6 list-7 list-8 list-9;
8608
8612
  }
8609
8613
 
8610
- .ob-quill-content ol li.ql-indent-5 {
8614
+ .ob-quill-legacy-content ol li.ql-indent-5 {
8611
8615
  counter-increment: list-5;
8612
8616
  }
8613
8617
 
8614
- .ob-quill-content ol li.ql-indent-5:before {
8618
+ .ob-quill-legacy-content ol li.ql-indent-5:before {
8615
8619
  content: counter(list-5, lower-roman) ". ";
8616
8620
  }
8617
8621
 
8618
- .ob-quill-content ol li.ql-indent-5 {
8622
+ .ob-quill-legacy-content ol li.ql-indent-5 {
8619
8623
  counter-reset: list-6 list-7 list-8 list-9;
8620
8624
  }
8621
8625
 
8622
- .ob-quill-content ol li.ql-indent-6 {
8626
+ .ob-quill-legacy-content ol li.ql-indent-6 {
8623
8627
  counter-increment: list-6;
8624
8628
  }
8625
8629
 
8626
- .ob-quill-content ol li.ql-indent-6:before {
8630
+ .ob-quill-legacy-content ol li.ql-indent-6:before {
8627
8631
  content: counter(list-6, decimal) ". ";
8628
8632
  }
8629
8633
 
8630
- .ob-quill-content ol li.ql-indent-6 {
8634
+ .ob-quill-legacy-content ol li.ql-indent-6 {
8631
8635
  counter-reset: list-7 list-8 list-9;
8632
8636
  }
8633
8637
 
8634
- .ob-quill-content ol li.ql-indent-7 {
8638
+ .ob-quill-legacy-content ol li.ql-indent-7 {
8635
8639
  counter-increment: list-7;
8636
8640
  }
8637
8641
 
8638
- .ob-quill-content ol li.ql-indent-7:before {
8642
+ .ob-quill-legacy-content ol li.ql-indent-7:before {
8639
8643
  content: counter(list-7, lower-alpha) ". ";
8640
8644
  }
8641
8645
 
8642
- .ob-quill-content ol li.ql-indent-7 {
8646
+ .ob-quill-legacy-content ol li.ql-indent-7 {
8643
8647
  counter-reset: list-8 list-9;
8644
8648
  }
8645
8649
 
8646
- .ob-quill-content ol li.ql-indent-8 {
8650
+ .ob-quill-legacy-content ol li.ql-indent-8 {
8647
8651
  counter-increment: list-8;
8648
8652
  }
8649
8653
 
8650
- .ob-quill-content ol li.ql-indent-8:before {
8654
+ .ob-quill-legacy-content ol li.ql-indent-8:before {
8651
8655
  content: counter(list-8, lower-roman) ". ";
8652
8656
  }
8653
8657
 
8654
- .ob-quill-content ol li.ql-indent-8 {
8658
+ .ob-quill-legacy-content ol li.ql-indent-8 {
8655
8659
  counter-reset: list-9;
8656
8660
  }
8657
8661
 
8658
- .ob-quill-content ol li.ql-indent-9 {
8662
+ .ob-quill-legacy-content ol li.ql-indent-9 {
8659
8663
  counter-increment: list-9;
8660
8664
  }
8661
8665
 
8662
- .ob-quill-content ol li.ql-indent-9:before {
8666
+ .ob-quill-legacy-content ol li.ql-indent-9:before {
8663
8667
  content: counter(list-9, decimal) ". ";
8664
8668
  }
8665
8669
 
8666
- .ob-quill-content .ql-indent-1:not(.ql-direction-rtl) {
8670
+ .ob-quill-legacy-content .ql-indent-1:not(.ql-direction-rtl) {
8667
8671
  padding-left: 3em;
8668
8672
  }
8669
8673
 
8670
- .ob-quill-content li.ql-indent-1:not(.ql-direction-rtl) {
8674
+ .ob-quill-legacy-content li.ql-indent-1:not(.ql-direction-rtl) {
8671
8675
  padding-left: 4.5em;
8672
8676
  }
8673
8677
 
8674
- .ob-quill-content .ql-indent-1.ql-direction-rtl.ql-align-right {
8678
+ .ob-quill-legacy-content .ql-indent-1.ql-direction-rtl.ql-align-right {
8675
8679
  padding-right: 3em;
8676
8680
  }
8677
8681
 
8678
- .ob-quill-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
8682
+ .ob-quill-legacy-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
8679
8683
  padding-right: 4.5em;
8680
8684
  }
8681
8685
 
8682
- .ob-quill-content .ql-indent-2:not(.ql-direction-rtl) {
8686
+ .ob-quill-legacy-content .ql-indent-2:not(.ql-direction-rtl) {
8683
8687
  padding-left: 6em;
8684
8688
  }
8685
8689
 
8686
- .ob-quill-content li.ql-indent-2:not(.ql-direction-rtl) {
8690
+ .ob-quill-legacy-content li.ql-indent-2:not(.ql-direction-rtl) {
8687
8691
  padding-left: 7.5em;
8688
8692
  }
8689
8693
 
8690
- .ob-quill-content .ql-indent-2.ql-direction-rtl.ql-align-right {
8694
+ .ob-quill-legacy-content .ql-indent-2.ql-direction-rtl.ql-align-right {
8691
8695
  padding-right: 6em;
8692
8696
  }
8693
8697
 
8694
- .ob-quill-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
8698
+ .ob-quill-legacy-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
8695
8699
  padding-right: 7.5em;
8696
8700
  }
8697
8701
 
8698
- .ob-quill-content .ql-indent-3:not(.ql-direction-rtl) {
8702
+ .ob-quill-legacy-content .ql-indent-3:not(.ql-direction-rtl) {
8699
8703
  padding-left: 9em;
8700
8704
  }
8701
8705
 
8702
- .ob-quill-content li.ql-indent-3:not(.ql-direction-rtl) {
8706
+ .ob-quill-legacy-content li.ql-indent-3:not(.ql-direction-rtl) {
8703
8707
  padding-left: 10.5em;
8704
8708
  }
8705
8709
 
8706
- .ob-quill-content .ql-indent-3.ql-direction-rtl.ql-align-right {
8710
+ .ob-quill-legacy-content .ql-indent-3.ql-direction-rtl.ql-align-right {
8707
8711
  padding-right: 9em;
8708
8712
  }
8709
8713
 
8710
- .ob-quill-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
8714
+ .ob-quill-legacy-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
8711
8715
  padding-right: 10.5em;
8712
8716
  }
8713
8717
 
8714
- .ob-quill-content .ql-indent-4:not(.ql-direction-rtl) {
8718
+ .ob-quill-legacy-content .ql-indent-4:not(.ql-direction-rtl) {
8715
8719
  padding-left: 12em;
8716
8720
  }
8717
8721
 
8718
- .ob-quill-content li.ql-indent-4:not(.ql-direction-rtl) {
8722
+ .ob-quill-legacy-content li.ql-indent-4:not(.ql-direction-rtl) {
8719
8723
  padding-left: 13.5em;
8720
8724
  }
8721
8725
 
8722
- .ob-quill-content .ql-indent-4.ql-direction-rtl.ql-align-right {
8726
+ .ob-quill-legacy-content .ql-indent-4.ql-direction-rtl.ql-align-right {
8723
8727
  padding-right: 12em;
8724
8728
  }
8725
8729
 
8726
- .ob-quill-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
8730
+ .ob-quill-legacy-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
8727
8731
  padding-right: 13.5em;
8728
8732
  }
8729
8733
 
8730
- .ob-quill-content .ql-indent-5:not(.ql-direction-rtl) {
8734
+ .ob-quill-legacy-content .ql-indent-5:not(.ql-direction-rtl) {
8731
8735
  padding-left: 15em;
8732
8736
  }
8733
8737
 
8734
- .ob-quill-content li.ql-indent-5:not(.ql-direction-rtl) {
8738
+ .ob-quill-legacy-content li.ql-indent-5:not(.ql-direction-rtl) {
8735
8739
  padding-left: 16.5em;
8736
8740
  }
8737
8741
 
8738
- .ob-quill-content .ql-indent-5.ql-direction-rtl.ql-align-right {
8742
+ .ob-quill-legacy-content .ql-indent-5.ql-direction-rtl.ql-align-right {
8739
8743
  padding-right: 15em;
8740
8744
  }
8741
8745
 
8742
- .ob-quill-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
8746
+ .ob-quill-legacy-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
8743
8747
  padding-right: 16.5em;
8744
8748
  }
8745
8749
 
8746
- .ob-quill-content .ql-indent-6:not(.ql-direction-rtl) {
8750
+ .ob-quill-legacy-content .ql-indent-6:not(.ql-direction-rtl) {
8747
8751
  padding-left: 18em;
8748
8752
  }
8749
8753
 
8750
- .ob-quill-content li.ql-indent-6:not(.ql-direction-rtl) {
8754
+ .ob-quill-legacy-content li.ql-indent-6:not(.ql-direction-rtl) {
8751
8755
  padding-left: 19.5em;
8752
8756
  }
8753
8757
 
8754
- .ob-quill-content .ql-indent-6.ql-direction-rtl.ql-align-right {
8758
+ .ob-quill-legacy-content .ql-indent-6.ql-direction-rtl.ql-align-right {
8755
8759
  padding-right: 18em;
8756
8760
  }
8757
8761
 
8758
- .ob-quill-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
8762
+ .ob-quill-legacy-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
8759
8763
  padding-right: 19.5em;
8760
8764
  }
8761
8765
 
8762
- .ob-quill-content .ql-indent-7:not(.ql-direction-rtl) {
8766
+ .ob-quill-legacy-content .ql-indent-7:not(.ql-direction-rtl) {
8763
8767
  padding-left: 21em;
8764
8768
  }
8765
8769
 
8766
- .ob-quill-content li.ql-indent-7:not(.ql-direction-rtl) {
8770
+ .ob-quill-legacy-content li.ql-indent-7:not(.ql-direction-rtl) {
8767
8771
  padding-left: 22.5em;
8768
8772
  }
8769
8773
 
8770
- .ob-quill-content .ql-indent-7.ql-direction-rtl.ql-align-right {
8774
+ .ob-quill-legacy-content .ql-indent-7.ql-direction-rtl.ql-align-right {
8771
8775
  padding-right: 21em;
8772
8776
  }
8773
8777
 
8774
- .ob-quill-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
8778
+ .ob-quill-legacy-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
8775
8779
  padding-right: 22.5em;
8776
8780
  }
8777
8781
 
8778
- .ob-quill-content .ql-indent-8:not(.ql-direction-rtl) {
8782
+ .ob-quill-legacy-content .ql-indent-8:not(.ql-direction-rtl) {
8779
8783
  padding-left: 24em;
8780
8784
  }
8781
8785
 
8782
- .ob-quill-content li.ql-indent-8:not(.ql-direction-rtl) {
8786
+ .ob-quill-legacy-content li.ql-indent-8:not(.ql-direction-rtl) {
8783
8787
  padding-left: 25.5em;
8784
8788
  }
8785
8789
 
8786
- .ob-quill-content .ql-indent-8.ql-direction-rtl.ql-align-right {
8790
+ .ob-quill-legacy-content .ql-indent-8.ql-direction-rtl.ql-align-right {
8787
8791
  padding-right: 24em;
8788
8792
  }
8789
8793
 
8790
- .ob-quill-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
8794
+ .ob-quill-legacy-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
8791
8795
  padding-right: 25.5em;
8792
8796
  }
8793
8797
 
8794
- .ob-quill-content .ql-indent-9:not(.ql-direction-rtl) {
8798
+ .ob-quill-legacy-content .ql-indent-9:not(.ql-direction-rtl) {
8795
8799
  padding-left: 27em;
8796
8800
  }
8797
8801
 
8798
- .ob-quill-content li.ql-indent-9:not(.ql-direction-rtl) {
8802
+ .ob-quill-legacy-content li.ql-indent-9:not(.ql-direction-rtl) {
8799
8803
  padding-left: 28.5em;
8800
8804
  }
8801
8805
 
8802
- .ob-quill-content .ql-indent-9.ql-direction-rtl.ql-align-right {
8806
+ .ob-quill-legacy-content .ql-indent-9.ql-direction-rtl.ql-align-right {
8803
8807
  padding-right: 27em;
8804
8808
  }
8805
8809
 
8806
- .ob-quill-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
8810
+ .ob-quill-legacy-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
8807
8811
  padding-right: 28.5em;
8808
8812
  }
8809
8813
 
8810
- .ob-quill-content .ql-video {
8811
- display: block;
8812
- max-width: 100%;
8813
- }
8814
-
8815
- .ob-quill-content .ql-video.ql-align-center {
8816
- margin: 0 auto;
8817
- }
8818
-
8819
- .ob-quill-content .ql-video.ql-align-right {
8820
- margin: 0 0 0 auto;
8821
- }
8822
-
8823
- .ob-quill-content .ql-bg-black {
8824
- background-color: #000;
8825
- }
8826
-
8827
- .ob-quill-content .ql-bg-red {
8828
- background-color: #e60000;
8829
- }
8830
-
8831
- .ob-quill-content .ql-bg-orange {
8832
- background-color: #f90;
8833
- }
8834
-
8835
- .ob-quill-content .ql-bg-yellow {
8836
- background-color: #ff0;
8837
- }
8838
-
8839
- .ob-quill-content .ql-bg-green {
8840
- background-color: #008a00;
8841
- }
8842
-
8843
- .ob-quill-content .ql-bg-blue {
8844
- background-color: #06c;
8845
- }
8846
-
8847
- .ob-quill-content .ql-bg-purple {
8848
- background-color: #93f;
8849
- }
8850
-
8851
- .ob-quill-content .ql-color-white {
8852
- color: #fff;
8853
- }
8854
-
8855
- .ob-quill-content .ql-color-red {
8856
- color: #e60000;
8857
- }
8858
-
8859
- .ob-quill-content .ql-color-orange {
8860
- color: #f90;
8861
- }
8862
-
8863
- .ob-quill-content .ql-color-yellow {
8864
- color: #ff0;
8865
- }
8866
-
8867
- .ob-quill-content .ql-color-green {
8868
- color: #008a00;
8869
- }
8870
-
8871
- .ob-quill-content .ql-color-blue {
8872
- color: #06c;
8873
- }
8874
-
8875
- .ob-quill-content .ql-color-purple {
8876
- color: #93f;
8877
- }
8878
-
8879
- .ob-quill-content .ql-font-serif {
8880
- font-family: Georgia, Times New Roman, serif;
8881
- }
8882
-
8883
- .ob-quill-content .ql-font-monospace {
8884
- font-family: Monaco, Courier New, monospace;
8885
- }
8886
-
8887
- .ob-quill-content .ql-size-small {
8888
- font-size: 0.75em;
8889
- }
8890
-
8891
- .ob-quill-content .ql-size-large {
8892
- font-size: 1.5em;
8893
- }
8894
-
8895
- .ob-quill-content .ql-size-huge {
8896
- font-size: 2.5em;
8897
- }
8898
-
8899
- .ob-quill-content .ql-direction-rtl {
8900
- direction: rtl;
8901
- text-align: inherit;
8902
- }
8903
-
8904
- .ob-quill-content .ql-align-center {
8905
- text-align: center;
8906
- }
8907
-
8908
- .ob-quill-content .ql-align-justify {
8909
- text-align: justify;
8910
- }
8911
-
8912
- .ob-quill-content .ql-align-right {
8913
- text-align: right;
8914
- }
8915
-
8916
- .ob-quill-content.ql-blank::before {
8917
- color: rgba(0, 0, 0, 0.6);
8918
- content: attr(data-placeholder);
8919
- font-style: italic;
8920
- left: 15px;
8921
- pointer-events: none;
8922
- position: absolute;
8923
- right: 15px;
8924
- }
8925
-
8926
- .ob-quill-content strong {
8927
- color: inherit;
8928
- }
8929
-
8930
8814
  .ob-buttons-radio {
8931
8815
  container-name: ob-buttons-radio;
8932
8816
  container-type: inline-size;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@oneblink/apps-react",
3
3
  "description": "Helper functions for OneBlink apps in ReactJS.",
4
- "version": "8.13.1-beta.1",
4
+ "version": "8.13.1-beta.2",
5
5
  "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
6
6
  "bugs": {
7
7
  "url": "https://github.com/oneblink/apps-react/issues"
@@ -55,7 +55,6 @@
55
55
  "@types/color": "^3.0.6",
56
56
  "@types/file-saver": "^2.0.7",
57
57
  "@types/filesystem": "^0.0.34",
58
- "@types/jest": "^27.5.2",
59
58
  "@types/lodash.clonedeep": "^4.5.9",
60
59
  "@types/lodash.debounce": "^4.0.9",
61
60
  "@types/lodash.throttle": "^4.1.9",
@@ -78,18 +77,17 @@
78
77
  "eslint-plugin-react": "^7.33.2",
79
78
  "eslint-plugin-react-hooks": "^4.6.0",
80
79
  "fixpack": "^4.0.0",
81
- "jest": "^29.7.0",
82
- "jest-environment-jsdom": "^29.7.0",
80
+ "jsdom": "^27.2.0",
83
81
  "prettier": "^3.2.4",
84
82
  "prettier-plugin-jsdoc": "^1.3.0",
85
83
  "react": "^17.0.2",
86
84
  "react-dom": "^17.0.2",
87
85
  "react-router-dom": "^5.3.4",
88
86
  "sass": "^1.70.0",
89
- "ts-jest": "^29.2.5",
90
87
  "tsc-watch": "^6.0.4",
91
88
  "typedoc": "^0.26.9",
92
- "typescript": "^5.6.3"
89
+ "typescript": "^5.6.3",
90
+ "vitest": "^4.0.9"
93
91
  },
94
92
  "directories": {
95
93
  "doc": "docs"
@@ -134,9 +132,9 @@
134
132
  "pretest": "npm run fixpack && npm run eslint && npm run typescript",
135
133
  "release": "oneblink-release repository --no-name",
136
134
  "start": "tsc-watch",
137
- "test": "jest",
135
+ "test": "vitest",
138
136
  "types": "npm i -D github:oneblink/types",
139
137
  "typescript": "tsc --noEmit",
140
- "update-dependents": "oneblink-release update-dependents"
138
+ "update-dependents": "oneblink-release update-dependents --force"
141
139
  }
142
140
  }