Fixed console errors

This commit is contained in:
barsdeveloper
2022-04-15 12:21:49 +02:00
parent 8bd9ab24bb
commit 488f8eda5f
4 changed files with 27 additions and 35 deletions

14
dist/ueblueprint.js vendored
View File

@@ -1978,7 +1978,7 @@ class IElement extends HTMLElement {
* @returns {V} * @returns {V}
*/ */
getInputObject(type) { getInputObject(type) {
return /** @type {V} */ (this.inputObjects.find(object => object.constructor == type)) return /** @type {V} */ (this.template.inputObjects.find(object => object.constructor == type))
} }
// Subclasses will want to override // Subclasses will want to override
@@ -2824,13 +2824,7 @@ class StringPinTemplate extends PinTemplate {
renderInput(pin) { renderInput(pin) {
return html` return html`
<div class="ueb-pin-input"> <div class="ueb-pin-input">
<div class="ueb-pin-input-content" role="textbox" contenteditable="true" <div class="ueb-pin-input-content" role="textbox" contenteditable="true"></div>
onfocus="this.closest('ueb-blueprint')?.dispatchEditTextEvent(true)"
onfocusout="
this.closest('ueb-blueprint')?.dispatchEditTextEvent(false)
document.getSelection().removeAllRanges()
"
></div>
</div> </div>
` `
} }
@@ -2841,6 +2835,7 @@ class StringPinTemplate extends PinTemplate {
setup(pin) { setup(pin) {
super.setup(pin); super.setup(pin);
const input = pin.querySelector(".ueb-pin-input-content"); const input = pin.querySelector(".ueb-pin-input-content");
if (input) {
this.onFocusHandler = () => { this.onFocusHandler = () => {
pin.blueprint.dispatchEditTextEvent(true); pin.blueprint.dispatchEditTextEvent(true);
}; };
@@ -2851,6 +2846,7 @@ class StringPinTemplate extends PinTemplate {
input.addEventListener("onfocus", this.onFocusHandler); input.addEventListener("onfocus", this.onFocusHandler);
input.addEventListener("onfocusout", this.onFocusOutHandler); input.addEventListener("onfocusout", this.onFocusOutHandler);
} }
}
/** /**
* @param {PinElement} pin * @param {PinElement} pin
@@ -3092,7 +3088,7 @@ class SelectableDraggableTemplate extends ITemplate {
return [ return [
...super.createInputObjects(element), ...super.createInputObjects(element),
...[ ...[
new MouseMoveNodes(this, element.blueprint, { new MouseMoveNodes(element, element.blueprint, {
looseTarget: true looseTarget: true
}), }),
] ]

View File

@@ -81,7 +81,7 @@ export default class IElement extends HTMLElement {
* @returns {V} * @returns {V}
*/ */
getInputObject(type) { getInputObject(type) {
return /** @type {V} */ (this.inputObjects.find(object => object.constructor == type)) return /** @type {V} */ (this.template.inputObjects.find(object => object.constructor == type))
} }
// Subclasses will want to override // Subclasses will want to override

View File

@@ -20,7 +20,7 @@ export default class SelectableDraggableTemplate extends ITemplate {
return [ return [
...super.createInputObjects(element), ...super.createInputObjects(element),
...[ ...[
new MouseMoveNodes(this, element.blueprint, { new MouseMoveNodes(element, element.blueprint, {
looseTarget: true looseTarget: true
}), }),
] ]

View File

@@ -19,13 +19,7 @@ export default class StringPinTemplate extends PinTemplate {
renderInput(pin) { renderInput(pin) {
return html` return html`
<div class="ueb-pin-input"> <div class="ueb-pin-input">
<div class="ueb-pin-input-content" role="textbox" contenteditable="true" <div class="ueb-pin-input-content" role="textbox" contenteditable="true"></div>
onfocus="this.closest('ueb-blueprint')?.dispatchEditTextEvent(true)"
onfocusout="
this.closest('ueb-blueprint')?.dispatchEditTextEvent(false)
document.getSelection().removeAllRanges()
"
></div>
</div> </div>
` `
} }
@@ -36,6 +30,7 @@ export default class StringPinTemplate extends PinTemplate {
setup(pin) { setup(pin) {
super.setup(pin) super.setup(pin)
const input = pin.querySelector(".ueb-pin-input-content") const input = pin.querySelector(".ueb-pin-input-content")
if (input) {
this.onFocusHandler = () => { this.onFocusHandler = () => {
pin.blueprint.dispatchEditTextEvent(true) pin.blueprint.dispatchEditTextEvent(true)
} }
@@ -46,6 +41,7 @@ export default class StringPinTemplate extends PinTemplate {
input.addEventListener("onfocus", this.onFocusHandler) input.addEventListener("onfocus", this.onFocusHandler)
input.addEventListener("onfocusout", this.onFocusOutHandler) input.addEventListener("onfocusout", this.onFocusOutHandler)
} }
}
/** /**
* @param {PinElement} pin * @param {PinElement} pin