Make template stateful

This commit is contained in:
barsdeveloper
2022-09-27 20:40:23 +02:00
parent 8361ba61a6
commit 4f0c7f9190
23 changed files with 491 additions and 680 deletions

View File

@@ -11,30 +11,27 @@ export default class WindowTemplate extends IDraggableTemplate {
toggleAdvancedDisplayHandler
/** @param {WindowElement} element */
getDraggableElement(element) {
return element.querySelector(".ueb-window-top")
getDraggableElement() {
return this.element.querySelector(".ueb-window-top")
}
createDraggableObject(element) {
return new MouseMoveDraggable(element, element.blueprint, {
draggableElement: this.getDraggableElement(element),
createDraggableObject() {
return new MouseMoveDraggable(this.element, this.element.blueprint, {
draggableElement: this.getDraggableElement(),
looseTarget: true,
stepSize: 1,
movementSpace: element.blueprint,
movementSpace: this.element.blueprint,
})
}
/** @param {T} element */
createInputObjects(element) {
createInputObjects() {
return [
...super.createInputObjects(element),
this.createDraggableObject(element),
...super.createInputObjects(),
this.createDraggableObject(),
]
}
/** @param {WindowElement} element */
render(element) {
render() {
return html`
<div class="ueb-window">
<div class="ueb-window-top">