dees-element/ts/dees-element.classes.dees-element.ts
2022-04-21 23:15:14 +02:00

48 lines
1.5 KiB
TypeScript

import * as plugins from './dees-element.plugins.js';
export class DeesElement extends plugins.lit.LitElement {
// INSTANCE
@plugins.lit.property({ type: Boolean })
public goBright: boolean = false;
// domtools
public domtoolsPromise: Promise<plugins.domtools.DomTools>;
@plugins.lit.property()
domtools?: plugins.domtools.DomTools;
private themeSubscription: plugins.smartrx.rxjs.Subscription;
private elementDomReadyDeferred = plugins.domtools.plugins.smartpromise.defer();
public elementDomReady = this.elementDomReadyDeferred.promise;
constructor(optionsArg: plugins.domtools.IDomToolsContructorOptions = {}) {
super();
this.domtoolsPromise = plugins.domtools.elementBasic.setup(this, optionsArg);
this.domtoolsPromise.then((domtoolsArg) => {
this.domtools = domtoolsArg;
});
}
public async connectedCallback() {
super.connectedCallback();
const domtools = await this.domtoolsPromise;
this.themeSubscription = domtools.themeManager.themeObservable.subscribe((goBrightArg) => {
this.goBright = goBrightArg;
});
this.dispatchEvent(new CustomEvent('deesElementConnected'));
}
public firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): void {
super.firstUpdated(_changedProperties);
this.elementDomReadyDeferred.resolve();
}
public async disconnectedCallback() {
await this.domtoolsPromise;
super.disconnectedCallback();
this.themeSubscription.unsubscribe();
this.dispatchEvent(new CustomEvent('deesElementDisconnected'));
}
}