@omegagrid/code 0.5.19 → 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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA2B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAc7C,qBACa,IAAK,SAAQ,UAAW,YAAW,MAAM;;IAErD,MAAM,CAAC,MAAM,0BAcX;IAGF,IACI,OAAO,IACM,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAD7B;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,EAGlE;IAED,IACI,OAAO,IACM,MAAM,CADwD;IAC/E,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA2B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAc7C,qBACa,IAAK,SAAQ,UAAW,YAAW,MAAM;;IAErD,MAAM,CAAC,MAAM,0BAcX;IAGF,IACI,OAAO,IACM,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAD7B;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,EAGlE;IAED,IACI,OAAO,IACM,MAAM,CADwD;IAC/E,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAQtB;IAGD,IACI,QAAQ,IACM,MAAM,CADgB;IACxC,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAGvB;IAED,IAAI,eAAe,WAKlB;IAED,IAAI,aAAa,WAAwC;IACzD,IAAI,QAAQ,aAA0C;IACtD,IAAI,IAAI,oBAA+C;IACvD,IAAI,IAAI,gBAA+C;IACvD,IAAI,MAAM,kBAAwC;IAGlD,MAAM,EAAE,iBAAiB,CAAC;IAG1B,IAAI,MAAM,wCAA0B;IAGpC,IAAI,KAAK,6BAAyB;IAQlC,IAAI,KAAK,qBAA+E;IAKxF,UAAU,QAAO,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAOhE;IAEG,UAAU;IAuChB,OAAO;IAIP,iBAAiB;IAMjB,oBAAoB;IAgBpB,MAAM,6CAAiC;IAEvC,MAAM;IAIN,OAAO;IAKP,KAAK;CAIL"}
|
package/dist/components/code.js
CHANGED
|
@@ -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 _Code_options, _Code_language, _Code_editor, _Code_model, _Code_preventChangeEvent, _Code_initializing, _Code_content, _Code_selection, _Code_scrollPosition,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
const shared_1 = require("./shared");
|
|
28
|
-
const innerStyle = (0, lit_1.css) `
|
|
18
|
+
var _Code_options, _Code_language, _Code_editor, _Code_model, _Code_preventChangeEvent, _Code_initializing, _Code_content, _Code_selection, _Code_scrollPosition, _Code_onStyleChange, _Code_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 Code = class Code extends
|
|
34
|
+
let Code = class Code extends LitElement {
|
|
38
35
|
constructor() {
|
|
39
36
|
super(...arguments);
|
|
40
37
|
_Code_options.set(this, void 0);
|
|
@@ -46,34 +43,35 @@ let Code = class Code extends lit_1.LitElement {
|
|
|
46
43
|
_Code_content.set(this, void 0);
|
|
47
44
|
_Code_selection.set(this, void 0);
|
|
48
45
|
_Code_scrollPosition.set(this, void 0);
|
|
49
|
-
_Code_firstInit.set(this, true);
|
|
50
46
|
_Code_onStyleChange.set(this, () => {
|
|
51
47
|
__classPrivateFieldGet(this, _Code_editor, "f").updateOptions({ theme: this.theme });
|
|
52
48
|
});
|
|
53
49
|
this.getOptions = () => ({
|
|
54
50
|
...this.options,
|
|
55
51
|
theme: this.theme,
|
|
56
|
-
fontSize:
|
|
52
|
+
fontSize: getDefaultOptions().fontSize,
|
|
57
53
|
// workaround for caret positioning issue in chrome
|
|
58
54
|
// https://github.com/microsoft/monaco-editor/issues/3217#issuecomment-1511978166
|
|
59
55
|
fontLigatures: ''
|
|
60
56
|
});
|
|
61
|
-
this
|
|
62
|
-
|
|
63
|
-
|
|
57
|
+
_Code_passThroughEvent.set(this, (event) => {
|
|
58
|
+
const newEvent = new MouseEvent(event.type, event);
|
|
59
|
+
this.dispatchEvent(newEvent);
|
|
60
|
+
});
|
|
61
|
+
this.render = () => html `<iframe></iframe>`;
|
|
64
62
|
}
|
|
65
63
|
get options() { return __classPrivateFieldGet(this, _Code_options, "f"); }
|
|
66
64
|
set options(val) {
|
|
67
|
-
var _a;
|
|
68
65
|
__classPrivateFieldSet(this, _Code_options, val, "f");
|
|
69
|
-
|
|
66
|
+
__classPrivateFieldGet(this, _Code_editor, "f")?.updateOptions(val);
|
|
70
67
|
}
|
|
71
68
|
get content() { return __classPrivateFieldGet(this, _Code_editor, "f") ? __classPrivateFieldGet(this, _Code_editor, "f").getValue() : __classPrivateFieldGet(this, _Code_content, "f"); }
|
|
72
69
|
set content(val) {
|
|
73
|
-
|
|
70
|
+
if (val === null)
|
|
71
|
+
val = '';
|
|
74
72
|
if (__classPrivateFieldGet(this, _Code_editor, "f")) {
|
|
75
73
|
__classPrivateFieldSet(this, _Code_preventChangeEvent, true, "f");
|
|
76
|
-
|
|
74
|
+
__classPrivateFieldGet(this, _Code_editor, "f")?.setValue(val);
|
|
77
75
|
}
|
|
78
76
|
else {
|
|
79
77
|
__classPrivateFieldSet(this, _Code_content, val, "f");
|
|
@@ -92,22 +90,22 @@ let Code = class Code extends lit_1.LitElement {
|
|
|
92
90
|
const selectedCode = selectedCodeChunks.join("\n").trim();
|
|
93
91
|
return selectedCode == null || selectedCode == '' ? __classPrivateFieldGet(this, _Code_editor, "f").getValue() : selectedCode;
|
|
94
92
|
}
|
|
95
|
-
get contentWindow() {
|
|
96
|
-
get document() {
|
|
97
|
-
get head() {
|
|
98
|
-
get body() {
|
|
99
|
-
get monaco() {
|
|
93
|
+
get contentWindow() { return this.iframe?.contentWindow; }
|
|
94
|
+
get document() { return this.iframe?.contentDocument; }
|
|
95
|
+
get head() { return this.iframe?.contentDocument.head; }
|
|
96
|
+
get body() { return this.iframe?.contentDocument.body; }
|
|
97
|
+
get monaco() { return this.contentWindow?.monaco; }
|
|
100
98
|
get editor() { return __classPrivateFieldGet(this, _Code_editor, "f"); }
|
|
101
99
|
get model() { return __classPrivateFieldGet(this, _Code_model, "f"); }
|
|
102
|
-
get theme() {
|
|
100
|
+
get theme() { return getThemeManager().activeTheme?.type == 'light' ? 'vs' : 'vs-dark'; }
|
|
103
101
|
async initEditor() {
|
|
104
102
|
if (!this.iframe)
|
|
105
103
|
return;
|
|
106
104
|
if (__classPrivateFieldGet(this, _Code_initializing, "f") || __classPrivateFieldGet(this, _Code_editor, "f"))
|
|
107
105
|
return;
|
|
108
106
|
__classPrivateFieldSet(this, _Code_initializing, true, "f");
|
|
109
|
-
await
|
|
110
|
-
|
|
107
|
+
await MonacoLoader.loadToIFrame(this.iframe);
|
|
108
|
+
dom.appendStyle(this.head, innerStyle.cssText, 'og-monaco');
|
|
111
109
|
__classPrivateFieldSet(this, _Code_editor, this.monaco.editor.create(this.body, this.getOptions()), "f");
|
|
112
110
|
__classPrivateFieldSet(this, _Code_model, this.monaco.editor.createModel(__classPrivateFieldGet(this, _Code_content, "f"), __classPrivateFieldGet(this, _Code_language, "f")), "f");
|
|
113
111
|
__classPrivateFieldGet(this, _Code_editor, "f").setModel(__classPrivateFieldGet(this, _Code_model, "f"));
|
|
@@ -118,60 +116,55 @@ let Code = class Code extends lit_1.LitElement {
|
|
|
118
116
|
scrollTop: __classPrivateFieldGet(this, _Code_scrollPosition, "f").top,
|
|
119
117
|
scrollLeft: __classPrivateFieldGet(this, _Code_scrollPosition, "f").left
|
|
120
118
|
});
|
|
121
|
-
if (__classPrivateFieldGet(this, _Code_firstInit, "f")) {
|
|
122
|
-
__classPrivateFieldSet(this, _Code_firstInit, false, "f");
|
|
123
|
-
this.dispatchEvent(new shared_1.CodeEvent('ready', { editor: __classPrivateFieldGet(this, _Code_editor, "f") }));
|
|
124
|
-
}
|
|
125
119
|
__classPrivateFieldGet(this, _Code_editor, "f").onDidChangeModelContent(e => {
|
|
126
120
|
if (__classPrivateFieldGet(this, _Code_preventChangeEvent, "f")) {
|
|
127
121
|
__classPrivateFieldSet(this, _Code_preventChangeEvent, false, "f");
|
|
128
122
|
return;
|
|
129
123
|
}
|
|
130
|
-
this.dispatchEvent(new
|
|
124
|
+
this.dispatchEvent(new CodeEvent('change', {
|
|
131
125
|
editor: __classPrivateFieldGet(this, _Code_editor, "f"),
|
|
132
126
|
changes: e.changes
|
|
133
127
|
}));
|
|
134
|
-
this.dispatchEvent(new
|
|
128
|
+
this.dispatchEvent(new events.ChangeEvent({ value: __classPrivateFieldGet(this, _Code_model, "f") }));
|
|
135
129
|
});
|
|
136
130
|
__classPrivateFieldSet(this, _Code_preventChangeEvent, false, "f");
|
|
137
131
|
__classPrivateFieldSet(this, _Code_initializing, false, "f");
|
|
132
|
+
this.dispatchEvent(new CodeEvent('ready', { editor: __classPrivateFieldGet(this, _Code_editor, "f") }));
|
|
138
133
|
__classPrivateFieldGet(this, _Code_editor, "f").focus();
|
|
134
|
+
this.iframe.contentDocument.addEventListener('mousedown', __classPrivateFieldGet(this, _Code_passThroughEvent, "f"));
|
|
135
|
+
this.iframe.contentDocument.addEventListener('mouseup', __classPrivateFieldGet(this, _Code_passThroughEvent, "f"));
|
|
136
|
+
// this.iframe.contentDocument.addEventListener('mousemove', this.#passThroughEvent);
|
|
139
137
|
}
|
|
140
138
|
updated() {
|
|
141
139
|
this.initEditor();
|
|
142
140
|
}
|
|
143
141
|
connectedCallback() {
|
|
144
142
|
super.connectedCallback();
|
|
145
|
-
|
|
143
|
+
getThemeManager().addEventListener('change', __classPrivateFieldGet(this, _Code_onStyleChange, "f"));
|
|
146
144
|
this.initEditor();
|
|
147
145
|
}
|
|
148
146
|
disconnectedCallback() {
|
|
149
|
-
|
|
150
|
-
(0, core_1.getThemeManager)().removeEventListener('change', __classPrivateFieldGet(this, _Code_onStyleChange, "f"));
|
|
147
|
+
getThemeManager().removeEventListener('change', __classPrivateFieldGet(this, _Code_onStyleChange, "f"));
|
|
151
148
|
if (__classPrivateFieldGet(this, _Code_model, "f"))
|
|
152
149
|
__classPrivateFieldSet(this, _Code_content, __classPrivateFieldGet(this, _Code_model, "f").getValue(), "f");
|
|
153
150
|
if (__classPrivateFieldGet(this, _Code_editor, "f")) {
|
|
154
151
|
__classPrivateFieldSet(this, _Code_selection, __classPrivateFieldGet(this, _Code_editor, "f").getSelection(), "f");
|
|
155
152
|
__classPrivateFieldSet(this, _Code_scrollPosition, { top: __classPrivateFieldGet(this, _Code_editor, "f").getScrollTop(), left: __classPrivateFieldGet(this, _Code_editor, "f").getScrollLeft() }, "f");
|
|
156
153
|
}
|
|
157
|
-
|
|
154
|
+
__classPrivateFieldGet(this, _Code_editor, "f")?.dispose();
|
|
158
155
|
__classPrivateFieldSet(this, _Code_editor, null, "f");
|
|
159
156
|
}
|
|
160
157
|
layout() {
|
|
161
|
-
|
|
162
|
-
(_a = __classPrivateFieldGet(this, _Code_editor, "f")) === null || _a === void 0 ? void 0 : _a.layout();
|
|
158
|
+
__classPrivateFieldGet(this, _Code_editor, "f")?.layout();
|
|
163
159
|
}
|
|
164
160
|
dispose() {
|
|
165
|
-
|
|
166
|
-
(_a = __classPrivateFieldGet(this, _Code_editor, "f")) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
161
|
+
__classPrivateFieldGet(this, _Code_editor, "f")?.dispose();
|
|
167
162
|
__classPrivateFieldSet(this, _Code_editor, null, "f");
|
|
168
163
|
}
|
|
169
164
|
focus() {
|
|
170
|
-
|
|
171
|
-
(_a = __classPrivateFieldGet(this, _Code_editor, "f")) === null || _a === void 0 ? void 0 : _a.focus();
|
|
165
|
+
__classPrivateFieldGet(this, _Code_editor, "f")?.focus();
|
|
172
166
|
}
|
|
173
167
|
};
|
|
174
|
-
exports.Code = Code;
|
|
175
168
|
_Code_options = new WeakMap();
|
|
176
169
|
_Code_language = new WeakMap();
|
|
177
170
|
_Code_editor = new WeakMap();
|
|
@@ -181,9 +174,9 @@ _Code_initializing = new WeakMap();
|
|
|
181
174
|
_Code_content = new WeakMap();
|
|
182
175
|
_Code_selection = new WeakMap();
|
|
183
176
|
_Code_scrollPosition = new WeakMap();
|
|
184
|
-
_Code_firstInit = new WeakMap();
|
|
185
177
|
_Code_onStyleChange = new WeakMap();
|
|
186
|
-
|
|
178
|
+
_Code_passThroughEvent = new WeakMap();
|
|
179
|
+
Code.styles = css `
|
|
187
180
|
:host {
|
|
188
181
|
user-select: text;
|
|
189
182
|
display: block;
|
|
@@ -199,18 +192,19 @@ Code.styles = (0, lit_1.css) `
|
|
|
199
192
|
}
|
|
200
193
|
`;
|
|
201
194
|
__decorate([
|
|
202
|
-
|
|
195
|
+
property({ type: Object, noAccessor: true })
|
|
203
196
|
], Code.prototype, "options", null);
|
|
204
197
|
__decorate([
|
|
205
|
-
|
|
198
|
+
property({ type: String, noAccessor: true })
|
|
206
199
|
], Code.prototype, "content", null);
|
|
207
200
|
__decorate([
|
|
208
|
-
|
|
201
|
+
property({ type: String, noAccessor: true })
|
|
209
202
|
], Code.prototype, "language", null);
|
|
210
203
|
__decorate([
|
|
211
|
-
|
|
204
|
+
query('iframe')
|
|
212
205
|
], Code.prototype, "iframe", void 0);
|
|
213
|
-
|
|
214
|
-
|
|
206
|
+
Code = __decorate([
|
|
207
|
+
customElement('og-code')
|
|
215
208
|
], Code);
|
|
209
|
+
export { Code };
|
|
216
210
|
//# sourceMappingURL=code.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.js","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"code.js","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
31
31
|
willUpdate(changedProps: Map<PropertyKey, unknown>): Promise<void>;
|
|
32
32
|
_onLanguageChange: (e: TreeEvent) => void;
|
|
33
33
|
getEditorOptions: () => {
|
|
34
|
-
model?: monaco.editor.ITextModel;
|
|
34
|
+
model?: monaco.editor.ITextModel | null;
|
|
35
35
|
value?: string;
|
|
36
36
|
language?: string;
|
|
37
37
|
theme?: string;
|
|
@@ -52,11 +52,11 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
52
52
|
cursorSurroundingLines?: number;
|
|
53
53
|
cursorSurroundingLinesStyle?: "default" | "all";
|
|
54
54
|
renderFinalNewline?: "on" | "off" | "dimmed";
|
|
55
|
-
unusualLineTerminators?: "
|
|
55
|
+
unusualLineTerminators?: "auto" | "off" | "prompt";
|
|
56
56
|
selectOnLineNumbers?: boolean;
|
|
57
57
|
lineNumbersMinChars?: number;
|
|
58
58
|
glyphMargin?: boolean;
|
|
59
|
-
lineDecorationsWidth?:
|
|
59
|
+
lineDecorationsWidth?: number | string;
|
|
60
60
|
revealHorizontalRightPadding?: number;
|
|
61
61
|
roundedSelection?: boolean;
|
|
62
62
|
extraEditorClassName?: string;
|
|
@@ -65,7 +65,7 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
65
65
|
domReadOnly?: boolean;
|
|
66
66
|
linkedEditing?: boolean;
|
|
67
67
|
renameOnType?: boolean;
|
|
68
|
-
renderValidationDecorations?: "
|
|
68
|
+
renderValidationDecorations?: "editable" | "on" | "off";
|
|
69
69
|
scrollbar?: monaco.editor.IEditorScrollbarOptions;
|
|
70
70
|
stickyScroll?: monaco.editor.IEditorStickyScrollOptions;
|
|
71
71
|
minimap?: monaco.editor.IEditorMinimapOptions;
|
|
@@ -75,12 +75,12 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
75
75
|
overviewRulerBorder?: boolean;
|
|
76
76
|
cursorBlinking?: "blink" | "smooth" | "phase" | "expand" | "solid";
|
|
77
77
|
mouseWheelZoom?: boolean;
|
|
78
|
-
mouseStyle?: "
|
|
79
|
-
cursorSmoothCaretAnimation?: "
|
|
78
|
+
mouseStyle?: "text" | "default" | "copy";
|
|
79
|
+
cursorSmoothCaretAnimation?: "off" | "explicit" | "on";
|
|
80
80
|
cursorStyle?: "line" | "block" | "underline" | "line-thin" | "block-outline" | "underline-thin";
|
|
81
81
|
cursorWidth?: number;
|
|
82
|
-
fontLigatures?:
|
|
83
|
-
fontVariations?:
|
|
82
|
+
fontLigatures?: boolean | string;
|
|
83
|
+
fontVariations?: boolean | string;
|
|
84
84
|
defaultColorDecorators?: boolean;
|
|
85
85
|
disableLayerHinting?: boolean;
|
|
86
86
|
disableMonospaceOptimizations?: boolean;
|
|
@@ -89,9 +89,9 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
89
89
|
scrollBeyondLastColumn?: number;
|
|
90
90
|
smoothScrolling?: boolean;
|
|
91
91
|
automaticLayout?: boolean;
|
|
92
|
-
wordWrap?: "
|
|
93
|
-
wordWrapOverride1?: "
|
|
94
|
-
wordWrapOverride2?: "
|
|
92
|
+
wordWrap?: "off" | "on" | "wordWrapColumn" | "bounded";
|
|
93
|
+
wordWrapOverride1?: "off" | "on" | "inherit";
|
|
94
|
+
wordWrapOverride2?: "off" | "on" | "inherit";
|
|
95
95
|
wordWrapColumn?: number;
|
|
96
96
|
wrappingIndent?: "none" | "same" | "indent" | "deepIndent";
|
|
97
97
|
wrappingStrategy?: "simple" | "advanced";
|
|
@@ -102,7 +102,7 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
102
102
|
hover?: monaco.editor.IEditorHoverOptions;
|
|
103
103
|
links?: boolean;
|
|
104
104
|
colorDecorators?: boolean;
|
|
105
|
-
colorDecoratorsActivatedOn?: "
|
|
105
|
+
colorDecoratorsActivatedOn?: "clickAndHover" | "click" | "hover";
|
|
106
106
|
colorDecoratorsLimit?: number;
|
|
107
107
|
comments?: monaco.editor.IEditorCommentsOptions;
|
|
108
108
|
contextmenu?: boolean;
|
|
@@ -114,7 +114,7 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
114
114
|
multiCursorMergeOverlapping?: boolean;
|
|
115
115
|
multiCursorPaste?: "spread" | "full";
|
|
116
116
|
multiCursorLimit?: number;
|
|
117
|
-
accessibilitySupport?: "
|
|
117
|
+
accessibilitySupport?: "auto" | "off" | "on";
|
|
118
118
|
accessibilityPageSize?: number;
|
|
119
119
|
suggest?: monaco.editor.ISuggestOptions;
|
|
120
120
|
inlineSuggest?: monaco.editor.IInlineSuggestOptions;
|
|
@@ -131,15 +131,15 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
131
131
|
autoClosingDelete?: monaco.editor.EditorAutoClosingEditStrategy;
|
|
132
132
|
autoClosingOvertype?: monaco.editor.EditorAutoClosingEditStrategy;
|
|
133
133
|
autoSurround?: monaco.editor.EditorAutoSurroundStrategy;
|
|
134
|
-
autoIndent?: "none" | "
|
|
134
|
+
autoIndent?: "none" | "keep" | "brackets" | "advanced" | "full";
|
|
135
135
|
stickyTabStops?: boolean;
|
|
136
136
|
formatOnType?: boolean;
|
|
137
137
|
formatOnPaste?: boolean;
|
|
138
138
|
dragAndDrop?: boolean;
|
|
139
139
|
suggestOnTriggerCharacters?: boolean;
|
|
140
|
-
acceptSuggestionOnEnter?: "on" | "
|
|
140
|
+
acceptSuggestionOnEnter?: "on" | "smart" | "off";
|
|
141
141
|
acceptSuggestionOnCommitCharacter?: boolean;
|
|
142
|
-
snippetSuggestions?: "
|
|
142
|
+
snippetSuggestions?: "top" | "bottom" | "inline" | "none";
|
|
143
143
|
emptySelectionClipboard?: boolean;
|
|
144
144
|
copyWithSyntaxHighlighting?: boolean;
|
|
145
145
|
suggestSelection?: "first" | "recentlyUsed" | "recentlyUsedByPrefix";
|
|
@@ -160,11 +160,11 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
160
160
|
foldingMaximumRegions?: number;
|
|
161
161
|
showFoldingControls?: "always" | "never" | "mouseover";
|
|
162
162
|
unfoldOnClickAfterEndOfLine?: boolean;
|
|
163
|
-
matchBrackets?: "
|
|
164
|
-
experimentalWhitespaceRendering?: "
|
|
165
|
-
renderWhitespace?: "
|
|
163
|
+
matchBrackets?: "never" | "near" | "always";
|
|
164
|
+
experimentalWhitespaceRendering?: "svg" | "font" | "off";
|
|
165
|
+
renderWhitespace?: "none" | "boundary" | "selection" | "trailing" | "all";
|
|
166
166
|
renderControlCharacters?: boolean;
|
|
167
|
-
renderLineHighlight?: "
|
|
167
|
+
renderLineHighlight?: "none" | "gutter" | "line" | "all";
|
|
168
168
|
renderLineHighlightOnlyWhenFocus?: boolean;
|
|
169
169
|
useTabStops?: boolean;
|
|
170
170
|
fontFamily?: string;
|
|
@@ -173,7 +173,7 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
173
173
|
lineHeight?: number;
|
|
174
174
|
letterSpacing?: number;
|
|
175
175
|
showUnused?: boolean;
|
|
176
|
-
peekWidgetDefaultFocus?: "
|
|
176
|
+
peekWidgetDefaultFocus?: "tree" | "editor";
|
|
177
177
|
definitionLinkOpensInPeek?: boolean;
|
|
178
178
|
showDeprecated?: boolean;
|
|
179
179
|
matchOnWordStartOnly?: boolean;
|
|
@@ -193,7 +193,7 @@ export declare class CodeBlock extends LitElement implements Layout {
|
|
|
193
193
|
largeFileOptimizations?: boolean;
|
|
194
194
|
wordBasedSuggestions?: "off" | "currentDocument" | "matchingDocuments" | "allDocuments";
|
|
195
195
|
wordBasedSuggestionsOnlySameLanguage?: boolean;
|
|
196
|
-
'semanticHighlighting.enabled'?:
|
|
196
|
+
'semanticHighlighting.enabled'?: true | false | "configuredByTheme";
|
|
197
197
|
stablePeek?: boolean;
|
|
198
198
|
maxTokenizationLineLength?: number;
|
|
199
199
|
};
|
|
@@ -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);
|
|
@@ -17,16 +16,14 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
|
|
|
17
16
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
18
17
|
};
|
|
19
18
|
var _CodeBlock_languageAdapter, _CodeBlock_content;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const utils_1 = require("../utils");
|
|
27
|
-
class LangTreeAdapter extends tree_1.TreeAdapter {
|
|
19
|
+
import { dom, events } from '@omegagrid/core';
|
|
20
|
+
import { LitElement, css, html } from 'lit';
|
|
21
|
+
import { customElement, query, property } from 'lit/decorators.js';
|
|
22
|
+
import { TreeAdapter } from '@omegagrid/tree';
|
|
23
|
+
import { getLanguages, validateLanguage } from '../utils';
|
|
24
|
+
class LangTreeAdapter extends TreeAdapter {
|
|
28
25
|
async getTree() {
|
|
29
|
-
const languages = await
|
|
26
|
+
const languages = await getLanguages();
|
|
30
27
|
languages.sort();
|
|
31
28
|
return languages.map(lang => ({
|
|
32
29
|
k: lang,
|
|
@@ -41,7 +38,7 @@ class LangTreeAdapter extends tree_1.TreeAdapter {
|
|
|
41
38
|
};
|
|
42
39
|
}
|
|
43
40
|
}
|
|
44
|
-
let CodeBlock = class CodeBlock extends
|
|
41
|
+
let CodeBlock = class CodeBlock extends LitElement {
|
|
45
42
|
constructor() {
|
|
46
43
|
super(...arguments);
|
|
47
44
|
this.language = 'typescript';
|
|
@@ -56,7 +53,7 @@ let CodeBlock = class CodeBlock extends lit_1.LitElement {
|
|
|
56
53
|
};
|
|
57
54
|
this._onLanguageChange = (e) => {
|
|
58
55
|
this.language = e.node.key;
|
|
59
|
-
this.dispatchEvent(new
|
|
56
|
+
this.dispatchEvent(new events.ChangeEvent({
|
|
60
57
|
type: 'changeLanguage',
|
|
61
58
|
value: this.language
|
|
62
59
|
}));
|
|
@@ -65,8 +62,8 @@ let CodeBlock = class CodeBlock extends lit_1.LitElement {
|
|
|
65
62
|
scrollBeyondLastLine: !this.dynamicHeight,
|
|
66
63
|
...this.editorOptions
|
|
67
64
|
});
|
|
68
|
-
this.render = () =>
|
|
69
|
-
${!this.disableToolbar ?
|
|
65
|
+
this.render = () => html `
|
|
66
|
+
${!this.disableToolbar ? html `
|
|
70
67
|
<div class="toolbar">
|
|
71
68
|
<og-tree-dropdown
|
|
72
69
|
@change="${this._onLanguageChange}"
|
|
@@ -90,43 +87,39 @@ let CodeBlock = class CodeBlock extends lit_1.LitElement {
|
|
|
90
87
|
__classPrivateFieldSet(this, _CodeBlock_languageAdapter, new LangTreeAdapter(), "f");
|
|
91
88
|
return __classPrivateFieldGet(this, _CodeBlock_languageAdapter, "f");
|
|
92
89
|
}
|
|
93
|
-
get content() {
|
|
90
|
+
get content() { return this.editor?.content ?? __classPrivateFieldGet(this, _CodeBlock_content, "f"); }
|
|
94
91
|
set content(value) {
|
|
95
92
|
__classPrivateFieldSet(this, _CodeBlock_content, value, "f");
|
|
96
93
|
if (this.editor)
|
|
97
94
|
this.editor.content = value;
|
|
98
95
|
}
|
|
99
|
-
get monacoEditor() {
|
|
100
|
-
get model() {
|
|
96
|
+
get monacoEditor() { return this.editor?.editor; }
|
|
97
|
+
get model() { return this.monacoEditor?.getModel(); }
|
|
101
98
|
updateHeight() {
|
|
102
|
-
var _a, _b;
|
|
103
99
|
if (!this.dynamicHeight)
|
|
104
100
|
return;
|
|
105
|
-
let height =
|
|
101
|
+
let height = this.editor?.editor?.getScrollHeight();
|
|
106
102
|
if (height == null)
|
|
107
103
|
return;
|
|
108
104
|
height = Math.max(this.minHeight, height);
|
|
109
|
-
|
|
105
|
+
dom.setSize(this.editor, { h: Math.min(this.maxHeight, height) });
|
|
110
106
|
this.layout();
|
|
111
107
|
}
|
|
112
108
|
async willUpdate(changedProps) {
|
|
113
109
|
if (changedProps.has('language')) {
|
|
114
|
-
this.language = await
|
|
110
|
+
this.language = await validateLanguage(this.language);
|
|
115
111
|
}
|
|
116
112
|
}
|
|
117
113
|
layout() {
|
|
118
|
-
|
|
119
|
-
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.layout();
|
|
114
|
+
this.editor?.layout();
|
|
120
115
|
}
|
|
121
116
|
focus() {
|
|
122
|
-
|
|
123
|
-
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.focus();
|
|
117
|
+
this.editor?.focus();
|
|
124
118
|
}
|
|
125
119
|
};
|
|
126
|
-
exports.CodeBlock = CodeBlock;
|
|
127
120
|
_CodeBlock_languageAdapter = new WeakMap();
|
|
128
121
|
_CodeBlock_content = new WeakMap();
|
|
129
|
-
CodeBlock.styles =
|
|
122
|
+
CodeBlock.styles = css `
|
|
130
123
|
* {
|
|
131
124
|
box-sizing: border-box;
|
|
132
125
|
}
|
|
@@ -165,27 +158,28 @@ CodeBlock.styles = (0, lit_1.css) `
|
|
|
165
158
|
}
|
|
166
159
|
`;
|
|
167
160
|
__decorate([
|
|
168
|
-
|
|
161
|
+
property({ type: String })
|
|
169
162
|
], CodeBlock.prototype, "language", void 0);
|
|
170
163
|
__decorate([
|
|
171
|
-
|
|
164
|
+
property({ type: Boolean, reflect: true })
|
|
172
165
|
], CodeBlock.prototype, "dynamicHeight", void 0);
|
|
173
166
|
__decorate([
|
|
174
|
-
|
|
167
|
+
property({ type: Number })
|
|
175
168
|
], CodeBlock.prototype, "maxHeight", void 0);
|
|
176
169
|
__decorate([
|
|
177
|
-
|
|
170
|
+
property({ type: Number })
|
|
178
171
|
], CodeBlock.prototype, "minHeight", void 0);
|
|
179
172
|
__decorate([
|
|
180
|
-
|
|
173
|
+
property({ type: Boolean, reflect: true })
|
|
181
174
|
], CodeBlock.prototype, "disableToolbar", void 0);
|
|
182
175
|
__decorate([
|
|
183
|
-
|
|
176
|
+
query('og-code')
|
|
184
177
|
], CodeBlock.prototype, "editor", void 0);
|
|
185
178
|
__decorate([
|
|
186
|
-
|
|
179
|
+
property({ type: Object })
|
|
187
180
|
], CodeBlock.prototype, "editorOptions", void 0);
|
|
188
|
-
|
|
189
|
-
|
|
181
|
+
CodeBlock = __decorate([
|
|
182
|
+
customElement('og-code-block')
|
|
190
183
|
], CodeBlock);
|
|
184
|
+
export { CodeBlock };
|
|
191
185
|
//# sourceMappingURL=codeBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeBlock.js","sourceRoot":"","sources":["../../src/components/codeBlock.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"codeBlock.js","sourceRoot":"","sources":["../../src/components/codeBlock.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeDiff.d.ts","sourceRoot":"","sources":["../../src/components/codeDiff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA2B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAc7C,qBACa,cAAe,SAAQ,UAAW,YAAW,MAAM;;IAE/D,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAC;IAC7B,MAAM,CAAC,MAAM,0BAcX;IAGF,IACI,OAAO,IACM,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAD7B;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,EAGlE;IAGD,IACI,QAAQ,IACM,MAAM,CADgB;IACxC,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAMvB;IAED,IACI,eAAe,IACM,MAAM,CAD8E;IAC7G,IAAI,eAAe,CAAC,GAAG,EAAE,MAAM,EAO9B;IAED,IACI,eAAe,IACM,MAAM,CAD8E;IAC7G,IAAI,eAAe,CAAC,GAAG,EAAE,MAAM,EAO9B;IAED,IAAI,eAAe,WAMlB;IAED,IAAI,aAAa,WAAwC;IACzD,IAAI,QAAQ,aAA0C;IACtD,IAAI,IAAI,oBAA+C;IACvD,IAAI,IAAI,gBAA+C;IACvD,IAAI,MAAM,kBAAwC;IAGlD,MAAM,EAAE,iBAAiB,CAAC;IAG1B,IAAI,MAAM,wCAA0B;IAGpC,IAAI,aAAa,6BAAiC;IAGlD,IAAI,aAAa,6BAAiC;
|
|
1
|
+
{"version":3,"file":"codeDiff.d.ts","sourceRoot":"","sources":["../../src/components/codeDiff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA2B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAc7C,qBACa,cAAe,SAAQ,UAAW,YAAW,MAAM;;IAE/D,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAC;IAC7B,MAAM,CAAC,MAAM,0BAcX;IAGF,IACI,OAAO,IACM,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAD7B;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,EAGlE;IAGD,IACI,QAAQ,IACM,MAAM,CADgB;IACxC,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAMvB;IAED,IACI,eAAe,IACM,MAAM,CAD8E;IAC7G,IAAI,eAAe,CAAC,GAAG,EAAE,MAAM,EAO9B;IAED,IACI,eAAe,IACM,MAAM,CAD8E;IAC7G,IAAI,eAAe,CAAC,GAAG,EAAE,MAAM,EAO9B;IAED,IAAI,eAAe,WAMlB;IAED,IAAI,aAAa,WAAwC;IACzD,IAAI,QAAQ,aAA0C;IACtD,IAAI,IAAI,oBAA+C;IACvD,IAAI,IAAI,gBAA+C;IACvD,IAAI,MAAM,kBAAwC;IAGlD,MAAM,EAAE,iBAAiB,CAAC;IAG1B,IAAI,MAAM,wCAA0B;IAGpC,IAAI,aAAa,6BAAiC;IAGlD,IAAI,aAAa,6BAAiC;IAWlD,IAAI,KAAK,qBAA+E;IAKxF,UAAU,QAAO,MAAM,CAAC,MAAM,CAAC,wCAAwC,CAOpE;IAEG,UAAU;IAiDhB,OAAO;IAIP,iBAAiB;IAMjB,oBAAoB;IAwBpB,MAAM,6CAEJ;IAEF,MAAM;IAIN,OAAO;IAKP,KAAK;CAIL"}
|