@ones-editor/editor 2.1.8-beta.12 → 2.1.8-beta.14

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
@@ -5343,10 +5343,72 @@ div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container]
5343
5343
  border-radius: 3px;
5344
5344
  pointer-events: none;
5345
5345
  }
5346
- .editor-root.history .list-block.history-inserted-block {
5346
+ .editor-root.history .code-block .text-block.history-inserted-block::before {
5347
+ background-color: transparent;
5348
+ }
5349
+ .editor-root.history .code-block .text-block.history-inserted-block [data-type=block-content] {
5347
5350
  position: relative;
5348
5351
  }
5349
- .editor-root.history .list-block.history-inserted-block::before {
5352
+ .editor-root.history .code-block .text-block.history-inserted-block [data-type=block-content]::before {
5353
+ content: var(--history-mask-identifier);
5354
+ color: transparent;
5355
+ position: absolute;
5356
+ top: 0px;
5357
+ bottom: 0px;
5358
+ left: -5px;
5359
+ right: -5px;
5360
+ background-color: var(--op-selected-color);
5361
+ border-radius: 3px;
5362
+ pointer-events: none;
5363
+ }
5364
+ .editor-root.history .code-block .text-block.history-deleted-block::before {
5365
+ background-color: transparent;
5366
+ mask: none;
5367
+ }
5368
+ .editor-root.history .code-block .text-block.history-deleted-block::after {
5369
+ background-color: transparent;
5370
+ }
5371
+ .editor-root.history .code-block .text-block.history-deleted-block [data-type=block-content] {
5372
+ position: relative;
5373
+ }
5374
+ .editor-root.history .code-block .text-block.history-deleted-block [data-type=block-content]::before {
5375
+ content: var(--history-mask-identifier);
5376
+ color: transparent;
5377
+ position: absolute;
5378
+ top: 0px;
5379
+ bottom: 0px;
5380
+ left: -5px;
5381
+ right: -5px;
5382
+ background-color: var(--op-selected-color);
5383
+ border-radius: 3px;
5384
+ pointer-events: none;
5385
+ mask-repeat: no-repeat;
5386
+ mask-position: center;
5387
+ mask-size: auto clamp(20px, 50%, 60px);
5388
+ -webkit-mask-size: auto clamp(20px, 50%, 60px);
5389
+ mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjAzMjggMjkuNjIzMkw0OC41NjE2IDExLjA2MTZNMzAuMDMyOCAyOS42MjMyTDQ4LjU2MTYgNDguMTg0N00zMC4wMzI4IDI5LjYyMzJMMTEuNDM4NCA0OC4xODQ3TTMwLjAzMjggMjkuNjIzMkwxMS40Mzg0IDExLjA2MTYiIHN0cm9rZT0iI0IyMUI1NyIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
5390
+ background-color: var(--op-color);
5391
+ z-index: 1;
5392
+ }
5393
+ .editor-root.history .code-block .text-block.history-deleted-block [data-type=block-content] {
5394
+ position: relative;
5395
+ }
5396
+ .editor-root.history .code-block .text-block.history-deleted-block [data-type=block-content]::after {
5397
+ content: var(--history-mask-identifier);
5398
+ color: transparent;
5399
+ position: absolute;
5400
+ top: 0px;
5401
+ bottom: 0px;
5402
+ left: -5px;
5403
+ right: -5px;
5404
+ background-color: var(--op-selected-color);
5405
+ border-radius: 3px;
5406
+ pointer-events: none;
5407
+ }
5408
+ .editor-root.history .list-block.history-inserted-block:not(.editor-in-mindmap-first) {
5409
+ position: relative;
5410
+ }
5411
+ .editor-root.history .list-block.history-inserted-block:not(.editor-in-mindmap-first)::before {
5350
5412
  content: var(--history-mask-identifier);
5351
5413
  color: transparent;
5352
5414
  position: absolute;
@@ -5358,10 +5420,25 @@ div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container]
5358
5420
  border-radius: 3px;
5359
5421
  pointer-events: none;
5360
5422
  }
5361
- .editor-root.history .list-block.history-deleted-block {
5423
+ .editor-root.history .list-block.history-inserted-block.editor-in-mindmap-first {
5362
5424
  position: relative;
5363
5425
  }
5364
- .editor-root.history .list-block.history-deleted-block::before {
5426
+ .editor-root.history .list-block.history-inserted-block.editor-in-mindmap-first::before {
5427
+ content: var(--history-mask-identifier);
5428
+ color: transparent;
5429
+ position: absolute;
5430
+ top: -5px;
5431
+ bottom: -5px;
5432
+ left: -5px;
5433
+ right: -5px;
5434
+ background-color: var(--op-selected-color);
5435
+ border-radius: 3px;
5436
+ pointer-events: none;
5437
+ }
5438
+ .editor-root.history .list-block.history-deleted-block:not(.editor-in-mindmap-first) {
5439
+ position: relative;
5440
+ }
5441
+ .editor-root.history .list-block.history-deleted-block:not(.editor-in-mindmap-first)::before {
5365
5442
  content: var(--history-mask-identifier);
5366
5443
  color: transparent;
5367
5444
  position: absolute;
@@ -5380,10 +5457,10 @@ div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container]
5380
5457
  background-color: var(--op-color);
5381
5458
  z-index: 1;
5382
5459
  }
5383
- .editor-root.history .list-block.history-deleted-block {
5460
+ .editor-root.history .list-block.history-deleted-block:not(.editor-in-mindmap-first) {
5384
5461
  position: relative;
5385
5462
  }
5386
- .editor-root.history .list-block.history-deleted-block::after {
5463
+ .editor-root.history .list-block.history-deleted-block:not(.editor-in-mindmap-first)::after {
5387
5464
  content: var(--history-mask-identifier);
5388
5465
  color: transparent;
5389
5466
  position: absolute;
@@ -5395,6 +5472,43 @@ div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container]
5395
5472
  border-radius: 3px;
5396
5473
  pointer-events: none;
5397
5474
  }
5475
+ .editor-root.history .list-block.history-deleted-block.editor-in-mindmap-first {
5476
+ position: relative;
5477
+ }
5478
+ .editor-root.history .list-block.history-deleted-block.editor-in-mindmap-first::before {
5479
+ content: var(--history-mask-identifier);
5480
+ color: transparent;
5481
+ position: absolute;
5482
+ top: -5px;
5483
+ bottom: -5px;
5484
+ left: -5px;
5485
+ right: -5px;
5486
+ background-color: var(--op-selected-color);
5487
+ border-radius: 3px;
5488
+ pointer-events: none;
5489
+ mask-repeat: no-repeat;
5490
+ mask-position: center;
5491
+ mask-size: auto clamp(20px, 50%, 60px);
5492
+ -webkit-mask-size: auto clamp(20px, 50%, 60px);
5493
+ mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjAzMjggMjkuNjIzMkw0OC41NjE2IDExLjA2MTZNMzAuMDMyOCAyOS42MjMyTDQ4LjU2MTYgNDguMTg0N00zMC4wMzI4IDI5LjYyMzJMMTEuNDM4NCA0OC4xODQ3TTMwLjAzMjggMjkuNjIzMkwxMS40Mzg0IDExLjA2MTYiIHN0cm9rZT0iI0IyMUI1NyIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
5494
+ background-color: var(--op-color);
5495
+ z-index: 1;
5496
+ }
5497
+ .editor-root.history .list-block.history-deleted-block.editor-in-mindmap-first {
5498
+ position: relative;
5499
+ }
5500
+ .editor-root.history .list-block.history-deleted-block.editor-in-mindmap-first::after {
5501
+ content: var(--history-mask-identifier);
5502
+ color: transparent;
5503
+ position: absolute;
5504
+ top: -5px;
5505
+ bottom: -5px;
5506
+ left: -5px;
5507
+ right: -5px;
5508
+ background-color: var(--op-selected-color);
5509
+ border-radius: 3px;
5510
+ pointer-events: none;
5511
+ }
5398
5512
  .editor-root.history .text-block.history-inserted-block,
5399
5513
  .editor-root.history [data-style-quoted=true].history-inserted-block {
5400
5514
  position: relative;
@@ -5453,7 +5567,9 @@ div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container]
5453
5567
  border-radius: 3px;
5454
5568
  pointer-events: none;
5455
5569
  }
5456
- .editor-root.history .list-block.history-deleted-block [class=history-deleted-box], .editor-root.history .text-block.history-deleted-block [class=history-deleted-box], .editor-root.history [data-style-quoted=true].history-deleted-block [class=history-deleted-box] {
5570
+ .editor-root.history .list-block.history-deleted-block [class=history-deleted-box],
5571
+ .editor-root.history .text-block.history-deleted-block [class=history-deleted-box],
5572
+ .editor-root.history [data-style-quoted=true].history-deleted-block [class=history-deleted-box] {
5457
5573
  text-decoration: unset;
5458
5574
  color: unset;
5459
5575
  }
@@ -5728,6 +5844,7 @@ div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container]
5728
5844
  }
5729
5845
  .version-dialog .version-viewer .version-dialog-editor {
5730
5846
  overflow-y: auto;
5847
+ position: relative;
5731
5848
  }
5732
5849
  .version-dialog .version-viewer .version-info-container {
5733
5850
  height: 50px;
@@ -5738,6 +5855,8 @@ div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container]
5738
5855
  padding-left: 20px;
5739
5856
  font-size: 14px;
5740
5857
  color: #303030;
5858
+ position: relative;
5859
+ z-index: 1;
5741
5860
  }
