Reorder methods / properties

This commit is contained in:
Henrik Giesel 2021-01-29 20:13:02 +01:00
parent e37fd2e091
commit 2e72de4af0

View file

@ -424,10 +424,6 @@ function onCutOrCopy(): boolean {
} }
class EditingArea extends HTMLElement { class EditingArea extends HTMLElement {
connectedCallback() {
this.setAttribute("contenteditable", "");
}
set fieldHTML(content: string) { set fieldHTML(content: string) {
this.innerHTML = content; this.innerHTML = content;
@ -441,6 +437,10 @@ class EditingArea extends HTMLElement {
? this.innerHTML.slice(0, -4) // trim trailing <br> ? this.innerHTML.slice(0, -4) // trim trailing <br>
: this.innerHTML; : this.innerHTML;
} }
connectedCallback() {
this.setAttribute("contenteditable", "");
}
} }
customElements.define("editing-area", EditingArea); customElements.define("editing-area", EditingArea);
@ -471,6 +471,14 @@ class EditingContainer extends HTMLDivElement {
return Number(this.getAttribute("ord")); return Number(this.getAttribute("ord"));
} }
set fieldHTML(content: string) {
this.editingArea.fieldHTML = content;
}
get fieldHTML(): string {
return this.editingArea.fieldHTML;
}
connectedCallback(): void { connectedCallback(): void {
this.addEventListener("keydown", onKey); this.addEventListener("keydown", onKey);
this.addEventListener("keyup", onKeyUp); this.addEventListener("keyup", onKeyUp);
@ -530,14 +538,6 @@ class EditingContainer extends HTMLDivElement {
blurEditingArea(): void { blurEditingArea(): void {
this.editingArea.blur(); this.editingArea.blur();
} }
set fieldHTML(content: string) {
this.editingArea.fieldHTML = content;
}
get fieldHTML(): string {
return this.editingArea.fieldHTML;
}
} }
customElements.define("editing-container", EditingContainer, { extends: "div" }); customElements.define("editing-container", EditingContainer, { extends: "div" });
@ -567,6 +567,10 @@ class EditorField extends HTMLDivElement {
return ["ord"]; return ["ord"];
} }
set ord(n: number) {
this.setAttribute("ord", String(n));
}
attributeChangedCallback(name: string, _oldValue: string, newValue: string): void { attributeChangedCallback(name: string, _oldValue: string, newValue: string): void {
switch (name) { switch (name) {
case "ord": case "ord":
@ -574,10 +578,6 @@ class EditorField extends HTMLDivElement {
} }
} }
set ord(n: number) {
this.setAttribute("ord", String(n));
}
initialize(label: string, color: string, content: string): void { initialize(label: string, color: string, content: string): void {
this.label.innerText = label; this.label.innerText = label;
this.editingContainer.initialize(color, content); this.editingContainer.initialize(color, content);