@tailor-cms/ce-accordion-edit 0.0.1 → 0.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 +24187 -1339
  2. package/dist/index.js +24193 -1345
  3. package/dist/style.css +447 -3
  4. package/package.json +3 -2
package/dist/style.css CHANGED
@@ -1,4 +1,448 @@
1
- .accordion-title[data-v-9017ba29] {
1
+ .user-avatar-container[data-v-79158e3e] {
2
+ padding: 0.125rem;
3
+ overflow: hidden !important;
4
+ }
5
+ .user-avatar-container .user-avatar[data-v-79158e3e] {
6
+ background-position: center;
7
+ background-repeat: no-repeat;
8
+ background-size: cover;
9
+ border-radius: 50%;
10
+ }.header[data-v-a427532b] {
11
+ display: flex;
12
+ align-items: flex-start;
13
+ }
14
+ .header .info-container[data-v-a427532b] {
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-a427532b] {
22
+ display: inline-block;
23
+ max-width: 75%;
24
+ font-size: 1rem;
25
+ }
26
+ .header .info-container .edited[data-v-a427532b],
27
+ .header .info-container .time[data-v-a427532b] {
28
+ font-size: 0.75rem;
29
+ }
30
+ .header .info-container hr.v-divider--vertical[data-v-a427532b] {
31
+ margin: 0.25rem 0.125rem 0.125rem 0.625rem;
32
+ }
33
+ .header .info-container[data-v-a427532b] .editor-link {
34
+ display: inline-flex;
35
+ align-self: flex-end;
36
+ }
37
+ .header .actions[data-v-a427532b] {
38
+ margin-left: auto;
39
+ }.content[data-v-8e7f19b8] {
40
+ margin-top: 0.375rem;
41
+ }
42
+ .content pre[data-v-8e7f19b8] {
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-8e7f19b8] {
56
+ opacity: 0.7;
57
+ }
58
+ .content.resolved .resolvement-options[data-v-8e7f19b8] {
59
+ display: flex;
60
+ align-items: center;
61
+ margin-bottom: 0.25rem;
62
+ font-size: 0.75rem;
63
+ }.comment[data-v-344f08e5] {
64
+ display: flex;
65
+ flex-direction: column;
66
+ font-family: Roboto, Arial, sans-serif;
67
+ }
68
+ .comment-body[data-v-344f08e5] {
69
+ flex: 1;
70
+ padding: 0 0.25rem 0 3.25rem;
71
+ }
72
+ .comment-editor.v-textarea[data-v-344f08e5] {
73
+ margin: 0.75rem 0 0 0;
74
+ }
75
+ .comment-editor.v-textarea[data-v-344f08e5] .v-input__slot {
76
+ width: auto;
77
+ }.thread-list[data-v-1f95bfdb] {
78
+ margin: 0;
79
+ padding: 0;
80
+ list-style: none;
81
+ }
82
+ .thread-list .thread-list-item .v-divider[data-v-1f95bfdb] {
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-1f95bfdb] {
88
+ display: none;
89
+ }.unseen-divider[data-v-81b56d7c] {
90
+ text-align: center;
91
+ }
92
+ .unseen-divider .v-divider[data-v-81b56d7c] {
93
+ margin: 1rem 0 0.25rem;
94
+ }
95
+ .unseen-divider[data-v-81b56d7c] .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-81b56d7c] .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-b23d06d6] {
104
+ width: 100%;
105
+ }
106
+ .discussion-thread.scroll-container[data-v-b23d06d6] {
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-b23d06d6]::-webkit-scrollbar {
115
+ display: none !important;
116
+ }
117
+ .discussion-thread .fade-enter-active[data-v-b23d06d6],
118
+ .discussion-thread .fade-leave-active[data-v-b23d06d6] {
119
+ transition: opacity 0.5s;
120
+ }
121
+ .discussion-thread .fade-enter[data-v-b23d06d6],
122
+ .discussion-thread .fade-leave-to[data-v-b23d06d6] {
123
+ opacity: 0;
124
+ }.embedded-discussion[data-v-bdbd0b31] {
125
+ font-family: Roboto, Arial, sans-serif;
126
+ }
127
+ .embedded-discussion .discussion-heading[data-v-bdbd0b31] {
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-bdbd0b31] {
135
+ display: flex;
136
+ justify-content: flex-end;
137
+ margin: 0.5rem 0 0 0;
138
+ }
139
+ .embedded-discussion .header[data-v-bdbd0b31] {
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-bdbd0b31] {
145
+ margin: 0 0.25rem 0 0.25rem;
146
+ }
147
+ .embedded-discussion .alert[data-v-bdbd0b31] .v-icon {
148
+ color: var(--v-primary-darken2) !important;
149
+ }
150
+ .embedded-discussion .v-input[data-v-bdbd0b31] textarea::placeholder {
151
+ opacity: 0.85;
152
+ }[data-v-fb32ecf9] .v-menu__content {
153
+ background: #fff;
154
+ }
155
+ [data-v-fb32ecf9] .v-menu__content .embedded-discussion {
156
+ text-align: left;
157
+ }
158
+ [data-v-fb32ecf9] .v-menu__content .comment .author {
159
+ font-size: 0.875rem;
160
+ }
161
+ [data-v-fb32ecf9] .comment-body {
162
+ padding: 0 0.25rem 0 3.9375rem;
163
+ }
164
+ .unseen[data-v-fb32ecf9] {
165
+ font-size: 0.75rem;
166
+ }.content-element[data-v-f2b91b16] {
167
+ position: relative;
168
+ border: 1px solid transparent;
169
+ }
170
+ .content-element[data-v-f2b91b16]::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-f2b91b16] {
180
+ border: 1px dashed #1de9b6;
181
+ }
182
+ .content-element.focused[data-v-f2b91b16]::after {
183
+ display: block;
184
+ background: #1de9b6;
185
+ }
186
+ .content-element.selected[data-v-f2b91b16] {
187
+ border: 1px dashed #ff4081;
188
+ }
189
+ .content-element.selected[data-v-f2b91b16]::after {
190
+ display: block;
191
+ background: #ff4081;
192
+ }
193
+ .frame[data-v-f2b91b16] {
194
+ padding: 10px 20px;
195
+ border: 1px solid #e1e1e1;
196
+ }
197
+ .element-actions[data-v-f2b91b16] {
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-f2b91b16] {
208
+ min-height: 1.75rem;
209
+ opacity: 0;
210
+ transition: opacity 0.1s linear;
211
+ }
212
+ .element-actions > .is-visible[data-v-f2b91b16] {
213
+ opacity: 1;
214
+ transition: opacity 0.5s linear;
215
+ }
216
+ .active-users[data-v-f2b91b16] {
217
+ position: absolute;
218
+ top: 0;
219
+ left: -1.625rem;
220
+ }
221
+ .save-indicator[data-v-f2b91b16] {
222
+ position: absolute;
223
+ left: 0;
224
+ }
225
+ .header[data-v-f2b91b16] {
226
+ width: 100%;
227
+ max-height: 0;
228
+ }
229
+ .header.visible[data-v-f2b91b16] {
230
+ max-height: unset;
231
+ padding: 0 0 0.5rem;
232
+ }
233
+ .diff.new[data-v-f2b91b16] {
234
+ border: none;
235
+ box-shadow: 0 0 0 2px rgb(var(--v-theme-success-lighten-4)) !important;
236
+ }
237
+ .diff.changed[data-v-f2b91b16], .diff.removed[data-v-f2b91b16] {
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-f2b91b16] {
242
+ display: none;
243
+ }.drag-handle[data-v-caf26e8d] {
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-caf26e8d] {
251
+ color: #888;
252
+ font-size: 1.75rem;
253
+ }
254
+ .hovered .drag-handle[data-v-caf26e8d] {
255
+ opacity: 1;
256
+ transition: opacity 0.6s ease-in-out;
257
+ cursor: pointer;
258
+ }
259
+ .disabled .drag-handle[data-v-caf26e8d] {
260
+ display: none;
261
+ }
262
+ .contained-content[data-v-caf26e8d] {
263
+ position: relative;
264
+ margin: 7px 0;
265
+ padding: 0;
266
+ }.element-container[data-v-2cf7249c] {
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-2cf7249c] {
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-2cf7249c] {
282
+ display: flex;
283
+ flex-wrap: wrap;
284
+ width: 100%;
285
+ padding: 0 2.25rem;
286
+ }
287
+ .add-element[data-v-2cf7249c] {
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-2cf7249c] .v-btn__content {
295
+ text-transform: none;
296
+ }
297
+ .add-element[data-v-2cf7249c] .v-btn__prepend {
298
+ margin-bottom: 0.25rem;
299
+ }.content-element[data-v-788ca810] {
300
+ border: 1px solid #e1e1e1;
301
+ }
302
+ .content-element.selected[data-v-788ca810] {
303
+ border-style: dashed;
304
+ border-color: #444;
305
+ }
306
+ .content-element.selected[data-v-788ca810]::after {
307
+ display: none;
308
+ }
309
+ .element-wrapper[data-v-788ca810] {
310
+ position: relative;
311
+ }
312
+ .open-element-button[data-v-788ca810] {
313
+ position: absolute;
314
+ top: -0.75rem;
315
+ right: -0.75rem;
316
+ }.v-treeview[data-v-69a3da5b] {
317
+ max-height: 31.25rem;
318
+ }.dialog-title[data-v-b27f4c9a] {
319
+ display: flex;
320
+ }
321
+ .dialog-title .text-truncate[data-v-b27f4c9a] {
322
+ flex: 1;
323
+ text-align: left;
324
+ }/* Do not remove! Makes sure vuedraggable detects correct scrollable parent */
325
+ .list-group[data-v-75eb7284] {
326
+ padding: 0.625rem 1.5rem;
327
+ }
328
+ [data-v-75eb7284] .sortable-ghost .drag-handle {
329
+ display: none;
330
+ }
331
+ [data-v-75eb7284] .sortable-ghost .content-element {
332
+ max-height: 9.375rem;
333
+ background: #f4f5f5;
334
+ }
335
+ [data-v-75eb7284] .sortable-ghost .content-element > * {
336
+ visibility: hidden;
337
+ }
338
+ [data-v-75eb7284] .sortable-drag .content-element {
339
+ max-height: auto;
340
+ background: #fff;
341
+ }.default-activator-state[data-v-61d96366], .inline-activator.disabled[data-v-61d96366], .inline-activator.disabled[data-v-61d96366]:hover, .inline-activator[data-v-61d96366] {
342
+ padding: 0 3.125rem;
343
+ opacity: 0;
344
+ }
345
+ .inline-activator[data-v-61d96366] {
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-61d96366] {
355
+ flex: 1;
356
+ display: inline-flex;
357
+ margin: 0;
358
+ border-top: 0.0625rem solid #455a64;
359
+ }
360
+ .inline-activator[data-v-61d96366]:hover, .inline-activator[data-v-61d96366]: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-61d96366], .inline-activator.disabled[data-v-61d96366]:hover {
367
+ pointer-events: none;
368
+ }.list-item[data-v-10fef400] .v-list-item__append i {
369
+ opacity: 1 !important;
370
+ }
371
+ .list-item.readonly[data-v-10fef400] {
372
+ pointer-events: none;
373
+ }
374
+ .list-item.readonly .v-btn[data-v-10fef400] {
375
+ pointer-events: auto;
376
+ }
377
+ .list-item-active[data-v-10fef400] {
378
+ color: #f9c2d5;
379
+ }.v-list-group[data-v-905defd8] {
380
+ --list-indent-size: 0.75rem;
381
+ }.file-name[data-v-7e5f9e00] {
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-7e5f9e00] {
392
+ transition: all 0.3s ease;
393
+ }
394
+ .v-overlay.expanded[data-v-7e5f9e00] {
395
+ backdrop-filter: blur(18px);
396
+ }
397
+ .v-overlay[data-v-7e5f9e00] img {
398
+ max-width: 100%;
399
+ }
400
+ .v-label[data-v-7e5f9e00] {
401
+ opacity: 0.65;
402
+ }.v-sheet[data-v-a00f26d5] {
403
+ display: flex;
404
+ padding: 0.25rem;
405
+ gap: 0.125rem;
406
+ }
407
+ .v-sheet .v-divider[data-v-a00f26d5] {
408
+ margin: 0 0.125rem;
409
+ }
410
+ .v-btn[data-v-a00f26d5] {
411
+ color: currentColor !important;
412
+ }
413
+ .v-btn[data-v-a00f26d5] .v-icon {
414
+ font-size: 1.24rem !important;
415
+ }[data-v-4dc69d89] .ProseMirror {
416
+ overflow-y: auto;
417
+ outline: none;
418
+ width: 100%;
419
+ }
420
+ [data-v-4dc69d89] .ProseMirror > * + * {
421
+ margin-top: 0.75em;
422
+ }
423
+ [data-v-4dc69d89] .ProseMirror ul,[data-v-4dc69d89] .ProseMirror ol {
424
+ padding: 0 1rem;
425
+ }
426
+ [data-v-4dc69d89] .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-4dc69d89] .ProseMirror pre code {
434
+ color: inherit;
435
+ padding: 0;
436
+ background: none;
437
+ font-size: 0.8rem;
438
+ }
439
+ [data-v-4dc69d89] .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-4dc69d89] .v-label.v-field-label:not(.v-field-label--floating) {
444
+ top: calc(50% - 1.125rem);
445
+ }.accordion-title[data-v-9017ba29] {
2
446
  font-size: 1rem;
3
447
  font-weight: 500;
4
448
  letter-spacing: 0.009375em;
@@ -17,11 +461,11 @@
17
461
  padding: 0.5rem 0.75rem;
18
462
  background: #424242;
19
463
  color: #fff !important;
20
- }.tce-accordion[data-v-f79cd0ed] {
464
+ }.tce-accordion[data-v-85241aba] {
21
465
  text-align: left;
22
466
  margin: 1rem 0;
23
467
  }
24
- .tce-accordion[data-v-f79cd0ed] .v-expansion-panel-text {
468
+ .tce-accordion[data-v-85241aba] .v-expansion-panel-text {
25
469
  border-bottom-right-radius: inherit;
26
470
  border-bottom-left-radius: inherit;
27
471
  border: 2px solid rgb(var(--v-theme-primary-lighten-5));
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Tailor CMS accordion element",
4
4
  "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
5
5
  "type": "module",
6
- "version": "0.0.1",
6
+ "version": "0.0.2",
7
7
  "exports": {
8
8
  ".": {
9
9
  "import": "./dist/index.js",
@@ -25,9 +25,10 @@
25
25
  "typescript": "^5.1.6",
26
26
  "vite": "^4.4.5",
27
27
  "vue-tsc": "^1.8.5",
28
- "@tailor-cms/ce-accordion-manifest": "0.0.1"
28
+ "@tailor-cms/ce-accordion-manifest": "0.0.2"
29
29
  },
30
30
  "dependencies": {
31
+ "@tailor-cms/core-components": "^1.0.14",
31
32
  "@types/uuid": "^10.0.0",
32
33
  "lodash": "^4.17.21",
33
34
  "sortablejs": "^1.15.3",