@tailor-cms/ce-image-edit 1.0.1 → 1.0.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 (4) hide show
  1. package/dist/index.cjs +708 -31241
  2. package/dist/index.js +709 -31242
  3. package/dist/style.css +1 -445
  4. package/package.json +3 -3
package/dist/style.css CHANGED
@@ -1,447 +1,3 @@
1
- .user-avatar-container[data-v-d8ed935f] {
2
- padding: 0.125rem;
3
- overflow: hidden !important;
4
- }
5
- .user-avatar-container .user-avatar[data-v-d8ed935f] {
6
- background-position: center;
7
- background-repeat: no-repeat;
8
- background-size: cover;
9
- border-radius: 50%;
10
- }.header[data-v-8b062cf2] {
11
- display: flex;
12
- align-items: flex-start;
13
- }
14
- .header .info-container[data-v-8b062cf2] {
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-8b062cf2] {
22
- display: inline-block;
23
- max-width: 75%;
24
- font-size: 1rem;
25
- }
26
- .header .info-container .edited[data-v-8b062cf2],
27
- .header .info-container .time[data-v-8b062cf2] {
28
- font-size: 0.75rem;
29
- }
30
- .header .info-container hr.v-divider--vertical[data-v-8b062cf2] {
31
- margin: 0.25rem 0.125rem 0.125rem 0.625rem;
32
- }
33
- .header .info-container[data-v-8b062cf2] .editor-link {
34
- display: inline-flex;
35
- align-self: flex-end;
36
- }
37
- .header .actions[data-v-8b062cf2] {
38
- margin-left: auto;
39
- }.content[data-v-65b1501a] {
40
- margin-top: 0.375rem;
41
- }
42
- .content pre[data-v-65b1501a] {
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-65b1501a] {
56
- opacity: 0.7;
57
- }
58
- .content.resolved .resolvement-options[data-v-65b1501a] {
59
- display: flex;
60
- align-items: center;
61
- margin-bottom: 0.25rem;
62
- font-size: 0.75rem;
63
- }.comment[data-v-466f3210] {
64
- display: flex;
65
- flex-direction: column;
66
- font-family: Roboto, Arial, sans-serif;
67
- }
68
- .comment-body[data-v-466f3210] {
69
- flex: 1;
70
- padding: 0 0.25rem 0 3.25rem;
71
- }
72
- .comment-editor.v-textarea[data-v-466f3210] {
73
- margin: 0.75rem 0 0 0;
74
- }
75
- .comment-editor.v-textarea[data-v-466f3210] .v-input__slot {
76
- width: auto;
77
- }.thread-list[data-v-1d1b777e] {
78
- margin: 0;
79
- padding: 0;
80
- list-style: none;
81
- }
82
- .thread-list .thread-list-item .v-divider[data-v-1d1b777e] {
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-1d1b777e] {
88
- display: none;
89
- }.unseen-divider[data-v-0714e044] {
90
- text-align: center;
91
- }
92
- .unseen-divider .v-divider[data-v-0714e044] {
93
- margin: 1rem 0 0.25rem;
94
- }
95
- .unseen-divider[data-v-0714e044] .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-0714e044] .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-afcd2b99] {
104
- width: 100%;
105
- }
106
- .discussion-thread.scroll-container[data-v-afcd2b99] {
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-afcd2b99]::-webkit-scrollbar {
115
- display: none !important;
116
- }
117
- .discussion-thread .fade-enter-active[data-v-afcd2b99],
118
- .discussion-thread .fade-leave-active[data-v-afcd2b99] {
119
- transition: opacity 0.5s;
120
- }
121
- .discussion-thread .fade-enter[data-v-afcd2b99],
122
- .discussion-thread .fade-leave-to[data-v-afcd2b99] {
123
- opacity: 0;
124
- }.embedded-discussion[data-v-0c82600b] {
125
- font-family: Roboto, Arial, sans-serif;
126
- }
127
- .embedded-discussion .discussion-heading[data-v-0c82600b] {
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-0c82600b] {
135
- display: flex;
136
- justify-content: flex-end;
137
- margin: 0.5rem 0 0 0;
138
- }
139
- .embedded-discussion .header[data-v-0c82600b] {
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-0c82600b] {
145
- margin: 0 0.25rem 0 0.25rem;
146
- }
147
- .embedded-discussion .alert[data-v-0c82600b] .v-icon {
148
- color: var(--v-primary-darken2) !important;
149
- }
150
- .embedded-discussion .v-input[data-v-0c82600b] textarea::placeholder {
151
- opacity: 0.85;
152
- }[data-v-4365ed17] .v-menu__content {
153
- background: #fff;
154
- }
155
- [data-v-4365ed17] .v-menu__content .embedded-discussion {
156
- text-align: left;
157
- }
158
- [data-v-4365ed17] .v-menu__content .comment .author {
159
- font-size: 0.875rem;
160
- }
161
- [data-v-4365ed17] .comment-body {
162
- padding: 0 0.25rem 0 3.9375rem;
163
- }
164
- .unseen[data-v-4365ed17] {
165
- font-size: 0.75rem;
166
- }.content-element[data-v-5ac22d06] {
167
- position: relative;
168
- border: 1px solid transparent;
169
- }
170
- .content-element[data-v-5ac22d06]::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-5ac22d06] {
180
- border: 1px dashed #1de9b6;
181
- }
182
- .content-element.focused[data-v-5ac22d06]::after {
183
- display: block;
184
- background: #1de9b6;
185
- }
186
- .content-element.selected[data-v-5ac22d06] {
187
- border: 1px dashed #ff4081;
188
- }
189
- .content-element.selected[data-v-5ac22d06]::after {
190
- display: block;
191
- background: #ff4081;
192
- }
193
- .frame[data-v-5ac22d06] {
194
- padding: 10px 20px;
195
- border: 1px solid #e1e1e1;
196
- }
197
- .element-actions[data-v-5ac22d06] {
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-5ac22d06] {
208
- min-height: 1.75rem;
209
- opacity: 0;
210
- transition: opacity 0.1s linear;
211
- }
212
- .element-actions > .is-visible[data-v-5ac22d06] {
213
- opacity: 1;
214
- transition: opacity 0.5s linear;
215
- }
216
- .active-users[data-v-5ac22d06] {
217
- position: absolute;
218
- top: 0;
219
- left: -1.625rem;
220
- }
221
- .save-indicator[data-v-5ac22d06] {
222
- position: absolute;
223
- left: 0;
224
- }
225
- .header[data-v-5ac22d06] {
226
- width: 100%;
227
- max-height: 0;
228
- }
229
- .header.visible[data-v-5ac22d06] {
230
- max-height: unset;
231
- padding: 0 0 0.5rem;
232
- }
233
- .diff.new[data-v-5ac22d06] {
234
- border: none;
235
- box-shadow: 0 0 0 2px rgb(var(--v-theme-success-lighten-4)) !important;
236
- }
237
- .diff.changed[data-v-5ac22d06], .diff.removed[data-v-5ac22d06] {
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-5ac22d06] {
242
- display: none;
243
- }.drag-handle[data-v-f286a644] {
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-f286a644] {
251
- color: #888;
252
- font-size: 1.75rem;
253
- }
254
- .hovered .drag-handle[data-v-f286a644] {
255
- opacity: 1;
256
- transition: opacity 0.6s ease-in-out;
257
- cursor: pointer;
258
- }
259
- .disabled .drag-handle[data-v-f286a644] {
260
- display: none;
261
- }
262
- .contained-content[data-v-f286a644] {
263
- position: relative;
264
- margin: 7px 0;
265
- padding: 0;
266
- }.element-container[data-v-c3596004] {
267
- min-height: 20rem;
268
- padding: 0 0 1.875rem;
269
- border-top-left-radius: 0.5rem;
270
- border-top-right-radius: 0.5rem;
271
- overflow: hidden;
272
- }
273
- .group-heading[data-v-c3596004] {
274
- margin: 0 2.5rem 0.75rem;
275
- padding-top: 0.5rem;
276
- font-size: 0.875rem;
277
- font-weight: 500;
278
- line-height: 1rem;
279
- text-align: left;
280
- }
281
- .group-elements[data-v-c3596004] {
282
- display: flex;
283
- flex-wrap: wrap;
284
- width: 100%;
285
- padding: 0 2.25rem;
286
- }
287
- .add-element[data-v-c3596004] {
288
- width: 8.125rem;
289
- min-width: 8.125rem;
290
- height: auto !important;
291
- min-height: 4.75rem;
292
- padding: 0.5rem 0.375rem !important;
293
- }
294
- .add-element[data-v-c3596004] .v-btn__content {
295
- text-transform: none;
296
- }
297
- .add-element[data-v-c3596004] .v-btn__prepend {
298
- margin-bottom: 0.25rem;
299
- }.content-element[data-v-ef16bcb6] {
300
- border: 1px solid #e1e1e1;
301
- }
302
- .content-element.selected[data-v-ef16bcb6] {
303
- border-style: dashed;
304
- border-color: #444;
305
- }
306
- .content-element.selected[data-v-ef16bcb6]::after {
307
- display: none;
308
- }
309
- .element-wrapper[data-v-ef16bcb6] {
310
- position: relative;
311
- }
312
- .open-element-button[data-v-ef16bcb6] {
313
- position: absolute;
314
- top: -0.75rem;
315
- right: -0.75rem;
316
- }.v-treeview[data-v-ac634187] {
317
- max-height: 31.25rem;
318
- }.dialog-title[data-v-b186cc22] {
319
- display: flex;
320
- }
321
- .dialog-title .text-truncate[data-v-b186cc22] {
322
- flex: 1;
323
- text-align: left;
324
- }/* Do not remove! Makes sure vuedraggable detects correct scrollable parent */
325
- .list-group[data-v-d5a6dcc6] {
326
- padding: 0.625rem 1.5rem;
327
- }
328
- [data-v-d5a6dcc6] .sortable-ghost .drag-handle {
329
- display: none;
330
- }
331
- [data-v-d5a6dcc6] .sortable-ghost .content-element {
332
- max-height: 9.375rem;
333
- background: #f4f5f5;
334
- }
335
- [data-v-d5a6dcc6] .sortable-ghost .content-element > * {
336
- visibility: hidden;
337
- }
338
- [data-v-d5a6dcc6] .sortable-drag .content-element {
339
- max-height: auto;
340
- background: #fff;
341
- }.default-activator-state[data-v-8e4a1699], .inline-activator.disabled[data-v-8e4a1699], .inline-activator.disabled[data-v-8e4a1699]:hover, .inline-activator[data-v-8e4a1699] {
342
- padding: 0 3.125rem;
343
- opacity: 0;
344
- }
345
- .inline-activator[data-v-8e4a1699] {
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-8e4a1699] {
355
- flex: 1;
356
- display: inline-flex;
357
- margin: 0;
358
- border-top: 0.0625rem solid #455a64;
359
- }
360
- .inline-activator[data-v-8e4a1699]:hover, .inline-activator[data-v-8e4a1699]: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-8e4a1699], .inline-activator.disabled[data-v-8e4a1699]:hover {
367
- pointer-events: none;
368
- }.list-item[data-v-74971689] .v-list-item__append i {
369
- opacity: 1 !important;
370
- }
371
- .list-item.readonly[data-v-74971689] {
372
- pointer-events: none;
373
- }
374
- .list-item.readonly .v-btn[data-v-74971689] {
375
- pointer-events: auto;
376
- }
377
- .list-item-active[data-v-74971689] {
378
- color: #f9c2d5;
379
- }.v-list-group[data-v-11c69edd] {
380
- --list-indent-size: 0.75rem;
381
- }.file-name[data-v-5c6274d0] {
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-5c6274d0] {
392
- transition: all 0.3s ease;
393
- }
394
- .v-overlay.expanded[data-v-5c6274d0] {
395
- backdrop-filter: blur(18px);
396
- }
397
- .v-overlay[data-v-5c6274d0] img {
398
- max-width: 100%;
399
- }
400
- .v-label[data-v-5c6274d0] {
401
- opacity: 0.65;
402
- }.v-sheet[data-v-d86bdef9] {
403
- display: flex;
404
- padding: 0.25rem;
405
- gap: 0.125rem;
406
- }
407
- .v-sheet .v-divider[data-v-d86bdef9] {
408
- margin: 0 0.125rem;
409
- }
410
- .v-btn[data-v-d86bdef9] {
411
- color: currentColor !important;
412
- }
413
- .v-btn[data-v-d86bdef9] .v-icon {
414
- font-size: 1.24rem !important;
415
- }[data-v-f63f9566] .ProseMirror {
416
- overflow-y: auto;
417
- outline: none;
418
- width: 100%;
419
- }
420
- [data-v-f63f9566] .ProseMirror > * + * {
421
- margin-top: 0.75em;
422
- }
423
- [data-v-f63f9566] .ProseMirror ul,[data-v-f63f9566] .ProseMirror ol {
424
- padding: 0 1rem;
425
- }
426
- [data-v-f63f9566] .ProseMirror pre {
427
- background: #0d0d0d;
428
- color: #fff;
429
- font-family: "JetBrainsMono", monospace;
430
- padding: 0.75rem 1rem;
431
- border-radius: 0.5rem;
432
- }
433
- [data-v-f63f9566] .ProseMirror pre code {
434
- color: inherit;
435
- padding: 0;
436
- background: none;
437
- font-size: 0.8rem;
438
- }
439
- [data-v-f63f9566] .ProseMirror blockquote {
440
- padding-left: 1rem;
441
- border-left: 2px solid color-mix(in srgb, currentColor 20%, transparent);
442
- }
443
- .v-field--center-affix[data-v-f63f9566] .v-label.v-field-label {
444
- top: calc(50% - 1.125rem);
445
- }.tce-image[data-v-3d1ca580] {
1
+ .tce-image[data-v-3d1ca580] {
446
2
  text-align: left;
447
3
  }
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.1",
6
+ "version": "1.0.2",
7
7
  "exports": {
8
8
  ".": {
9
9
  "import": "./dist/index.js",
@@ -15,6 +15,7 @@
15
15
  "dist"
16
16
  ],
17
17
  "peerDependencies": {
18
+ "@tailor-cms/core-components": "^1.0.26",
18
19
  "vue": "^3.3.4"
19
20
  },
20
21
  "devDependencies": {
@@ -24,11 +25,10 @@
24
25
  "typescript": "^5.1.6",
25
26
  "vite": "^4.4.5",
26
27
  "vue-tsc": "^1.8.5",
27
- "@tailor-cms/ce-image-manifest": "1.0.1"
28
+ "@tailor-cms/ce-image-manifest": "1.0.2"
28
29
  },
29
30
  "dependencies": {
30
31
  "@tailor-cms/cek-common": "^0.0.3",
31
- "@tailor-cms/core-components": "^1.0.12",
32
32
  "lodash": "^4.17.21"
33
33
  },
34
34
  "publishConfig": {