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

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 +220 -194
  4. package/dist/styles.css +122 -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,389 @@
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
+ // to match indent of legacy lists.
9
+ margin-left: 2.9rem;
10
+ }
11
+
12
+ /* Sub list 4 levels deep */
13
+ .ob-quill-content
14
+ ol.ql-list-no-margin
15
+ > li
16
+ > ol.ql-list-no-margin
17
+ > li
18
+ > ol.ql-list-no-margin
19
+ > li
20
+ > ol.ql-list-no-margin
21
+ > li,
22
+ /* Sub list 7 levels deep */
23
+ .ob-quill-content
24
+ ol.ql-list-no-margin
25
+ > li
26
+ > ol.ql-list-no-margin
27
+ > li
28
+ > ol.ql-list-no-margin
29
+ > li
30
+ > ol.ql-list-no-margin
31
+ > li
32
+ > ol.ql-list-no-margin
33
+ > li
34
+ > ol.ql-list-no-margin
35
+ > li
36
+ > ol.ql-list-no-margin
37
+ > li {
38
+ list-style: decimal;
39
+ }
40
+
41
+ /* Sub list 2 levels deep */
42
+ .ob-quill-content ol.ql-list-no-margin > li > ol.ql-list-no-margin > li,
43
+ /* Sub list 5 levels deep */
44
+ .ob-quill-content
45
+ ol.ql-list-no-margin
46
+ > li
47
+ > ol.ql-list-no-margin
48
+ > li
49
+ > ol.ql-list-no-margin
50
+ > li
51
+ > ol.ql-list-no-margin
52
+ > li
53
+ > ol.ql-list-no-margin
54
+ > li,
55
+ /* Sub list 8 levels deep */
56
+ .ob-quill-content
57
+ ol.ql-list-no-margin
58
+ > li
59
+ > ol.ql-list-no-margin
60
+ > li
61
+ > ol.ql-list-no-margin
62
+ > li
63
+ > ol.ql-list-no-margin
64
+ > li
65
+ > ol.ql-list-no-margin
66
+ > li
67
+ > ol.ql-list-no-margin
68
+ > li
69
+ > ol.ql-list-no-margin
70
+ > li
71
+ > ol.ql-list-no-margin
72
+ > li {
73
+ list-style: lower-alpha;
74
+ }
75
+
76
+ /* Sub list 3 levels deep */
77
+ .ob-quill-content
78
+ ol.ql-list-no-margin
79
+ > li
80
+ > ol.ql-list-no-margin
81
+ > li
82
+ > ol.ql-list-no-margin
83
+ > li,
84
+ /* Sub list 6 levels deep */
85
+ .ob-quill-content
86
+ ol.ql-list-no-margin
87
+ > li
88
+ > ol.ql-list-no-margin
89
+ > li
90
+ > ol.ql-list-no-margin
91
+ > li
92
+ > ol.ql-list-no-margin
93
+ > li
94
+ > ol.ql-list-no-margin
95
+ > li
96
+ > ol.ql-list-no-margin
97
+ > li,
98
+ /* The Quill editor does not allow more than 9 levels of nested lists
99
+ so we are safe to stop here for lists created with Quill */
100
+ .ob-quill-content
101
+ ol.ql-list-no-margin
102
+ > li
103
+ > ol.ql-list-no-margin
104
+ > li
105
+ > ol.ql-list-no-margin
106
+ > li
107
+ > ol.ql-list-no-margin
108
+ > li
109
+ > ol.ql-list-no-margin
110
+ > li
111
+ > ol.ql-list-no-margin
112
+ > li
113
+ > ol.ql-list-no-margin
114
+ > li
115
+ > ol.ql-list-no-margin
116
+ > li
117
+ > ol.ql-list-no-margin
118
+ > li {
119
+ list-style: lower-roman;
120
+ }
121
+
122
+ /* Legacy lists */
123
+
124
+ .ob-quill-legacy-content p,
125
+ .ob-quill-legacy-content ol,
126
+ .ob-quill-legacy-content ul,
127
+ .ob-quill-legacy-content pre,
128
+ .ob-quill-legacy-content blockquote,
129
+ .ob-quill-legacy-content h1,
130
+ .ob-quill-legacy-content h2,
131
+ .ob-quill-legacy-content h3,
132
+ .ob-quill-legacy-content h4,
133
+ .ob-quill-legacy-content h5,
134
+ .ob-quill-legacy-content h6 {
16
135
  margin: 0;
17
136
  padding: 0;
18
137
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
19
138
  }
