Ma/ueblueprint
1
0
Fork 0
mirror of https://github.com/barsdeveloper/ueblueprint.git synced 2026-05-18 11:37:33 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
barsdeveloper
2024-12-11 23:23:23 +02:00
parent 3de0e74ef0
commit e405a7245d
26 changed files with 471 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
js/template/BlueprintTemplate.js
View File

@@ -55,6 +55,7 @@ export default class BlueprintTemplate extends ITemplate {
/** @type {HTMLElement} */ linksContainerElement
/** @type {HTMLElement} */ nodesContainerElement
viewportSize = [0, 0]
#removeZoomChanged = () => this.headerElement.classList.remove("ueb-zoom-changed")
/** @param {Blueprint} element */
initialize(element) {
@@ -176,11 +177,12 @@ export default class BlueprintTemplate extends ITemplate {
willUpdate(changedProperties) {
super.willUpdate(changedProperties)
if (this.headerElement && changedProperties.has("zoom")) {
if (this.headerElement.classList.contains("ueb-zoom-changed")) {
this.headerElement.classList.remove("ueb-zoom-changed")
void this.headerElement.offsetWidth // To trigger the reflow
}
this.headerElement.classList.add("ueb-zoom-changed")
this.headerElement.addEventListener(
"animationend",
() => this.headerElement.classList.remove("ueb-zoom-changed")
)
this.headerElement.addEventListener("animationend", this.#removeZoomChanged, { once: true })
}
}