@ones-editor/editor 2.2.14-beta.14 → 2.2.14-beta.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -3952,6 +3952,9 @@ div.editor-root.readonly div.editor-content div[data-type=editor-container] div[
|
|
|
3952
3952
|
.editor-root .editor-content div[data-type=editor-block].comment.active::after {
|
|
3953
3953
|
display: none;
|
|
3954
3954
|
}
|
|
3955
|
+
.editor-root .editor-content div[data-type=editor-block].comment.active > div[data-type=block-content] {
|
|
3956
|
+
outline: none;
|
|
3957
|
+
}
|
|
3955
3958
|
.editor-root .editor-content div[data-type=editor-block] div[data-type=block-tools] .block-comment-button {
|
|
3956
3959
|
all: unset;
|
|
3957
3960
|
position: absolute;
|
|
@@ -7106,75 +7109,80 @@ div.editor-root.readonly div.editor-content div[data-type=editor-container] .emb
|
|
|
7106
7109
|
.embed-block[data-embed-type=flowchart] div[data-type=block-content],
|
|
7107
7110
|
.embed-block[data-embed-type=plantuml] div[data-type=block-content] {
|
|
7108
7111
|
--border-color: #e5e5e5;
|
|
7109
|
-
display: flex;
|
|
7110
|
-
flex-direction: column;
|
|
7111
7112
|
outline: 1px solid var(--border-color);
|
|
7112
7113
|
border-radius: 3px;
|
|
7113
7114
|
}
|
|
7114
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-
|
|
7115
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-
|
|
7116
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-
|
|
7115
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper,
|
|
7116
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper,
|
|
7117
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper {
|
|
7118
|
+
display: flex;
|
|
7119
|
+
flex-direction: column;
|
|
7120
|
+
flex: 1;
|
|
7121
|
+
}
|
|
7122
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-header,
|
|
7123
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-header,
|
|
7124
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-header {
|
|
7117
7125
|
display: flex;
|
|
7118
7126
|
align-items: center;
|
|
7119
7127
|
flex-shrink: 0;
|
|
7120
7128
|
height: 40px;
|
|
7121
7129
|
padding: 10px 20px;
|
|
7122
|
-
gap:
|
|
7130
|
+
gap: 6px;
|
|
7123
7131
|
background: var(--Background-Default-o-color-bg-weak, #f7f8fa);
|
|
7124
7132
|
border-bottom: 1px solid var(--border-color);
|
|
7125
7133
|
}
|
|
7126
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-header .editor-command-bar-root,
|
|
7127
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-header .editor-command-bar,
|
|
7128
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-header .editor-command-bar-root,
|
|
7129
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-header .editor-command-bar,
|
|
7130
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-header .editor-command-bar-root,
|
|
7131
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-header .editor-command-bar {
|
|
7134
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-header .editor-command-bar-root,
|
|
7135
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-header .editor-command-bar,
|
|
7136
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-header .editor-command-bar-root,
|
|
7137
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-header .editor-command-bar,
|
|
7138
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-header .editor-command-bar-root,
|
|
7139
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-header .editor-command-bar {
|
|
7132
7140
|
background-color: transparent;
|
|
7133
7141
|
}
|
|
7134
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-content,
|
|
7135
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-content,
|
|
7136
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-content {
|
|
7142
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content,
|
|
7143
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content,
|
|
7144
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content {
|
|
7137
7145
|
position: relative;
|
|
7138
7146
|
display: flex;
|
|
7139
7147
|
flex-direction: column;
|
|
7140
7148
|
height: calc(100% - 40px);
|
|
7141
7149
|
flex: 1;
|
|
7142
7150
|
}
|
|
7143
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-content .graph-content,
|
|
7144
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-content .graph-content,
|
|
7145
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-content .graph-content {
|
|
7151
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content,
|
|
7152
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content,
|
|
7153
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content {
|
|
7146
7154
|
flex: 1;
|
|
7147
7155
|
display: flex;
|
|
7148
7156
|
height: 100%;
|
|
7149
7157
|
}
|
|
7150
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-left,
|
|
7151
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-left,
|
|
7152
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-left {
|
|
7158
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-left,
|
|
7159
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-left,
|
|
7160
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-left {
|
|
7153
7161
|
border-right: 1px solid var(--border-color);
|
|
7154
7162
|
}
|
|
7155
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-left,
|
|
7156
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-right,
|
|
7157
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-left,
|
|
7158
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-right,
|
|
7159
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-left,
|
|
7160
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-right {
|
|
7163
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-left,
|
|
7164
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-right,
|
|
7165
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-left,
|
|
7166
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-right,
|
|
7167
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-left,
|
|
7168
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-right {
|
|
7161
7169
|
display: flex;
|
|
7162
7170
|
align-items: center;
|
|
7163
7171
|
justify-content: center;
|
|
7164
7172
|
overflow: hidden;
|
|
7165
7173
|
padding: 10px;
|
|
7166
7174
|
}
|
|
7167
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-left > div,
|
|
7168
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-right > div,
|
|
7169
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-left > div,
|
|
7170
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-right > div,
|
|
7171
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-left > div,
|
|
7172
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-content .graph-content .embed-graph-right > div {
|
|
7175
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-left > div,
|
|
7176
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-right > div,
|
|
7177
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-left > div,
|
|
7178
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-right > div,
|
|
7179
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-left > div,
|
|
7180
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .graph-content .embed-graph-right > div {
|
|
7173
7181
|
flex: 1;
|
|
7174
7182
|
}
|
|
7175
|
-
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-content .resize-gripper,
|
|
7176
|
-
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-content .resize-gripper,
|
|
7177
|
-
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-content .resize-gripper {
|
|
7183
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .resize-gripper,
|
|
7184
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .resize-gripper,
|
|
7185
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper .embed-graph-content .resize-gripper {
|
|
7178
7186
|
position: absolute;
|
|
7179
7187
|
top: 0;
|
|
7180
7188
|
width: 10px;
|
|
@@ -7183,6 +7191,61 @@ div.editor-root.readonly div.editor-content div[data-type=editor-container] .emb
|
|
|
7183
7191
|
margin-left: -5px;
|
|
7184
7192
|
cursor: col-resize;
|
|
7185
7193
|
}
|
|
7194
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .custom-scrollbar, .embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-code-editor-container textarea,
|
|
7195
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .custom-scrollbar,
|
|
7196
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-code-editor-container textarea,
|
|
7197
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .custom-scrollbar,
|
|
7198
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-code-editor-container textarea {
|
|
7199
|
+
overflow: auto;
|
|
7200
|
+
scrollbar-color: transparent transparent;
|
|
7201
|
+
scrollbar-width: thin;
|
|
7202
|
+
/* Handle */
|
|
7203
|
+
/* Handle on hover */
|
|
7204
|
+
}
|
|
7205
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .custom-scrollbar:hover, .embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-code-editor-container textarea:hover,
|
|
7206
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .custom-scrollbar:hover,
|
|
7207
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-code-editor-container textarea:hover,
|
|
7208
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .custom-scrollbar:hover,
|
|
7209
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-code-editor-container textarea:hover {
|
|
7210
|
+
scrollbar-color: var(--other-o-color-scrollbar, #bebfc2) transparent;
|
|
7211
|
+
overflow-y: scroll !important;
|
|
7212
|
+
}
|
|
7213
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .custom-scrollbar:focus, .embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-code-editor-container textarea:focus,
|
|
7214
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .custom-scrollbar:focus,
|
|
7215
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-code-editor-container textarea:focus,
|
|
7216
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .custom-scrollbar:focus,
|
|
7217
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-code-editor-container textarea:focus {
|
|
7218
|
+
scrollbar-color: var(--other-o-color-scrollbar, #bebfc2) transparent;
|
|
7219
|
+
}
|
|
7220
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .custom-scrollbar::-webkit-scrollbar-track, .embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-code-editor-container textarea::-webkit-scrollbar-track,
|
|
7221
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .custom-scrollbar::-webkit-scrollbar-track,
|
|
7222
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-code-editor-container textarea::-webkit-scrollbar-track,
|
|
7223
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .custom-scrollbar::-webkit-scrollbar-track,
|
|
7224
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-code-editor-container textarea::-webkit-scrollbar-track {
|
|
7225
|
+
background: transparent;
|
|
7226
|
+
}
|
|
7227
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .custom-scrollbar::-webkit-scrollbar-thumb, .embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-code-editor-container textarea::-webkit-scrollbar-thumb,
|
|
7228
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .custom-scrollbar::-webkit-scrollbar-thumb,
|
|
7229
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-code-editor-container textarea::-webkit-scrollbar-thumb,
|
|
7230
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .custom-scrollbar::-webkit-scrollbar-thumb,
|
|
7231
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-code-editor-container textarea::-webkit-scrollbar-thumb {
|
|
7232
|
+
border-radius: 4px;
|
|
7233
|
+
background: transparent;
|
|
7234
|
+
}
|
|
7235
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .custom-scrollbar::-webkit-scrollbar-thumb:hover, .embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-code-editor-container textarea::-webkit-scrollbar-thumb:hover,
|
|
7236
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .custom-scrollbar::-webkit-scrollbar-thumb:hover,
|
|
7237
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-code-editor-container textarea::-webkit-scrollbar-thumb:hover,
|
|
7238
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .custom-scrollbar::-webkit-scrollbar-thumb:hover,
|
|
7239
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-code-editor-container textarea::-webkit-scrollbar-thumb:hover {
|
|
7240
|
+
background: var(--other-o-color-scrollbar, #bebfc2);
|
|
7241
|
+
}
|
|
7242
|
+
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .custom-scrollbar:hover::-webkit-scrollbar-thumb, .embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-code-editor-container textarea:hover::-webkit-scrollbar-thumb,
|
|
7243
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .custom-scrollbar:hover::-webkit-scrollbar-thumb,
|
|
7244
|
+
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-code-editor-container textarea:hover::-webkit-scrollbar-thumb,
|
|
7245
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .custom-scrollbar:hover::-webkit-scrollbar-thumb,
|
|
7246
|
+
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-code-editor-container textarea:hover::-webkit-scrollbar-thumb {
|
|
7247
|
+
background: var(--other-o-color-scrollbar, #bebfc2);
|
|
7248
|
+
}
|
|
7186
7249
|
.embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-code-editor-container,
|
|
7187
7250
|
.embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-code-editor-container,
|
|
7188
7251
|
.embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-code-editor-container {
|
|
@@ -7237,11 +7300,17 @@ div.editor-root.readonly div.editor-content div[data-type=editor-container] .emb
|
|
|
7237
7300
|
max-width: 100%;
|
|
7238
7301
|
max-height: 100%;
|
|
7239
7302
|
}
|
|
7240
|
-
div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container] .embed-block[data-embed-type=mermaid]
|
|
7241
|
-
div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container] .embed-block[data-embed-type=flowchart]
|
|
7242
|
-
div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container] .embed-block[data-embed-type=plantuml]
|
|
7303
|
+
div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container] .embed-block[data-embed-type=mermaid].no-highlighted.selected > div[data-type=block-content]::before,
|
|
7304
|
+
div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container] .embed-block[data-embed-type=flowchart].no-highlighted.selected > div[data-type=block-content]::before,
|
|
7305
|
+
div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container] .embed-block[data-embed-type=plantuml].no-highlighted.selected > div[data-type=block-content]::before {
|
|
7243
7306
|
background-color: transparent;
|
|
7244
7307
|
}
|
|
7308
|
+
div[data-type=editor-block].layout-block .layout-column-container > .container-blocks > .embed-block[data-embed-type=mermaid] div[data-type=block-content], div[data-type=editor-block].layout-block .layout-column-container > .container-blocks > .embed-block[data-embed-type=flowchart] div[data-type=block-content], div[data-type=editor-block].layout-block .layout-column-container > .container-blocks > .embed-block[data-embed-type=plantuml] div[data-type=block-content] {
|
|
7309
|
+
overflow-x: auto;
|
|
7310
|
+
}
|
|
7311
|
+
div[data-type=editor-block].layout-block .layout-column-container > .container-blocks > .embed-block[data-embed-type=mermaid] div[data-type=block-content] .embed-graph-wrapper, div[data-type=editor-block].layout-block .layout-column-container > .container-blocks > .embed-block[data-embed-type=flowchart] div[data-type=block-content] .embed-graph-wrapper, div[data-type=editor-block].layout-block .layout-column-container > .container-blocks > .embed-block[data-embed-type=plantuml] div[data-type=block-content] .embed-graph-wrapper {
|
|
7312
|
+
min-width: 290px;
|
|
7313
|
+
}
|
|
7245
7314
|
div.comment-editor-root [data-type=editor-container].root .embed-block[data-embed-type=mermaid],
|
|
7246
7315
|
div.comment-editor-root [data-type=editor-container].root .embed-block[data-embed-type=flowchart],
|
|
7247
7316
|
div.comment-editor-root [data-type=editor-container].root .embed-block[data-embed-type=plantuml] {
|
|
@@ -81671,6 +81740,24 @@ ${content}
|
|
|
81671
81740
|
}
|
|
81672
81741
|
}
|
|
81673
81742
|
});
|
|
81743
|
+
__publicField(this, "handleClick", (e2) => {
|
|
81744
|
+
const target = e2.target;
|
|
81745
|
+
if (target instanceof HTMLElement) {
|
|
81746
|
+
const blockElement = getParentBlock(target);
|
|
81747
|
+
assert(logger$k, blockElement, "blockElement does not exist");
|
|
81748
|
+
if (!hasClass(target, "embed-graph-header")) {
|
|
81749
|
+
addClass(blockElement, "no-highlighted");
|
|
81750
|
+
} else {
|
|
81751
|
+
removeClass(blockElement, "no-highlighted");
|
|
81752
|
+
}
|
|
81753
|
+
}
|
|
81754
|
+
});
|
|
81755
|
+
__publicField(this, "handleSelectionChanged", (editor) => {
|
|
81756
|
+
const block = editor.selection.focusedBlock;
|
|
81757
|
+
if (block !== this.block) {
|
|
81758
|
+
removeClass(this.block, "no-highlighted");
|
|
81759
|
+
}
|
|
81760
|
+
});
|
|
81674
81761
|
__publicField(this, "handleInputFocusChange", (focused, id) => {
|
|
81675
81762
|
const block = this.editor.getBlockById(id);
|
|
81676
81763
|
if (focused) {
|
|
@@ -81740,6 +81827,7 @@ ${content}
|
|
|
81740
81827
|
}));
|
|
81741
81828
|
this.editor = editor;
|
|
81742
81829
|
this.editor.addListener("readonlyChanged", this.handleReadonlyChanged);
|
|
81830
|
+
this.editor.addListener("selectionChanged", this.handleSelectionChanged);
|
|
81743
81831
|
GraphExclusiveHandler.get(editor).addListener("onExclusiveBlock", this.handleExclusiveBlock);
|
|
81744
81832
|
}
|
|
81745
81833
|
get block() {
|
|
@@ -81751,6 +81839,7 @@ ${content}
|
|
|
81751
81839
|
destroy() {
|
|
81752
81840
|
var _a, _b, _c;
|
|
81753
81841
|
this.editor.removeListener("readonlyChanged", this.handleReadonlyChanged);
|
|
81842
|
+
this.editor.removeListener("selectionChanged", this.handleSelectionChanged);
|
|
81754
81843
|
(_a = this.layout) == null ? void 0 : _a.destroy();
|
|
81755
81844
|
(_b = this.viewSelect) == null ? void 0 : _b.destroy();
|
|
81756
81845
|
(_c = this.drawHandler) == null ? void 0 : _c.destroy();
|
|
@@ -81761,10 +81850,10 @@ ${content}
|
|
|
81761
81850
|
const oldCode = this.getGraphData(data2).code;
|
|
81762
81851
|
return oldCode !== code;
|
|
81763
81852
|
}
|
|
81764
|
-
createEmbedContent(
|
|
81853
|
+
createEmbedContent(blockContent, blockData) {
|
|
81765
81854
|
const { code, src, height, flex = DEFAULT_FLEX, view } = this.getGraphData(blockData);
|
|
81855
|
+
const content = createElement("div", ["embed-graph-wrapper"], blockContent);
|
|
81766
81856
|
const header = createElement("div", ["embed-graph-header"], content, i18n$1.t(`graph.${this.graphType}`));
|
|
81767
|
-
bindPreventSelect(header, this.handleBlockFocus);
|
|
81768
81857
|
this.viewSelect = new ViewSelect(header);
|
|
81769
81858
|
this.viewSelect.addListener("viewChange", this.updateLayoutData);
|
|
81770
81859
|
const left = createElement("div", ["embed-graph-left"], null);
|
|
@@ -81778,13 +81867,17 @@ ${content}
|
|
|
81778
81867
|
const realView = this.getRealView(view);
|
|
81779
81868
|
this.viewSelect.setSelectedView(realView);
|
|
81780
81869
|
this.updateLayout(realView, flex);
|
|
81781
|
-
this.updateHeight(
|
|
81870
|
+
this.updateHeight(blockContent, height);
|
|
81782
81871
|
this.updateDraw(src, code);
|
|
81783
81872
|
setTimeout(() => {
|
|
81784
81873
|
if (clientType.isMobile) {
|
|
81785
81874
|
return;
|
|
81786
81875
|
}
|
|
81787
81876
|
const blockElement = this.editor.getBlockById(blockData.id);
|
|
81877
|
+
if (!this.editor.readonly) {
|
|
81878
|
+
addClass(blockElement, "no-highlighted");
|
|
81879
|
+
}
|
|
81880
|
+
blockElement.addEventListener("mousedown", this.handleClick, { capture: true });
|
|
81788
81881
|
EmbedBlockResizer.register(this.editor, blockElement, { maxHeight: GRAPH_MAX_HEIGHT, minHeight: GRAPH_MIN_HEIGHT });
|
|
81789
81882
|
});
|
|
81790
81883
|
}
|
|
@@ -81906,6 +81999,9 @@ ${content}
|
|
|
81906
81999
|
static get(editor, id) {
|
|
81907
82000
|
return editor.addCustom(`${MERMAID_TYPE}_${id}`, () => new _MermaidInstance(editor));
|
|
81908
82001
|
}
|
|
82002
|
+
static destroyCustom(editor, id) {
|
|
82003
|
+
editor.destroyCustom(`${MERMAID_TYPE}_${id}`);
|
|
82004
|
+
}
|
|
81909
82005
|
code2ObjectUrl(code) {
|
|
81910
82006
|
return mermaidCodeToObjectUrl(this.editor, code);
|
|
81911
82007
|
}
|
|
@@ -82032,8 +82128,7 @@ ${data2.mermaidText}
|
|
|
82032
82128
|
}
|
|
82033
82129
|
function handleDeleteBlock$2(editor, block) {
|
|
82034
82130
|
const blockId = getBlockId(block);
|
|
82035
|
-
|
|
82036
|
-
mermaid.destroy();
|
|
82131
|
+
MermaidInstance.destroyCustom(editor, blockId);
|
|
82037
82132
|
}
|
|
82038
82133
|
const MermaidEmbed = {
|
|
82039
82134
|
embedType: MERMAID_TYPE,
|
|
@@ -88976,7 +89071,7 @@ ${data2.plantumlText}
|
|
|
88976
89071
|
}
|
|
88977
89072
|
}
|
|
88978
89073
|
});
|
|
88979
|
-
editor.version = "2.2.14-beta.
|
|
89074
|
+
editor.version = "2.2.14-beta.16";
|
|
88980
89075
|
return editor;
|
|
88981
89076
|
}
|
|
88982
89077
|
function isDoc(doc2) {
|
|
@@ -89077,7 +89172,7 @@ ${data2.plantumlText}
|
|
|
89077
89172
|
});
|
|
89078
89173
|
editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
|
|
89079
89174
|
OnesEditorToolbar.register(editor);
|
|
89080
|
-
editor.version = "2.2.14-beta.
|
|
89175
|
+
editor.version = "2.2.14-beta.16";
|
|
89081
89176
|
return editor;
|
|
89082
89177
|
}
|
|
89083
89178
|
async function showDocVersions(editor, options, serverUrl) {
|