fix(ts_web): resolve TypeScript nullability and event typing issues across web components
This commit is contained in:
@@ -42,7 +42,7 @@ export class DeesSpeechbubble extends DeesElement {
|
||||
speechbubble.manifested = true;
|
||||
windowLayer.appendChild(speechbubble);
|
||||
windowLayer.style.pointerEvents = 'none';
|
||||
(windowLayer.shadowRoot.querySelector('.windowOverlay') as HTMLElement).style.pointerEvents = 'none';
|
||||
(windowLayer.shadowRoot!.querySelector('.windowOverlay') as HTMLElement).style.pointerEvents = 'none';
|
||||
return speechbubble;
|
||||
}
|
||||
|
||||
@@ -50,13 +50,13 @@ export class DeesSpeechbubble extends DeesElement {
|
||||
@property({
|
||||
type: Object,
|
||||
})
|
||||
accessor reffedElement: HTMLElement;
|
||||
accessor reffedElement!: HTMLElement;
|
||||
|
||||
@property({
|
||||
type: String,
|
||||
reflect: true,
|
||||
})
|
||||
accessor text: string;
|
||||
accessor text!: string;
|
||||
|
||||
@property({
|
||||
type: Boolean,
|
||||
@@ -73,7 +73,7 @@ export class DeesSpeechbubble extends DeesElement {
|
||||
})
|
||||
accessor status: 'normal' | 'pending' | 'success' | 'error' = 'normal';
|
||||
|
||||
public windowLayer: DeesWindowLayer;
|
||||
public windowLayer!: DeesWindowLayer;
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
@@ -189,7 +189,7 @@ export class DeesSpeechbubble extends DeesElement {
|
||||
}
|
||||
if (this.manifested) {
|
||||
await this.updatePosition();
|
||||
(this.shadowRoot.querySelector('.maincontainer') as HTMLElement).style.opacity = '1';
|
||||
(this.shadowRoot!.querySelector('.maincontainer') as HTMLElement).style.opacity = '1';
|
||||
} else {
|
||||
// lets make sure we instrument it
|
||||
let speechbubble: DeesSpeechbubble;
|
||||
@@ -227,7 +227,7 @@ export class DeesSpeechbubble extends DeesElement {
|
||||
public async show() {}
|
||||
|
||||
public async destroy() {
|
||||
(this.shadowRoot.querySelector('.maincontainer') as HTMLElement).style.opacity = '0';
|
||||
(this.shadowRoot!.querySelector('.maincontainer') as HTMLElement).style.opacity = '0';
|
||||
this.windowLayer.destroy();
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user