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

Make elements default constructible, testing wip

Browse Source
This commit is contained in:
barsdeveloper
2022-12-24 15:29:12 +01:00
parent 7ed36f21e5
commit c3ab6478b0
53 changed files with 992 additions and 712 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
js/template/pin/InputTemplate.js
View File

@@ -22,19 +22,20 @@ export default class InputTemplate extends ITemplate {
/** @param {KeyboardEvent} e */
e => {
if (e.code == "Enter" && !e.shiftKey) {
/** @type {HTMLElement} */(e.target).blur()
/** @type {HTMLElement} */(e.target).blur()
}
}
/** @param {InputElement} element */
constructed(element) {
super.constructed(element)
initialize(element) {
super.initialize(element)
this.element.classList.add("ueb-pin-input-content")
this.element.setAttribute("role", "textbox")
this.element.contentEditable = "true"
}
connectedCallback() {
setup() {
super.setup()
this.element.addEventListener("focus", this.#focusHandler)
this.element.addEventListener("focusout", this.#focusoutHandler)
if (this.element.singleLine) {
@@ -46,13 +47,10 @@ export default class InputTemplate extends ITemplate {
}
cleanup() {
super.cleanup()
this.element.removeEventListener("focus", this.#focusHandler)
this.element.removeEventListener("focusout", this.#focusoutHandler)
if (this.element.singleLine) {
this.element.removeEventListener("input", this.#inputSingleLineHandler)
}
if (this.element.blurOnEnter) {
this.element.removeEventListener("keydown", this.#onKeydownBlurOnEnterHandler)
}
this.element.removeEventListener("input", this.#inputSingleLineHandler)
this.element.removeEventListener("keydown", this.#onKeydownBlurOnEnterHandler)
}
}