20
- .ob-quill-content ol,
21
- .ob-quill-content ul {
139
+ .ob-quill-legacy-content ol,
140
+ .ob-quill-legacy-content ul {
22
141
  padding-left: 1.5em;
23
142
  }
24
- .ob-quill-content ol > li,
25
- .ob-quill-content ul > li {
143
+ .ob-quill-legacy-content ol > li,
144
+ .ob-quill-legacy-content ul > li {
26
145
  list-style-type: none;
27
146
  }
28
- .ob-quill-content ul > li::before,
29
- .ob-quill-content ol ul > li::before {
147
+ .ob-quill-legacy-content ul > li::before {
30
148
  content: '\2022';
31
149
  }
32
- .ob-quill-content ul[data-checked='true'],
33
- .ob-quill-content ul[data-checked='false'] {
150
+ .ob-quill-legacy-content ul[data-checked='true'],
151
+ .ob-quill-legacy-content ul[data-checked='false'] {
34
152
  pointer-events: none;
35
153
  }
36
- .ob-quill-content ul[data-checked='true'] > li *,
37
- .ob-quill-content ul[data-checked='false'] > li * {
154
+ .ob-quill-legacy-content ul[data-checked='true'] > li *,
155
+ .ob-quill-legacy-content ul[data-checked='false'] > li * {
38
156
  pointer-events: all;
39
157
  }
40
- .ob-quill-content ul[data-checked='true'] > li::before,
41
- .ob-quill-content ul[data-checked='false'] > li::before {
158
+ .ob-quill-legacy-content ul[data-checked='true'] > li::before,
159
+ .ob-quill-legacy-content ul[data-checked='false'] > li::before {
42
160
  color: #777;
43
161
  cursor: pointer;
44
162
  pointer-events: all;
45
163
  }
46
- .ob-quill-content ul[data-checked='true'] > li::before {
164
+ .ob-quill-legacy-content ul[data-checked='true'] > li::before {
47
165
  content: '\2611';
48
166
  }
49
- .ob-quill-content ul[data-checked='false'] > li::before {
167
+ .ob-quill-legacy-content ul[data-checked='false'] > li::before {
50
168
  content: '\2610';
51
169
  }
52
- .ob-quill-content li::before {
170
+ .ob-quill-legacy-content li::before {
53
171
  display: inline-block;
54
172
  white-space: nowrap;
55
173
  width: 1.2em;
56
174
  }
57
- .ob-quill-content li:not(.ql-direction-rtl)::before {
175
+ .ob-quill-legacy-content li:not(.ql-direction-rtl)::before {
58
176
  margin-left: -1.5em;
59
177
  margin-right: 0.3em;
60
178
  text-align: right;
61
179
  }
62
- .ob-quill-content li.ql-direction-rtl::before {
180
+ .ob-quill-legacy-content li.ql-direction-rtl::before {
63
181
  margin-left: 0.3em;
64
182
  margin-right: -1.5em;
65
183
  }
66
- .ob-quill-content ol li:not(.ql-direction-rtl),
67
- .ob-quill-content ul li:not(.ql-direction-rtl) {
184
+ .ob-quill-legacy-content ol li:not(.ql-direction-rtl),
185
+ .ob-quill-legacy-content ul li:not(.ql-direction-rtl) {
68
186
  padding-left: 1.5em;
69
187
  }
70
- .ob-quill-content ol li.ql-direction-rtl,
71
- .ob-quill-content ul li.ql-direction-rtl {
188
+ .ob-quill-legacy-content ol li.ql-direction-rtl,
189
+ .ob-quill-legacy-content ul li.ql-direction-rtl {
72
190
  padding-right: 1.5em;
73
191
  }
74
- .ob-quill-content ol li {
192
+ .ob-quill-legacy-content ol li {
75
193
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
76
194
  counter-increment: list-0;
77
195
  }
78
- .ob-quill-content ol li:before {
196
+ .ob-quill-legacy-content ol li:before {
79
197
  content: counter(list-0, decimal) '. ';
80
198
  }
81
- .ob-quill-content ol li.ql-indent-1 {
199
+ .ob-quill-legacy-content ol li.ql-indent-1 {
82
200
  counter-increment: list-1;
83
201
  }
84
- .ob-quill-content ol li.ql-indent-1:before {
202
+ .ob-quill-legacy-content ol li.ql-indent-1:before {
85
203
  content: counter(list-1, lower-alpha) '. ';
86
204
  }
87
- .ob-quill-content ol li.ql-indent-1 {
205
+ .ob-quill-legacy-content ol li.ql-indent-1 {
88
206
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
89
207
  }
90
- .ob-quill-content ol li.ql-indent-2 {
208
+ .ob-quill-legacy-content ol li.ql-indent-2 {
91
209
  counter-increment: list-2;
92
210
  }
93
- .ob-quill-content ol li.ql-indent-2:before {
211
+ .ob-quill-legacy-content ol li.ql-indent-2:before {
94
212
  content: counter(list-2, lower-roman) '. ';
95
213
  }
96
- .ob-quill-content ol li.ql-indent-2 {
214
+
215
+ .ob-quill-legacy-content ol li.ql-indent-2 {
97
216
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
98
217
  }
99
- .ob-quill-content ol li.ql-indent-3 {
218
+ .ob-quill-legacy-content ol li.ql-indent-3 {
100
219
  counter-increment: list-3;
101
220
  }
102
- .ob-quill-content ol li.ql-indent-3:before {
221
+ .ob-quill-legacy-content ol li.ql-indent-3:before {
103
222
  content: counter(list-3, decimal) '. ';
104
223
  }
105
- .ob-quill-content ol li.ql-indent-3 {
224
+
225
+ .ob-quill-legacy-content ol li.ql-indent-3 {
106
226
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
107
227
  }
108
- .ob-quill-content ol li.ql-indent-4 {
228
+ .ob-quill-legacy-content ol li.ql-indent-4 {
109
229
  counter-increment: list-4;
110
230
  }
111
- .ob-quill-content ol li.ql-indent-4:before {
231
+ .ob-quill-legacy-content ol li.ql-indent-4:before {
112
232
  content: counter(list-4, lower-alpha) '. ';
113
233
  }
114
- .ob-quill-content ol li.ql-indent-4 {
234
+
235
+ .ob-quill-legacy-content ol li.ql-indent-4 {
115
236
  counter-reset: list-5 list-6 list-7 list-8 list-9;
116
237
  }
117
- .ob-quill-content ol li.ql-indent-5 {
238
+ .ob-quill-legacy-content ol li.ql-indent-5 {
118
239
  counter-increment: list-5;
119
240
  }
120
- .ob-quill-content ol li.ql-indent-5:before {
241
+ .ob-quill-legacy-content ol li.ql-indent-5:before {
121
242
  content: counter(list-5, lower-roman) '. ';
122
243
  }
123
- .ob-quill-content ol li.ql-indent-5 {
244
+ .ob-quill-legacy-content ol li.ql-indent-5 {
124
245
  counter-reset: list-6 list-7 list-8 list-9;
125
246
  }
126
- .ob-quill-content ol li.ql-indent-6 {
247
+ .ob-quill-legacy-content ol li.ql-indent-6 {
127
248
  counter-increment: list-6;
128
249
  }
129
- .ob-quill-content ol li.ql-indent-6:before {
250
+ .ob-quill-legacy-content ol li.ql-indent-6:before {
130
251
  content: counter(list-6, decimal) '. ';
131
252
  }
132
- .ob-quill-content ol li.ql-indent-6 {
253
+
254
+ .ob-quill-legacy-content ol li.ql-indent-6 {
133
255
  counter-reset: list-7 list-8 list-9;
134
256
  }
135
- .ob-quill-content ol li.ql-indent-7 {
257
+ .ob-quill-legacy-content ol li.ql-indent-7 {
136
258
  counter-increment: list-7;
137
259
  }
138
- .ob-quill-content ol li.ql-indent-7:before {
260
+ .ob-quill-legacy-content ol li.ql-indent-7:before {
139
261
  content: counter(list-7, lower-alpha) '. ';
140
262
  }
141
- .ob-quill-content ol li.ql-indent-7 {
263
+
264
+ .ob-quill-legacy-content ol li.ql-indent-7 {
142
265
  counter-reset: list-8 list-9;
143
266
  }
144
- .ob-quill-content ol li.ql-indent-8 {
267
+ .ob-quill-legacy-content ol li.ql-indent-8 {
145
268
  counter-increment: list-8;
146
269
  }
147
- .ob-quill-content ol li.ql-indent-8:before {
270
+ .ob-quill-legacy-content ol li.ql-indent-8:before {
148
271
  content: counter(list-8, lower-roman) '. ';
149
272
  }
150
- .ob-quill-content ol li.ql-indent-8 {
273
+
274
+ .ob-quill-legacy-content ol li.ql-indent-8 {
151
275
  counter-reset: list-9;
152
276
  }
153
- .ob-quill-content ol li.ql-indent-9 {
277
+ .ob-quill-legacy-content ol li.ql-indent-9 {
154
278
  counter-increment: list-9;
155
279
  }
156
- .ob-quill-content ol li.ql-indent-9:before {
280
+ .ob-quill-legacy-content ol li.ql-indent-9:before {
157
281
  content: counter(list-9, decimal) '. ';
158
282
  }
159
- .ob-quill-content .ql-indent-1:not(.ql-direction-rtl) {
283
+ .ob-quill-legacy-content .ql-indent-1:not(.ql-direction-rtl) {
160
284
  padding-left: 3em;
161
285
  }
162
- .ob-quill-content li.ql-indent-1:not(.ql-direction-rtl) {
286
+ .ob-quill-legacy-content li.ql-indent-1:not(.ql-direction-rtl) {
163
287
  padding-left: 4.5em;
164
288
  }
165
- .ob-quill-content .ql-indent-1.ql-direction-rtl.ql-align-right {
289
+ .ob-quill-legacy-content .ql-indent-1.ql-direction-rtl.ql-align-right {
166
290
  padding-right: 3em;
167
291
  }
168
- .ob-quill-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
292
+ .ob-quill-legacy-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
169
293
  padding-right: 4.5em;
170
294
  }
171
- .ob-quill-content .ql-indent-2:not(.ql-direction-rtl) {
295
+ .ob-quill-legacy-content .ql-indent-2:not(.ql-direction-rtl) {
172
296
  padding-left: 6em;
173
297
  }
174
- .ob-quill-content li.ql-indent-2:not(.ql-direction-rtl) {
298
+ .ob-quill-legacy-content li.ql-indent-2:not(.ql-direction-rtl) {
175
299
  padding-left: 7.5em;
176
300
  }
177
- .ob-quill-content .ql-indent-2.ql-direction-rtl.ql-align-right {
301
+ .ob-quill-legacy-content .ql-indent-2.ql-direction-rtl.ql-align-right {
178
302
  padding-right: 6em;
179
303
  }
180
- .ob-quill-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
304
+ .ob-quill-legacy-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
181
305
  padding-right: 7.5em;
182
306
  }
183
- .ob-quill-content .ql-indent-3:not(.ql-direction-rtl) {
307
+ .ob-quill-legacy-content .ql-indent-3:not(.ql-direction-rtl) {
184
308
  padding-left: 9em;
185
309
  }
186
- .ob-quill-content li.ql-indent-3:not(.ql-direction-rtl) {
310
+ .ob-quill-legacy-content li.ql-indent-3:not(.ql-direction-rtl) {
187
311
  padding-left: 10.5em;
188
312
  }
189
- .ob-quill-content .ql-indent-3.ql-direction-rtl.ql-align-right {
313
+ .ob-quill-legacy-content .ql-indent-3.ql-direction-rtl.ql-align-right {
190
314
  padding-right: 9em;
191
315
  }
192
- .ob-quill-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
316
+ .ob-quill-legacy-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
193
317
  padding-right: 10.5em;
194
318
  }
195
- .ob-quill-content .ql-indent-4:not(.ql-direction-rtl) {
319
+ .ob-quill-legacy-content .ql-indent-4:not(.ql-direction-rtl) {
196
320
  padding-left: 12em;
197
321
  }
198
- .ob-quill-content li.ql-indent-4:not(.ql-direction-rtl) {
322
+ .ob-quill-legacy-content li.ql-indent-4:not(.ql-direction-rtl) {
199
323
  padding-left: 13.5em;
200
324
  }
201
- .ob-quill-content .ql-indent-4.ql-direction-rtl.ql-align-right {
325
+ .ob-quill-legacy-content .ql-indent-4.ql-direction-rtl.ql-align-right {
202
326
  padding-right: 12em;
203
327
  }
204
- .ob-quill-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
328
+ .ob-quill-legacy-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
205
329
  padding-right: 13.5em;
206
330
  }
207
- .ob-quill-content .ql-indent-5:not(.ql-direction-rtl) {
331
+ .ob-quill-legacy-content .ql-indent-5:not(.ql-direction-rtl) {
208
332
  padding-left: 15em;
209
333
  }
210
- .ob-quill-content li.ql-indent-5:not(.ql-direction-rtl) {
334
+ .ob-quill-legacy-content li.ql-indent-5:not(.ql-direction-rtl) {
211
335
  padding-left: 16.5em;
212
336
  }
213
- .ob-quill-content .ql-indent-5.ql-direction-rtl.ql-align-right {
337
+ .ob-quill-legacy-content .ql-indent-5.ql-direction-rtl.ql-align-right {
214
338
  padding-right: 15em;
215
339
  }
216
- .ob-quill-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
340
+ .ob-quill-legacy-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
217
341
  padding-right: 16.5em;
218
342
  }
219
- .ob-quill-content .ql-indent-6:not(.ql-direction-rtl) {
343
+ .ob-quill-legacy-content .ql-indent-6:not(.ql-direction-rtl) {
220
344
  padding-left: 18em;
221
345
  }
222
- .ob-quill-content li.ql-indent-6:not(.ql-direction-rtl) {
346
+ .ob-quill-legacy-content li.ql-indent-6:not(.ql-direction-rtl) {
223
347
  padding-left: 19.5em;
224
348
  }
225
- .ob-quill-content .ql-indent-6.ql-direction-rtl.ql-align-right {
349
+ .ob-quill-legacy-content .ql-indent-6.ql-direction-rtl.ql-align-right {
226
350
  padding-right: 18em;
227
351
  }
228
- .ob-quill-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
352
+ .ob-quill-legacy-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
229
353
  padding-right: 19.5em;
230
354
  }
231
- .ob-quill-content .ql-indent-7:not(.ql-direction-rtl) {
355
+ .ob-quill-legacy-content .ql-indent-7:not(.ql-direction-rtl) {
232
356
  padding-left: 21em;
233
357
  }
234
- .ob-quill-content li.ql-indent-7:not(.ql-direction-rtl) {
358
+ .ob-quill-legacy-content li.ql-indent-7:not(.ql-direction-rtl) {
235
359
  padding-left: 22.5em;
236
360
  }
237
- .ob-quill-content .ql-indent-7.ql-direction-rtl.ql-align-right {
361
+ .ob-quill-legacy-content .ql-indent-7.ql-direction-rtl.ql-align-right {
238
362
  padding-right: 21em;
239
363
  }
240
- .ob-quill-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
364
+ .ob-quill-legacy-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
241
365
  padding-right: 22.5em;
242
366
  }
243
- .ob-quill-content .ql-indent-8:not(.ql-direction-rtl) {
367
+ .ob-quill-legacy-content .ql-indent-8:not(.ql-direction-rtl) {
244
368
  padding-left: 24em;
245
369
  }
246
- .ob-quill-content li.ql-indent-8:not(.ql-direction-rtl) {
370
+ .ob-quill-legacy-content li.ql-indent-8:not(.ql-direction-rtl) {
247
371
  padding-left: 25.5em;
248
372
  }
249
- .ob-quill-content .ql-indent-8.ql-direction-rtl.ql-align-right {
373
+ .ob-quill-legacy-content .ql-indent-8.ql-direction-rtl.ql-align-right {
250
374
  padding-right: 24em;
251
375
  }
252
- .ob-quill-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
376
+ .ob-quill-legacy-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
253
377
  padding-right: 25.5em;
254
378
  }
255
- .ob-quill-content .ql-indent-9:not(.ql-direction-rtl) {
379
+ .ob-quill-legacy-content .ql-indent-9:not(.ql-direction-rtl) {
256
380
  padding-left: 27em;
257
381
  }
258
- .ob-quill-content li.ql-indent-9:not(.ql-direction-rtl) {
382
+ .ob-quill-legacy-content li.ql-indent-9:not(.ql-direction-rtl) {
259
383
  padding-left: 28.5em;
260
384
  }
261
- .ob-quill-content .ql-indent-9.ql-direction-rtl.ql-align-right {
385
+ .ob-quill-legacy-content .ql-indent-9.ql-direction-rtl.ql-align-right {
262
386
  padding-right: 27em;
263
387
  }
264
- .ob-quill-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
388
+ .ob-quill-legacy-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
265
389
  padding-right: 28.5em;
266
390
  }
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,372 @@ 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
+ margin-left: 2.9rem;
8474
+ }
8475
+
8476
+ /* Sub list 4 levels deep */
8477
+ .ob-quill-content ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li,
8478
+ .ob-quill-content ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li {
8479
+ list-style: decimal;
8480
+ }
8481
+
8482
+ /* Sub list 2 levels deep */
8483
+ .ob-quill-content ol.ql-list-no-margin > li > ol.ql-list-no-margin > li,
8484
+ .ob-quill-content ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li,
8485
+ .ob-quill-content ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li {
8486
+ list-style: lower-alpha;
8487
+ }
8488
+
8489
+ /* Sub list 3 levels deep */
8490
+ .ob-quill-content ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li,
8491
+ .ob-quill-content ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li,
8492
+ .ob-quill-content ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li > ol.ql-list-no-margin > li {
8493
+ list-style: lower-roman;
8494
+ }
8495
+
8496
+ /* Legacy lists */
8497
+ .ob-quill-legacy-content p,
8498
+ .ob-quill-legacy-content ol,
8499
+ .ob-quill-legacy-content ul,
8500
+ .ob-quill-legacy-content pre,
8501
+ .ob-quill-legacy-content blockquote,
8502
+ .ob-quill-legacy-content h1,
8503
+ .ob-quill-legacy-content h2,
8504
+ .ob-quill-legacy-content h3,
8505
+ .ob-quill-legacy-content h4,
8506
+ .ob-quill-legacy-content h5,
8507
+ .ob-quill-legacy-content h6 {
8481
8508
  margin: 0;
8482
8509
  padding: 0;
8483
8510
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8484
8511
  }
8485
8512
 
8486
- .ob-quill-content ol,
8487
- .ob-quill-content ul {
8513
+ .ob-quill-legacy-content ol,
8514
+ .ob-quill-legacy-content ul {
8488
8515
  padding-left: 1.5em;
8489
8516
  }
8490
8517
 
8491
- .ob-quill-content ol > li,
8492
- .ob-quill-content ul > li {
8518
+ .ob-quill-legacy-content ol > li,
8519
+ .ob-quill-legacy-content ul > li {
8493
8520
  list-style-type: none;
8494
8521
  }
8495
8522
 
8496
- .ob-quill-content ul > li::before,
8497
- .ob-quill-content ol ul > li::before {
8523
+ .ob-quill-legacy-content ul > li::before {
8498
8524
  content: "•";
8499
8525
  }
8500
8526
 
8501
- .ob-quill-content ul[data-checked=true],
8502
- .ob-quill-content ul[data-checked=false] {
8527
+ .ob-quill-legacy-content ul[data-checked=true],
8528
+ .ob-quill-legacy-content ul[data-checked=false] {
8503
8529
  pointer-events: none;
8504
8530
  }
8505
8531
 
8506
- .ob-quill-content ul[data-checked=true] > li *,
8507
- .ob-quill-content ul[data-checked=false] > li * {
8532
+ .ob-quill-legacy-content ul[data-checked=true] > li *,
8533
+ .ob-quill-legacy-content ul[data-checked=false] > li * {
8508
8534
  pointer-events: all;
8509
8535
  }
8510
8536
 
8511
- .ob-quill-content ul[data-checked=true] > li::before,
8512
- .ob-quill-content ul[data-checked=false] > li::before {
8537
+ .ob-quill-legacy-content ul[data-checked=true] > li::before,
8538
+ .ob-quill-legacy-content ul[data-checked=false] > li::before {
8513
8539
  color: #777;
8514
8540
  cursor: pointer;
8515
8541
  pointer-events: all;
8516
8542
  }
8517
8543
 
8518
- .ob-quill-content ul[data-checked=true] > li::before {
8544
+ .ob-quill-legacy-content ul[data-checked=true] > li::before {
8519
8545
  content: "☑";
8520
8546
  }
8521
8547
 
8522
- .ob-quill-content ul[data-checked=false] > li::before {
8548
+ .ob-quill-legacy-content ul[data-checked=false] > li::before {
8523
8549
  content: "☐";
8524
8550
  }
8525
8551
 
8526
- .ob-quill-content li::before {
8552
+ .ob-quill-legacy-content li::before {
8527
8553
  display: inline-block;
8528
8554
  white-space: nowrap;
8529
8555
  width: 1.2em;
8530
8556
  }
8531
8557
 
8532
- .ob-quill-content li:not(.ql-direction-rtl)::before {
8558
+ .ob-quill-legacy-content li:not(.ql-direction-rtl)::before {
8533
8559
  margin-left: -1.5em;
8534
8560
  margin-right: 0.3em;
8535
8561
  text-align: right;
8536
8562
  }
8537
8563
 
8538
- .ob-quill-content li.ql-direction-rtl::before {
8564
+ .ob-quill-legacy-content li.ql-direction-rtl::before {
8539
8565
  margin-left: 0.3em;
8540
8566
  margin-right: -1.5em;
8541
8567
  }
8542
8568
 
8543
- .ob-quill-content ol li:not(.ql-direction-rtl),
8544
- .ob-quill-content ul li:not(.ql-direction-rtl) {
8569
+ .ob-quill-legacy-content ol li:not(.ql-direction-rtl),
8570
+ .ob-quill-legacy-content ul li:not(.ql-direction-rtl) {
8545
8571
  padding-left: 1.5em;
8546
8572
  }
8547
8573
 
8548
- .ob-quill-content ol li.ql-direction-rtl,
8549
- .ob-quill-content ul li.ql-direction-rtl {
8574
+ .ob-quill-legacy-content ol li.ql-direction-rtl,
8575
+ .ob-quill-legacy-content ul li.ql-direction-rtl {
8550
8576
  padding-right: 1.5em;
8551
8577
  }
8552
8578
 
8553
- .ob-quill-content ol li {
8579
+ .ob-quill-legacy-content ol li {
8554
8580
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8555
8581
  counter-increment: list-0;
8556
8582
  }
8557
8583
 
8558
- .ob-quill-content ol li:before {
8584
+ .ob-quill-legacy-content ol li:before {
8559
8585
  content: counter(list-0, decimal) ". ";
8560
8586
  }
8561
8587
 
8562
- .ob-quill-content ol li.ql-indent-1 {
8588
+ .ob-quill-legacy-content ol li.ql-indent-1 {
8563
8589
  counter-increment: list-1;
8564
8590
  }
8565
8591
 
8566
- .ob-quill-content ol li.ql-indent-1:before {
8592
+ .ob-quill-legacy-content ol li.ql-indent-1:before {
8567
8593
  content: counter(list-1, lower-alpha) ". ";
8568
8594
  }
8569
8595
 
8570
- .ob-quill-content ol li.ql-indent-1 {
8596
+ .ob-quill-legacy-content ol li.ql-indent-1 {
8571
8597
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8572
8598
  }
8573
8599
 
8574
- .ob-quill-content ol li.ql-indent-2 {
8600
+ .ob-quill-legacy-content ol li.ql-indent-2 {
8575
8601
  counter-increment: list-2;
8576
8602
  }
8577
8603
 
8578
- .ob-quill-content ol li.ql-indent-2:before {
8604
+ .ob-quill-legacy-content ol li.ql-indent-2:before {
8579
8605
  content: counter(list-2, lower-roman) ". ";
8580
8606
  }
8581
8607
 
8582
- .ob-quill-content ol li.ql-indent-2 {
8608
+ .ob-quill-legacy-content ol li.ql-indent-2 {
8583
8609
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8584
8610
  }
8585
8611
 
8586
- .ob-quill-content ol li.ql-indent-3 {
8612
+ .ob-quill-legacy-content ol li.ql-indent-3 {
8587
8613
  counter-increment: list-3;
8588
8614
  }
8589
8615
 
8590
- .ob-quill-content ol li.ql-indent-3:before {
8616
+ .ob-quill-legacy-content ol li.ql-indent-3:before {
8591
8617
  content: counter(list-3, decimal) ". ";
8592
8618
  }
8593
8619
 
8594
- .ob-quill-content ol li.ql-indent-3 {
8620
+ .ob-quill-legacy-content ol li.ql-indent-3 {
8595
8621
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
8596
8622
  }
8597
8623
 
8598
- .ob-quill-content ol li.ql-indent-4 {
8624
+ .ob-quill-legacy-content ol li.ql-indent-4 {
8599
8625
  counter-increment: list-4;
8600
8626
  }
8601
8627
 
8602
- .ob-quill-content ol li.ql-indent-4:before {
8628
+ .ob-quill-legacy-content ol li.ql-indent-4:before {
8603
8629
  content: counter(list-4, lower-alpha) ". ";
8604
8630
  }
8605
8631
 
8606
- .ob-quill-content ol li.ql-indent-4 {
8632
+ .ob-quill-legacy-content ol li.ql-indent-4 {
8607
8633
  counter-reset: list-5 list-6 list-7 list-8 list-9;
8608
8634
  }
8609
8635
 
8610
- .ob-quill-content ol li.ql-indent-5 {
8636
+ .ob-quill-legacy-content ol li.ql-indent-5 {
8611
8637
  counter-increment: list-5;
8612
8638
  }
8613
8639
 
8614
- .ob-quill-content ol li.ql-indent-5:before {
8640
+ .ob-quill-legacy-content ol li.ql-indent-5:before {
8615
8641
  content: counter(list-5, lower-roman) ". ";
8616
8642
  }
8617
8643
 
8618
- .ob-quill-content ol li.ql-indent-5 {
8644
+ .ob-quill-legacy-content ol li.ql-indent-5 {
8619
8645
  counter-reset: list-6 list-7 list-8 list-9;
8620
8646
  }
8621
8647
 
8622
- .ob-quill-content ol li.ql-indent-6 {
8648
+ .ob-quill-legacy-content ol li.ql-indent-6 {
8623
8649
  counter-increment: list-6;
8624
8650
  }
8625
8651
 
8626
- .ob-quill-content ol li.ql-indent-6:before {
8652
+ .ob-quill-legacy-content ol li.ql-indent-6:before {
8627
8653
  content: counter(list-6, decimal) ". ";
8628
8654
  }
8629
8655
 
8630
- .ob-quill-content ol li.ql-indent-6 {
8656
+ .ob-quill-legacy-content ol li.ql-indent-6 {
8631
8657
  counter-reset: list-7 list-8 list-9;
8632
8658
  }
8633
8659
 
8634
- .ob-quill-content ol li.ql-indent-7 {
8660
+ .ob-quill-legacy-content ol li.ql-indent-7 {
8635
8661
  counter-increment: list-7;
8636
8662
  }
8637
8663
 
8638
- .ob-quill-content ol li.ql-indent-7:before {
8664
+ .ob-quill-legacy-content ol li.ql-indent-7:before {
8639
8665
  content: counter(list-7, lower-alpha) ". ";
8640
8666
  }
8641
8667
 
8642
- .ob-quill-content ol li.ql-indent-7 {
8668
+ .ob-quill-legacy-content ol li.ql-indent-7 {
8643
8669
  counter-reset: list-8 list-9;
8644
8670
  }
8645
8671
 
8646
- .ob-quill-content ol li.ql-indent-8 {
8672
+ .ob-quill-legacy-content ol li.ql-indent-8 {
8647
8673
  counter-increment: list-8;
8648
8674
  }
8649
8675
 
8650
- .ob-quill-content ol li.ql-indent-8:before {
8676
+ .ob-quill-legacy-content ol li.ql-indent-8:before {
8651
8677
  content: counter(list-8, lower-roman) ". ";
8652
8678
  }
8653
8679
 
8654
- .ob-quill-content ol li.ql-indent-8 {
8680
+ .ob-quill-legacy-content ol li.ql-indent-8 {
8655
8681
  counter-reset: list-9;
8656
8682
  }
8657
8683
 
8658
- .ob-quill-content ol li.ql-indent-9 {
8684
+ .ob-quill-legacy-content ol li.ql-indent-9 {
8659
8685
  counter-increment: list-9;
8660
8686
  }
8661
8687
 
8662
- .ob-quill-content ol li.ql-indent-9:before {
8688
+ .ob-quill-legacy-content ol li.ql-indent-9:before {
8663
8689
  content: counter(list-9, decimal) ". ";
8664
8690
  }
8665
8691
 
8666
- .ob-quill-content .ql-indent-1:not(.ql-direction-rtl) {
8692
+ .ob-quill-legacy-content .ql-indent-1:not(.ql-direction-rtl) {
8667
8693
  padding-left: 3em;
8668
8694
  }
8669
8695
 
8670
- .ob-quill-content li.ql-indent-1:not(.ql-direction-rtl) {
8696
+ .ob-quill-legacy-content li.ql-indent-1:not(.ql-direction-rtl) {
8671
8697
  padding-left: 4.5em;
8672
8698
  }
8673
8699
 
8674
- .ob-quill-content .ql-indent-1.ql-direction-rtl.ql-align-right {
8700
+ .ob-quill-legacy-content .ql-indent-1.ql-direction-rtl.ql-align-right {
8675
8701
  padding-right: 3em;
8676
8702
  }
8677
8703
 
8678
- .ob-quill-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
8704
+ .ob-quill-legacy-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
8679
8705
  padding-right: 4.5em;
8680
8706
  }
8681
8707
 
8682
- .ob-quill-content .ql-indent-2:not(.ql-direction-rtl) {
8708
+ .ob-quill-legacy-content .ql-indent-2:not(.ql-direction-rtl) {
8683
8709
  padding-left: 6em;
8684
8710
  }
8685
8711
 
8686
- .ob-quill-content li.ql-indent-2:not(.ql-direction-rtl) {
8712
+ .ob-quill-legacy-content li.ql-indent-2:not(.ql-direction-rtl) {
8687
8713
  padding-left: 7.5em;
8688
8714
  }
8689
8715
 
8690
- .ob-quill-content .ql-indent-2.ql-direction-rtl.ql-align-right {
8716
+ .ob-quill-legacy-content .ql-indent-2.ql-direction-rtl.ql-align-right {
8691
8717
  padding-right: 6em;
8692
8718
  }
8693
8719
 
8694
- .ob-quill-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
8720
+ .ob-quill-legacy-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
8695
8721
  padding-right: 7.5em;
8696
8722
  }
8697
8723
 
8698
- .ob-quill-content .ql-indent-3:not(.ql-direction-rtl) {
8724
+ .ob-quill-legacy-content .ql-indent-3:not(.ql-direction-rtl) {
8699
8725
  padding-left: 9em;
8700
8726
  }
8701
8727
 
8702
- .ob-quill-content li.ql-indent-3:not(.ql-direction-rtl) {
8728
+ .ob-quill-legacy-content li.ql-indent-3:not(.ql-direction-rtl) {
8703
8729
  padding-left: 10.5em;
8704
8730
  }
8705
8731
 
8706
- .ob-quill-content .ql-indent-3.ql-direction-rtl.ql-align-right {
8732
+ .ob-quill-legacy-content .ql-indent-3.ql-direction-rtl.ql-align-right {
8707
8733
  padding-right: 9em;
8708
8734
  }
8709
8735
 
8710
- .ob-quill-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
8736
+ .ob-quill-legacy-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
8711
8737
  padding-right: 10.5em;
8712
8738
  }
8713
8739
 
8714
- .ob-quill-content .ql-indent-4:not(.ql-direction-rtl) {
8740
+ .ob-quill-legacy-content .ql-indent-4:not(.ql-direction-rtl) {
8715
8741
  padding-left: 12em;
8716
8742
  }
8717
8743
 
8718
- .ob-quill-content li.ql-indent-4:not(.ql-direction-rtl) {
8744
+ .ob-quill-legacy-content li.ql-indent-4:not(.ql-direction-rtl) {
8719
8745
  padding-left: 13.5em;
8720
8746
  }
8721
8747
 
8722
- .ob-quill-content .ql-indent-4.ql-direction-rtl.ql-align-right {
8748
+ .ob-quill-legacy-content .ql-indent-4.ql-direction-rtl.ql-align-right {
8723
8749
  padding-right: 12em;
8724
8750
  }
8725
8751
 
8726
- .ob-quill-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
8752
+ .ob-quill-legacy-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
8727
8753
  padding-right: 13.5em;
8728
8754
  }
8729
8755
 
8730
- .ob-quill-content .ql-indent-5:not(.ql-direction-rtl) {
8756
+ .ob-quill-legacy-content .ql-indent-5:not(.ql-direction-rtl) {
8731
8757
  padding-left: 15em;
8732
8758
  }
8733
8759
 
8734
- .ob-quill-content li.ql-indent-5:not(.ql-direction-rtl) {
8760
+ .ob-quill-legacy-content li.ql-indent-5:not(.ql-direction-rtl) {
8735
8761
  padding-left: 16.5em;
8736
8762
  }
8737
8763
 
8738
- .ob-quill-content .ql-indent-5.ql-direction-rtl.ql-align-right {
8764
+ .ob-quill-legacy-content .ql-indent-5.ql-direction-rtl.ql-align-right {
8739
8765
  padding-right: 15em;
8740
8766
  }
8741
8767
 
8742
- .ob-quill-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
8768
+ .ob-quill-legacy-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
8743
8769
  padding-right: 16.5em;
8744
8770
  }
8745
8771
 
8746
- .ob-quill-content .ql-indent-6:not(.ql-direction-rtl) {
8772
+ .ob-quill-legacy-content .ql-indent-6:not(.ql-direction-rtl) {
8747
8773
  padding-left: 18em;
8748
8774
  }
8749
8775
 
8750
- .ob-quill-content li.ql-indent-6:not(.ql-direction-rtl) {
8776
+ .ob-quill-legacy-content li.ql-indent-6:not(.ql-direction-rtl) {
8751
8777
  padding-left: 19.5em;
8752
8778
  }
8753
8779
 
8754
- .ob-quill-content .ql-indent-6.ql-direction-rtl.ql-align-right {
8780
+ .ob-quill-legacy-content .ql-indent-6.ql-direction-rtl.ql-align-right {
8755
8781
  padding-right: 18em;
8756
8782
  }
8757
8783
 
8758
- .ob-quill-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
8784
+ .ob-quill-legacy-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
8759
8785
  padding-right: 19.5em;
8760
8786
  }
8761
8787
 
8762
- .ob-quill-content .ql-indent-7:not(.ql-direction-rtl) {
8788
+ .ob-quill-legacy-content .ql-indent-7:not(.ql-direction-rtl) {
8763
8789
  padding-left: 21em;
8764
8790
  }
8765
8791
 
8766
- .ob-quill-content li.ql-indent-7:not(.ql-direction-rtl) {
8792
+ .ob-quill-legacy-content li.ql-indent-7:not(.ql-direction-rtl) {
8767
8793
  padding-left: 22.5em;
8768
8794
  }
8769
8795
 
8770
- .ob-quill-content .ql-indent-7.ql-direction-rtl.ql-align-right {
8796
+ .ob-quill-legacy-content .ql-indent-7.ql-direction-rtl.ql-align-right {
8771
8797
  padding-right: 21em;
8772
8798
  }
8773
8799
 
8774
- .ob-quill-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
8800
+ .ob-quill-legacy-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
8775
8801
  padding-right: 22.5em;
8776
8802
  }
8777
8803
 
8778
- .ob-quill-content .ql-indent-8:not(.ql-direction-rtl) {
8804
+ .ob-quill-legacy-content .ql-indent-8:not(.ql-direction-rtl) {
8779
8805
  padding-left: 24em;
8780
8806
  }
8781
8807
 
8782
- .ob-quill-content li.ql-indent-8:not(.ql-direction-rtl) {
8808
+ .ob-quill-legacy-content li.ql-indent-8:not(.ql-direction-rtl) {
8783
8809
  padding-left: 25.5em;
8784
8810
  }
8785
8811
 
8786
- .ob-quill-content .ql-indent-8.ql-direction-rtl.ql-align-right {
8812
+ .ob-quill-legacy-content .ql-indent-8.ql-direction-rtl.ql-align-right {
8787
8813
  padding-right: 24em;
8788
8814
  }
8789
8815
 
8790
- .ob-quill-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
8816
+ .ob-quill-legacy-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
8791
8817
  padding-right: 25.5em;
8792
8818
  }
8793
8819
 
8794
- .ob-quill-content .ql-indent-9:not(.ql-direction-rtl) {
8820
+ .ob-quill-legacy-content .ql-indent-9:not(.ql-direction-rtl) {
8795
8821
  padding-left: 27em;
8796
8822
  }
8797
8823
 
8798
- .ob-quill-content li.ql-indent-9:not(.ql-direction-rtl) {
8824
+ .ob-quill-legacy-content li.ql-indent-9:not(.ql-direction-rtl) {
8799
8825
  padding-left: 28.5em;
8800
8826
  }
8801
8827
 
8802
- .ob-quill-content .ql-indent-9.ql-direction-rtl.ql-align-right {
8828
+ .ob-quill-legacy-content .ql-indent-9.ql-direction-rtl.ql-align-right {
8803
8829
  padding-right: 27em;
8804
8830
  }
8805
8831
 
8806
- .ob-quill-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
8832
+ .ob-quill-legacy-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
8807
8833
  padding-right: 28.5em;
8808
8834
  }
8809
8835
 
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
8836
  .ob-buttons-radio {
8931
8837
  container-name: ob-buttons-radio;
8932
8838
  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.3",
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
  }