design.estate/dees-catalog
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz
2023-09-04 19:28:50 +02:00
parent 66644364b5
commit fc5f3a9576
8 changed files with 408 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ts_web/elements/dees-windowlayer.ts
View File

@ -13,6 +13,15 @@ export class DeesWindowLayer extends DeesElement {
// STATIC
public static demo = () => html`<dees-windowlayer></dees-windowlayer>`;
public static async createAndShow() {
const domtoolsInstance = domtools.DomTools.getGlobalDomToolsSync();
const windowLayer = new DeesWindowLayer();
document.body.append(windowLayer);
await domtoolsInstance.convenience.smartdelay.delayFor(0);
windowLayer.show();
return windowLayer;
}
// INSTANCE
@property({
type: Boolean
@ -29,7 +38,7 @@ export class DeesWindowLayer extends DeesElement {
${domtools.elementBasic.styles}
<style>
.windowOverlay {
transition: all 0.3s;
transition: all 0.2s;
will-change: transform;
position: fixed;
top: 0px;
@ -82,4 +91,11 @@ export class DeesWindowLayer extends DeesElement {
await domtools.convenience.smartdelay.delayFor(0);
this.visible = false;
}
public async destroy() {
const domtools = await this.domtoolsPromise;
await this.hide();
await domtools.convenience.smartdelay.delayFor(300);
this.remove();
}
}