@tailor-cms/ce-image-edit 1.0.2 → 1.0.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.
package/dist/style.css CHANGED
@@ -1,3 +1,500 @@
1
- .tce-image[data-v-3d1ca580] {
1
+ .user-avatar-container[data-v-20b7ae80] {
2
+ padding: 0.125rem;
3
+ overflow: hidden !important;
4
+ }
5
+ .user-avatar-container .user-avatar[data-v-20b7ae80] {
6
+ background-position: center;
7
+ background-repeat: no-repeat;
8
+ background-size: cover;
9
+ border-radius: 50%;
10
+ }.header[data-v-9410ab08] {
11
+ display: flex;
12
+ align-items: flex-start;
13
+ }
14
+ .header .info-container[data-v-9410ab08] {
15
+ display: flex;
16
+ flex-direction: column;
17
+ flex: 0 100%;
18
+ max-width: calc(100% - 12rem);
19
+ margin-left: 0.75rem;
20
+ }
21
+ .header .info-container .author[data-v-9410ab08] {
22
+ display: inline-block;
23
+ max-width: 75%;
24
+ font-size: 1rem;
25
+ }
26
+ .header .info-container .edited[data-v-9410ab08],
27
+ .header .info-container .time[data-v-9410ab08] {
28
+ font-size: 0.75rem;
29
+ }
30
+ .header .info-container hr.v-divider--vertical[data-v-9410ab08] {
31
+ margin: 0.25rem 0.125rem 0.125rem 0.625rem;
32
+ }
33
+ .header .info-container[data-v-9410ab08] .editor-link {
34
+ display: inline-flex;
35
+ align-self: flex-end;
36
+ }
37
+ .header .actions[data-v-9410ab08] {
38
+ margin-left: auto;
39
+ }.content[data-v-42eff55c] {
40
+ margin-top: 0.375rem;
41
+ }
42
+ .content pre[data-v-42eff55c] {
43
+ height: 100%;
44
+ margin: 0;
45
+ padding: 0 0.25rem 0.5rem 0;
46
+ font: inherit;
47
+ white-space: pre-wrap;
48
+ word-break: break-all;
49
+ word-wrap: break-word;
50
+ overflow-wrap: break-word;
51
+ background: inherit;
52
+ border: none;
53
+ overflow: hidden;
54
+ }
55
+ .content.resolved[data-v-42eff55c] {
56
+ opacity: 0.7;
57
+ }
58
+ .content.resolved .resolvement-options[data-v-42eff55c] {
59
+ display: flex;
60
+ align-items: center;
61
+ margin-bottom: 0.25rem;
62
+ font-size: 0.75rem;
63
+ }.comment[data-v-376ce578] {
64
+ display: flex;
65
+ flex-direction: column;
66
+ font-family: Roboto, Arial, sans-serif;
67
+ }
68
+ .comment-body[data-v-376ce578] {
69
+ flex: 1;
70
+ padding: 0 0.25rem 0 3.25rem;
71
+ }
72
+ .comment-editor.v-textarea[data-v-376ce578] {
73
+ margin: 0.75rem 0 0 0;
74
+ }
75
+ .comment-editor.v-textarea[data-v-376ce578] .v-input__slot {
76
+ width: auto;
77
+ }.thread-list[data-v-d724bcc2] {
78
+ margin: 0;
79
+ padding: 0;
80
+ list-style: none;
81
+ }
82
+ .thread-list .thread-list-item .v-divider[data-v-d724bcc2] {
83
+ margin: 0 0.25rem 1rem 0.25rem;
84
+ color: #fafafa;
85
+ opacity: 0.3;
86
+ }
87
+ .thread-list .thread-list-item:first-child .v-divider[data-v-d724bcc2] {
88
+ display: none;
89
+ }.unseen-divider[data-v-73d0a25f] {
90
+ text-align: center;
91
+ }
92
+ .unseen-divider .v-divider[data-v-73d0a25f] {
93
+ margin: 1rem 0 0.25rem;
94
+ }
95
+ .unseen-divider[data-v-73d0a25f] .v-chip.v-chip--outlined.v-chip {
96
+ margin: -1.5rem 0 0.5rem 0;
97
+ border-radius: 1rem !important;
98
+ background-color: #fafafa !important;
99
+ }
100
+ .unseen-divider[data-v-73d0a25f] .v-chip.v-chip--outlined.v-chip .v-chip__content .v-chip__close {
101
+ margin-top: 0.125rem;
102
+ font-size: 0.75rem !important;
103
+ }.discussion-thread[data-v-ab1f8a8f] {
104
+ width: 100%;
105
+ }
106
+ .discussion-thread.scroll-container[data-v-ab1f8a8f] {
107
+ max-height: 31.25rem;
108
+ box-sizing: content-box;
109
+ overflow-y: scroll;
110
+ overflow-x: hidden;
111
+ -ms-overflow-style: none !important;
112
+ scrollbar-width: none !important;
113
+ }
114
+ .discussion-thread.scroll-container[data-v-ab1f8a8f]::-webkit-scrollbar {
115
+ display: none !important;
116
+ }
117
+ .discussion-thread .fade-enter-active[data-v-ab1f8a8f],
118
+ .discussion-thread .fade-leave-active[data-v-ab1f8a8f] {
119
+ transition: opacity 0.5s;
120
+ }
121
+ .discussion-thread .fade-enter[data-v-ab1f8a8f],
122
+ .discussion-thread .fade-leave-to[data-v-ab1f8a8f] {
123
+ opacity: 0;
124
+ }.embedded-discussion[data-v-ab609988] {
125
+ font-family: Roboto, Arial, sans-serif;
126
+ }
127
+ .embedded-discussion .discussion-heading[data-v-ab609988] {
128
+ padding: 0 0 0.5rem 0;
129
+ font-size: 0.875rem;
130
+ font-weight: 700;
131
+ text-transform: uppercase;
132
+ letter-spacing: 1px;
133
+ }
134
+ .embedded-discussion .resolve-btn-container[data-v-ab609988] {
135
+ display: flex;
136
+ justify-content: flex-end;
137
+ margin: 0.5rem 0 0 0;
138
+ }
139
+ .embedded-discussion .header[data-v-ab609988] {
140
+ margin: 0.75rem 0 1.25rem 0;
141
+ font-size: 1.125rem;
142
+ font-weight: 400;
143
+ }
144
+ .embedded-discussion .comment-input[data-v-ab609988] {
145
+ margin: 0 0.25rem 0 0.25rem;
146
+ }
147
+ .embedded-discussion .alert[data-v-ab609988] .v-icon {
148
+ color: var(--v-primary-darken2) !important;
149
+ }
150
+ .embedded-discussion .v-input[data-v-ab609988] textarea::placeholder {
151
+ opacity: 0.85;
152
+ }[data-v-b0a18fb5] .v-menu__content {
153
+ background: #fff;
154
+ }
155
+ [data-v-b0a18fb5] .v-menu__content .embedded-discussion {
156
+ text-align: left;
157
+ }
158
+ [data-v-b0a18fb5] .v-menu__content .comment .author {
159
+ font-size: 0.875rem;
160
+ }
161
+ [data-v-b0a18fb5] .comment-body {
162
+ padding: 0 0.25rem 0 3.9375rem;
163
+ }
164
+ .unseen[data-v-b0a18fb5] {
165
+ font-size: 0.75rem;
166
+ }.content-element[data-v-2ba60172] {
167
+ position: relative;
168
+ border: 1px solid transparent;
169
+ }
170
+ .content-element[data-v-2ba60172]::after {
171
+ content: "";
172
+ display: none;
173
+ position: absolute;
174
+ top: 0;
175
+ right: -0.125rem;
176
+ width: 0.125rem;
177
+ height: 100%;
178
+ }
179
+ .content-element.focused[data-v-2ba60172] {
180
+ border: 1px dashed #1de9b6;
181
+ }
182
+ .content-element.focused[data-v-2ba60172]::after {
183
+ display: block;
184
+ background: #1de9b6;
185
+ }
186
+ .content-element.selected[data-v-2ba60172] {
187
+ border: 1px dashed #ff4081;
188
+ }
189
+ .content-element.selected[data-v-2ba60172]::after {
190
+ display: block;
191
+ background: #ff4081;
192
+ }
193
+ .frame[data-v-2ba60172] {
194
+ padding: 10px 20px;
195
+ border: 1px solid #e1e1e1;
196
+ }
197
+ .element-actions[data-v-2ba60172] {
198
+ display: flex;
199
+ flex-direction: column;
200
+ position: absolute;
201
+ top: -0.0625rem;
202
+ right: -2.5rem;
203
+ width: 3rem;
204
+ height: 100%;
205
+ padding-left: 0.75rem;
206
+ }
207
+ .element-actions > *[data-v-2ba60172] {
208
+ min-height: 1.75rem;
209
+ opacity: 0;
210
+ transition: opacity 0.1s linear;
211
+ }
212
+ .element-actions > .is-visible[data-v-2ba60172] {
213
+ opacity: 1;
214
+ transition: opacity 0.5s linear;
215
+ }
216
+ .active-users[data-v-2ba60172] {
217
+ position: absolute;
218
+ top: 0;
219
+ left: -1.625rem;
220
+ }
221
+ .save-indicator[data-v-2ba60172] {
222
+ position: absolute;
223
+ left: 0;
224
+ }
225
+ .header[data-v-2ba60172] {
226
+ width: 100%;
227
+ max-height: 0;
228
+ }
229
+ .header.visible[data-v-2ba60172] {
230
+ max-height: unset;
231
+ padding: 0 0 0.5rem;
232
+ }
233
+ .diff.new[data-v-2ba60172] {
234
+ border: none;
235
+ box-shadow: 0 0 0 2px rgb(var(--v-theme-success-lighten-4)) !important;
236
+ }
237
+ .diff.changed[data-v-2ba60172], .diff.removed[data-v-2ba60172] {
238
+ border: none;
239
+ box-shadow: 0 0 0 2px rgb(var(--v-theme-secondary-lighten-4)) !important;
240
+ }
241
+ .diff .element-actions[data-v-2ba60172] {
242
+ display: none;
243
+ }.drag-handle[data-v-28db5859] {
244
+ position: absolute;
245
+ left: -0.1875rem;
246
+ z-index: 2;
247
+ width: 1.625rem;
248
+ opacity: 0;
249
+ }
250
+ .drag-handle .mdi[data-v-28db5859] {
251
+ color: #888;
252
+ font-size: 1.75rem;
253
+ }
254
+ .hovered .drag-handle[data-v-28db5859] {
255
+ opacity: 1;
256
+ transition: opacity 0.6s ease-in-out;
257
+ cursor: pointer;
258
+ }
259
+ .disabled .drag-handle[data-v-28db5859] {
260
+ display: none;
261
+ }
262
+ .contained-content[data-v-28db5859] {
263
+ position: relative;
264
+ margin: 7px 0;
265
+ padding: 0;
266
+ }.content-element[data-v-d6c95838] {
267
+ border: 1px solid #e1e1e1;
268
+ }
269
+ .content-element.selected[data-v-d6c95838] {
270
+ border-style: dashed;
271
+ border-color: #444;
272
+ }
273
+ .content-element.selected[data-v-d6c95838]::after {
274
+ display: none;
275
+ }
276
+ .element-wrapper[data-v-d6c95838] {
277
+ position: relative;
278
+ }
279
+ .open-element-button[data-v-d6c95838] {
280
+ position: absolute;
281
+ top: -0.75rem;
282
+ right: -0.75rem;
283
+ }.dialog-title[data-v-888fdfbc] {
284
+ display: flex;
285
+ }
286
+ .dialog-title .text-truncate[data-v-888fdfbc] {
287
+ flex: 1;
288
+ text-align: left;
289
+ }.v-treeview[data-v-ef6eede8] {
290
+ max-height: 31.25rem;
291
+ }.element-container[data-v-e68da42d] {
292
+ min-height: 20rem;
293
+ padding: 0 0 1.875rem;
294
+ border-top-left-radius: 0.5rem;
295
+ border-top-right-radius: 0.5rem;
296
+ overflow: hidden;
297
+ }
298
+ .group-heading[data-v-e68da42d] {
299
+ margin: 0 2.5rem 0.75rem;
300
+ padding-top: 0.5rem;
301
+ font-size: 0.875rem;
302
+ font-weight: 500;
303
+ line-height: 1rem;
304
+ text-align: left;
305
+ }
306
+ .group-elements[data-v-e68da42d] {
307
+ display: flex;
308
+ flex-wrap: wrap;
309
+ width: 100%;
310
+ padding: 0 2.25rem;
311
+ }
312
+ .add-element[data-v-e68da42d] {
313
+ width: 8.125rem;
314
+ min-width: 8.125rem;
315
+ height: auto !important;
316
+ min-height: 4.75rem;
317
+ padding: 0.5rem 0.375rem !important;
318
+ }
319
+ .add-element[data-v-e68da42d] .v-btn__content {
320
+ text-transform: none;
321
+ }
322
+ .add-element[data-v-e68da42d] .v-btn__prepend {
323
+ margin-bottom: 0.25rem;
324
+ }/* Do not remove! Makes sure vuedraggable detects correct scrollable parent */
325
+ .list-group[data-v-3878e3a7] {
326
+ padding: 0.625rem 1.5rem;
327
+ }
328
+ [data-v-3878e3a7] .sortable-ghost .drag-handle {
329
+ display: none;
330
+ }
331
+ [data-v-3878e3a7] .sortable-ghost .content-element {
332
+ max-height: 9.375rem;
333
+ background: #f4f5f5;
334
+ }
335
+ [data-v-3878e3a7] .sortable-ghost .content-element > * {
336
+ visibility: hidden;
337
+ }
338
+ [data-v-3878e3a7] .sortable-drag .content-element {
339
+ max-height: auto;
340
+ background: #fff;
341
+ }.default-activator-state[data-v-728b0a8f], .inline-activator.disabled[data-v-728b0a8f], .inline-activator.disabled[data-v-728b0a8f]:hover, .inline-activator[data-v-728b0a8f] {
342
+ padding: 0 3.125rem;
343
+ opacity: 0;
344
+ }
345
+ .inline-activator[data-v-728b0a8f] {
346
+ display: flex;
347
+ align-items: center;
348
+ width: 100%;
349
+ margin: 0;
350
+ padding: 0 3.125rem;
351
+ opacity: 0;
352
+ transition: opacity 0.3s, padding 0.3s;
353
+ }
354
+ .inline-activator hr[data-v-728b0a8f] {
355
+ flex: 1;
356
+ display: inline-flex;
357
+ margin: 0;
358
+ border-top: 0.0625rem solid #455a64;
359
+ }
360
+ .inline-activator[data-v-728b0a8f]:hover, .inline-activator[data-v-728b0a8f]:focus {
361
+ padding: 0 0 1.25rem 0;
362
+ opacity: 1;
363
+ outline: none;
364
+ transition: opacity 0.3s 0.25s, padding 0.3s 0.1s;
365
+ }
366
+ .inline-activator.disabled[data-v-728b0a8f], .inline-activator.disabled[data-v-728b0a8f]:hover {
367
+ pointer-events: none;
368
+ }.list-item[data-v-6fcb9c65] .v-list-item__append i {
369
+ opacity: 1 !important;
370
+ }
371
+ .list-item.readonly[data-v-6fcb9c65] {
372
+ pointer-events: none;
373
+ }
374
+ .list-item.readonly .v-btn[data-v-6fcb9c65] {
375
+ pointer-events: auto;
376
+ }
377
+ .list-item-active[data-v-6fcb9c65] {
378
+ color: #f9c2d5;
379
+ }.v-list-group[data-v-f9b60f72] {
380
+ --list-indent-size: 0.75rem;
381
+ }.file-name[data-v-58ab489f] {
382
+ font-size: 1rem;
383
+ display: -webkit-box;
384
+ -webkit-line-clamp: 2;
385
+ -webkit-box-orient: vertical;
386
+ overflow: hidden !important;
387
+ text-overflow: ellipsis !important;
388
+ word-wrap: break-word;
389
+ word-break: break-all;
390
+ }
391
+ .v-overlay[data-v-58ab489f] {
392
+ transition: all 0.3s ease;
393
+ }
394
+ .v-overlay.expanded[data-v-58ab489f] {
395
+ backdrop-filter: blur(18px);
396
+ }
397
+ .v-overlay[data-v-58ab489f] img {
398
+ max-width: 100%;
399
+ }
400
+ .v-label[data-v-58ab489f] {
401
+ opacity: 0.65;
402
+ }.v-sheet[data-v-5b2c255a] {
403
+ display: flex;
404
+ padding: 0.25rem;
405
+ gap: 0.125rem;
406
+ }
407
+ .v-sheet .v-divider[data-v-5b2c255a] {
408
+ margin: 0 0.125rem;
409
+ }
410
+ .v-btn[data-v-5b2c255a] {
411
+ color: currentColor !important;
412
+ }
413
+ .v-btn[data-v-5b2c255a] .v-icon {
414
+ font-size: 1.24rem !important;
415
+ }[data-v-768a493f] .ProseMirror {
416
+ overflow-y: auto;
417
+ outline: none;
418
+ width: 100%;
419
+ }
420
+ [data-v-768a493f] .ProseMirror > * + * {
421
+ margin-top: 0.75em;
422
+ }
423
+ [data-v-768a493f] .ProseMirror ul,[data-v-768a493f] .ProseMirror ol {
424
+ padding: 0 1rem;
425
+ }
426
+ [data-v-768a493f] .ProseMirror pre {
427
+ background: #0d0d0d;
428
+ color: #fff;
429
+ padding: 0.75rem 1rem;
430
+ border-radius: 0.5rem;
431
+ }
432
+ [data-v-768a493f] .ProseMirror pre code {
433
+ color: inherit;
434
+ padding: 0;
435
+ background: none;
436
+ font-size: 0.8rem;
437
+ }
438
+ [data-v-768a493f] .ProseMirror blockquote {
439
+ padding-left: 1rem;
440
+ border-left: 2px solid color-mix(in srgb, currentColor 20%, transparent);
441
+ }
442
+ .v-field--center-affix[data-v-768a493f] .v-label.v-field-label:not(.v-field-label--floating) {
443
+ top: calc(50% - 1.125rem);
444
+ }[data-v-3176beed] .add-element-container {
445
+ margin-top: 1rem !important;
446
+ }
447
+ [data-v-3176beed] .add-element-container .v-btn {
448
+ margin-top: 0 !important;
449
+ margin-bottom: 0.5rem !important;
450
+ }
451
+ [data-v-3176beed] .list-group {
452
+ padding: 1rem 2.5rem;
453
+ }
454
+ [data-v-3176beed] .list-group .contained-content {
455
+ margin: 0;
456
+ }
457
+ [data-v-3176beed] .v-input__details {
458
+ padding-inline: 1rem;
459
+ }
460
+ .question[data-v-3176beed] {
461
+ position: relative;
462
+ }
463
+ .question[data-v-3176beed]::after {
464
+ content: "";
465
+ position: absolute;
466
+ height: 100%;
467
+ left: 0;
468
+ top: 0;
469
+ width: 100%;
470
+ border: 1px solid currentColor;
471
+ opacity: 0.38;
472
+ pointer-events: none;
473
+ border-radius: inherit;
474
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
475
+ }
476
+ .question.focused[data-v-3176beed]::after {
477
+ opacity: 1;
478
+ border-width: 2px;
479
+ }
480
+ .question[data-v-3176beed]:hover::after {
481
+ opacity: 0.87;
482
+ }
483
+ .v-input--error .question[data-v-3176beed]::after {
484
+ color: rgb(var(--v-theme-error));
485
+ opacity: 1;
486
+ }[data-v-6c1b8f4b] .v-input__control {
487
+ flex-wrap: wrap;
488
+ }.drag-handle[data-v-c7280e3e] {
489
+ margin: 0.625rem 0 0.625rem -0.5rem;
490
+ }
491
+ .diff.new[data-v-c7280e3e] {
492
+ border: none;
493
+ box-shadow: 0 0 0 2px rgb(var(--v-theme-success-lighten-4)) !important;
494
+ }
495
+ .diff.changed[data-v-c7280e3e], .diff.removed[data-v-c7280e3e] {
496
+ border: none;
497
+ box-shadow: 0 0 0 2px rgb(var(--v-theme-secondary-lighten-4)) !important;
498
+ }.tce-image[data-v-3d1ca580] {
2
499
  text-align: left;
3
500
  }
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Tailor CMS image element authoring component",
4
4
  "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
5
5
  "type": "module",
6
- "version": "1.0.2",
6
+ "version": "1.0.3",
7
7
  "exports": {
8
8
  ".": {
9
9
  "import": "./dist/index.js",
@@ -15,7 +15,6 @@
15
15
  "dist"
16
16
  ],
17
17
  "peerDependencies": {
18
- "@tailor-cms/core-components": "^1.0.26",
19
18
  "vue": "^3.3.4"
20
19
  },
21
20
  "devDependencies": {
@@ -25,9 +24,10 @@
25
24
  "typescript": "^5.1.6",
26
25
  "vite": "^4.4.5",
27
26
  "vue-tsc": "^1.8.5",
28
- "@tailor-cms/ce-image-manifest": "1.0.2"
27
+ "@tailor-cms/ce-image-manifest": "1.0.3"
29
28
  },
30
29
  "dependencies": {
30
+ "@tailor-cms/core-components": "^1.0.26",
31
31
  "@tailor-cms/cek-common": "^0.0.3",
32
32
  "lodash": "^4.17.21"
33
33
  },