@omegagrid/code 0.5.20 → 0.6.0
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/components/code.d.ts.map +1 -1
- package/dist/components/code.js +48 -54
- package/dist/components/code.js.map +1 -1
- package/dist/components/codeBlock.d.ts +22 -22
- package/dist/components/codeBlock.js +30 -36
- package/dist/components/codeBlock.js.map +1 -1
- package/dist/components/codeDiff.d.ts.map +1 -1
- package/dist/components/codeDiff.js +46 -51
- package/dist/components/codeDiff.js.map +1 -1
- package/dist/components/codeView.js +28 -31
- package/dist/components/codeView.js.map +1 -1
- package/dist/components/codeView.style.js +2 -5
- package/dist/components/codeView.style.js.map +1 -1
- package/dist/components/index.js +5 -21
- package/dist/components/index.js.map +1 -1
- package/dist/components/shared.js +1 -5
- package/dist/components/shared.js.map +1 -1
- package/dist/constants.d.ts +13 -11
- package/dist/constants.d.ts.map +1 -1
- package/dist/constants.js +3 -5
- package/dist/constants.js.map +1 -1
- package/dist/index.js +3 -22
- package/dist/index.js.map +1 -1
- package/dist/loader.js +10 -14
- package/dist/loader.js.map +1 -1
- package/dist/utils.js +6 -12
- package/dist/utils.js.map +1 -1
- package/package.json +5 -5
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -16,16 +15,14 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
|
|
|
16
15
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
17
16
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
18
17
|
};
|
|
19
|
-
var _CodeDiffEditor_options, _CodeDiffEditor_language, _CodeDiffEditor_editor, _CodeDiffEditor_modifiedModel, _CodeDiffEditor_originalModel, _CodeDiffEditor_preventChangeEvent, _CodeDiffEditor_initializing, _CodeDiffEditor_originalContent, _CodeDiffEditor_modifiedContent, _CodeDiffEditor_selection, _CodeDiffEditor_originalScrollPosition, _CodeDiffEditor_modifiedScrollPosition,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
const shared_1 = require("./shared");
|
|
28
|
-
const innerStyle = (0, lit_1.css) `
|
|
18
|
+
var _CodeDiffEditor_options, _CodeDiffEditor_language, _CodeDiffEditor_editor, _CodeDiffEditor_modifiedModel, _CodeDiffEditor_originalModel, _CodeDiffEditor_preventChangeEvent, _CodeDiffEditor_initializing, _CodeDiffEditor_originalContent, _CodeDiffEditor_modifiedContent, _CodeDiffEditor_selection, _CodeDiffEditor_originalScrollPosition, _CodeDiffEditor_modifiedScrollPosition, _CodeDiffEditor_activeModel, _CodeDiffEditor_onStyleChange, _CodeDiffEditor_passThroughEvent;
|
|
19
|
+
import { dom, getThemeManager, events } from '@omegagrid/core';
|
|
20
|
+
import { LitElement, css, html } from 'lit';
|
|
21
|
+
import { customElement, query, property } from 'lit/decorators.js';
|
|
22
|
+
import { MonacoLoader } from '../loader';
|
|
23
|
+
import { getDefaultOptions } from '@omegagrid/core';
|
|
24
|
+
import { CodeEvent } from './shared';
|
|
25
|
+
const innerStyle = css `
|
|
29
26
|
html, body {
|
|
30
27
|
margin: 0;
|
|
31
28
|
padding: 0;
|
|
@@ -34,7 +31,7 @@ const innerStyle = (0, lit_1.css) `
|
|
|
34
31
|
position: relative
|
|
35
32
|
}
|
|
36
33
|
`;
|
|
37
|
-
let CodeDiffEditor = class CodeDiffEditor extends
|
|
34
|
+
let CodeDiffEditor = class CodeDiffEditor extends LitElement {
|
|
38
35
|
constructor() {
|
|
39
36
|
super(...arguments);
|
|
40
37
|
_CodeDiffEditor_options.set(this, void 0);
|
|
@@ -49,7 +46,6 @@ let CodeDiffEditor = class CodeDiffEditor extends lit_1.LitElement {
|
|
|
49
46
|
_CodeDiffEditor_selection.set(this, void 0);
|
|
50
47
|
_CodeDiffEditor_originalScrollPosition.set(this, void 0);
|
|
51
48
|
_CodeDiffEditor_modifiedScrollPosition.set(this, void 0);
|
|
52
|
-
_CodeDiffEditor_firstInit.set(this, true);
|
|
53
49
|
_CodeDiffEditor_activeModel.set(this, void 0);
|
|
54
50
|
_CodeDiffEditor_onStyleChange.set(this, () => {
|
|
55
51
|
this.editor.updateOptions({ theme: this.theme });
|
|
@@ -57,20 +53,23 @@ let CodeDiffEditor = class CodeDiffEditor extends lit_1.LitElement {
|
|
|
57
53
|
this.getOptions = () => ({
|
|
58
54
|
...this.options,
|
|
59
55
|
theme: this.theme,
|
|
60
|
-
fontSize:
|
|
56
|
+
fontSize: getDefaultOptions().fontSize,
|
|
61
57
|
// workaround for caret positioning issue in chrome
|
|
62
58
|
// https://github.com/microsoft/monaco-editor/issues/3217#issuecomment-1511978166
|
|
63
59
|
fontLigatures: ''
|
|
64
60
|
});
|
|
65
|
-
this
|
|
61
|
+
_CodeDiffEditor_passThroughEvent.set(this, (event) => {
|
|
62
|
+
const newEvent = new MouseEvent(event.type, event);
|
|
63
|
+
this.dispatchEvent(newEvent);
|
|
64
|
+
});
|
|
65
|
+
this.render = () => html `
|
|
66
66
|
<iframe></iframe>
|
|
67
67
|
`;
|
|
68
68
|
}
|
|
69
69
|
get options() { return __classPrivateFieldGet(this, _CodeDiffEditor_options, "f"); }
|
|
70
70
|
set options(val) {
|
|
71
|
-
var _a;
|
|
72
71
|
__classPrivateFieldSet(this, _CodeDiffEditor_options, val, "f");
|
|
73
|
-
|
|
72
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f")?.updateOptions(val);
|
|
74
73
|
}
|
|
75
74
|
get language() { return __classPrivateFieldGet(this, _CodeDiffEditor_language, "f"); }
|
|
76
75
|
set language(val) {
|
|
@@ -109,23 +108,23 @@ let CodeDiffEditor = class CodeDiffEditor extends lit_1.LitElement {
|
|
|
109
108
|
const selectedCode = selectedCodeChunks.join("\n").trim();
|
|
110
109
|
return selectedCode == null || selectedCode == '' ? __classPrivateFieldGet(this, _CodeDiffEditor_activeModel, "f").getValue() : selectedCode;
|
|
111
110
|
}
|
|
112
|
-
get contentWindow() {
|
|
113
|
-
get document() {
|
|
114
|
-
get head() {
|
|
115
|
-
get body() {
|
|
116
|
-
get monaco() {
|
|
111
|
+
get contentWindow() { return this.iframe?.contentWindow; }
|
|
112
|
+
get document() { return this.iframe?.contentDocument; }
|
|
113
|
+
get head() { return this.iframe?.contentDocument.head; }
|
|
114
|
+
get body() { return this.iframe?.contentDocument.body; }
|
|
115
|
+
get monaco() { return this.contentWindow?.monaco; }
|
|
117
116
|
get editor() { return __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f"); }
|
|
118
117
|
get modifiedModel() { return __classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f"); }
|
|
119
118
|
get originalModel() { return __classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f"); }
|
|
120
|
-
get theme() {
|
|
119
|
+
get theme() { return getThemeManager().activeTheme?.type == 'light' ? 'vs' : 'vs-dark'; }
|
|
121
120
|
async initEditor() {
|
|
122
121
|
if (!this.iframe)
|
|
123
122
|
return;
|
|
124
123
|
if (__classPrivateFieldGet(this, _CodeDiffEditor_initializing, "f") || __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f"))
|
|
125
124
|
return;
|
|
126
125
|
__classPrivateFieldSet(this, _CodeDiffEditor_initializing, true, "f");
|
|
127
|
-
await
|
|
128
|
-
|
|
126
|
+
await MonacoLoader.loadToIFrame(this.iframe);
|
|
127
|
+
dom.appendStyle(this.head, innerStyle.cssText, 'og-monaco');
|
|
129
128
|
__classPrivateFieldSet(this, _CodeDiffEditor_editor, this.monaco.editor.createDiffEditor(this.body, this.getOptions()), "f");
|
|
130
129
|
__classPrivateFieldSet(this, _CodeDiffEditor_originalModel, this.monaco.editor.createModel(__classPrivateFieldGet(this, _CodeDiffEditor_originalContent, "f"), this.language), "f");
|
|
131
130
|
__classPrivateFieldSet(this, _CodeDiffEditor_modifiedModel, this.monaco.editor.createModel(__classPrivateFieldGet(this, _CodeDiffEditor_modifiedContent, "f"), this.language), "f");
|
|
@@ -142,17 +141,13 @@ let CodeDiffEditor = class CodeDiffEditor extends lit_1.LitElement {
|
|
|
142
141
|
scrollTop: __classPrivateFieldGet(this, _CodeDiffEditor_modifiedScrollPosition, "f").top,
|
|
143
142
|
scrollLeft: __classPrivateFieldGet(this, _CodeDiffEditor_modifiedScrollPosition, "f").left
|
|
144
143
|
});
|
|
145
|
-
if (__classPrivateFieldGet(this, _CodeDiffEditor_firstInit, "f")) {
|
|
146
|
-
__classPrivateFieldSet(this, _CodeDiffEditor_firstInit, false, "f");
|
|
147
|
-
this.dispatchEvent(new shared_1.CodeEvent('ready', { editor: __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f") }));
|
|
148
|
-
}
|
|
149
144
|
__classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f").onDidChangeContent(e => {
|
|
150
145
|
if (__classPrivateFieldGet(this, _CodeDiffEditor_preventChangeEvent, "f")) {
|
|
151
146
|
__classPrivateFieldSet(this, _CodeDiffEditor_preventChangeEvent, false, "f");
|
|
152
147
|
return;
|
|
153
148
|
}
|
|
154
|
-
this.dispatchEvent(new
|
|
155
|
-
this.dispatchEvent(new
|
|
149
|
+
this.dispatchEvent(new CodeEvent('change', { editor: this.editor, changes: e.changes }));
|
|
150
|
+
this.dispatchEvent(new events.ChangeEvent({ value: this.editor.getModel().modified.getValue() }));
|
|
156
151
|
});
|
|
157
152
|
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModifiedEditor().onDidFocusEditorText(() => {
|
|
158
153
|
__classPrivateFieldSet(this, _CodeDiffEditor_activeModel, __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModifiedEditor().getModel(), "f");
|
|
@@ -162,19 +157,22 @@ let CodeDiffEditor = class CodeDiffEditor extends lit_1.LitElement {
|
|
|
162
157
|
});
|
|
163
158
|
__classPrivateFieldSet(this, _CodeDiffEditor_preventChangeEvent, false, "f");
|
|
164
159
|
__classPrivateFieldSet(this, _CodeDiffEditor_initializing, false, "f");
|
|
160
|
+
this.dispatchEvent(new CodeEvent('ready', { editor: __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f") }));
|
|
165
161
|
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").focus();
|
|
162
|
+
this.iframe.contentDocument.addEventListener('mousedown', __classPrivateFieldGet(this, _CodeDiffEditor_passThroughEvent, "f"));
|
|
163
|
+
this.iframe.contentDocument.addEventListener('mouseup', __classPrivateFieldGet(this, _CodeDiffEditor_passThroughEvent, "f"));
|
|
164
|
+
// this.iframe.contentDocument.addEventListener('mousemove', this.#passThroughEvent);
|
|
166
165
|
}
|
|
167
166
|
updated() {
|
|
168
167
|
this.initEditor();
|
|
169
168
|
}
|
|
170
169
|
connectedCallback() {
|
|
171
170
|
super.connectedCallback();
|
|
172
|
-
|
|
171
|
+
getThemeManager().addEventListener('change', __classPrivateFieldGet(this, _CodeDiffEditor_onStyleChange, "f"));
|
|
173
172
|
this.initEditor();
|
|
174
173
|
}
|
|
175
174
|
disconnectedCallback() {
|
|
176
|
-
|
|
177
|
-
(0, core_1.getThemeManager)().removeEventListener('change', __classPrivateFieldGet(this, _CodeDiffEditor_onStyleChange, "f"));
|
|
175
|
+
getThemeManager().removeEventListener('change', __classPrivateFieldGet(this, _CodeDiffEditor_onStyleChange, "f"));
|
|
178
176
|
if (__classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f"))
|
|
179
177
|
__classPrivateFieldSet(this, _CodeDiffEditor_originalContent, __classPrivateFieldGet(this, _CodeDiffEditor_originalModel, "f").getValue(), "f");
|
|
180
178
|
if (__classPrivateFieldGet(this, _CodeDiffEditor_modifiedModel, "f"))
|
|
@@ -190,24 +188,20 @@ let CodeDiffEditor = class CodeDiffEditor extends lit_1.LitElement {
|
|
|
190
188
|
left: __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f").getModifiedEditor().getScrollLeft()
|
|
191
189
|
}, "f");
|
|
192
190
|
}
|
|
193
|
-
|
|
191
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f")?.dispose();
|
|
194
192
|
__classPrivateFieldSet(this, _CodeDiffEditor_editor, null, "f");
|
|
195
193
|
}
|
|
196
194
|
layout() {
|
|
197
|
-
|
|
198
|
-
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.layout();
|
|
195
|
+
this.editor?.layout();
|
|
199
196
|
}
|
|
200
197
|
dispose() {
|
|
201
|
-
|
|
202
|
-
(_a = __classPrivateFieldGet(this, _CodeDiffEditor_editor, "f")) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
198
|
+
__classPrivateFieldGet(this, _CodeDiffEditor_editor, "f")?.dispose();
|
|
203
199
|
__classPrivateFieldSet(this, _CodeDiffEditor_editor, null, "f");
|
|
204
200
|
}
|
|
205
201
|
focus() {
|
|
206
|
-
|
|
207
|
-
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.focus();
|
|
202
|
+
this.editor?.focus();
|
|
208
203
|
}
|
|
209
204
|
};
|
|
210
|
-
exports.CodeDiffEditor = CodeDiffEditor;
|
|
211
205
|
_CodeDiffEditor_options = new WeakMap();
|
|
212
206
|
_CodeDiffEditor_language = new WeakMap();
|
|
213
207
|
_CodeDiffEditor_editor = new WeakMap();
|
|
@@ -220,10 +214,10 @@ _CodeDiffEditor_modifiedContent = new WeakMap();
|
|
|
220
214
|
_CodeDiffEditor_selection = new WeakMap();
|
|
221
215
|
_CodeDiffEditor_originalScrollPosition = new WeakMap();
|
|
222
216
|
_CodeDiffEditor_modifiedScrollPosition = new WeakMap();
|
|
223
|
-
_CodeDiffEditor_firstInit = new WeakMap();
|
|
224
217
|
_CodeDiffEditor_activeModel = new WeakMap();
|
|
225
218
|
_CodeDiffEditor_onStyleChange = new WeakMap();
|
|
226
|
-
|
|
219
|
+
_CodeDiffEditor_passThroughEvent = new WeakMap();
|
|
220
|
+
CodeDiffEditor.styles = css `
|
|
227
221
|
:host {
|
|
228
222
|
user-select: text;
|
|
229
223
|
display: block;
|
|
@@ -239,21 +233,22 @@ CodeDiffEditor.styles = (0, lit_1.css) `
|
|
|
239
233
|
}
|
|
240
234
|
`;
|
|
241
235
|
__decorate([
|
|
242
|
-
|
|
236
|
+
property({ type: Object, noAccessor: true })
|
|
243
237
|
], CodeDiffEditor.prototype, "options", null);
|
|
244
238
|
__decorate([
|
|
245
|
-
|
|
239
|
+
property({ type: String, noAccessor: true })
|
|
246
240
|
], CodeDiffEditor.prototype, "language", null);
|
|
247
241
|
__decorate([
|
|
248
|
-
|
|
242
|
+
property({ type: String, noAccessor: true })
|
|
249
243
|
], CodeDiffEditor.prototype, "modifiedContent", null);
|
|
250
244
|
__decorate([
|
|
251
|
-
|
|
245
|
+
property({ type: String, noAccessor: true })
|
|
252
246
|
], CodeDiffEditor.prototype, "originalContent", null);
|
|
253
247
|
__decorate([
|
|
254
|
-
|
|
248
|
+
query('iframe')
|
|
255
249
|
], CodeDiffEditor.prototype, "iframe", void 0);
|
|
256
|
-
|
|
257
|
-
|
|
250
|
+
CodeDiffEditor = __decorate([
|
|
251
|
+
customElement('og-code-diff')
|
|
258
252
|
], CodeDiffEditor);
|
|
253
|
+
export { CodeDiffEditor };
|
|
259
254
|
//# sourceMappingURL=codeDiff.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeDiff.js","sourceRoot":"","sources":["../../src/components/codeDiff.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"codeDiff.js","sourceRoot":"","sources":["../../src/components/codeDiff.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
6
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const utils_1 = require("../utils");
|
|
17
|
-
let CodeView = class CodeView extends lit_1.LitElement {
|
|
7
|
+
import { getThemeManager } from '@omegagrid/core';
|
|
8
|
+
import { LitElement, html } from 'lit';
|
|
9
|
+
import { customElement, query, property } from 'lit/decorators.js';
|
|
10
|
+
import { MonacoLoader } from '../loader';
|
|
11
|
+
import { msg } from '@omegagrid/localize';
|
|
12
|
+
import { style } from './codeView.style';
|
|
13
|
+
import { validateLanguage } from '../utils';
|
|
14
|
+
let CodeView = class CodeView extends LitElement {
|
|
18
15
|
constructor() {
|
|
19
16
|
super(...arguments);
|
|
20
17
|
this.language = 'typescript';
|
|
@@ -26,63 +23,63 @@ let CodeView = class CodeView extends lit_1.LitElement {
|
|
|
26
23
|
this.alertCopy.className = 'fade-out';
|
|
27
24
|
setTimeout(() => this.alertCopy.className = '', 2000);
|
|
28
25
|
};
|
|
29
|
-
this.render = () =>
|
|
30
|
-
${this.copy ?
|
|
26
|
+
this.render = () => html `
|
|
27
|
+
${this.copy ? html `
|
|
31
28
|
<og-button
|
|
32
29
|
id="btnCopy"
|
|
33
30
|
icon="copy"
|
|
34
31
|
color="transparent"
|
|
35
32
|
@click="${this.copyContent}">
|
|
36
33
|
</og-button>
|
|
37
|
-
<og-alert type="success" id="alertCopy"><div slot="content">${
|
|
34
|
+
<og-alert type="success" id="alertCopy"><div slot="content">${msg('copied')}</div></og-alert>
|
|
38
35
|
` : ''}
|
|
39
36
|
|
|
40
|
-
${this.scrollable ?
|
|
37
|
+
${this.scrollable ? html `
|
|
41
38
|
<og-container>
|
|
42
39
|
<div id="root" slot="content"></div>
|
|
43
40
|
</og-container>
|
|
44
|
-
` :
|
|
41
|
+
` : html `
|
|
45
42
|
<div id="root" slot="content"></div>
|
|
46
43
|
`}
|
|
47
44
|
`;
|
|
48
45
|
}
|
|
49
|
-
get theme() {
|
|
46
|
+
get theme() { return getThemeManager().activeTheme?.type == 'light' ? 'vs' : 'vs-dark'; }
|
|
50
47
|
async updated() {
|
|
51
48
|
this.root.innerHTML = '';
|
|
52
49
|
this.root.textContent = this.content;
|
|
53
|
-
const monaco = await
|
|
54
|
-
const language = await
|
|
50
|
+
const monaco = await MonacoLoader.get();
|
|
51
|
+
const language = await validateLanguage(this.language);
|
|
55
52
|
monaco.editor.colorizeElement(this.root, { mimeType: language, theme: this.theme });
|
|
56
53
|
}
|
|
57
54
|
connectedCallback() {
|
|
58
55
|
super.connectedCallback();
|
|
59
|
-
|
|
56
|
+
getThemeManager().addEventListener('change', this.onStyleChange);
|
|
60
57
|
}
|
|
61
58
|
disconnectedCallback() {
|
|
62
|
-
|
|
59
|
+
getThemeManager().removeEventListener('change', this.onStyleChange);
|
|
63
60
|
}
|
|
64
61
|
};
|
|
65
|
-
|
|
66
|
-
CodeView.styles = [codeView_style_1.style];
|
|
62
|
+
CodeView.styles = [style];
|
|
67
63
|
__decorate([
|
|
68
|
-
|
|
64
|
+
property({ type: String })
|
|
69
65
|
], CodeView.prototype, "language", void 0);
|
|
70
66
|
__decorate([
|
|
71
|
-
|
|
67
|
+
property({ type: Boolean })
|
|
72
68
|
], CodeView.prototype, "scrollable", void 0);
|
|
73
69
|
__decorate([
|
|
74
|
-
|
|
70
|
+
property({ type: String })
|
|
75
71
|
], CodeView.prototype, "content", void 0);
|
|
76
72
|
__decorate([
|
|
77
|
-
|
|
73
|
+
property({ type: Boolean })
|
|
78
74
|
], CodeView.prototype, "copy", void 0);
|
|
79
75
|
__decorate([
|
|
80
|
-
|
|
76
|
+
query('#root')
|
|
81
77
|
], CodeView.prototype, "root", void 0);
|
|
82
78
|
__decorate([
|
|
83
|
-
|
|
79
|
+
query('#alertCopy')
|
|
84
80
|
], CodeView.prototype, "alertCopy", void 0);
|
|
85
|
-
|
|
86
|
-
|
|
81
|
+
CodeView = __decorate([
|
|
82
|
+
customElement('og-code-view')
|
|
87
83
|
], CodeView);
|
|
84
|
+
export { CodeView };
|
|
88
85
|
//# sourceMappingURL=codeView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeView.js","sourceRoot":"","sources":["../../src/components/codeView.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"codeView.js","sourceRoot":"","sources":["../../src/components/codeView.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.style = void 0;
|
|
4
|
-
const lit_1 = require("lit");
|
|
5
|
-
exports.style = (0, lit_1.css) `
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const style = css `
|
|
6
3
|
* {
|
|
7
4
|
box-sizing: border-box;
|
|
8
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeView.style.js","sourceRoot":"","sources":["../../src/components/codeView.style.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"codeView.style.js","sourceRoot":"","sources":["../../src/components/codeView.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEvB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,22 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./code"), exports);
|
|
18
|
-
__exportStar(require("./codeDiff"), exports);
|
|
19
|
-
__exportStar(require("./codeBlock"), exports);
|
|
20
|
-
__exportStar(require("./codeView"), exports);
|
|
21
|
-
__exportStar(require("./shared"), exports);
|
|
1
|
+
export * from './code';
|
|
2
|
+
export * from './codeDiff';
|
|
3
|
+
export * from './codeBlock';
|
|
4
|
+
export * from './codeView';
|
|
5
|
+
export * from './shared';
|
|
22
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC"}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CodeEvent = void 0;
|
|
4
|
-
class CodeEvent extends Event {
|
|
1
|
+
export class CodeEvent extends Event {
|
|
5
2
|
constructor(type, args) {
|
|
6
3
|
super(`code.${type}`, { bubbles: true, composed: true });
|
|
7
4
|
Object.assign(this, args);
|
|
8
5
|
}
|
|
9
6
|
}
|
|
10
|
-
exports.CodeEvent = CodeEvent;
|
|
11
7
|
//# sourceMappingURL=shared.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/components/shared.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/components/shared.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,SAAiF,SAAQ,KAAK;IAI1G,YAAY,IAAY,EAAE,IAA2B;QACpD,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC;CACD"}
|
package/dist/constants.d.ts
CHANGED
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
PREFIX: string;
|
|
3
3
|
DEFAULT_ACCENT_COLOR: string;
|
|
4
|
-
DEFAULT_ACCENT_COLOR_2: import("color")<string | number |
|
|
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
5
|
[key: string]: any;
|
|
6
|
-
}> | {
|
|
6
|
+
}> | ArrayLike<number> | {
|
|
7
7
|
[key: string]: any;
|
|
8
|
-
}> | {
|
|
8
|
+
}> | ArrayLike<number> | {
|
|
9
9
|
[key: string]: any;
|
|
10
|
-
}> | {
|
|
10
|
+
}> | ArrayLike<number> | {
|
|
11
11
|
[key: string]: any;
|
|
12
|
-
}> | {
|
|
12
|
+
}> | ArrayLike<number> | {
|
|
13
13
|
[key: string]: any;
|
|
14
|
-
}> | {
|
|
14
|
+
}> | ArrayLike<number> | {
|
|
15
15
|
[key: string]: any;
|
|
16
|
-
}> | {
|
|
16
|
+
}> | ArrayLike<number> | {
|
|
17
17
|
[key: string]: any;
|
|
18
|
-
}> | {
|
|
18
|
+
}> | ArrayLike<number> | {
|
|
19
19
|
[key: string]: any;
|
|
20
|
-
}> | {
|
|
20
|
+
}> | ArrayLike<number> | {
|
|
21
21
|
[key: string]: any;
|
|
22
|
-
}> | {
|
|
22
|
+
}> | ArrayLike<number> | {
|
|
23
23
|
[key: string]: any;
|
|
24
|
-
}> | {
|
|
24
|
+
}> | ArrayLike<number> | {
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
}> | ArrayLike<number> | {
|
|
25
27
|
[key: string]: any;
|
|
26
28
|
}>;
|
|
27
29
|
SIZER_SIZE: number;
|
package/dist/constants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEE"}
|
package/dist/constants.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
exports.default = {
|
|
5
|
-
...core_1.constants
|
|
1
|
+
import { constants as coreConstants } from '@omegagrid/core';
|
|
2
|
+
export default {
|
|
3
|
+
...coreConstants
|
|
6
4
|
};
|
|
7
5
|
//# sourceMappingURL=constants.js.map
|
package/dist/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"
|
|
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"}
|
package/dist/index.js
CHANGED
|
@@ -1,23 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.loader = exports.MonacoLoader = void 0;
|
|
18
|
-
__exportStar(require("./components"), exports);
|
|
19
|
-
var loader_1 = require("./loader"); // TODO: compatibility, remove later
|
|
20
|
-
Object.defineProperty(exports, "MonacoLoader", { enumerable: true, get: function () { return loader_1.MonacoLoader; } });
|
|
21
|
-
var loader_2 = require("./loader");
|
|
22
|
-
Object.defineProperty(exports, "loader", { enumerable: true, get: function () { return loader_2.MonacoLoader; } });
|
|
1
|
+
export * from './components';
|
|
2
|
+
export { MonacoLoader } from './loader'; // TODO: compatibility, remove later
|
|
3
|
+
export { MonacoLoader as loader } from './loader';
|
|
23
4
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC,CAAC,oCAAoC;AAC7E,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
package/dist/loader.js
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const lit_1 = require("lit");
|
|
5
|
-
const core_1 = require("@omegagrid/core");
|
|
6
|
-
class MonacoLoader {
|
|
1
|
+
import { unsafeCSS } from 'lit';
|
|
2
|
+
import { AMD, ScriptLoader, dom } from '@omegagrid/core';
|
|
3
|
+
export class MonacoLoader {
|
|
7
4
|
static init(path) {
|
|
8
5
|
MonacoLoader.monacoPath = path;
|
|
9
|
-
MonacoLoader.monacoStyle = `@import "${
|
|
10
|
-
|
|
6
|
+
MonacoLoader.monacoStyle = `@import "${unsafeCSS(path)}/editor/editor.main.css"`;
|
|
7
|
+
dom.appendStyle(document.head, `
|
|
11
8
|
@font-face {
|
|
12
9
|
font-family: 'codicon';
|
|
13
10
|
src: url('${path}/base/browser/ui/codicons/codicon/codicon.ttf') format('truetype');
|
|
@@ -23,21 +20,21 @@ class MonacoLoader {
|
|
|
23
20
|
return this.monaco;
|
|
24
21
|
}
|
|
25
22
|
static load() {
|
|
26
|
-
if (!
|
|
23
|
+
if (!AMD.require) {
|
|
27
24
|
throw new Error('AMDLoader is not initialized');
|
|
28
25
|
}
|
|
29
|
-
|
|
26
|
+
AMD.require.config({
|
|
30
27
|
paths: { 'vs': MonacoLoader.monacoPath },
|
|
31
28
|
'vs/css': { disabled: true }
|
|
32
29
|
});
|
|
33
30
|
return new Promise((resolve) => {
|
|
34
|
-
|
|
31
|
+
AMD.require(['vs/editor/editor.main'], () => {
|
|
35
32
|
resolve(self.monaco);
|
|
36
33
|
});
|
|
37
34
|
});
|
|
38
35
|
}
|
|
39
36
|
static async loadToIFrame(iframe) {
|
|
40
|
-
if (!
|
|
37
|
+
if (!AMD.require) {
|
|
41
38
|
throw new Error('AMDLoader is not initialized');
|
|
42
39
|
}
|
|
43
40
|
const window = iframe.contentWindow;
|
|
@@ -45,7 +42,7 @@ class MonacoLoader {
|
|
|
45
42
|
return window.monaco;
|
|
46
43
|
// window.require = AMD.require;
|
|
47
44
|
// window.monaco = await this.load();
|
|
48
|
-
await
|
|
45
|
+
await ScriptLoader.load(`${MonacoLoader.monacoPath}/loader.js`, iframe.contentDocument);
|
|
49
46
|
window.require.config({ paths: { 'vs': MonacoLoader.monacoPath } });
|
|
50
47
|
return await new Promise((resolve) => {
|
|
51
48
|
window.require(['vs/editor/editor.main'], () => {
|
|
@@ -54,5 +51,4 @@ class MonacoLoader {
|
|
|
54
51
|
});
|
|
55
52
|
}
|
|
56
53
|
}
|
|
57
|
-
exports.MonacoLoader = MonacoLoader;
|
|
58
54
|
//# sourceMappingURL=loader.js.map
|