5742
5861
  .version-dialog .version-viewer .version-info-container .version-info-right .text-3 {
5743
5862
  color: #909090;
@@ -77581,7 +77700,7 @@ ${content}
77581
77700
  }
77582
77701
  };
77583
77702
  }
77584
- if (blockData.updatedBy) {
77703
+ if (blockData.updatedBy && isTextKindBlockType(editor, blockData.type) === false) {
77585
77704
  const user = blockData.updatedBy;
77586
77705
  const { flag, selection } = getUserColors(editor.doc.getRemoteUsers(), user);
77587
77706
  return {
@@ -77624,7 +77743,7 @@ ${content}
77624
77743
  });
77625
77744
  return;
77626
77745
  }
77627
- if (blockData.updatedBy) {
77746
+ if (blockData.updatedBy && isTextKindBlockType(editor, blockData.type) === false) {
77628
77747
  const user = blockData.updatedBy;
77629
77748
  const { flag, selection } = getUserColors(editor.doc.getRemoteUsers(), user);
77630
77749
  addClass(blockElement, "history-updated-block");
@@ -78099,6 +78218,10 @@ ${content}
78099
78218
  if (reference.hasAttribute(HISTORY_TOOLTIP_IDENTIFIER)) {
78100
78219
  const getReferenceClientRect2 = () => this.getReferenceClientRect(reference);
78101
78220
  instance.setProps({
78221
+ appendTo: () => {
78222
+ const editorContainer = document.querySelector(".version-dialog-editor");
78223
+ return editorContainer;
78224
+ },
78102
78225
  getReferenceClientRect: getReferenceClientRect2,
78103
78226
  content: this.createContent(reference)
78104
78227
  });
@@ -78119,7 +78242,17 @@ ${content}
78119
78242
  arrow: false,
78120
78243
  delay: 50,
78121
78244
  placement: "top-start",
78122
- offset: [0, 0]
78245
+ offset: [0, 0],
78246
+ popperOptions: {
78247
+ modifiers: [
78248
+ {
78249
+ name: "flip",
78250
+ options: {
78251
+ fallbackPlacements: ["top"]
78252
+ }
78253
+ }
78254
+ ]
78255
+ }
78123
78256
  };
78124
78257
  }
78125
78258
  });
