yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Code formatting

Browse Source
This commit is contained in:
leekelleher
2024-07-22 12:02:50 +01:00
parent 1f9a197cba
commit de61fbad07
1 changed files with 17 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/Umbraco.Web.UI.Client/src/packages/code-editor/property-editor/property-editor-ui-code-editor.element.ts
View File

@@ -1,13 +1,11 @@
import type { UmbCodeEditorElement } from '../components/code-editor.element.js';
import type { CodeEditorLanguage } from '../models/index.js';
import { html, customElement, property, state, css, styleMap } from '@umbraco-cms/backoffice/external/lit';
import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
import type { UmbCodeEditorElement } from '../components/code-editor.element.js';
import { css, customElement, html, property, state, styleMap } from '@umbraco-cms/backoffice/external/lit';
import { UmbInputEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import {
UmbPropertyValueChangeEvent,
type UmbPropertyEditorConfigCollection,
} from '@umbraco-cms/backoffice/property-editor';
import type { UmbInputEvent } from '@umbraco-cms/backoffice/event';
import { UmbPropertyValueChangeEvent } from '@umbraco-cms/backoffice/property-editor';
import type { UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/property-editor';
import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
import '../components/code-editor.element.js';
@@ -34,18 +32,21 @@ export class UmbPropertyEditorUICodeEditorElement extends UmbLitElement implemen
this._height = Number(config?.getValueByAlias('height')) || 400;
}
#onChange(e: UmbInputEvent) {
const target = e.target as UmbCodeEditorElement;
this.value = target.code as string;
#onChange(event: UmbInputEvent & { target: UmbCodeEditorElement }) {
if (!(event instanceof UmbInputEvent)) return;
this.value = event.target.code;
this.dispatchEvent(new UmbPropertyValueChangeEvent());
}
override render() {
return html`<umb-code-editor
style=${styleMap({ height: `${this._height}px` })}
.code=${this.value ?? ''}
@input=${this.#onChange}></umb-code-editor>`;
return html`
<umb-code-editor
style=${styleMap({ height: `${this._height}px` })}
.language=${this._language ?? this.#defaultLanguage}
.code=${this.value ?? ''}
@input=${this.#onChange}>
</umb-code-editor>
`;
}
static override styles = [
@@ -58,7 +59,7 @@ export class UmbPropertyEditorUICodeEditorElement extends UmbLitElement implemen
];
}
export default UmbPropertyEditorUICodeEditorElement;
export { UmbPropertyEditorUICodeEditorElement as element };
declare global {
interface HTMLElementTagNameMap {