@indigina/ui-kit 1.1.543 → 1.1.544
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.
|
@@ -2281,7 +2281,7 @@ class KitCodeEditorAdapterService {
|
|
|
2281
2281
|
bracketPairs: true,
|
|
2282
2282
|
indentation: true,
|
|
2283
2283
|
},
|
|
2284
|
-
|
|
2284
|
+
useShadowDOM: false,
|
|
2285
2285
|
quickSuggestions: false,
|
|
2286
2286
|
suggestOnTriggerCharacters: false,
|
|
2287
2287
|
wordBasedSuggestions: 'off',
|
|
@@ -2299,6 +2299,7 @@ class KitCodeEditorAdapterService {
|
|
|
2299
2299
|
placeholder: options.placeholder,
|
|
2300
2300
|
occurrencesHighlight: 'off',
|
|
2301
2301
|
});
|
|
2302
|
+
this.addCustomClipboardPasteAction(editorInstance);
|
|
2302
2303
|
const isFindWidgetVisible = this.createFindWidgetVisibilityResolver(container);
|
|
2303
2304
|
return {
|
|
2304
2305
|
getMode: () => KitCodeEditorMode.SINGLE,
|
|
@@ -2399,7 +2400,7 @@ class KitCodeEditorAdapterService {
|
|
|
2399
2400
|
bracketPairs: true,
|
|
2400
2401
|
indentation: true,
|
|
2401
2402
|
},
|
|
2402
|
-
|
|
2403
|
+
useShadowDOM: false,
|
|
2403
2404
|
quickSuggestions: false,
|
|
2404
2405
|
suggestOnTriggerCharacters: false,
|
|
2405
2406
|
renderValidationDecorations: 'on',
|
|
@@ -2408,6 +2409,7 @@ class KitCodeEditorAdapterService {
|
|
|
2408
2409
|
},
|
|
2409
2410
|
occurrencesHighlight: 'off',
|
|
2410
2411
|
});
|
|
2412
|
+
this.addCustomClipboardPasteAction(editorInstance);
|
|
2411
2413
|
return {
|
|
2412
2414
|
getMode: () => KitCodeEditorMode.DIFF,
|
|
2413
2415
|
setValue: (value) => {
|
|
@@ -2497,6 +2499,33 @@ class KitCodeEditorAdapterService {
|
|
|
2497
2499
|
await action.run();
|
|
2498
2500
|
return true;
|
|
2499
2501
|
}
|
|
2502
|
+
addCustomClipboardPasteAction(editorInstance) {
|
|
2503
|
+
editorInstance.addAction({
|
|
2504
|
+
id: 'custom-clipboard-paste',
|
|
2505
|
+
label: 'Paste',
|
|
2506
|
+
contextMenuGroupId: '9_cutcopypaste',
|
|
2507
|
+
contextMenuOrder: 3,
|
|
2508
|
+
run: async (editorWidget) => {
|
|
2509
|
+
try {
|
|
2510
|
+
const text = await navigator.clipboard.readText();
|
|
2511
|
+
const model = editorWidget.getModel();
|
|
2512
|
+
const selection = editorWidget.getSelection();
|
|
2513
|
+
if (model && selection) {
|
|
2514
|
+
editorWidget.executeEdits('custom-paste-source', [{
|
|
2515
|
+
range: selection,
|
|
2516
|
+
text,
|
|
2517
|
+
forceMoveMarkers: true,
|
|
2518
|
+
}]);
|
|
2519
|
+
editorWidget.pushUndoStop();
|
|
2520
|
+
editorWidget.focus();
|
|
2521
|
+
}
|
|
2522
|
+
}
|
|
2523
|
+
catch (err) {
|
|
2524
|
+
console.error('Browser blocked clipboard access or paste failed: ', err);
|
|
2525
|
+
}
|
|
2526
|
+
},
|
|
2527
|
+
});
|
|
2528
|
+
}
|
|
2500
2529
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2501
2530
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorAdapterService }); }
|
|
2502
2531
|
}
|
|
@@ -3146,7 +3175,7 @@ class KitCodeEditorComponent {
|
|
|
3146
3175
|
KitCodeEditorAdapterService,
|
|
3147
3176
|
KitCodeEditorFormatterService,
|
|
3148
3177
|
KitCodeEditorLanguageRegistryService,
|
|
3149
|
-
], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-code-editor\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-form-label class=\"kit-code-editor-label\"\n [text]=\"label()\" />\n }\n\n <div class=\"kit-code-editor-main\">\n @if (showToolbar()) {\n <div class=\"kit-code-editor-toolbar\">\n @if (showFormatAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.format' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.MAGIC_WAND\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onFormatClicked()\" />\n }\n\n @if (showFindAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.find' | translate\"\n [active]=\"isFindWidgetOpened()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onFindClicked()\" />\n }\n\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.lines' | translate\"\n [active]=\"localShowLineNumbers()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.NUMBER_LIST\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onToggleLineNumbersClicked()\" />\n\n @if (isDiffMode()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.discard' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDiscardDiffClicked()\" />\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.accept' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onAcceptDiffClicked()\" />\n }\n </div>\n }\n\n @if (toolbarMessage()) {\n <div class=\"kit-code-editor-toolbar-message\">\n {{ toolbarMessage() | translate }}\n </div>\n }\n\n <div class=\"kit-code-editor-input\"\n [style.height]=\"getEditorHeight()\"\n [class.disabled]=\"disabled()\">\n @if (!initializationError()) {\n <div #editorContainer\n class=\"kit-code-editor-container\"\n (focusout)=\"onEditorBlur()\"\n ></div>\n } @else {\n <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n }\n </div>\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3178
|
+
], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-code-editor\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-form-label class=\"kit-code-editor-label\"\n [text]=\"label()\" />\n }\n\n <div class=\"kit-code-editor-main\">\n @if (showToolbar()) {\n <div class=\"kit-code-editor-toolbar\">\n @if (showFormatAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.format' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.MAGIC_WAND\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onFormatClicked()\" />\n }\n\n @if (showFindAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.find' | translate\"\n [active]=\"isFindWidgetOpened()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onFindClicked()\" />\n }\n\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.lines' | translate\"\n [active]=\"localShowLineNumbers()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.NUMBER_LIST\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onToggleLineNumbersClicked()\" />\n\n @if (isDiffMode()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.discard' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDiscardDiffClicked()\" />\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.accept' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onAcceptDiffClicked()\" />\n }\n </div>\n }\n\n @if (toolbarMessage()) {\n <div class=\"kit-code-editor-toolbar-message\">\n {{ toolbarMessage() | translate }}\n </div>\n }\n\n <div class=\"kit-code-editor-input\"\n [style.height]=\"getEditorHeight()\"\n [class.disabled]=\"disabled()\">\n @if (!initializationError()) {\n <div #editorContainer\n class=\"kit-code-editor-container\"\n (focusout)=\"onEditorBlur()\"\n ></div>\n } @else {\n <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n }\n </div>\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}.context-view.monaco-component{background:var(--ui-kit-color-white)}.context-view.monaco-component .action-item:has([aria-label=Paste])+.action-item:has([aria-label=Paste]){display:none}.context-view.monaco-component .action-item.diabled{max-height:1px;background-color:var(--ui-kit-color-grey-11);margin:5px 25px}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3150
3179
|
}
|
|
3151
3180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorComponent, decorators: [{
|
|
3152
3181
|
type: Component,
|
|
@@ -3164,7 +3193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3164
3193
|
KitFormLabelComponent,
|
|
3165
3194
|
TranslatePipe,
|
|
3166
3195
|
KitFormMessageComponent,
|
|
3167
|
-
], template: "<div class=\"kit-code-editor\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-form-label class=\"kit-code-editor-label\"\n [text]=\"label()\" />\n }\n\n <div class=\"kit-code-editor-main\">\n @if (showToolbar()) {\n <div class=\"kit-code-editor-toolbar\">\n @if (showFormatAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.format' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.MAGIC_WAND\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onFormatClicked()\" />\n }\n\n @if (showFindAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.find' | translate\"\n [active]=\"isFindWidgetOpened()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onFindClicked()\" />\n }\n\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.lines' | translate\"\n [active]=\"localShowLineNumbers()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.NUMBER_LIST\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onToggleLineNumbersClicked()\" />\n\n @if (isDiffMode()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.discard' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDiscardDiffClicked()\" />\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.accept' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onAcceptDiffClicked()\" />\n }\n </div>\n }\n\n @if (toolbarMessage()) {\n <div class=\"kit-code-editor-toolbar-message\">\n {{ toolbarMessage() | translate }}\n </div>\n }\n\n <div class=\"kit-code-editor-input\"\n [style.height]=\"getEditorHeight()\"\n [class.disabled]=\"disabled()\">\n @if (!initializationError()) {\n <div #editorContainer\n class=\"kit-code-editor-container\"\n (focusout)=\"onEditorBlur()\"\n ></div>\n } @else {\n <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n }\n </div>\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}\n"] }]
|
|
3196
|
+
], template: "<div class=\"kit-code-editor\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-form-label class=\"kit-code-editor-label\"\n [text]=\"label()\" />\n }\n\n <div class=\"kit-code-editor-main\">\n @if (showToolbar()) {\n <div class=\"kit-code-editor-toolbar\">\n @if (showFormatAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.format' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.MAGIC_WAND\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onFormatClicked()\" />\n }\n\n @if (showFindAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.find' | translate\"\n [active]=\"isFindWidgetOpened()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onFindClicked()\" />\n }\n\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.lines' | translate\"\n [active]=\"localShowLineNumbers()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.NUMBER_LIST\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onToggleLineNumbersClicked()\" />\n\n @if (isDiffMode()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.discard' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDiscardDiffClicked()\" />\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.accept' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onAcceptDiffClicked()\" />\n }\n </div>\n }\n\n @if (toolbarMessage()) {\n <div class=\"kit-code-editor-toolbar-message\">\n {{ toolbarMessage() | translate }}\n </div>\n }\n\n <div class=\"kit-code-editor-input\"\n [style.height]=\"getEditorHeight()\"\n [class.disabled]=\"disabled()\">\n @if (!initializationError()) {\n <div #editorContainer\n class=\"kit-code-editor-container\"\n (focusout)=\"onEditorBlur()\"\n ></div>\n } @else {\n <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n }\n </div>\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}.context-view.monaco-component{background:var(--ui-kit-color-white)}.context-view.monaco-component .action-item:has([aria-label=Paste])+.action-item:has([aria-label=Paste]){display:none}.context-view.monaco-component .action-item.diabled{max-height:1px;background-color:var(--ui-kit-color-grey-11);margin:5px 25px}\n"] }]
|
|
3168
3197
|
}], ctorParameters: () => [], propDecorators: { language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], originalValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "originalValue", required: false }] }, { type: i0.Output, args: ["originalValueChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], showLineNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLineNumbers", required: false }] }], showToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToolbar", required: false }] }], showFormatAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFormatAction", required: false }] }], showFindAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFindAction", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], editorReady: [{ type: i0.Output, args: ["editorReady"] }], contentChanged: [{ type: i0.Output, args: ["contentChanged"] }], formatFailed: [{ type: i0.Output, args: ["formatFailed"] }], findFailed: [{ type: i0.Output, args: ["findFailed"] }], diffAccepted: [{ type: i0.Output, args: ["diffAccepted"] }], diffDiscarded: [{ type: i0.Output, args: ["diffDiscarded"] }], editorContainer: [{ type: i0.ViewChild, args: ['editorContainer', { isSignal: true }] }] } });
|
|
3169
3198
|
|
|
3170
3199
|
var KitTextLabelState;
|