@omegagrid/markdown 0.10.1 → 0.10.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.
- package/package.json +6 -6
- package/dist/components/features/blockEdit.d.ts +0 -23
- package/dist/components/features/blockEdit.d.ts.map +0 -1
- package/dist/components/features/blockEdit.js +0 -38
- package/dist/components/features/blockEdit.js.map +0 -1
- package/dist/components/features/blockEditMenu.d.ts +0 -16
- package/dist/components/features/blockEditMenu.d.ts.map +0 -1
- package/dist/components/features/blockEditMenu.js +0 -25
- package/dist/components/features/blockEditMenu.js.map +0 -1
- package/dist/components/features/codeBlock.d.ts +0 -31
- package/dist/components/features/codeBlock.d.ts.map +0 -1
- package/dist/components/features/codeBlock.js +0 -1
- package/dist/components/features/codeBlock.js.map +0 -1
- package/dist/components/features/htmlBlock.d.ts +0 -39
- package/dist/components/features/htmlBlock.d.ts.map +0 -1
- package/dist/components/features/htmlBlock.js +0 -52
- package/dist/components/features/htmlBlock.js.map +0 -1
- package/dist/components/features/index.d.ts +0 -28
- package/dist/components/features/index.d.ts.map +0 -1
- package/dist/components/features/index.js +0 -1
- package/dist/components/features/index.js.map +0 -1
- package/dist/components/features/linkEdit/component.d.ts +0 -12
- package/dist/components/features/linkEdit/component.d.ts.map +0 -1
- package/dist/components/features/linkEdit/component.js +0 -46
- package/dist/components/features/linkEdit/component.js.map +0 -1
- package/dist/components/features/linkEdit/config.d.ts +0 -4
- package/dist/components/features/linkEdit/config.d.ts.map +0 -1
- package/dist/components/features/linkEdit/config.js +0 -1
- package/dist/components/features/linkEdit/config.js.map +0 -1
- package/dist/components/features/linkEdit/index.d.ts +0 -10
- package/dist/components/features/linkEdit/index.d.ts.map +0 -1
- package/dist/components/features/linkEdit/index.js +0 -1
- package/dist/components/features/linkEdit/index.js.map +0 -1
- package/dist/components/features/linkEdit/slices.d.ts +0 -20
- package/dist/components/features/linkEdit/slices.d.ts.map +0 -1
- package/dist/components/features/linkEdit/slices.js +0 -1
- package/dist/components/features/linkEdit/slices.js.map +0 -1
- package/dist/components/features/linkEdit/utils.d.ts +0 -14
- package/dist/components/features/linkEdit/utils.d.ts.map +0 -1
- package/dist/components/features/linkEdit/utils.js +0 -1
- package/dist/components/features/linkEdit/utils.js.map +0 -1
- package/dist/components/features/linkEdit/view.d.ts +0 -19
- package/dist/components/features/linkEdit/view.d.ts.map +0 -1
- package/dist/components/features/linkEdit/view.js +0 -1
- package/dist/components/features/linkEdit/view.js.map +0 -1
- package/dist/components/features/placeholder.d.ts +0 -13
- package/dist/components/features/placeholder.d.ts.map +0 -1
- package/dist/components/features/placeholder.js +0 -1
- package/dist/components/features/placeholder.js.map +0 -1
- package/dist/components/features/tocBlock.d.ts +0 -21
- package/dist/components/features/tocBlock.d.ts.map +0 -1
- package/dist/components/features/tocBlock.js +0 -46
- package/dist/components/features/tocBlock.js.map +0 -1
- package/dist/components/features/toolbar.d.ts +0 -24
- package/dist/components/features/toolbar.d.ts.map +0 -1
- package/dist/components/features/toolbar.js +0 -67
- package/dist/components/features/toolbar.js.map +0 -1
- package/dist/components/features/utils.d.ts +0 -12
- package/dist/components/features/utils.d.ts.map +0 -1
- package/dist/components/features/utils.js +0 -1
- package/dist/components/features/utils.js.map +0 -1
- package/dist/components/index.d.ts +0 -4
- package/dist/components/index.d.ts.map +0 -1
- package/dist/components/index.js +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/markdownEditor.d.ts +0 -36
- package/dist/components/markdownEditor.d.ts.map +0 -1
- package/dist/components/markdownEditor.js +0 -7
- package/dist/components/markdownEditor.js.map +0 -1
- package/dist/components/markdownEditor.style.d.ts +0 -2
- package/dist/components/markdownEditor.style.d.ts.map +0 -1
- package/dist/components/markdownEditor.style.js +0 -230
- package/dist/components/markdownEditor.style.js.map +0 -1
- package/dist/components/markdownView.d.ts +0 -5
- package/dist/components/markdownView.d.ts.map +0 -1
- package/dist/components/markdownView.js +0 -1
- package/dist/components/markdownView.js.map +0 -1
- package/dist/components/markdownView.style.d.ts +0 -2
- package/dist/components/markdownView.style.d.ts.map +0 -1
- package/dist/components/markdownView.style.js +0 -44
- package/dist/components/markdownView.style.js.map +0 -1
- package/dist/components/styles/block-edit.d.ts +0 -2
- package/dist/components/styles/block-edit.d.ts.map +0 -1
- package/dist/components/styles/block-edit.js +0 -132
- package/dist/components/styles/block-edit.js.map +0 -1
- package/dist/components/styles/cursor.d.ts +0 -2
- package/dist/components/styles/cursor.d.ts.map +0 -1
- package/dist/components/styles/cursor.js +0 -12
- package/dist/components/styles/cursor.js.map +0 -1
- package/dist/components/styles/emoji.d.ts +0 -2
- package/dist/components/styles/emoji.d.ts.map +0 -1
- package/dist/components/styles/emoji.js +0 -14
- package/dist/components/styles/emoji.js.map +0 -1
- package/dist/components/styles/image-block.d.ts +0 -2
- package/dist/components/styles/image-block.d.ts.map +0 -1
- package/dist/components/styles/image-block.js +0 -395
- package/dist/components/styles/image-block.js.map +0 -1
- package/dist/components/styles/index.d.ts +0 -3
- package/dist/components/styles/index.d.ts.map +0 -1
- package/dist/components/styles/index.js +0 -1
- package/dist/components/styles/index.js.map +0 -1
- package/dist/components/styles/link-tooltip.d.ts +0 -2
- package/dist/components/styles/link-tooltip.d.ts.map +0 -1
- package/dist/components/styles/link-tooltip.js +0 -110
- package/dist/components/styles/link-tooltip.js.map +0 -1
- package/dist/components/styles/list-item.d.ts +0 -2
- package/dist/components/styles/list-item.d.ts.map +0 -1
- package/dist/components/styles/list-item.js +0 -40
- package/dist/components/styles/list-item.js.map +0 -1
- package/dist/components/styles/placeholder.d.ts +0 -2
- package/dist/components/styles/placeholder.d.ts.map +0 -1
- package/dist/components/styles/placeholder.js +0 -9
- package/dist/components/styles/placeholder.js.map +0 -1
- package/dist/components/styles/prosemirror.d.ts +0 -2
- package/dist/components/styles/prosemirror.d.ts.map +0 -1
- package/dist/components/styles/prosemirror.js +0 -56
- package/dist/components/styles/prosemirror.js.map +0 -1
- package/dist/components/styles/table.d.ts +0 -2
- package/dist/components/styles/table.d.ts.map +0 -1
- package/dist/components/styles/table.js +0 -283
- package/dist/components/styles/table.js.map +0 -1
- package/dist/constants.d.ts +0 -47
- package/dist/constants.d.ts.map +0 -1
- package/dist/constants.js +0 -1
- package/dist/constants.js.map +0 -1
- package/dist/index.d.ts +0 -4
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +0 -1
- package/dist/loader.d.ts +0 -16
- package/dist/loader.d.ts.map +0 -1
- package/dist/loader.js +0 -1
- package/dist/loader.js.map +0 -1
- package/dist/utils.d.ts +0 -11
- package/dist/utils.d.ts.map +0 -1
- package/dist/utils.js +0 -1
- package/dist/utils.js.map +0 -1
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import{css}from"lit";export const style=css`
|
|
2
|
-
.ProseMirror {
|
|
3
|
-
position: relative;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.ProseMirror {
|
|
7
|
-
word-wrap: break-word;
|
|
8
|
-
white-space: pre-wrap;
|
|
9
|
-
white-space: break-spaces;
|
|
10
|
-
-webkit-font-variant-ligatures: none;
|
|
11
|
-
font-variant-ligatures: none;
|
|
12
|
-
font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.ProseMirror pre {
|
|
16
|
-
white-space: pre-wrap;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ProseMirror li {
|
|
20
|
-
position: relative;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.ProseMirror-hideselection *::selection { background: transparent; }
|
|
24
|
-
.ProseMirror-hideselection *::-moz-selection { background: transparent; }
|
|
25
|
-
.ProseMirror-hideselection { caret-color: transparent; }
|
|
26
|
-
|
|
27
|
-
/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */
|
|
28
|
-
.ProseMirror [draggable][contenteditable=false] { user-select: text }
|
|
29
|
-
|
|
30
|
-
.ProseMirror-selectednode {
|
|
31
|
-
outline: 2px solid #8cf;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
/* Make sure li selections wrap around markers */
|
|
35
|
-
|
|
36
|
-
li.ProseMirror-selectednode {
|
|
37
|
-
outline: none;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
li.ProseMirror-selectednode:after {
|
|
41
|
-
content: "";
|
|
42
|
-
position: absolute;
|
|
43
|
-
left: -32px;
|
|
44
|
-
right: -2px; top: -2px; bottom: -2px;
|
|
45
|
-
border: 2px solid #8cf;
|
|
46
|
-
pointer-events: none;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/* Protect against generic img rules */
|
|
50
|
-
|
|
51
|
-
img.ProseMirror-separator {
|
|
52
|
-
display: inline !important;
|
|
53
|
-
border: none !important;
|
|
54
|
-
margin: 0 !important;
|
|
55
|
-
}
|
|
56
|
-
`;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"prosemirror.js","sourceRoot":"","sources":["../../../src/components/styles/prosemirror.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\t.ProseMirror {\n\t\tposition: relative;\n\t}\n\n\t.ProseMirror {\n\t\tword-wrap: break-word;\n\t\twhite-space: pre-wrap;\n\t\twhite-space: break-spaces;\n\t\t-webkit-font-variant-ligatures: none;\n\t\tfont-variant-ligatures: none;\n\t\tfont-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n\t}\n\n\t.ProseMirror pre {\n\t\twhite-space: pre-wrap;\n\t}\n\n\t.ProseMirror li {\n\t\tposition: relative;\n\t}\n\n\t.ProseMirror-hideselection *::selection { background: transparent; }\n\t.ProseMirror-hideselection *::-moz-selection { background: transparent; }\n\t.ProseMirror-hideselection { caret-color: transparent; }\n\n\t/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */\n\t.ProseMirror [draggable][contenteditable=false] { user-select: text }\n\n\t.ProseMirror-selectednode {\n\t\toutline: 2px solid #8cf;\n\t}\n\n\t/* Make sure li selections wrap around markers */\n\n\tli.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\tli.ProseMirror-selectednode:after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tleft: -32px;\n\t\tright: -2px; top: -2px; bottom: -2px;\n\t\tborder: 2px solid #8cf;\n\t\tpointer-events: none;\n\t}\n\n\t/* Protect against generic img rules */\n\n\timg.ProseMirror-separator {\n\t\tdisplay: inline !important;\n\t\tborder: none !important;\n\t\tmargin: 0 !important;\n\t}\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/styles/table.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA0RjB,CAAC"}
|
|
@@ -1,283 +0,0 @@
|
|
|
1
|
-
import{css}from"lit";export const style=css`
|
|
2
|
-
.ProseMirror .tableWrapper {
|
|
3
|
-
overflow-x: auto;
|
|
4
|
-
}
|
|
5
|
-
.ProseMirror table {
|
|
6
|
-
border-collapse: collapse;
|
|
7
|
-
table-layout: fixed;
|
|
8
|
-
width: 100%;
|
|
9
|
-
overflow: hidden;
|
|
10
|
-
}
|
|
11
|
-
.ProseMirror td, .ProseMirror th {
|
|
12
|
-
vertical-align: top;
|
|
13
|
-
box-sizing: border-box;
|
|
14
|
-
position: relative;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
|
|
18
|
-
.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
|
|
19
|
-
/* if there's no explicit width set and the column is not being resized, set a default width */
|
|
20
|
-
min-width: var(--default-cell-min-width);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.ProseMirror .column-resize-handle {
|
|
24
|
-
position: absolute;
|
|
25
|
-
right: -2px;
|
|
26
|
-
top: 0;
|
|
27
|
-
bottom: 0;
|
|
28
|
-
width: 4px;
|
|
29
|
-
z-index: 20;
|
|
30
|
-
background-color: #adf;
|
|
31
|
-
pointer-events: none;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.ProseMirror.resize-cursor {
|
|
35
|
-
cursor: ew-resize;
|
|
36
|
-
cursor: col-resize;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
/* Give selected cells a blue overlay */
|
|
40
|
-
.ProseMirror .selectedCell:after {
|
|
41
|
-
z-index: 2;
|
|
42
|
-
position: absolute;
|
|
43
|
-
content: '';
|
|
44
|
-
left: 0;
|
|
45
|
-
right: 0;
|
|
46
|
-
top: 0;
|
|
47
|
-
bottom: 0;
|
|
48
|
-
background: rgba(200, 200, 255, 0.4);
|
|
49
|
-
pointer-events: none;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.milkdown-table-block {
|
|
53
|
-
display: block;
|
|
54
|
-
margin: 4px 0;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.milkdown .milkdown-table-block table {
|
|
58
|
-
margin: 0 !important;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.milkdown .milkdown-table-block th,
|
|
62
|
-
.milkdown .milkdown-table-block td {
|
|
63
|
-
border: 1px solid color-mix(in srgb, var(--og-border-color-3), transparent 80%);
|
|
64
|
-
padding: 2px 10px;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.milkdown .milkdown-table-block th .ProseMirror-selectednode,
|
|
68
|
-
.milkdown .milkdown-table-block td .ProseMirror-selectednode {
|
|
69
|
-
background-color: transparent !important;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.milkdown .milkdown-table-block th:has(.ProseMirror-selectednode),
|
|
73
|
-
.milkdown .milkdown-table-block td:has(.ProseMirror-selectednode) {
|
|
74
|
-
outline: 1px solid var(--markdown-color-primary);
|
|
75
|
-
outline-offset: -1px;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.milkdown .milkdown-table-block .selectedCell::after {
|
|
79
|
-
background-color: var(--markdown-color-selected);
|
|
80
|
-
opacity: 0.4;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.milkdown .milkdown-table-block .selectedCell ::selection {
|
|
84
|
-
background: transparent;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
/* drag preview */
|
|
88
|
-
|
|
89
|
-
.milkdown .milkdown-table-block .drag-preview {
|
|
90
|
-
background-color: var(--markdown-color-surface);
|
|
91
|
-
opacity: 0.4;
|
|
92
|
-
position: absolute;
|
|
93
|
-
z-index: 100;
|
|
94
|
-
display: flex;
|
|
95
|
-
flex-direction: column;
|
|
96
|
-
outline: 1px solid var(--markdown-color-primary);
|
|
97
|
-
outline-offset: -1px;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.milkdown .milkdown-table-block .drag-preview[data-show='false'] {
|
|
101
|
-
display: none;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.milkdown .milkdown-table-block .drag-preview th:has(.ProseMirror-selectednode),
|
|
105
|
-
.milkdown .milkdown-table-block .drag-preview td:has(.ProseMirror-selectednode) {
|
|
106
|
-
outline: none;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
/* handle */
|
|
110
|
-
|
|
111
|
-
.milkdown .milkdown-table-block .handle {
|
|
112
|
-
position: absolute;
|
|
113
|
-
font-size: 14px;
|
|
114
|
-
transition: opacity ease-in-out 0.2s;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.milkdown .milkdown-table-block .handle[data-show='false'] {
|
|
118
|
-
opacity: 0;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.milkdown .milkdown-table-block svg {
|
|
122
|
-
fill: var(--markdown-color-outline);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
/* cell handle */
|
|
126
|
-
|
|
127
|
-
.milkdown .milkdown-table-block .cell-handle {
|
|
128
|
-
z-index: 50;
|
|
129
|
-
left: -999px;
|
|
130
|
-
top: -999px;
|
|
131
|
-
cursor: grab;
|
|
132
|
-
background-color: var(--og-accent-color);
|
|
133
|
-
color: var(--og-text-color-2);
|
|
134
|
-
border-radius: 100px;
|
|
135
|
-
box-shadow: var(--markdown-shadow-1);
|
|
136
|
-
transition: background-color 0.2s ease-in-out;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.milkdown .milkdown-table-block .cell-handle:hover {
|
|
140
|
-
background-color: var(--og-accent-color-highlight);
|
|
141
|
-
opacity: 1;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.milkdown .milkdown-table-block .cell-handle:has(.button-group:hover) {
|
|
145
|
-
background-color: var(--og-accent-color-highlight);
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.milkdown .milkdown-table-block .cell-handle[data-role='col-drag-handle'] {
|
|
149
|
-
transform: translateY(50%);
|
|
150
|
-
padding: 0 6px;
|
|
151
|
-
width: 28px;
|
|
152
|
-
height: 16px;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.milkdown .milkdown-table-block .cell-handle[data-role='row-drag-handle'] {
|
|
156
|
-
transform: translateX(50%);
|
|
157
|
-
padding: 6px 0;
|
|
158
|
-
width: 16px;
|
|
159
|
-
height: 28px;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
/* button group */
|
|
163
|
-
|
|
164
|
-
.milkdown .milkdown-table-block .cell-handle .button-group {
|
|
165
|
-
position: absolute;
|
|
166
|
-
transform: translateX(-50%);
|
|
167
|
-
left: 50%;
|
|
168
|
-
top: -10px;
|
|
169
|
-
display: flex;
|
|
170
|
-
background-color: var(--og-background-color);
|
|
171
|
-
border: 1px solid var(--og-accent-color);
|
|
172
|
-
border-radius: var(--og-base-radius);
|
|
173
|
-
box-shadow: var(--markdown-shadow-1);
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.milkdown .milkdown-table-block .cell-handle .button-group::after {
|
|
177
|
-
content: '';
|
|
178
|
-
position: absolute;
|
|
179
|
-
bottom: -8px;
|
|
180
|
-
height: 8px;
|
|
181
|
-
background-color: transparent;
|
|
182
|
-
width: 100%;
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
.milkdown .milkdown-table-block .cell-handle .button-group[data-show='false'] {
|
|
186
|
-
display: none;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
.milkdown .milkdown-table-block .cell-handle .button-group button {
|
|
190
|
-
background-color: var(--og-accent-color);
|
|
191
|
-
color: var(--og-text-color-2);
|
|
192
|
-
cursor: pointer;
|
|
193
|
-
margin: 6px;
|
|
194
|
-
padding: 4px;
|
|
195
|
-
display: flex;
|
|
196
|
-
justify-content: center;
|
|
197
|
-
align-items: center;
|
|
198
|
-
border-radius: 4px;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
.milkdown .milkdown-table-block .cell-handle .button-group button svg {
|
|
202
|
-
width: 24px;
|
|
203
|
-
height: 24px;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
.milkdown .milkdown-table-block .cell-handle .button-group button:hover {
|
|
207
|
-
border-radius: var(--og-base-radius);
|
|
208
|
-
background-color: var(--og-accent-color-highlight);
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
.milkdown .milkdown-table-block .cell-handle .button-group button:active {
|
|
212
|
-
background: var(--markdown-color-selected);
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
/* line handle */
|
|
216
|
-
|
|
217
|
-
.milkdown .milkdown-table-block .line-handle {
|
|
218
|
-
z-index: 20;
|
|
219
|
-
background-color: var(--markdown-color-primary);
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
.milkdown .milkdown-table-block .line-handle:hover {
|
|
223
|
-
opacity: 1;
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
.milkdown .milkdown-table-block .line-handle .add-button {
|
|
227
|
-
cursor: pointer;
|
|
228
|
-
background-color: var(--og-accent-color);
|
|
229
|
-
color: var(--og-text-color-2);
|
|
230
|
-
border-radius: 100px;
|
|
231
|
-
box-shadow: var(--markdown-shadow-1);
|
|
232
|
-
transition: background-color 0.2s ease-in-out;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.milkdown .milkdown-table-block .line-handle .add-button svg {
|
|
236
|
-
width: 16px;
|
|
237
|
-
height: 16px;
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
.milkdown .milkdown-table-block .line-handle .add-button:hover {
|
|
241
|
-
background-color: var(--og-accent-color-highlight);
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
.milkdown .milkdown-table-block .line-handle .add-button:active {
|
|
245
|
-
background: var(--markdown-color-selected);
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
.milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] {
|
|
249
|
-
height: 1px;
|
|
250
|
-
z-index: 2;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
.milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] .add-button {
|
|
254
|
-
position: absolute;
|
|
255
|
-
transform: translateX(-50%) translateY(-50%);
|
|
256
|
-
padding: 6px 0;
|
|
257
|
-
width: 16px;
|
|
258
|
-
height: 28px;
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
.milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] {
|
|
262
|
-
width: 1px;
|
|
263
|
-
z-index: 1;
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
.milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] .add-button {
|
|
267
|
-
position: absolute;
|
|
268
|
-
transform: translateY(-50%) translateX(-50%);
|
|
269
|
-
padding: 0 6px;
|
|
270
|
-
width: 28px;
|
|
271
|
-
height: 16px;
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
.milkdown .milkdown-table-block .line-handle[data-display-type='indicator'] .add-button {
|
|
275
|
-
display: none;
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
/* readonly */
|
|
279
|
-
|
|
280
|
-
.milkdown .milkdown-table-block.readonly .handle {
|
|
281
|
-
display: none;
|
|
282
|
-
}
|
|
283
|
-
`;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/styles/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0RvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\t.ProseMirror .tableWrapper {\n\t\toverflow-x: auto;\n\t}\n\t.ProseMirror table {\n\t\tborder-collapse: collapse;\n\t\ttable-layout: fixed;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t}\n\t.ProseMirror td, .ProseMirror th {\n\t\tvertical-align: top;\n\t\tbox-sizing: border-box;\n\t\tposition: relative;\n\t}\n\t\t\n\t.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),\n\t.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {\n\t\t/* if there's no explicit width set and the column is not being resized, set a default width */\n\t\tmin-width: var(--default-cell-min-width);\n\t}\n\t\t\n\t.ProseMirror .column-resize-handle {\n\t\tposition: absolute;\n\t\tright: -2px;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\twidth: 4px;\n\t\tz-index: 20;\n\t\tbackground-color: #adf;\n\t\tpointer-events: none;\n\t}\n\n\t.ProseMirror.resize-cursor {\n\t\tcursor: ew-resize;\n\t\tcursor: col-resize;\n\t}\n\n\t/* Give selected cells a blue overlay */\n\t.ProseMirror .selectedCell:after {\n\t\tz-index: 2;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tleft: 0;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tbackground: rgba(200, 200, 255, 0.4);\n\t\tpointer-events: none;\n\t}\n\n\t.milkdown-table-block {\n\t\tdisplay: block;\n\t\tmargin: 4px 0;\n\t}\n\n\t.milkdown .milkdown-table-block table {\n\t\tmargin: 0 !important;\n\t}\n\n\t.milkdown .milkdown-table-block th,\n\t.milkdown .milkdown-table-block td {\n\t\tborder: 1px solid color-mix(in srgb, var(--og-border-color-3), transparent 80%);\n\t\tpadding: 2px 10px;\n\t}\n\n\t.milkdown .milkdown-table-block th .ProseMirror-selectednode,\n\t.milkdown .milkdown-table-block td .ProseMirror-selectednode {\n\t\tbackground-color: transparent !important;\n\t}\n\n\t.milkdown .milkdown-table-block th:has(.ProseMirror-selectednode),\n\t.milkdown .milkdown-table-block td:has(.ProseMirror-selectednode) {\n\t\toutline: 1px solid var(--markdown-color-primary);\n\t\toutline-offset: -1px;\n\t}\n\n\t.milkdown .milkdown-table-block .selectedCell::after {\n\t\tbackground-color: var(--markdown-color-selected);\n\t\topacity: 0.4;\n\t}\n\n\t.milkdown .milkdown-table-block .selectedCell ::selection {\n\t\tbackground: transparent;\n\t}\n\n\t/* drag preview */\n\n\t.milkdown .milkdown-table-block .drag-preview {\n\t\tbackground-color: var(--markdown-color-surface);\n\t\topacity: 0.4;\n\t\tposition: absolute;\n\t\tz-index: 100;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toutline: 1px solid var(--markdown-color-primary);\n\t\toutline-offset: -1px;\n\t}\n\n\t.milkdown .milkdown-table-block .drag-preview[data-show='false'] {\n\t\tdisplay: none;\n\t}\n\n\t.milkdown .milkdown-table-block .drag-preview th:has(.ProseMirror-selectednode),\n\t.milkdown .milkdown-table-block .drag-preview td:has(.ProseMirror-selectednode) {\n\t\toutline: none;\n\t}\n\n\t/* handle */\n\n\t.milkdown .milkdown-table-block .handle {\n\t\tposition: absolute;\n\t\tfont-size: 14px;\n\t\ttransition: opacity ease-in-out 0.2s;\n\t}\n\n\t.milkdown .milkdown-table-block .handle[data-show='false'] {\n\t\topacity: 0;\n\t}\n\n\t.milkdown .milkdown-table-block svg {\n\t\tfill: var(--markdown-color-outline);\n\t}\n\n\t/* cell handle */\n\n\t.milkdown .milkdown-table-block .cell-handle {\n\t\tz-index: 50;\n\t\tleft: -999px;\n\t\ttop: -999px;\n\t\tcursor: grab;\n\t\tbackground-color: var(--og-accent-color);\n\t\tcolor: var(--og-text-color-2);\n\t\tborder-radius: 100px;\n\t\tbox-shadow: var(--markdown-shadow-1);\n\t\ttransition: background-color 0.2s ease-in-out;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle:hover {\n\t\tbackground-color: var(--og-accent-color-highlight);\n\t\topacity: 1;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle:has(.button-group:hover) {\n\t\tbackground-color: var(--og-accent-color-highlight);\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle[data-role='col-drag-handle'] {\n\t\ttransform: translateY(50%);\n\t\tpadding: 0 6px;\n\t\twidth: 28px;\n\t\theight: 16px;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle[data-role='row-drag-handle'] {\n\t\ttransform: translateX(50%);\n\t\tpadding: 6px 0;\n\t\twidth: 16px;\n\t\theight: 28px;\n\t}\n\n\t/* button group */\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group {\n\t\tposition: absolute;\n\t\ttransform: translateX(-50%);\n\t\tleft: 50%;\n\t\ttop: -10px;\n\t\tdisplay: flex;\n\t\tbackground-color: var(--og-background-color);\n\t\tborder: 1px solid var(--og-accent-color);\n\t\tborder-radius: var(--og-base-radius);\n\t\tbox-shadow: var(--markdown-shadow-1);\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbottom: -8px;\n\t\theight: 8px;\n\t\tbackground-color: transparent;\n\t\twidth: 100%;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group[data-show='false'] {\n\t\tdisplay: none;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group button {\n\t\tbackground-color: var(--og-accent-color);\n\t\tcolor: var(--og-text-color-2);\n\t\tcursor: pointer;\n\t\tmargin: 6px;\n\t\tpadding: 4px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder-radius: 4px;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group button svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group button:hover {\n\t\tborder-radius: var(--og-base-radius);\n\t\tbackground-color: var(--og-accent-color-highlight);\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group button:active {\n\t\tbackground: var(--markdown-color-selected);\n\t}\n\n\t/* line handle */\n\n\t.milkdown .milkdown-table-block .line-handle {\n\t\tz-index: 20;\n\t\tbackground-color: var(--markdown-color-primary);\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle:hover {\n\t\topacity: 1;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle .add-button {\n\t\tcursor: pointer;\n\t\tbackground-color: var(--og-accent-color);\n\t\tcolor: var(--og-text-color-2);\n\t\tborder-radius: 100px;\n\t\tbox-shadow: var(--markdown-shadow-1);\n\t\ttransition: background-color 0.2s ease-in-out;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle .add-button svg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle .add-button:hover {\n\t\tbackground-color: var(--og-accent-color-highlight);\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle .add-button:active {\n\t\tbackground: var(--markdown-color-selected);\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] {\n\t\theight: 1px;\n\t\tz-index: 2;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] .add-button {\n\t\tposition: absolute;\n\t\ttransform: translateX(-50%) translateY(-50%);\n\t\tpadding: 6px 0;\n\t\twidth: 16px;\n\t\theight: 28px;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] {\n\t\twidth: 1px;\n\t\tz-index: 1;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] .add-button {\n\t\tposition: absolute;\n\t\ttransform: translateY(-50%) translateX(-50%);\n\t\tpadding: 0 6px;\n\t\twidth: 28px;\n\t\theight: 16px;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-display-type='indicator'] .add-button {\n\t\tdisplay: none;\n\t}\n\n\t/* readonly */\n\n\t.milkdown .milkdown-table-block.readonly .handle {\n\t\tdisplay: none;\n\t}\n`;\n"]}
|
package/dist/constants.d.ts
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
PREFIX: string;
|
|
3
|
-
DEFAULT_ACCENT_COLOR: string;
|
|
4
|
-
DEFAULT_ACCENT_COLOR_2: import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | any | ArrayLike<number> | {
|
|
5
|
-
[key: string]: any;
|
|
6
|
-
}> | ArrayLike<number> | {
|
|
7
|
-
[key: string]: any;
|
|
8
|
-
}> | ArrayLike<number> | {
|
|
9
|
-
[key: string]: any;
|
|
10
|
-
}> | ArrayLike<number> | {
|
|
11
|
-
[key: string]: any;
|
|
12
|
-
}> | ArrayLike<number> | {
|
|
13
|
-
[key: string]: any;
|
|
14
|
-
}> | ArrayLike<number> | {
|
|
15
|
-
[key: string]: any;
|
|
16
|
-
}> | ArrayLike<number> | {
|
|
17
|
-
[key: string]: any;
|
|
18
|
-
}> | ArrayLike<number> | {
|
|
19
|
-
[key: string]: any;
|
|
20
|
-
}> | ArrayLike<number> | {
|
|
21
|
-
[key: string]: any;
|
|
22
|
-
}> | ArrayLike<number> | {
|
|
23
|
-
[key: string]: any;
|
|
24
|
-
}> | ArrayLike<number> | {
|
|
25
|
-
[key: string]: any;
|
|
26
|
-
}> | ArrayLike<number> | {
|
|
27
|
-
[key: string]: any;
|
|
28
|
-
}>;
|
|
29
|
-
SIZER_SIZE: number;
|
|
30
|
-
SLIDER_SIZE: number;
|
|
31
|
-
SLIDER_MIN_LENGTH: number;
|
|
32
|
-
EXPANDER_SIZE: number;
|
|
33
|
-
LIST_ITEM_HEIGHT: number;
|
|
34
|
-
LIST_RENDERING_TRESHOLD: number;
|
|
35
|
-
LIST_AUTOSCROLL_TRESHOLD: number;
|
|
36
|
-
LIST_AUTOSCROLL_DELAY: number;
|
|
37
|
-
DEFAULT_TEXT_HIGHLIGHT_COLOR: string;
|
|
38
|
-
TOOLTIP_MARGIN: number;
|
|
39
|
-
MENU_ITEM_HEIGHT: number;
|
|
40
|
-
COLORPICKER_COLOR_SIZE: number;
|
|
41
|
-
DEFAULT_NUMBER_FORMAT: string;
|
|
42
|
-
BUTTON_HEIGHT: number;
|
|
43
|
-
FONT_SIZE: number;
|
|
44
|
-
FLOATING_WINDOW_MAX_WIDTH: number;
|
|
45
|
-
};
|
|
46
|
-
export default _default;
|
|
47
|
-
//# sourceMappingURL=constants.d.ts.map
|
package/dist/constants.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEE"}
|
package/dist/constants.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{constants as coreConstants}from"@omegagrid/core";export default{...coreConstants};
|
package/dist/constants.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7D,eAAe;IACd,GAAG,aAAa;CAChB,CAAC","sourcesContent":["import { constants as coreConstants } from '@omegagrid/core';\n\nexport default {\n\t...coreConstants\n};"]}
|
package/dist/index.d.ts
DELETED
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
package/dist/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export*from"./components";export*from"./utils";export{MilkdownLoader as loader}from"./loader";
|
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export * from './components';\nexport * from './utils';\nexport { MilkdownLoader as loader } from './loader';\n"]}
|
package/dist/loader.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type * as milkdown from "@omegagrid/milkdown-kit";
|
|
2
|
-
declare global {
|
|
3
|
-
interface Window {
|
|
4
|
-
Milkdown: typeof milkdown;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
export declare const md: Partial<typeof milkdown>;
|
|
8
|
-
export declare class MilkdownLoader {
|
|
9
|
-
#private;
|
|
10
|
-
static milkdownPath: string;
|
|
11
|
-
static init(path: string): void;
|
|
12
|
-
static get(): Promise<typeof milkdown>;
|
|
13
|
-
static getSync(): typeof milkdown;
|
|
14
|
-
static load(): Promise<typeof milkdown>;
|
|
15
|
-
}
|
|
16
|
-
//# sourceMappingURL=loader.d.ts.map
|
package/dist/loader.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGzD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QAClB,QAAQ,EAAE,OAAO,QAAQ,CAAC;KACvB;CACJ;AAED,eAAO,MAAM,EAAE,EAAE,OAAO,CAAC,OAAO,QAAQ,CAAM,CAAC;AAE/C,qBAAa,cAAc;;IAE1B,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;IAG5B,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM;WAIX,GAAG;IAMhB,MAAM,CAAC,OAAO;WAID,IAAI,IAAI,OAAO,CAAC,OAAO,QAAQ,CAAC;CAe7C"}
|
package/dist/loader.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _a,_MilkdownLoader_milkdown,__classPrivateFieldGet=this&&this.__classPrivateFieldGet||function(e,i,t,a){if("a"===t&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?e!==i||!a:!i.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?a:"a"===t?a.call(e):a?a.value:i.get(e)},__classPrivateFieldSet=this&&this.__classPrivateFieldSet||function(e,i,t,a,o){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?e!==i||!o:!i.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?o.call(e,t):o?o.value=t:i.set(e,t),t};import{ScriptLoader}from"@omegagrid/core";export const md={};export class MilkdownLoader{static init(e){_a.milkdownPath=e}static async get(){return __classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)||__classPrivateFieldSet(this,_a,await this.load(),"f",_MilkdownLoader_milkdown),Object.assign(md,__classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)),__classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)}static getSync(){return __classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)}static async load(){return window.Milkdown?window.Milkdown:new Promise(((e,i)=>ScriptLoader.load(this.milkdownPath).then((()=>{window.Milkdown?e(window.Milkdown):i("Failed to load Milkdown")})).catch((e=>{console.error("Failed to load Milkdown",e),i(e)}))))}}_a=MilkdownLoader,_MilkdownLoader_milkdown={value:void 0};
|
package/dist/loader.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,MAAM,EAAE,GAA6B,EAAE,CAAC;AAE/C,MAAM,OAAO,cAAc;IAK1B,MAAM,CAAC,IAAI,CAAC,IAAY;QACvB,EAAc,CAAC,YAAY,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,GAAG;QACf,IAAI,CAAC,uBAAA,IAAI,oCAAU;YAAE,uBAAA,IAAI,MAAa,MAAM,IAAI,CAAC,IAAI,EAAE,gCAAA,CAAC;QACxD,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,uBAAA,IAAI,oCAAU,CAAC,CAAC;QAClC,OAAO,uBAAA,IAAI,oCAAU,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,OAAO;QACb,OAAO,uBAAA,IAAI,oCAAU,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAI;QAChB,IAAI,MAAM,CAAC,QAAQ;YAAE,OAAO,MAAM,CAAC,QAAQ,CAAC;QAE5C,OAAO,IAAI,OAAO,CAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACvG,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACrB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACP,MAAM,CAAC,yBAAyB,CAAC,CAAC;YACnC,CAAC;QACF,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;YAChD,MAAM,CAAC,KAAK,CAAC,CAAC;QACf,CAAC,CAAC,CAAC,CAAC;IACL,CAAC;CAED;;AA/BO,4CAAS,CAAkB","sourcesContent":["import type * as milkdown from \"@omegagrid/milkdown-kit\";\nimport { ScriptLoader } from \"@omegagrid/core\";\n\ndeclare global {\n interface Window { \n\t\tMilkdown: typeof milkdown,\n }\n}\n\nexport const md: Partial<typeof milkdown> = {};\n\nexport class MilkdownLoader {\n\n\tstatic milkdownPath: string;\n\tstatic #milkdown: typeof milkdown;\n\t\n\tstatic init(path: string) {\n\t\tMilkdownLoader.milkdownPath = path;\n\t}\n\n\tstatic async get() {\n\t\tif (!this.#milkdown) this.#milkdown = await this.load();\n\t\tObject.assign(md, this.#milkdown);\n\t\treturn this.#milkdown;\n\t}\n\n\tstatic getSync() {\n\t\treturn this.#milkdown;\n\t}\n\n\tstatic async load(): Promise<typeof milkdown> {\n\t\tif (window.Milkdown) return window.Milkdown;\n\n\t\treturn new Promise<typeof milkdown>((resolve, reject) => ScriptLoader.load(this.milkdownPath).then(() => {\n\t\t\tif (window.Milkdown) {\n\t\t\t\tresolve(window.Milkdown);\n\t\t\t} else {\n\t\t\t\treject('Failed to load Milkdown');\n\t\t\t}\n\t\t}).catch((error) => {\n\t\t\tconsole.error('Failed to load Milkdown', error);\n\t\t\treject(error);\n\t\t}));\n\t}\n\t\n}\n"]}
|
package/dist/utils.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export type CreateEditorOptions = {
|
|
2
|
-
container?: HTMLElement;
|
|
3
|
-
content?: string;
|
|
4
|
-
readOnly?: boolean;
|
|
5
|
-
onUpload?: (file: File) => Promise<string>;
|
|
6
|
-
onChange?: (markdown: string, prevMarkdown: string) => void;
|
|
7
|
-
modifyImageUrl?: (file: string) => Promise<string> | string;
|
|
8
|
-
};
|
|
9
|
-
export declare function createEditor(options?: CreateEditorOptions): Promise<import("@milkdown/core").Editor>;
|
|
10
|
-
export declare function markdownToHtml(markdown: string, options?: Omit<CreateEditorOptions, 'content' | 'readOnly'>): Promise<string>;
|
|
11
|
-
//# sourceMappingURL=utils.d.ts.map
|
package/dist/utils.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG;IACjC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,GAAC,MAAM,CAAC;CAC1D,CAAA;AAED,wBAAsB,YAAY,CAAC,OAAO,CAAC,EAAE,mBAAmB,4CAyC/D;AAED,wBAAsB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAC,UAAU,CAAC,mBAuB/G"}
|
package/dist/utils.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{MilkdownLoader}from"./loader";import{configureFeatures,getFeatures}from".";export async function createEditor(e){const t=await MilkdownLoader.get(),r=t.core.Editor.make(),n=Array.from(getFeatures(r,t,e).entries()).filter((([e,t])=>t.default));return r.config(configureFeatures(n.map((e=>e[0])),t)).config((r=>{e?.container&&r.set(t.core.rootCtx,e.container),e?.content&&r.set(t.core.defaultValueCtx,e.content),e?.readOnly&&r.update(t.core.editorViewOptionsCtx,(e=>({...e,editable:()=>!1}))),r.update(t.plugins.indent.indentConfig.key,(e=>({...e,size:4}))),r.get(t.plugins.listener.listenerCtx).markdownUpdated(((t,r,n)=>{e?.onChange&&r!==n&&e.onChange(r,n)}))})).use(t.presets.commonmark.commonmark).use(t.plugins.listener.listener).use(t.plugins.history.history).use(t.plugins.indent.indent).use(t.plugins.trailing.trailing).use(t.plugins.clipboard.clipboard).use(t.presets.gfm.gfm),n.forEach((e=>e[1].init())),await r.create(),r}export async function markdownToHtml(e,t){const r=await createEditor(Object.assign({},t,{content:e,readOnly:!0})),n=MilkdownLoader.getSync(),i=document.createElement("div"),o=r.ctx.get(n.core.schemaCtx),a=r.ctx.get(n.core.editorViewCtx),s=n.prose.model.DOMSerializer.fromSchema(o).serializeFragment(a.state.doc.content);for(const e of s.querySelectorAll("img")){const r=e.getAttribute("src");if(r&&t?.modifyImageUrl){const n=t.modifyImageUrl(r);e.setAttribute("src","string"==typeof n?n:await n)}e.hasAttribute("ratio")&&(e.style.width=100*parseFloat(e.getAttribute("ratio"))+"%")}return i.appendChild(s),r.destroy(),i.innerHTML}
|
package/dist/utils.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { MilkdownLoader } from \"./loader\";\nimport { configureFeatures, getFeatures } from '.';\n\nexport type CreateEditorOptions = {\n\tcontainer?: HTMLElement;\n\tcontent?: string;\n\treadOnly?: boolean;\n\tonUpload?: (file: File) => Promise<string>;\n\tonChange?: (markdown: string, prevMarkdown: string) => void;\n\tmodifyImageUrl?: (file: string) => Promise<string>|string;\n}\n\nexport async function createEditor(options?: CreateEditorOptions) {\n\tconst milkdown = await MilkdownLoader.get();\n\tconst editor = milkdown.core.Editor.make();\n\tconst enabledFeatures = Array.from(getFeatures(editor, milkdown, options).entries()).filter(([_k, v]) => v.default);\n\n\teditor.config(configureFeatures(enabledFeatures.map(f => f[0]), milkdown))\n\t\t.config((ctx) => {\n\t\t\tif (options?.container) ctx.set(milkdown.core.rootCtx, options.container);\n\t\t\tif (options?.content) ctx.set(milkdown.core.defaultValueCtx, options.content);\n\t\t\tif (options?.readOnly) {\n\t\t\t\tctx.update(milkdown.core.editorViewOptionsCtx, (prev) => ({...prev, editable: () => false}));\n\t\t\t}\n\n\t\t\tctx.update(milkdown.plugins.indent.indentConfig.key, (value) => ({\n\t\t\t\t...value,\n\t\t\t\tsize: 4,\n\t\t\t}))\n\n\t\t\tconst listener = ctx.get(milkdown.plugins.listener.listenerCtx);\n\t\t\tlistener.markdownUpdated((_ctx, markdown, prevMarkdown) => {\n\t\t\t\tif (options?.onChange && markdown !== prevMarkdown) {\n\t\t\t\t\toptions.onChange(markdown, prevMarkdown);\n\t\t\t\t}\n\t\t\t})\n\t\t\t// listener.mounted((ctx) => {\n\t\t\t// \tconsole.log(options.container);\n\t\t\t// });\n\t\t\t\n\t\t})\n\t\t.use(milkdown.presets.commonmark.commonmark)\n\t\t.use(milkdown.plugins.listener.listener)\n\t\t.use(milkdown.plugins.history.history)\n\t\t.use(milkdown.plugins.indent.indent)\n\t\t.use(milkdown.plugins.trailing.trailing)\n\t\t.use(milkdown.plugins.clipboard.clipboard)\n\t\t.use(milkdown.presets.gfm.gfm);\n\n\tenabledFeatures.forEach(f => f[1].init());\n\n\tawait editor.create();\n\treturn editor;\n}\n\nexport async function markdownToHtml(markdown: string, options?: Omit<CreateEditorOptions, 'content'|'readOnly'>) {\n\tconst editor = await createEditor(Object.assign({}, options, {content: markdown, readOnly: true}));\n\tconst md = MilkdownLoader.getSync();\n\tconst div = document.createElement('div');\n const schema = editor.ctx.get(md.core.schemaCtx);\n const view = editor.ctx.get(md.core.editorViewCtx);\n\tconst fragment = md.prose.model.DOMSerializer.fromSchema(schema).serializeFragment(view.state.doc.content);\n\t\n\tfor (const img of fragment.querySelectorAll('img')) {\n\t\tconst src = img.getAttribute('src');\n\t\tif (src && options?.modifyImageUrl) {\n\t\t\tconst url = options.modifyImageUrl(src);\n\t\t\timg.setAttribute('src', typeof url === 'string' ? url : await url);\n\t\t}\n\n\t\tif (img.hasAttribute('ratio')) {\n\t\t\timg.style.width = (100 * parseFloat(img.getAttribute('ratio'))) + '%';\n\t\t}\n\t}\n\n div.appendChild(fragment);\n\teditor.destroy();\n return div.innerHTML;\n}\n"]}
|