fix(core): update

assets/templates/website/ts_web/elements/header.ts

@@ -0,0 +1,62 @@
+import {
+  customElement,
+  DeesElement,
+  property,
+  html,
+  cssManager,
+  unsafeCSS,
+  css,
+  TemplateResult,
+} from '@design.estate/dees-element';
+
+@customElement('default-header')
+export class DefaultHeader extends DeesElement {
+  @property()
+  public someProperty = 'someProperty';
+
+  constructor() {
+    super();
+  }
+
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
+        display: block;
+        height: 100px;
+      }
+      :host([hidden]) {
+        display: none;
+      }
+
+      .headerMain {
+        background: var(--background-accent);
+        color: #fff;
+        position: relative;
+        z-index: 1;
+        height: 100px;
+      }
+      .headerMain:after {
+        background: inherit;
+        bottom: 0;
+        content: '';
+        display: block;
+        height: 60%;
+        left: 0;
+        position: absolute;
+        right: 0;
+        transform: skewY(-2deg);
+        transform-origin: 100%;
+        z-index: -1;
+      }
+    `,
+  ];
+
+  public render(): TemplateResult {
+    return html`
+      <style></style>
+      <div class="headerMain">${this.someProperty}</div>
+      <slot></slot>
+    `;
+  }
+}

assets/templates/website/ts_web/index.ts

@@ -0,0 +1,63 @@
+import * as serviceworker from '@api.global/typedserver/web_serviceworker_client';
+import * as domtools from '@design.estate/dees-domtools';
+
+import { html, render } from '@design.estate/dees-element';
+import { DefaultHeader } from './elements/header.js';
+
+export { DefaultHeader };
+
+const run = async () => {
+  const domtoolsInstance = await domtools.DomTools.setupDomTools();
+  domtools.elementBasic.setup();
+  domtoolsInstance.setWebsiteInfo({
+    metaObject: {
+      title: '{{website.title}}',
+      description:
+        '{{website.description}}',
+      canonicalDomain: 'https://{{module.domain}}',
+      ldCompany: {
+        name: '{{company.name}}',
+        status: 'active',
+        contact: {
+          address: {
+            name: '{{company.name}}',
+            city: '{{company.city}}',
+            country: 'Germany',
+            houseNumber: '{{company.houseNumber}}',
+            postalCode: '{{company.postalCode}}',
+            streetName: '{{company.streetName}}',
+          },
+          description: 'work',
+          name: 'Task Venture Capital GmbH',
+          type: 'company',
+          facebookUrl: 'https://www.facebook.com/{{author.facebookHandle}}',
+          twitterUrl: 'https://twitter.com/{{authro.twitterHandle}}',
+          website: 'https://{{author.website}}',
+          phone: '+49 421 16767 548',
+        },
+        closedDate: null,
+        foundedDate: {
+          day: 1,
+          month: 1,
+          year: 2014,
+        },
+      },
+    },
+  });
+
+  const serviceWorker = serviceworker.getServiceWorker();
+
+  const mainTemplate = html`
+    <style>
+      body {
+        margin: 0px;
+        --background-accent: #303f9f;
+      }
+    </style>
+    <default-header></default-header>
+  `;
+
+  render(mainTemplate, document.body);
+};
+
+run();