@limetech/lime-elements 38.4.0 → 38.4.1
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/CHANGELOG.md +8 -0
- package/dist/cjs/limel-markdown.cjs.entry.js +1 -1
- package/dist/cjs/limel-markdown.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js.map +1 -1
- package/dist/collection/components/markdown/markdown.css +4 -80
- package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.css +128 -284
- package/dist/esm/limel-markdown.entry.js +1 -1
- package/dist/esm/limel-markdown.entry.js.map +1 -1
- package/dist/esm/limel-prosemirror-adapter.entry.js +1 -1
- package/dist/esm/limel-prosemirror-adapter.entry.js.map +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-0863261f.entry.js +2 -0
- package/dist/lime-elements/p-0863261f.entry.js.map +1 -0
- package/dist/lime-elements/{p-f641bcb0.entry.js → p-d7f22e4e.entry.js} +2 -2
- package/dist/lime-elements/{p-f641bcb0.entry.js.map → p-d7f22e4e.entry.js.map} +1 -1
- package/package.json +1 -1
- package/dist/lime-elements/p-3ab8ab51.entry.js +0 -2
- package/dist/lime-elements/p-3ab8ab51.entry.js.map +0 -1
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
/**
|
|
3
|
-
* @prop --markdown-hyperlink-color: color of text for hyperlinks. Defaults to `--color-blue-dark`;
|
|
4
|
-
* @prop --markdown-hyperlink-color--hovered: color of text for hyperlinks when hovered. Defaults to `--color-blue-default`;
|
|
5
|
-
*/
|
|
6
2
|
/**
|
|
7
3
|
* Note! This file is exported to `dist/scss/` in the published
|
|
8
4
|
* node module, for consumer projects to import.
|
|
@@ -192,8 +188,6 @@ p,
|
|
|
192
188
|
li {
|
|
193
189
|
font-size: 0.875rem;
|
|
194
190
|
word-break: break-word;
|
|
195
|
-
hyphens: auto;
|
|
196
|
-
-webkit-hyphens: auto;
|
|
197
191
|
}
|
|
198
192
|
|
|
199
193
|
a {
|
|
@@ -372,80 +366,6 @@ img {
|
|
|
372
366
|
border-radius: 0.25rem;
|
|
373
367
|
}
|
|
374
368
|
|
|
375
|
-
/**
|
|
376
|
-
* Note! This file is exported to `dist/scss/` in the published
|
|
377
|
-
* node module, for consumer projects to import.
|
|
378
|
-
* That means this file cannot import from any file that isn't
|
|
379
|
-
* also exported, keeping the same relative path.
|
|
380
|
-
*
|
|
381
|
-
* Or, just don't import anything, that works too.
|
|
382
|
-
*/
|
|
383
|
-
/**
|
|
384
|
-
* This can be used on a trigger element that opens a dropdown menu or a popover.
|
|
385
|
-
*/
|
|
386
|
-
/**
|
|
387
|
-
* This mixin will mask out the content that is close to
|
|
388
|
-
* the edges of a scrollable area.
|
|
389
|
-
* - If the scrollable content has `overflow-y`, use `vertically`
|
|
390
|
-
* as an argument for `$direction`.
|
|
391
|
-
- If the scrollable content has `overflow-x`, use `horizontally`
|
|
392
|
-
* as an argument for `$direction`.
|
|
393
|
-
*
|
|
394
|
-
* For the visual effect to work smoothly, we need to make sure that
|
|
395
|
-
* the size of the fade-out edge effect is the same as the
|
|
396
|
-
* internal paddings of the scrollable area. Otherwise, content of a
|
|
397
|
-
* scrollable area that does not have a padding will fade out before
|
|
398
|
-
* any scrolling has been done.
|
|
399
|
-
* This is why this mixin already adds paddings, which automatically
|
|
400
|
-
* default to the size of the fade-out effect.
|
|
401
|
-
* This size defaults to `1rem`, but to override the size use
|
|
402
|
-
* `--limel-top-edge-fade-height` & `--limel-bottom-edge-fade-height`
|
|
403
|
-
* when `vertically` argument is set, and use
|
|
404
|
-
* `--limel-left-edge-fade-width` & `--limel-right-edge-fade-width`
|
|
405
|
-
* when `horizontally` argument is set.
|
|
406
|
-
* Of course you can also programmatically increase and decrease the
|
|
407
|
-
* size of these variables for each edge, based on the amount of
|
|
408
|
-
* scrolling that has been done by the user. In this case, make sure
|
|
409
|
-
* to add a custom padding where the mixin is used, to override
|
|
410
|
-
* the paddings that are automatically added by the mixin in the
|
|
411
|
-
* compiled CSS code.
|
|
412
|
-
*/
|
|
413
|
-
/**
|
|
414
|
-
* This mixin will add an animated underline to the bottom of an `a` elements.
|
|
415
|
-
* Note that you may need to add `all: unset;` –depending on your use case–
|
|
416
|
-
* before using this mixin.
|
|
417
|
-
*/
|
|
418
|
-
/**
|
|
419
|
-
* This mixin creates a cross-browser font stack.
|
|
420
|
-
* - `sans-serif` can be used for the UI of the components.
|
|
421
|
-
* - `monospace` can be used for code.
|
|
422
|
-
*
|
|
423
|
-
* ⚠️ If we change the font stacks, we need to update
|
|
424
|
-
* 1. the consumer documentation in `README.md`, and
|
|
425
|
-
* 2. the CSS variables of `--kompendium-example-font-family`
|
|
426
|
-
* in the `<style>` tag of `index.html`.
|
|
427
|
-
*/
|
|
428
|
-
/**
|
|
429
|
-
* This mixin is a hack, using old CSS syntax
|
|
430
|
-
* to enable you to truncate a piece of text,
|
|
431
|
-
* after a certain number of lines.
|
|
432
|
-
*/
|
|
433
|
-
/**
|
|
434
|
-
* The breakpoints below are used to create responsive designs
|
|
435
|
-
* in Lime's products. Therefore, they are here to get distributed
|
|
436
|
-
* to all components in other private repos, which rely on this `mixins`
|
|
437
|
-
* file, to create consistent styles.
|
|
438
|
-
*
|
|
439
|
-
* :::important
|
|
440
|
-
* In very rare cases you should used media queries!
|
|
441
|
-
* Nowadays, there are many better ways of achieving responsive design
|
|
442
|
-
* without media queries. For example, using CSS Grid, Flexbox, and their features.
|
|
443
|
-
* :::
|
|
444
|
-
*/
|
|
445
|
-
/**
|
|
446
|
-
* Media query mixins for responsive design based on screen width.
|
|
447
|
-
* Note that these mixins do not detect the device type!
|
|
448
|
-
*/
|
|
449
369
|
kbd {
|
|
450
370
|
font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
|
451
371
|
font-weight: 600;
|
|
@@ -533,6 +453,10 @@ kbd {
|
|
|
533
453
|
padding: 0.00625rem 0.125rem;
|
|
534
454
|
}
|
|
535
455
|
|
|
456
|
+
/**
|
|
457
|
+
* @prop --markdown-hyperlink-color: color of text for hyperlinks. Defaults to `--color-blue-dark`;
|
|
458
|
+
* @prop --markdown-hyperlink-color--hovered: color of text for hyperlinks when hovered. Defaults to `--color-blue-default`;
|
|
459
|
+
*/
|
|
536
460
|
hr {
|
|
537
461
|
border-top: 1px solid rgb(var(--contrast-700));
|
|
538
462
|
}
|
|
@@ -65,134 +65,6 @@
|
|
|
65
65
|
);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
:host(limel-prosemirror-adapter) {
|
|
69
|
-
display: flex;
|
|
70
|
-
flex-direction: column;
|
|
71
|
-
}
|
|
72
|
-
:host(limel-prosemirror-adapter) .toolbar {
|
|
73
|
-
order: 1;
|
|
74
|
-
}
|
|
75
|
-
:host(limel-prosemirror-adapter) div#editor {
|
|
76
|
-
order: 2;
|
|
77
|
-
height: 100%;
|
|
78
|
-
flex-grow: 1;
|
|
79
|
-
}
|
|
80
|
-
:host(limel-prosemirror-adapter) div[contenteditable=true] {
|
|
81
|
-
height: 100%;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
* {
|
|
85
|
-
box-sizing: border-box;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
:host(limel-prosemirror-adapter:hover) .toolbar,
|
|
89
|
-
:host(limel-prosemirror-adapter:focus-within) .toolbar {
|
|
90
|
-
will-change: grid-template-rows;
|
|
91
|
-
}
|
|
92
|
-
:host(limel-prosemirror-adapter:hover) limel-action-bar,
|
|
93
|
-
:host(limel-prosemirror-adapter:focus-within) limel-action-bar {
|
|
94
|
-
will-change: opacity, padding;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.ProseMirror-menubar-wrapper {
|
|
98
|
-
display: grid;
|
|
99
|
-
grid-template-rows: auto 1fr;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.ProseMirror-textblock-dropdown {
|
|
103
|
-
min-width: 3em;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.ProseMirror-tooltip .ProseMirror-menu {
|
|
107
|
-
width: -webkit-fit-content;
|
|
108
|
-
width: fit-content;
|
|
109
|
-
white-space: pre;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.toolbar {
|
|
113
|
-
--action-bar-border-radius: 0.25rem;
|
|
114
|
-
border-radius: var(--action-bar-border-radius);
|
|
115
|
-
flex-shrink: 0;
|
|
116
|
-
position: sticky;
|
|
117
|
-
z-index: 1;
|
|
118
|
-
top: 0;
|
|
119
|
-
width: 100%;
|
|
120
|
-
display: grid;
|
|
121
|
-
grid-template-rows: var(--limel-prosemirror-adapter-toolbar-grid-template-rows);
|
|
122
|
-
transition-property: grid-template-rows;
|
|
123
|
-
transition-duration: var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);
|
|
124
|
-
transition-timing-function: var(--limel-prosemirror-adapter-toolbar-transition-timing-function);
|
|
125
|
-
background-color: rgba(var(--contrast-200), 0.5);
|
|
126
|
-
backdrop-filter: blur(0.5rem);
|
|
127
|
-
-webkit-backdrop-filter: blur(0.5rem);
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
limel-action-bar {
|
|
131
|
-
min-width: 0;
|
|
132
|
-
transition-property: padding, opacity;
|
|
133
|
-
transition-duration: var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);
|
|
134
|
-
transition-timing-function: var(--limel-prosemirror-adapter-toolbar-transition-timing-function);
|
|
135
|
-
opacity: var(--limel-prosemirror-adapter-toolbar-opacity);
|
|
136
|
-
padding: var(--limel-prosemirror-adapter-action-bar-padding-top-bottom, 0.125rem) 0.25rem;
|
|
137
|
-
background-color: transparent;
|
|
138
|
-
overflow: hidden;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
.ProseMirror {
|
|
142
|
-
position: relative;
|
|
143
|
-
word-wrap: break-word;
|
|
144
|
-
white-space: pre-wrap;
|
|
145
|
-
white-space: break-spaces;
|
|
146
|
-
-webkit-font-variant-ligatures: none;
|
|
147
|
-
font-variant-ligatures: none;
|
|
148
|
-
font-feature-settings: "liga" 0;
|
|
149
|
-
padding: var(--limel-text-editor-padding);
|
|
150
|
-
}
|
|
151
|
-
.ProseMirror [draggable][contenteditable=false] {
|
|
152
|
-
user-select: text;
|
|
153
|
-
}
|
|
154
|
-
.ProseMirror:focus-visible {
|
|
155
|
-
outline: none;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.ProseMirror-hideselection {
|
|
159
|
-
caret-color: transparent;
|
|
160
|
-
}
|
|
161
|
-
.ProseMirror-hideselection *::selection {
|
|
162
|
-
background: transparent;
|
|
163
|
-
}
|
|
164
|
-
.ProseMirror-hideselection *::-moz-selection {
|
|
165
|
-
background: transparent;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.ProseMirror-selectednode {
|
|
169
|
-
outline: 0.125rem solid rgb(var(--color-sky-light));
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
li.ProseMirror-selectednode {
|
|
173
|
-
outline: none;
|
|
174
|
-
}
|
|
175
|
-
li.ProseMirror-selectednode:after {
|
|
176
|
-
content: "";
|
|
177
|
-
position: absolute;
|
|
178
|
-
left: -2rem;
|
|
179
|
-
right: -0.125rem;
|
|
180
|
-
top: -0.125rem;
|
|
181
|
-
bottom: -0.125rem;
|
|
182
|
-
border: 0.125rem solid rgb(var(--color-sky-light));
|
|
183
|
-
pointer-events: none;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
img.ProseMirror-separator {
|
|
187
|
-
display: inline !important;
|
|
188
|
-
border: none !important;
|
|
189
|
-
margin: 0 !important;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
limel-portal {
|
|
193
|
-
width: 25rem;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
68
|
blockquote {
|
|
197
69
|
position: relative;
|
|
198
70
|
font-weight: 100;
|
|
@@ -230,8 +102,6 @@ p,
|
|
|
230
102
|
li {
|
|
231
103
|
font-size: 0.875rem;
|
|
232
104
|
word-break: break-word;
|
|
233
|
-
hyphens: auto;
|
|
234
|
-
-webkit-hyphens: auto;
|
|
235
105
|
}
|
|
236
106
|
|
|
237
107
|
a {
|
|
@@ -480,12 +350,6 @@ li {
|
|
|
480
350
|
* Media query mixins for responsive design based on screen width.
|
|
481
351
|
* Note that these mixins do not detect the device type!
|
|
482
352
|
*/
|
|
483
|
-
/*
|
|
484
|
-
* This file is imported into every component!
|
|
485
|
-
*
|
|
486
|
-
* Nothing in this file may output any CSS
|
|
487
|
-
* without being explicitly called by outside code.
|
|
488
|
-
*/
|
|
489
353
|
code {
|
|
490
354
|
font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
|
491
355
|
font-size: 0.8125rem;
|
|
@@ -557,80 +421,6 @@ table {
|
|
|
557
421
|
max-width: 100%;
|
|
558
422
|
}
|
|
559
423
|
|
|
560
|
-
/**
|
|
561
|
-
* Note! This file is exported to `dist/scss/` in the published
|
|
562
|
-
* node module, for consumer projects to import.
|
|
563
|
-
* That means this file cannot import from any file that isn't
|
|
564
|
-
* also exported, keeping the same relative path.
|
|
565
|
-
*
|
|
566
|
-
* Or, just don't import anything, that works too.
|
|
567
|
-
*/
|
|
568
|
-
/**
|
|
569
|
-
* This can be used on a trigger element that opens a dropdown menu or a popover.
|
|
570
|
-
*/
|
|
571
|
-
/**
|
|
572
|
-
* This mixin will mask out the content that is close to
|
|
573
|
-
* the edges of a scrollable area.
|
|
574
|
-
* - If the scrollable content has `overflow-y`, use `vertically`
|
|
575
|
-
* as an argument for `$direction`.
|
|
576
|
-
- If the scrollable content has `overflow-x`, use `horizontally`
|
|
577
|
-
* as an argument for `$direction`.
|
|
578
|
-
*
|
|
579
|
-
* For the visual effect to work smoothly, we need to make sure that
|
|
580
|
-
* the size of the fade-out edge effect is the same as the
|
|
581
|
-
* internal paddings of the scrollable area. Otherwise, content of a
|
|
582
|
-
* scrollable area that does not have a padding will fade out before
|
|
583
|
-
* any scrolling has been done.
|
|
584
|
-
* This is why this mixin already adds paddings, which automatically
|
|
585
|
-
* default to the size of the fade-out effect.
|
|
586
|
-
* This size defaults to `1rem`, but to override the size use
|
|
587
|
-
* `--limel-top-edge-fade-height` & `--limel-bottom-edge-fade-height`
|
|
588
|
-
* when `vertically` argument is set, and use
|
|
589
|
-
* `--limel-left-edge-fade-width` & `--limel-right-edge-fade-width`
|
|
590
|
-
* when `horizontally` argument is set.
|
|
591
|
-
* Of course you can also programmatically increase and decrease the
|
|
592
|
-
* size of these variables for each edge, based on the amount of
|
|
593
|
-
* scrolling that has been done by the user. In this case, make sure
|
|
594
|
-
* to add a custom padding where the mixin is used, to override
|
|
595
|
-
* the paddings that are automatically added by the mixin in the
|
|
596
|
-
* compiled CSS code.
|
|
597
|
-
*/
|
|
598
|
-
/**
|
|
599
|
-
* This mixin will add an animated underline to the bottom of an `a` elements.
|
|
600
|
-
* Note that you may need to add `all: unset;` –depending on your use case–
|
|
601
|
-
* before using this mixin.
|
|
602
|
-
*/
|
|
603
|
-
/**
|
|
604
|
-
* This mixin creates a cross-browser font stack.
|
|
605
|
-
* - `sans-serif` can be used for the UI of the components.
|
|
606
|
-
* - `monospace` can be used for code.
|
|
607
|
-
*
|
|
608
|
-
* ⚠️ If we change the font stacks, we need to update
|
|
609
|
-
* 1. the consumer documentation in `README.md`, and
|
|
610
|
-
* 2. the CSS variables of `--kompendium-example-font-family`
|
|
611
|
-
* in the `<style>` tag of `index.html`.
|
|
612
|
-
*/
|
|
613
|
-
/**
|
|
614
|
-
* This mixin is a hack, using old CSS syntax
|
|
615
|
-
* to enable you to truncate a piece of text,
|
|
616
|
-
* after a certain number of lines.
|
|
617
|
-
*/
|
|
618
|
-
/**
|
|
619
|
-
* The breakpoints below are used to create responsive designs
|
|
620
|
-
* in Lime's products. Therefore, they are here to get distributed
|
|
621
|
-
* to all components in other private repos, which rely on this `mixins`
|
|
622
|
-
* file, to create consistent styles.
|
|
623
|
-
*
|
|
624
|
-
* :::important
|
|
625
|
-
* In very rare cases you should used media queries!
|
|
626
|
-
* Nowadays, there are many better ways of achieving responsive design
|
|
627
|
-
* without media queries. For example, using CSS Grid, Flexbox, and their features.
|
|
628
|
-
* :::
|
|
629
|
-
*/
|
|
630
|
-
/**
|
|
631
|
-
* Media query mixins for responsive design based on screen width.
|
|
632
|
-
* Note that these mixins do not detect the device type!
|
|
633
|
-
*/
|
|
634
424
|
kbd {
|
|
635
425
|
font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
|
636
426
|
font-weight: 600;
|
|
@@ -655,80 +445,6 @@ img {
|
|
|
655
445
|
border-radius: 0.25rem;
|
|
656
446
|
}
|
|
657
447
|
|
|
658
|
-
/**
|
|
659
|
-
* Note! This file is exported to `dist/scss/` in the published
|
|
660
|
-
* node module, for consumer projects to import.
|
|
661
|
-
* That means this file cannot import from any file that isn't
|
|
662
|
-
* also exported, keeping the same relative path.
|
|
663
|
-
*
|
|
664
|
-
* Or, just don't import anything, that works too.
|
|
665
|
-
*/
|
|
666
|
-
/**
|
|
667
|
-
* This can be used on a trigger element that opens a dropdown menu or a popover.
|
|
668
|
-
*/
|
|
669
|
-
/**
|
|
670
|
-
* This mixin will mask out the content that is close to
|
|
671
|
-
* the edges of a scrollable area.
|
|
672
|
-
* - If the scrollable content has `overflow-y`, use `vertically`
|
|
673
|
-
* as an argument for `$direction`.
|
|
674
|
-
- If the scrollable content has `overflow-x`, use `horizontally`
|
|
675
|
-
* as an argument for `$direction`.
|
|
676
|
-
*
|
|
677
|
-
* For the visual effect to work smoothly, we need to make sure that
|
|
678
|
-
* the size of the fade-out edge effect is the same as the
|
|
679
|
-
* internal paddings of the scrollable area. Otherwise, content of a
|
|
680
|
-
* scrollable area that does not have a padding will fade out before
|
|
681
|
-
* any scrolling has been done.
|
|
682
|
-
* This is why this mixin already adds paddings, which automatically
|
|
683
|
-
* default to the size of the fade-out effect.
|
|
684
|
-
* This size defaults to `1rem`, but to override the size use
|
|
685
|
-
* `--limel-top-edge-fade-height` & `--limel-bottom-edge-fade-height`
|
|
686
|
-
* when `vertically` argument is set, and use
|
|
687
|
-
* `--limel-left-edge-fade-width` & `--limel-right-edge-fade-width`
|
|
688
|
-
* when `horizontally` argument is set.
|
|
689
|
-
* Of course you can also programmatically increase and decrease the
|
|
690
|
-
* size of these variables for each edge, based on the amount of
|
|
691
|
-
* scrolling that has been done by the user. In this case, make sure
|
|
692
|
-
* to add a custom padding where the mixin is used, to override
|
|
693
|
-
* the paddings that are automatically added by the mixin in the
|
|
694
|
-
* compiled CSS code.
|
|
695
|
-
*/
|
|
696
|
-
/**
|
|
697
|
-
* This mixin will add an animated underline to the bottom of an `a` elements.
|
|
698
|
-
* Note that you may need to add `all: unset;` –depending on your use case–
|
|
699
|
-
* before using this mixin.
|
|
700
|
-
*/
|
|
701
|
-
/**
|
|
702
|
-
* This mixin creates a cross-browser font stack.
|
|
703
|
-
* - `sans-serif` can be used for the UI of the components.
|
|
704
|
-
* - `monospace` can be used for code.
|
|
705
|
-
*
|
|
706
|
-
* ⚠️ If we change the font stacks, we need to update
|
|
707
|
-
* 1. the consumer documentation in `README.md`, and
|
|
708
|
-
* 2. the CSS variables of `--kompendium-example-font-family`
|
|
709
|
-
* in the `<style>` tag of `index.html`.
|
|
710
|
-
*/
|
|
711
|
-
/**
|
|
712
|
-
* This mixin is a hack, using old CSS syntax
|
|
713
|
-
* to enable you to truncate a piece of text,
|
|
714
|
-
* after a certain number of lines.
|
|
715
|
-
*/
|
|
716
|
-
/**
|
|
717
|
-
* The breakpoints below are used to create responsive designs
|
|
718
|
-
* in Lime's products. Therefore, they are here to get distributed
|
|
719
|
-
* to all components in other private repos, which rely on this `mixins`
|
|
720
|
-
* file, to create consistent styles.
|
|
721
|
-
*
|
|
722
|
-
* :::important
|
|
723
|
-
* In very rare cases you should used media queries!
|
|
724
|
-
* Nowadays, there are many better ways of achieving responsive design
|
|
725
|
-
* without media queries. For example, using CSS Grid, Flexbox, and their features.
|
|
726
|
-
* :::
|
|
727
|
-
*/
|
|
728
|
-
/**
|
|
729
|
-
* Media query mixins for responsive design based on screen width.
|
|
730
|
-
* Note that these mixins do not detect the device type!
|
|
731
|
-
*/
|
|
732
448
|
.image-wrapper {
|
|
733
449
|
display: inline-flex;
|
|
734
450
|
position: relative;
|
|
@@ -856,4 +572,132 @@ img {
|
|
|
856
572
|
width: 0.25rem;
|
|
857
573
|
height: 0.25rem;
|
|
858
574
|
background-color: rgb(var(--contrast-100));
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
:host(limel-prosemirror-adapter) {
|
|
578
|
+
display: flex;
|
|
579
|
+
flex-direction: column;
|
|
580
|
+
}
|
|
581
|
+
:host(limel-prosemirror-adapter) .toolbar {
|
|
582
|
+
order: 1;
|
|
583
|
+
}
|
|
584
|
+
:host(limel-prosemirror-adapter) div#editor {
|
|
585
|
+
order: 2;
|
|
586
|
+
height: 100%;
|
|
587
|
+
flex-grow: 1;
|
|
588
|
+
}
|
|
589
|
+
:host(limel-prosemirror-adapter) div[contenteditable=true] {
|
|
590
|
+
height: 100%;
|
|
591
|
+
}
|
|
592
|
+
|
|
593
|
+
* {
|
|
594
|
+
box-sizing: border-box;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
:host(limel-prosemirror-adapter:hover) .toolbar,
|
|
598
|
+
:host(limel-prosemirror-adapter:focus-within) .toolbar {
|
|
599
|
+
will-change: grid-template-rows;
|
|
600
|
+
}
|
|
601
|
+
:host(limel-prosemirror-adapter:hover) limel-action-bar,
|
|
602
|
+
:host(limel-prosemirror-adapter:focus-within) limel-action-bar {
|
|
603
|
+
will-change: opacity, padding;
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
.ProseMirror-menubar-wrapper {
|
|
607
|
+
display: grid;
|
|
608
|
+
grid-template-rows: auto 1fr;
|
|
609
|
+
}
|
|
610
|
+
|
|
611
|
+
.ProseMirror-textblock-dropdown {
|
|
612
|
+
min-width: 3em;
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
.ProseMirror-tooltip .ProseMirror-menu {
|
|
616
|
+
width: -webkit-fit-content;
|
|
617
|
+
width: fit-content;
|
|
618
|
+
white-space: pre;
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
.toolbar {
|
|
622
|
+
--action-bar-border-radius: 0.25rem;
|
|
623
|
+
border-radius: var(--action-bar-border-radius);
|
|
624
|
+
flex-shrink: 0;
|
|
625
|
+
position: sticky;
|
|
626
|
+
z-index: 1;
|
|
627
|
+
top: 0;
|
|
628
|
+
width: 100%;
|
|
629
|
+
display: grid;
|
|
630
|
+
grid-template-rows: var(--limel-prosemirror-adapter-toolbar-grid-template-rows);
|
|
631
|
+
transition-property: grid-template-rows;
|
|
632
|
+
transition-duration: var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);
|
|
633
|
+
transition-timing-function: var(--limel-prosemirror-adapter-toolbar-transition-timing-function);
|
|
634
|
+
background-color: rgba(var(--contrast-200), 0.5);
|
|
635
|
+
backdrop-filter: blur(0.5rem);
|
|
636
|
+
-webkit-backdrop-filter: blur(0.5rem);
|
|
637
|
+
}
|
|
638
|
+
|
|
639
|
+
limel-action-bar {
|
|
640
|
+
min-width: 0;
|
|
641
|
+
transition-property: padding, opacity;
|
|
642
|
+
transition-duration: var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);
|
|
643
|
+
transition-timing-function: var(--limel-prosemirror-adapter-toolbar-transition-timing-function);
|
|
644
|
+
opacity: var(--limel-prosemirror-adapter-toolbar-opacity);
|
|
645
|
+
padding: var(--limel-prosemirror-adapter-action-bar-padding-top-bottom, 0.125rem) 0.25rem;
|
|
646
|
+
background-color: transparent;
|
|
647
|
+
overflow: hidden;
|
|
648
|
+
}
|
|
649
|
+
|
|
650
|
+
.ProseMirror {
|
|
651
|
+
position: relative;
|
|
652
|
+
word-wrap: break-word;
|
|
653
|
+
white-space: pre-wrap;
|
|
654
|
+
white-space: break-spaces;
|
|
655
|
+
-webkit-font-variant-ligatures: none;
|
|
656
|
+
font-variant-ligatures: none;
|
|
657
|
+
font-feature-settings: "liga" 0;
|
|
658
|
+
padding: var(--limel-text-editor-padding);
|
|
659
|
+
}
|
|
660
|
+
.ProseMirror [draggable][contenteditable=false] {
|
|
661
|
+
user-select: text;
|
|
662
|
+
}
|
|
663
|
+
.ProseMirror:focus-visible {
|
|
664
|
+
outline: none;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
.ProseMirror-hideselection {
|
|
668
|
+
caret-color: transparent;
|
|
669
|
+
}
|
|
670
|
+
.ProseMirror-hideselection *::selection {
|
|
671
|
+
background: transparent;
|
|
672
|
+
}
|
|
673
|
+
.ProseMirror-hideselection *::-moz-selection {
|
|
674
|
+
background: transparent;
|
|
675
|
+
}
|
|
676
|
+
|
|
677
|
+
.ProseMirror-selectednode {
|
|
678
|
+
outline: 0.125rem solid rgb(var(--color-sky-light));
|
|
679
|
+
}
|
|
680
|
+
|
|
681
|
+
li.ProseMirror-selectednode {
|
|
682
|
+
outline: none;
|
|
683
|
+
}
|
|
684
|
+
li.ProseMirror-selectednode:after {
|
|
685
|
+
content: "";
|
|
686
|
+
position: absolute;
|
|
687
|
+
left: -2rem;
|
|
688
|
+
right: -0.125rem;
|
|
689
|
+
top: -0.125rem;
|
|
690
|
+
bottom: -0.125rem;
|
|
691
|
+
border: 0.125rem solid rgb(var(--color-sky-light));
|
|
692
|
+
pointer-events: none;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
img.ProseMirror-separator {
|
|
696
|
+
display: inline !important;
|
|
697
|
+
border: none !important;
|
|
698
|
+
margin: 0 !important;
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
limel-portal {
|
|
702
|
+
width: 25rem;
|
|
859
703
|
}
|
|
@@ -3,7 +3,7 @@ import { m as markdownToHTML } from './markdown-parser-47476fc0.js';
|
|
|
3
3
|
import { g as globalConfig } from './config-656a588f.js';
|
|
4
4
|
import './_commonjsHelpers-5ec8f9b7.js';
|
|
5
5
|
|
|
6
|
-
const markdownCss = "@charset \"UTF-8\";code{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-size:0.8125rem;letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:inline-block;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem;overflow:auto;white-space:pre-wrap}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:0.875rem}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:0.875rem;word-break:break-word
|
|
6
|
+
const markdownCss = "@charset \"UTF-8\";code{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-size:0.8125rem;letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:inline-block;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem;overflow:auto;white-space:pre-wrap}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:0.875rem}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:0.875rem;word-break:break-word}a{word-break:break-all}p{margin-top:0;margin-bottom:0.5rem}p:only-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}ul{list-style:none}ul li{position:relative;margin-left:0.75rem}ul li:before{content:\"\";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{margin-bottom:0.25rem}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0}:host(limel-markdown:not(.no-table-styles)) tbody{border:1px solid rgb(var(--contrast-400));border-radius:0.25rem}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:0.875rem}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}table{display:block;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}blockquote{position:relative;font-weight:100;font-size:0.875rem;max-width:100%;line-height:1.4;margin:0;padding:0.5rem 1.25rem;border-radius:0.05rem 0.75rem;background-color:rgb(var(--contrast-300))}blockquote:before,blockquote:after{position:absolute;font-size:2.75rem;opacity:0.4}blockquote:before{content:\"“\";left:0;top:-0.75rem}blockquote:after{content:\"”\";right:0;bottom:-2rem}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:0.875rem;margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}img{max-width:100%;border-radius:0.25rem}kbd{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-weight:600;color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-200));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;padding:0.125rem 0.5rem;margin:0 0.25rem;box-shadow:var(--button-shadow-normal), 0 0.03125rem 0.21875rem 0 rgba(var(--contrast-100), 0.5) inset;border-radius:0.125rem;border-style:solid;border-color:rgba(var(--contrast-600), 0.8);border-width:0 1px 0.125rem 1px}:host(limel-markdown.adjust-for-table-cell) img{max-height:1.25rem;vertical-align:middle}:host(limel-markdown.adjust-for-table-cell) p{display:inline}:host(limel-markdown.adjust-for-table-cell) h1,:host(limel-markdown.adjust-for-table-cell) h2,:host(limel-markdown.adjust-for-table-cell) h3,:host(limel-markdown.adjust-for-table-cell) h4,:host(limel-markdown.adjust-for-table-cell) h5,:host(limel-markdown.adjust-for-table-cell) h6{display:inline-block;vertical-align:bottom;font-size:0.875rem;margin:0 0.25rem 0 0;letter-spacing:normal;font-weight:500}:host(limel-markdown.adjust-for-table-cell) h1:before,:host(limel-markdown.adjust-for-table-cell) h2:before,:host(limel-markdown.adjust-for-table-cell) h3:before,:host(limel-markdown.adjust-for-table-cell) h4:before,:host(limel-markdown.adjust-for-table-cell) h5:before,:host(limel-markdown.adjust-for-table-cell) h6:before{opacity:0.6;vertical-align:middle;font-size:0.5rem;border-radius:0.25rem 0 0 0.25rem;padding:0.25rem;padding-right:2rem;margin-right:-1.75rem;background:linear-gradient(to right, rgb(var(--contrast-800), 0.6), rgb(var(--contrast-800), 0))}:host(limel-markdown.adjust-for-table-cell) h1:before{content:\"H1\"}:host(limel-markdown.adjust-for-table-cell) h2:before{content:\"H2\"}:host(limel-markdown.adjust-for-table-cell) h3:before{content:\"H3\"}:host(limel-markdown.adjust-for-table-cell) h4:before{content:\"H4\"}:host(limel-markdown.adjust-for-table-cell) h5:before{content:\"H5\"}:host(limel-markdown.adjust-for-table-cell) h6:before{content:\"H6\"}:host(limel-markdown.adjust-for-table-cell) pre{margin:0}:host(limel-markdown.adjust-for-table-cell) pre>code{padding:0.125rem;margin:0}:host(limel-markdown.adjust-for-table-cell) dl{margin:0}:host(limel-markdown.adjust-for-table-cell) dl dt,:host(limel-markdown.adjust-for-table-cell) dl dd{padding:0.00625rem 0.125rem}hr{border-top:1px solid rgb(var(--contrast-700))}.MsoNormal{margin:0}";
|
|
7
7
|
|
|
8
8
|
const Markdown = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"limel-markdown.entry.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,
|
|
1
|
+
{"file":"limel-markdown.entry.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,qoNAAqoN;;MC6B5oN,QAAQ;;;;qBAmBb,YAAY,CAAC,iBAAiB;;EAG3B,MAAM,WAAW;;IACpB,IAAI;MACA,MAAM,IAAI,GAAG,MAAM,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE;QAC1C,mBAAmB,EAAE,IAAI;QACzB,SAAS,EAAE,MAAA,IAAI,CAAC,SAAS,mCAAI,EAAE;OAClC,CAAC,CAAC;MACH,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC;KACrC;IAAC,OAAO,KAAK,EAAE;;MAEZ,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACxB;GACJ;EAEM,MAAM,gBAAgB;IACzB,IAAI,CAAC,WAAW,EAAE,CAAC;GACtB;EAIM,MAAM;IACT,OAAO;MACH,WACI,EAAE,EAAC,UAAU,EACb,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAoB,CAAC,GACxD;KACL,CAAC;GACL;;;;;;;;;","names":[],"sources":["./src/components/markdown/markdown.scss?tag=limel-markdown&encapsulation=shadow","./src/components/markdown/markdown.tsx"],"sourcesContent":["/**\n* @prop --markdown-hyperlink-color: color of text for hyperlinks. Defaults to `--color-blue-dark`;\n* @prop --markdown-hyperlink-color--hovered: color of text for hyperlinks when hovered. Defaults to `--color-blue-default`;\n*/\n\n@forward './partial-styles/pre-code';\n@forward './partial-styles/headings';\n@forward './partial-styles/body-text';\n@forward './partial-styles/lists';\n@forward './partial-styles/tables';\n@forward './partial-styles/blockquotes';\n@forward './partial-styles/definition-lists';\n@forward './partial-styles/img';\n@forward './partial-styles/kbd';\n@forward './partial-styles/_adjust-for-table-cell';\n\n// body-text\nhr {\n border-top: 1px solid rgb(var(--contrast-700));\n}\n\n.MsoNormal {\n margin: 0;\n}\n","import { Component, h, Prop, Watch } from '@stencil/core';\nimport { markdownToHTML } from './markdown-parser';\nimport { globalConfig } from '../../global/config';\nimport { CustomElementDefinition } from '../../global/shared-types/custom-element.types';\n\n/**\n * The Markdown component receives markdown syntax\n * and renders it as HTML.\n *\n * @exampleComponent limel-example-markdown-headings\n * @exampleComponent limel-example-markdown-emphasis\n * @exampleComponent limel-example-markdown-lists\n * @exampleComponent limel-example-markdown-links\n * @exampleComponent limel-example-markdown-images\n * @exampleComponent limel-example-markdown-code\n * @exampleComponent limel-example-markdown-footnotes\n * @exampleComponent limel-example-markdown-tables\n * @exampleComponent limel-example-markdown-html\n * @exampleComponent limel-example-markdown-keys\n * @exampleComponent limel-example-markdown-blockquotes\n * @exampleComponent limel-example-markdown-horizontal-rule\n * @exampleComponent limel-example-markdown-composite\n * @exampleComponent limel-example-markdown-custom-component\n */\n@Component({\n tag: 'limel-markdown',\n styleUrl: 'markdown.scss',\n shadow: true,\n})\nexport class Markdown {\n /**\n * The input text. Treated as GitHub Flavored Markdown, with the addition\n * that any included HTML will be parsed and rendered as HTML, rather than\n * as text.\n */\n @Prop()\n public value: string;\n\n /**\n * Whitelisted html elements.\n *\n * Any custom element added here will not be sanitized and thus rendered.\n * Can also be set via `limel-config`. Setting this property will override\n * the global config.\n * @alpha\n */\n @Prop()\n public whitelist?: CustomElementDefinition[] =\n globalConfig.markdownWhitelist;\n\n @Watch('value')\n public async textChanged() {\n try {\n const html = await markdownToHTML(this.value, {\n forceHardLineBreaks: true,\n whitelist: this.whitelist ?? [],\n });\n this.rootElement.innerHTML = html;\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(error);\n }\n }\n\n public async componentDidLoad() {\n this.textChanged();\n }\n\n private rootElement: HTMLDivElement;\n\n public render() {\n return [\n <div\n id=\"markdown\"\n ref={(el) => (this.rootElement = el as HTMLDivElement)}\n />,\n ];\n }\n}\n"],"version":3}
|
|
@@ -28312,7 +28312,7 @@ const getTableNodes = () => {
|
|
|
28312
28312
|
});
|
|
28313
28313
|
};
|
|
28314
28314
|
|
|
28315
|
-
const prosemirrorAdapterCss = "@charset \"UTF-8\";:host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}:host(limel-prosemirror-adapter){display:flex;flex-direction:column}:host(limel-prosemirror-adapter) .toolbar{order:1}:host(limel-prosemirror-adapter) div#editor{order:2;height:100%;flex-grow:1}:host(limel-prosemirror-adapter) div[contenteditable=true]{height:100%}*{box-sizing:border-box}:host(limel-prosemirror-adapter:hover) .toolbar,:host(limel-prosemirror-adapter:focus-within) .toolbar{will-change:grid-template-rows}:host(limel-prosemirror-adapter:hover) limel-action-bar,:host(limel-prosemirror-adapter:focus-within) limel-action-bar{will-change:opacity, padding}.ProseMirror-menubar-wrapper{display:grid;grid-template-rows:auto 1fr}.ProseMirror-textblock-dropdown{min-width:3em}.ProseMirror-tooltip .ProseMirror-menu{width:-webkit-fit-content;width:fit-content;white-space:pre}.toolbar{--action-bar-border-radius:0.25rem;border-radius:var(--action-bar-border-radius);flex-shrink:0;position:sticky;z-index:1;top:0;width:100%;display:grid;grid-template-rows:var(--limel-prosemirror-adapter-toolbar-grid-template-rows);transition-property:grid-template-rows;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);background-color:rgba(var(--contrast-200), 0.5);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}limel-action-bar{min-width:0;transition-property:padding, opacity;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);opacity:var(--limel-prosemirror-adapter-toolbar-opacity);padding:var(--limel-prosemirror-adapter-action-bar-padding-top-bottom, 0.125rem) 0.25rem;background-color:transparent;overflow:hidden}.ProseMirror{position:relative;word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:\"liga\" 0;padding:var(--limel-text-editor-padding)}.ProseMirror [draggable][contenteditable=false]{user-select:text}.ProseMirror:focus-visible{outline:none}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-selectednode{outline:0.125rem solid rgb(var(--color-sky-light))}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:\"\";position:absolute;left:-2rem;right:-0.125rem;top:-0.125rem;bottom:-0.125rem;border:0.125rem solid rgb(var(--color-sky-light));pointer-events:none}img.ProseMirror-separator{display:inline !important;border:none !important;margin:0 !important}limel-portal{width:25rem}blockquote{position:relative;font-weight:100;font-size:0.875rem;max-width:100%;line-height:1.4;margin:0;padding:0.5rem 1.25rem;border-radius:0.05rem 0.75rem;background-color:rgb(var(--contrast-300))}blockquote:before,blockquote:after{position:absolute;font-size:2.75rem;opacity:0.4}blockquote:before{content:\"“\";left:0;top:-0.75rem}blockquote:after{content:\"”\";right:0;bottom:-2rem}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:0.875rem;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}a{word-break:break-all}p{margin-top:0;margin-bottom:0.5rem}p:only-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:0.875rem;margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:0.875rem}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}ul{list-style:none}ul li{position:relative;margin-left:0.75rem}ul li:before{content:\"\";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{margin-bottom:0.25rem}code{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-size:0.8125rem;letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:inline-block;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem;overflow:auto;white-space:pre-wrap}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0}:host(limel-markdown:not(.no-table-styles)) tbody{border:1px solid rgb(var(--contrast-400));border-radius:0.25rem}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:0.875rem}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}table{display:block;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}kbd{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-weight:600;color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-200));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;padding:0.125rem 0.5rem;margin:0 0.25rem;box-shadow:var(--button-shadow-normal), 0 0.03125rem 0.21875rem 0 rgba(var(--contrast-100), 0.5) inset;border-radius:0.125rem;border-style:solid;border-color:rgba(var(--contrast-600), 0.8);border-width:0 1px 0.125rem 1px}img{max-width:100%;border-radius:0.25rem}.image-wrapper{display:inline-flex;position:relative}.image-wrapper limel-linear-progress{position:absolute;inset:0.25rem auto auto 0.25rem;width:calc(100% - 0.5rem)}.image-wrapper img{transition:opacity 0.2s ease, scale 0.6s ease}.image-wrapper.state-failed,.image-wrapper.state-loading{background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\");background-size:0.5rem}.image-wrapper.state-failed img,.image-wrapper.state-loading img{opacity:0.3;scale:0.98}.image-wrapper::before{pointer-events:none;content:\"\";display:block;position:absolute;inset:0;border-radius:0.25rem;transition:border-color 0.4s ease, opacity 0.2s ease, box-shadow 0.6s ease;border:1px dashed transparent;opacity:0.2}.image-wrapper.state-failed img{filter:grayscale(0.8)}.image-wrapper.state-failed:before{opacity:0.8;box-shadow:var(--shadow-error-state)}.image-wrapper:hover::before{opacity:0.8;box-shadow:var(--shadow-depth-8)}.image-wrapper:has(.resize-handle[aria-grabbed=true])::before{border-color:var(--mdc-theme-primary);opacity:0.8;box-shadow:var(--shadow-depth-16), var(--shadow-depth-8)}.resize-handle{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--mdc-theme-on-surface);background-color:rgb(var(--contrast-900));box-shadow:var(--button-shadow-normal);cursor:nwse-resize;position:absolute;display:flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;border-radius:50%;opacity:0.6}.resize-handle:hover,.resize-handle:focus,.resize-handle:focus-visible{will-change:color, background-color, box-shadow, transform}.resize-handle:hover{transform:translate3d(0, -0.04rem, 0);color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.resize-handle:active{--limel-clickable-transform-timing-function:cubic-bezier(\n 0.83,\n -0.15,\n 0.49,\n 1.16\n );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.resize-handle:hover,.resize-handle:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.resize-handle:focus{outline:none}.resize-handle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.resize-handle.top-left{left:-0.25rem;top:-0.25rem;translate:-50%, -50%}.resize-handle.bottom-right{right:-0.25rem;bottom:-0.25rem;translate:50%, 50%}.resize-wrapper:has(.resize-handle[aria-grabbed=true]) .resize-handle,.resize-wrapper:hover .resize-handle,.resize-handle:hover,.resize-handle:focus-visible{opacity:1}.resize-handle[aria-grabbed=true],.resize-handle:hover,.resize-handle:focus-visible{opacity:1;background-color:var(--mdc-theme-primary)}.resize-handle:hover,.resize-handle[aria-grabbed=true]{scale:1.4}.resize-handle:hover:before,.resize-handle[aria-grabbed=true]:before{background-color:rgb(var(--color-white))}.resize-handle:before{content:\"\";display:block;position:absolute;inset:0;margin:auto;border-radius:50%;width:0.25rem;height:0.25rem;background-color:rgb(var(--contrast-100))}";
|
|
28315
|
+
const prosemirrorAdapterCss = "@charset \"UTF-8\";:host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}blockquote{position:relative;font-weight:100;font-size:0.875rem;max-width:100%;line-height:1.4;margin:0;padding:0.5rem 1.25rem;border-radius:0.05rem 0.75rem;background-color:rgb(var(--contrast-300))}blockquote:before,blockquote:after{position:absolute;font-size:2.75rem;opacity:0.4}blockquote:before{content:\"“\";left:0;top:-0.75rem}blockquote:after{content:\"”\";right:0;bottom:-2rem}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:0.875rem;word-break:break-word}a{word-break:break-all}p{margin-top:0;margin-bottom:0.5rem}p:only-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:0.875rem;margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:0.875rem}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}ul{list-style:none}ul li{position:relative;margin-left:0.75rem}ul li:before{content:\"\";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{margin-bottom:0.25rem}code{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-size:0.8125rem;letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:inline-block;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem;overflow:auto;white-space:pre-wrap}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0}:host(limel-markdown:not(.no-table-styles)) tbody{border:1px solid rgb(var(--contrast-400));border-radius:0.25rem}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:0.875rem}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}table{display:block;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}kbd{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-weight:600;color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-200));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;padding:0.125rem 0.5rem;margin:0 0.25rem;box-shadow:var(--button-shadow-normal), 0 0.03125rem 0.21875rem 0 rgba(var(--contrast-100), 0.5) inset;border-radius:0.125rem;border-style:solid;border-color:rgba(var(--contrast-600), 0.8);border-width:0 1px 0.125rem 1px}img{max-width:100%;border-radius:0.25rem}.image-wrapper{display:inline-flex;position:relative}.image-wrapper limel-linear-progress{position:absolute;inset:0.25rem auto auto 0.25rem;width:calc(100% - 0.5rem)}.image-wrapper img{transition:opacity 0.2s ease, scale 0.6s ease}.image-wrapper.state-failed,.image-wrapper.state-loading{background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\");background-size:0.5rem}.image-wrapper.state-failed img,.image-wrapper.state-loading img{opacity:0.3;scale:0.98}.image-wrapper::before{pointer-events:none;content:\"\";display:block;position:absolute;inset:0;border-radius:0.25rem;transition:border-color 0.4s ease, opacity 0.2s ease, box-shadow 0.6s ease;border:1px dashed transparent;opacity:0.2}.image-wrapper.state-failed img{filter:grayscale(0.8)}.image-wrapper.state-failed:before{opacity:0.8;box-shadow:var(--shadow-error-state)}.image-wrapper:hover::before{opacity:0.8;box-shadow:var(--shadow-depth-8)}.image-wrapper:has(.resize-handle[aria-grabbed=true])::before{border-color:var(--mdc-theme-primary);opacity:0.8;box-shadow:var(--shadow-depth-16), var(--shadow-depth-8)}.resize-handle{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--mdc-theme-on-surface);background-color:rgb(var(--contrast-900));box-shadow:var(--button-shadow-normal);cursor:nwse-resize;position:absolute;display:flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;border-radius:50%;opacity:0.6}.resize-handle:hover,.resize-handle:focus,.resize-handle:focus-visible{will-change:color, background-color, box-shadow, transform}.resize-handle:hover{transform:translate3d(0, -0.04rem, 0);color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.resize-handle:active{--limel-clickable-transform-timing-function:cubic-bezier(\n 0.83,\n -0.15,\n 0.49,\n 1.16\n );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.resize-handle:hover,.resize-handle:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.resize-handle:focus{outline:none}.resize-handle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.resize-handle.top-left{left:-0.25rem;top:-0.25rem;translate:-50%, -50%}.resize-handle.bottom-right{right:-0.25rem;bottom:-0.25rem;translate:50%, 50%}.resize-wrapper:has(.resize-handle[aria-grabbed=true]) .resize-handle,.resize-wrapper:hover .resize-handle,.resize-handle:hover,.resize-handle:focus-visible{opacity:1}.resize-handle[aria-grabbed=true],.resize-handle:hover,.resize-handle:focus-visible{opacity:1;background-color:var(--mdc-theme-primary)}.resize-handle:hover,.resize-handle[aria-grabbed=true]{scale:1.4}.resize-handle:hover:before,.resize-handle[aria-grabbed=true]:before{background-color:rgb(var(--color-white))}.resize-handle:before{content:\"\";display:block;position:absolute;inset:0;margin:auto;border-radius:50%;width:0.25rem;height:0.25rem;background-color:rgb(var(--contrast-100))}:host(limel-prosemirror-adapter){display:flex;flex-direction:column}:host(limel-prosemirror-adapter) .toolbar{order:1}:host(limel-prosemirror-adapter) div#editor{order:2;height:100%;flex-grow:1}:host(limel-prosemirror-adapter) div[contenteditable=true]{height:100%}*{box-sizing:border-box}:host(limel-prosemirror-adapter:hover) .toolbar,:host(limel-prosemirror-adapter:focus-within) .toolbar{will-change:grid-template-rows}:host(limel-prosemirror-adapter:hover) limel-action-bar,:host(limel-prosemirror-adapter:focus-within) limel-action-bar{will-change:opacity, padding}.ProseMirror-menubar-wrapper{display:grid;grid-template-rows:auto 1fr}.ProseMirror-textblock-dropdown{min-width:3em}.ProseMirror-tooltip .ProseMirror-menu{width:-webkit-fit-content;width:fit-content;white-space:pre}.toolbar{--action-bar-border-radius:0.25rem;border-radius:var(--action-bar-border-radius);flex-shrink:0;position:sticky;z-index:1;top:0;width:100%;display:grid;grid-template-rows:var(--limel-prosemirror-adapter-toolbar-grid-template-rows);transition-property:grid-template-rows;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);background-color:rgba(var(--contrast-200), 0.5);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}limel-action-bar{min-width:0;transition-property:padding, opacity;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);opacity:var(--limel-prosemirror-adapter-toolbar-opacity);padding:var(--limel-prosemirror-adapter-action-bar-padding-top-bottom, 0.125rem) 0.25rem;background-color:transparent;overflow:hidden}.ProseMirror{position:relative;word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:\"liga\" 0;padding:var(--limel-text-editor-padding)}.ProseMirror [draggable][contenteditable=false]{user-select:text}.ProseMirror:focus-visible{outline:none}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-selectednode{outline:0.125rem solid rgb(var(--color-sky-light))}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:\"\";position:absolute;left:-2rem;right:-0.125rem;top:-0.125rem;bottom:-0.125rem;border:0.125rem solid rgb(var(--color-sky-light));pointer-events:none}img.ProseMirror-separator{display:inline !important;border:none !important;margin:0 !important}limel-portal{width:25rem}";
|
|
28316
28316
|
|
|
28317
28317
|
const DEBOUNCE_TIMEOUT = 300;
|
|
28318
28318
|
const ProsemirrorAdapter = class {
|