fix(core): update

ts_web/elements/dees-updater.ts

@@ -1,7 +1,5 @@
-import { customElement, DeesElement, type TemplateResult, html, property, type CSSResult, } from '@design.estate/dees-element';
-
-import * as domtools from '@design.estate/dees-domtools';
-
+import { customElement, DeesElement, type TemplateResult, html, property, type CSSResult, domtools } from '@design.estate/dees-element';
+import { demoFunc } from './dees-updater.demo.js';
 
 import './dees-windowlayer';
 import { css, cssManager } from '@design.estate/dees-element';
@@ -14,7 +12,11 @@ declare global {
 
 @customElement('dees-updater')
 export class DeesUpdater extends DeesElement {
-  public static demo = () => html`<dees-updater></dees-updater>`;
+  public static demo = demoFunc;
+
+  public static async createAndShow() {
+    
+  }
 
   @property({
     type: String,
@@ -38,9 +40,8 @@ export class DeesUpdater extends DeesElement {
           will-change: transform;
           position: relative;
           background: ${cssManager.bdTheme('#eeeeeb', '#222')};
-          margin: auto;
           max-width: 800px;
-          border-radius: 3px;
+          border-radius: 8px;
           border-top: 1px solid ${cssManager.bdTheme('#eeeeeb', '#333')};
         }
 
@@ -68,7 +69,9 @@ export class DeesUpdater extends DeesElement {
 
   public render(): TemplateResult {
     return html`
-      <dees-windowlayer @clicked="${this.windowLayerClicked}">
+      <dees-windowlayer @clicked="${this.windowLayerClicked}" .options=${{
+        blur: true,
+      }}>
         <div class="modalContainer">
           <div class="headingContainer">
             <dees-spinner .size=${60}></dees-spinner>
@@ -84,7 +87,6 @@ export class DeesUpdater extends DeesElement {
   }
 
   private windowLayerClicked() {
-    const windowLayer = this.shadowRoot.querySelector('dees-windowlayer');
-    windowLayer.toggleVisibility();
+    
   }
 }