@@ -78131,7 +78264,8 @@ ${content}
78131
78264
  return new DOMRect(rect.left, rect.top - this.gap, rect.width, rect.height);
78132
78265
  }
78133
78266
  getPseudoMaskRect(reference) {
78134
- const editorRootRect = this.editor.rootContainer.getBoundingClientRect();
78267
+ const currentRootContainer = document.getElementById("ones-editor-container-root");
78268
+ const editorRootRect = currentRootContainer.getBoundingClientRect();
78135
78269
  const safetyLeftOffset = editorRootRect.left - this.gap;
78136
78270
  const internalProcess = (pseudoHolder) => {
78137
78271
  for (const pseudo of ["::before", "::after"]) {
@@ -87778,7 +87912,7 @@ ${data2.flowchartText}
87778
87912
  }
87779
87913
  }
87780
87914
  });
87781
- editor.version = "2.1.8-beta.12";
87915
+ editor.version = "2.1.8-beta.14";
87782
87916
  if (Logger$2.level === LogLevel.DEBUG) {
87783
87917
  window.setReauthFail = (fail) => {
87784
87918
  window.isReauthError = fail;
@@ -87879,7 +88013,7 @@ ${data2.flowchartText}
87879
88013
  });
87880
88014
  editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
87881
88015
  OnesEditorToolbar.register(editor);
87882
- editor.version = "2.1.8-beta.12";
88016
+ editor.version = "2.1.8-beta.14";
87883
88017
  return editor;
87884
88018
  }
87885
88019
  async function showDocVersions(editor, options, serverUrl) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ones-editor/editor",
3
- "version": "2.1.8-beta.12",
3
+ "version": "2.1.8-beta.14",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",