1.0.97

fix(core): update
1.0.96
2022-08-17 19:28:12 +02:00 · 2022-08-17 19:28:11 +02:00 · 2022-08-17 19:27:14 +02:00 · 2022-08-17 19:27:14 +02:00 · 2022-08-17 18:49:34 +02:00 · 2022-08-17 18:49:33 +02:00
22 changed files with 7144 additions and 12311 deletions
--- a/html/index.html
+++ b/html/index.html
@ -1,6 +1,7 @@
-<!--gitzone element-->
+<!--gitzone default-->
 <!-- made by Lossless GmbH -->
 <!-- checkout https://maintainedby.lossless.com for awesome OpenSource projects -->
+<!DOCTYPE html>
 <html lang="en">
  <head>
    <!--Lets set some basic meta tags-->
@ -9,16 +10,119 @@
      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"
    />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="theme-color" content="#000000">

+    <!--Lets make sure we recognize this as an PWA-->
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="icon" type="image/png" href="/assetbroker/manifest/favicon.png">
+
+    <!--Lets load standard fonts-->
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+
+    <link
+      crossorigin="anonymous"
+      href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet"
+    />
+    <link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@100;200;300;400;500;600;700;800&family=Roboto+Slab:wght@100;200;300;400;500;600;700;900&family=Roboto:wght@100;300;400;500;700;900&family=Roboto+Mono:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Just+Me+Again+Down+Here&display=swap" rel="stylesheet">
+
+
+    <!--Lets avoid a rescaling flicker due to default body margins-->
    <style>
      body {
+        background: #000;
        margin: 0px;
-        background: #222222;
      }
    </style>
-
-    <script src="./bundle.js"></script>
+    <script>
+      projectVersion = '';
+    </script>
  </head>
  <body>
+    <noscript>
+      <style>
+        body {
+          background: #303f9f;
+          font-family: 'Roboto', sans-serif;
+          color: #ffffff;
+        }
+
+        a {
+          color: #ffffff;
+          text-decoration: none;
+        }
+
+        .logo {
+          margin-top: 100px;
+          text-align: center;
+        }
+
+        img {
+          width: 130px;
+        }
+
+        .container {
+          width: 600px;
+          margin: auto;
+          margin-top: 20px;
+          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
+          overflow: hidden;
+          border-radius: 3px;
+          background: #4357d9;
+        }
+        .contentHeader {
+          padding: 20px;
+          text-align: center;
+          font-size: 25px;
+          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .content {
+          padding: 20px;
+        }
+        .footer {
+          padding: 10px;
+          text-align: center;
+        }
+      </style>
+      <div class="logo">
+        <img src="https://assetbroker.lossless.one/brandfiles/lossless/svg-minimal-bright.svg">
+      </div>
+      <div class="container">
+        
+        <div class="contentHeader">
+          We need JavaScript to run properly!
+        </div>
+        <div class="content">
+          This site is being built using lit-element (made by Google). This technology works with
+          JavaScript. Subsequently this website does not work as intended by Lossless GmbH without
+          JavaScript.
+        </div>
+      </div>
+      <div class="footer">
+        <a href="https://lossless.gmbh">Legal Info</a> |
+        <a href="https://lossless.gmbh/privacy">Privacy Policy</a>
+      </div>
+    </noscript>
+    <script type="text/javascript" async defer>
+      window.revenueEnabled = true;
+      const runRevenueCheck = async () => {
+        var e = document.createElement('div');
+        e.id = '476kjuhzgtr764';
+        e.style.display = 'none';
+        document.body.appendChild(e);
+        if (document.getElementById('476kjuhzgtr764')) {
+          window.revenueEnabled = true;
+        } else {
+          window.revenueEnabled = false;
+        }
+        console.log(`revenue enabled: ${window.revenueEnabled}`);
+      };
+
+      runRevenueCheck();
+    </script>
  </body>
+  <script defer type="module" src="/bundle.js"></script>
 </html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "@designestate/dees-catalog",
-  "version": "1.0.75",
+  "version": "1.0.97",
  "private": false,
  "description": "website for lossless.com",
  "main": "dist_ts_web/index.js",
@ -8,27 +8,29 @@
  "type": "module",
  "scripts": {
    "test": "tstest test/ --web",
-    "build": "tsbuild element --allowimplicitany --skiplibcheck && tsbundle element --production",
+    "build": "tsbuild element --allowimplicitany && tsbundle element --production",
    "watch": "tswatch element"
  },
  "author": "Lossless GmbH",
  "license": "MIT",
  "dependencies": {
-    "@designestate/dees-domtools": "^2.0.1",
-    "@designestate/dees-element": "^2.0.2",
-    "@designestate/dees-wcctools": "^1.0.68",
-    "@fortawesome/fontawesome-svg-core": "^6.1.0",
-    "@fortawesome/free-brands-svg-icons": "^6.1.0",
-    "@fortawesome/free-regular-svg-icons": "^6.1.0",
-    "@fortawesome/free-solid-svg-icons": "^6.1.0"
+    "@designestate/dees-domtools": "^2.0.23",
+    "@designestate/dees-element": "^2.0.16",
+    "@designestate/dees-wcctools": "^1.0.74",
+    "@fortawesome/fontawesome-svg-core": "^6.1.2",
+    "@fortawesome/free-brands-svg-icons": "^6.1.2",
+    "@fortawesome/free-regular-svg-icons": "^6.1.2",
+    "@fortawesome/free-solid-svg-icons": "^6.1.2",
+    "@tsclass/tsclass": "^4.0.19",
+    "pdfjs-dist": "^2.15.349"
  },
  "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.59",
-    "@gitzone/tsbundle": "^1.0.101",
-    "@gitzone/tstest": "^1.0.69",
-    "@gitzone/tswatch": "^1.0.68",
-    "@pushrocks/projectinfo": "^4.0.5",
-    "@pushrocks/tapbundle": "^5.0.2"
+    "@gitzone/tsbuild": "^2.1.65",
+    "@gitzone/tsbundle": "^2.0.7",
+    "@gitzone/tstest": "^1.0.73",
+    "@gitzone/tswatch": "^2.0.5",
+    "@pushrocks/projectinfo": "^5.0.1",
+    "@pushrocks/tapbundle": "^5.0.4"
  },
  "files": [
    "ts/**/*",
--- a/test/test.browser.ts
+++ b/test/test.browser.ts
@ -6,7 +6,7 @@ tap.test('should create a working button', async () => {
  const button: deesCatalog.DeesButton = await webhelpers.fixture(
    webhelpers.html`<dees-button></dees-button>`
  );
-  expect(button).to.be.instanceOf(deesCatalog.DeesButton);
+  expect(button).toBeInstanceOf(deesCatalog.DeesButton);
 });

 tap.start();
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @pushrocks/commitinfo
+ */
+export const commitinfo = {
+  name: '@designestate/dees-catalog',
+  version: '1.0.97',
+  description: 'website for lossless.com'
+}
--- a/ts_web/elements/dees-button-exit.ts
+++ b/ts_web/elements/dees-button-exit.ts
@ -0,0 +1,53 @@
+import {
+  cssManager,
+  customElement,
+  DeesElement,
+  html,
+  TemplateResult,
+  css,
+  state,
+  property
+} from '@designestate/dees-element';
+
+@customElement('dees-button-exit')
+export class DeesButtonExit extends DeesElement {
+  // DEMO
+  public static demo = () => html`
+    <dees-button-exit></dees-button-exit>
+  `;
+
+  // INSTANCE
+  @property({
+    type: Number
+  })
+  public size: number = 20;
+
+  public styles = [
+    cssManager.defaultStyles,
+    css`
+
+    `
+  ]
+
+  public render (): TemplateResult {
+    return html`
+      <style>
+        .maincontainer {
+          position: relative;
+          width: ${this.size}px;
+          height: ${this.size}px;
+        }
+        .firstLine {
+          position: absolute;
+        }
+        .secondLine {
+          position: absolute;
+        }
+      </style>
+      <div class="maincontainer">
+        <div class="firstLine"></div>
+        <div class="secondLine"></div>
+      </div>
+    `;
+  }
+}
--- a/ts_web/elements/dees-button.ts
+++ b/ts_web/elements/dees-button.ts
@ -86,7 +86,7 @@ export class DeesButton extends DeesElement {
        border-top: ${cssManager.bdTheme('1px solid #eee', '1px solid #444')};
        border-radius: 2px;
        line-height: 40px;
-        padding: 0px 10px;
+        padding: 0px 8px;
        min-width: 100px;
        user-select: none;
        color: ${cssManager.bdTheme('#333', ' #ccc')};
@ -143,7 +143,7 @@ export class DeesButton extends DeesElement {
        line-height: 48px;
        font-size: 16px;
        padding: 0px 48px;
-        margin-top: 36px;
+        margin-top: 32px;
      }

      .button.pending {
--- a/ts_web/elements/dees-chips.ts
+++ b/ts_web/elements/dees-chips.ts
@ -65,9 +65,9 @@ export class DeesChips extends DeesElement {
        padding: 8px 12px;
        font-size: 14px;
        color: #fff;
-        border-radius: 30px;
-        margin-right: 3px;
-        margin-bottom: 7px;
+        border-radius: 40px;
+        margin-right: 4px;
+        margin-bottom: 8px;
      }

      .chip:hover {
--- a/ts_web/elements/dees-icon.ts
+++ b/ts_web/elements/dees-icon.ts
@ -10,6 +10,9 @@ import {
  faMedium,
  faSlackHash,
  faTwitter,
+  faInstagram,
+  faTiktok,
+
 } from '@fortawesome/free-brands-svg-icons';

 import {} from '@fortawesome/free-regular-svg-icons';
@ -22,10 +25,12 @@ type TFontAwesomeIcon =
  // brands
  | 'facebook'
  | 'google'
-  | 'twitter'
  | 'linkedin'
+  | 'instagram'
  | 'medium'
  | 'slack'
+  | 'tiktok'
+  | 'twitter'
  | 'users';
 const faIcons: { [key: string]: IconDefinition } = {
  // normal
@ -34,9 +39,11 @@ const faIcons: { [key: string]: IconDefinition } = {
  // brands
  facebook: faFacebook,
  google: faGoogle,
+  instagram: faInstagram,
  linkedin: faLinkedin,
  medium: faMedium,
  slack: faSlackHash,
+  tiktok: faTiktok,
  twitter: faTwitter,
  users: faUsers,
 };
--- a/ts_web/elements/dees-input-text.ts
+++ b/ts_web/elements/dees-input-text.ts
@ -77,6 +77,7 @@ export class DeesInputText extends DeesElement {
          transition: all 0.2s;
          outline: none;
          font-size: 16px;
+          font-family: "Roboto";
          color: ${this.goBright ? '#333' : '#ccc'};
        }

--- a/ts_web/elements/dees-mobilenavigation.ts
+++ b/ts_web/elements/dees-mobilenavigation.ts
@ -0,0 +1,140 @@
+import * as plugins from './plugins.js';
+import {
+  cssManager,
+  css,
+  customElement,
+  DeesElement,
+  domtools,
+  html,
+  property,
+} from '@designestate/dees-element';
+import { DeesWindowLayer } from './dees-windowlayer.js';
+
+@customElement('dees-mobilenavigation')
+export class DeesMobilenavigation extends DeesElement {
+  private static singletonRef: DeesMobilenavigation;
+  public static async createAndInit(menuItemsArg: plugins.tsclass.website.IMenuItem[]) {
+    if (!this.singletonRef) {
+      this.singletonRef = new DeesMobilenavigation();
+      document.body.append(this.singletonRef);
+      await this.singletonRef.init();
+    }
+    this.singletonRef.menuItems = menuItemsArg;
+    await this.singletonRef.readyDeferred.promise;
+    this.singletonRef.show();
+    return this.singletonRef;
+  }
+
+  // INSTANCE
+  @property({
+    type: Object,
+  })
+  public menuItems: plugins.tsclass.website.IMenuItem[] = [];
+
+  readyDeferred = domtools.plugins.smartpromise.defer();
+
+  /**
+   * inits the mobile navigation
+   */
+  public async init() {
+    await this.updateComplete;
+    this.readyDeferred.resolve();
+  }
+
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
+      }
+
+      .main {
+        transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
+        will-change: transform;
+        position: fixed;
+        height: 100vh;
+        min-width: 370px;
+        transform: translateX(200px);
+        color: #fff;
+        z-index: 100;
+        opacity: 0;
+        padding: 16px;
+        right: 0px;
+        background: #000;
+        border-left: 1px dashed #444;
+        pointer-events: none;
+      }
+
+      .main.show {
+        pointer-events: all;
+        transform: translateX(0px);
+        opacity: 1;
+      }
+
+      .menuItem {
+        text-align: center;
+        padding: 8px;
+        cursor: pointer;
+        border-radius: 3px;
+      }
+      .menuItem:hover {
+        background: #333;
+      }
+    `,
+  ];
+
+  public render() {
+    return html`
+      <div class="main">
+        ${this.menuItems.map((menuItem) => {
+          return html`
+            <div
+              class="menuItem"
+              @click="${() => {
+                this.hide();
+                menuItem.action();
+              }}"
+            >
+              ${menuItem.name}
+            </div>
+          `;
+        })}
+      </div>
+    `;
+  }
+
+  private windowLayer: DeesWindowLayer;
+
+  /**
+   * inits the show
+   */
+  public async show() {
+    const domtools = await this.domtoolsPromise;
+    const main = this.shadowRoot.querySelector('.main');
+    if (!this.windowLayer) {
+      this.windowLayer = new DeesWindowLayer();
+      this.windowLayer.addEventListener('click', () => {
+        this.hide();
+      });
+    }
+    document.body.append(this.windowLayer);
+    await domtools.convenience.smartdelay.delayFor(0);
+    this.windowLayer.show();
+
+    await domtools.convenience.smartdelay.delayFor(0);
+    main.classList.add('show');
+  }
+
+  /**
+   * inits the hide function
+   */
+  public async hide() {
+    const domtools = await this.domtoolsPromise;
+    const main = this.shadowRoot.querySelector('.main');
+    main.classList.remove('show');
+    this.windowLayer.hide();
+  }
+
+  async disconnectedCallback () {
+    document.body.removeChild(this.windowLayer);
+  }
+}
--- a/ts_web/elements/dees-pdf.ts
+++ b/ts_web/elements/dees-pdf.ts
@ -0,0 +1,120 @@
+import { DeesElement, property, html, customElement, domtools } from '@designestate/dees-element';
+import { TemplateResult } from 'lit-html';
+
+import { Deferred } from '@pushrocks/smartpromise';
+
+import type pdfjsTypes from 'pdfjs-dist';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'dees-pdf': DeesPdf;
+  }
+}
+
+@customElement('dees-pdf')
+export class DeesPdf extends DeesElement {
+  // DEMO
+  public static demo = () => html` <dees-pdf></dees-pdf> `;
+
+  // INSTANCE
+
+  @property()
+  public pdfUrl: string =
+    'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf';
+
+  constructor() {
+    super();
+
+    // you have access to all kinds of things through this.
+    // this.setAttribute('gotIt','true');
+  }
+
+  public render(): TemplateResult {
+    return html`
+      <style>
+        :host {
+          font-family: 'Roboto', sans-serif;
+          display: block;
+          box-sizing: border-box;
+          max-width: 800px;
+        }
+        :host([hidden]) {
+          display: none;
+        }
+
+        #pdfcanvas {
+          box-shadow: 0px 0px 5px #ccc;
+          width: 100%;
+        }
+      </style>
+      <canvas id="pdfcanvas" .height=${0} .width=${0}></canvas>
+    `;
+  }
+
+  public static pdfJsReady: Promise<any>;
+  public static pdfjsLib: typeof pdfjsTypes;
+  public async connectedCallback() {
+    super.connectedCallback();
+    if (!DeesPdf.pdfJsReady) {
+      const pdfJsReadyDeferred = domtools.plugins.smartpromise.defer();
+      DeesPdf.pdfJsReady = pdfJsReadyDeferred.promise;
+      const loadDeferred = domtools.plugins.smartpromise.defer();
+      const script = document.createElement('script');
+      script.addEventListener('load', () => {
+        console.log('pdf.js loaded!');
+        loadDeferred.resolve();
+      });
+      script.src = 'https:////mozilla.github.io/pdf.js/build/pdf.js';
+      document.getElementsByTagName('head')[0].appendChild(script);
+      // The workerSrc property shall be specified.
+      await loadDeferred.promise;
+      DeesPdf.pdfjsLib = window['pdfjs-dist/build/pdf'];
+      DeesPdf.pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';
+      pdfJsReadyDeferred.resolve();
+    }
+    await DeesPdf.pdfJsReady;
+    this.displayContent();
+  }
+
+  public async displayContent() {
+    await DeesPdf.pdfJsReady;
+
+    // Asynchronous download of PDF
+    const loadingTask = DeesPdf.pdfjsLib.getDocument(this.pdfUrl);
+    loadingTask.promise.then(
+      (pdf) => {
+        console.log('PDF loaded');
+
+        // Fetch the first page
+        const pageNumber = 1;
+        pdf.getPage(pageNumber).then((page) => {
+          console.log('Page loaded');
+
+          const scale = 10;
+          const viewport = page.getViewport({ scale: scale });
+
+          // Prepare canvas using PDF page dimensions
+          const canvas: any = this.shadowRoot.querySelector('#pdfcanvas');
+          const context = canvas.getContext('2d');
+          canvas.height = viewport.height;
+          canvas.width = viewport.width;
+
+          // Render PDF page into canvas context
+          const renderContext = {
+            canvasContext: context,
+            viewport: viewport,
+          };
+
+          const renderTask = page.render(renderContext);
+          renderTask.promise.then(function () {
+            console.log('Page rendered');
+          });
+        });
+      },
+      (reason) => {
+        // PDF loading error
+        console.error(reason);
+      }
+    );
+  }
+}
--- a/ts_web/elements/dees-searchbox.ts
+++ b/ts_web/elements/dees-searchbox.ts
--- a/ts_web/elements/dees-speechbubble.ts
+++ b/ts_web/elements/dees-speechbubble.ts
@ -0,0 +1,156 @@
+import {
+  customElement,
+  html,
+  DeesElement,
+  property,
+  TemplateResult,
+  cssManager,
+  css,
+  unsafeCSS,
+} from '@designestate/dees-element';
+
+import * as domtools from '@designestate/dees-domtools';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'dees-speechbubble': DeesSpeechbubble;
+  }
+}
+
+@customElement('dees-speechbubble')
+export class DeesSpeechbubble extends DeesElement {
+  public static demo = () => html` <dees-speechbubble></dees-speechbubble> `;
+
+  @property()
+  public text: string;
+
+  @property({
+    type: Boolean,
+  })
+  public disabled = false;
+
+  @property({
+    type: Boolean,
+  })
+  public isHidden = false;
+
+  @property({
+    type: String,
+  })
+  public status: 'normal' | 'pending' | 'success' | 'error' = 'normal';
+
+  constructor() {
+    super();
+  }
+
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
+        position: relative;
+        display: block;
+        box-sizing: border-box;
+        color: ${cssManager.bdTheme('#333', '#fff')};
+        cursor: pointer;
+        user-select: none;
+      }
+      :host([hidden]) {
+        display: none;
+      }
+
+      .maincontainer {
+        will-change: transform;
+        transition: transform 0.2s;
+        transform: translateX(0px);
+        position: relative;
+        transition: all 0.2s;
+        margin-left: 0px;
+      }
+
+      .maincontainer:hover {
+        transform: translateX(3px);
+      }
+
+      .arrow {
+        position: absolute;
+        transform: rotate(45deg);
+        background: ${cssManager.bdTheme('#fff', '#333')};
+        height: 15px;
+        width: 15px;
+        left: 4px;
+        top: 5px;
+        border-radius: 2px;
+      }
+
+      .speechbubble {
+        background: ${cssManager.bdTheme('#fff', '#333')};
+        padding: 0px 10px;
+        border-radius: 3px;
+        position: absolute;
+        line-height: 25px;
+        font-size: 12px;
+        top: 0px;
+        left: 8px;
+      }
+
+      .wave {
+        animation-name: wave-animation; /* Refers to the name of your @keyframes element below */
+        animation-duration: 2.5s; /* Change to speed up or slow down */
+        animation-iteration-count: infinite; /* Never stop waving :) */
+        transform-origin: 70% 70%; /* Pivot around the bottom-left palm */
+        display: inline-block;
+      }
+
+      @keyframes wave-animation {
+        0% {
+          transform: rotate(0deg);
+        }
+        10% {
+          transform: rotate(14deg);
+        } /* The following five values can be played with to make the waving more or less extreme */
+        20% {
+          transform: rotate(-8deg);
+        }
+        30% {
+          transform: rotate(14deg);
+        }
+        40% {
+          transform: rotate(-4deg);
+        }
+        50% {
+          transform: rotate(10deg);
+        }
+        60% {
+          transform: rotate(0deg);
+        } /* Reset for the last half to pause */
+        100% {
+          transform: rotate(0deg);
+        }
+      }
+    `,
+  ];
+
+  public render(): TemplateResult {
+    return html`
+      <div class="maincontainer" @click=${this.handleClick}>
+        <div class="arrow"></div>
+        <div class="speechbubble"><span class="wave">👋</span> Hey! We are consulting.</div>
+      </div>
+    `;
+  }
+
+  public async handleClick() {
+    if (this.disabled) {
+      return;
+    }
+
+    globalThis.location.href = "https://lossless.consulting"
+  }
+
+  public async firstUpdated() {
+    if (!this.textContent) {
+      this.textContent = 'Button';
+      this.performUpdate();
+    }
+  }
+}
--- a/ts_web/elements/dees-table.ts
+++ b/ts_web/elements/dees-table.ts
@ -104,24 +104,27 @@ export class DeesTable<T> extends DeesElement {
    cssManager.defaultStyles,
    css`
      .mainbox {
-        color: #fff;
+        color: ${cssManager.bdTheme('#333', '#fff')};
        font-family: Roboto Mono;
-        padding: 20px;
+        font-size: 16px;
+        padding: 16px;
        display: block;
        width: 100%;
        min-height: 50px;
-        background: #393939;
+        background: ${cssManager.bdTheme('#fafafa', '#333333')};
        border-radius: 3px;
+        border-top: 1px solid ${cssManager.bdTheme('#fff', '#444')};
+        box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
      }
      .headingSeparation {
        margin-top: 7px;
-        border-bottom: 1px solid #bcbcbc;
+        border-bottom: 1px solid ${cssManager.bdTheme('#bcbcbc', '#bcbcbc')};
      }

      table,
      .noDataSet {
-        margin-top: 20px;
-        color: #fff;
+        margin-top: 16px;
+        color: ${cssManager.bdTheme('#333', '#fff')};
        border-collapse: collapse;
        width: 100%;
      }
@ -129,7 +132,7 @@ export class DeesTable<T> extends DeesElement {
        text-align: center;
      }
      tr {
-        border-bottom: 1px dashed #808080;
+        border-bottom: 1px dashed ${cssManager.bdTheme('#999', '#808080')};
        text-align: left;
      }
      tr:last-child {
@ -140,7 +143,7 @@ export class DeesTable<T> extends DeesElement {
        cursor: pointer;
      }
      tr:hover .innerCellContainer {
-        background: #ffffff10;
+        background: ${cssManager.bdTheme('#22222210', '#ffffff20')};
      }
      tr:first-child:hover {
        cursor: auto;
@ -149,7 +152,7 @@ export class DeesTable<T> extends DeesElement {
        background: none;
      }
      tr.selected .innerCellContainer {
-        background: #ffffff20
+        background: ${cssManager.bdTheme('#22222220', '#ffffff20')};
      }
      th {
        text-transform: uppercase;
@ -157,10 +160,10 @@ export class DeesTable<T> extends DeesElement {
      th,
      td {
        padding: 3px 0px;
-        border-right: 1px dashed #808080;
+        border-right: 1px dashed ${cssManager.bdTheme('#999', '#808080')};
      }
      .innerCellContainer {
-        padding: 7px 10px;
+        padding: 6px 8px;
      }
      th:first-child .innerCellContainer,
      td:first-child .innerCellContainer {
@ -176,11 +179,13 @@ export class DeesTable<T> extends DeesElement {
      }

      .tableStatistics {
-        padding: 5px 20px;
-        font-size: 14px;
-        color: #ffffff90;
-        background: #00000050;
-        margin: 20px -20px -20px -20px;
+        padding: 4px 16px;
+        font-size: 12px;
+        color: ${cssManager.bdTheme('#111', '#ffffff90')};
+        background: ${cssManager.bdTheme('#eeeeeb', '#00000050')};
+        margin: 16px -16px -16px -16px;
+        border-bottom-left-radius: 3px;
+        border-bottom-right-radius: 3px;
      }
    `,
  ];
--- a/ts_web/elements/dees-windowlayer.ts
+++ b/ts_web/elements/dees-windowlayer.ts
@ -63,10 +63,22 @@ export class DeesWindowLayer extends DeesElement {
  }

  dispatchClicked() {
-    this.dispatchEvent(new CustomEvent('clicked'))
+    this.dispatchEvent(new CustomEvent('clicked'));
  }

  public toggleVisibility () {
    this.visible = !this.visible;
  }
+
+  public async show() {
+    const domtools = await this.domtoolsPromise;
+    await domtools.convenience.smartdelay.delayFor(0);
+    this.visible = true;
+  }
+
+  public async hide() {
+    const domtools = await this.domtoolsPromise;
+    await domtools.convenience.smartdelay.delayFor(0);
+    this.visible = false;
+  }
 }
--- a/ts_web/elements/index.ts
+++ b/ts_web/elements/index.ts
@ -1,3 +1,4 @@
+export * from './dees-button-exit.js';
 export * from './dees-button.js';
 export * from './dees-chips.js';
 export * from './dees-form.js';
@ -9,6 +10,9 @@ export * from './dees-input-fileupload.js';
 export * from './dees-input-quantityselector.js';
 export * from './dees-input-radio.js';
 export * from './dees-input-text.js';
+export * from './dees-mobilenavigation.js';
+export * from './dees-pdf.js';
+export * from './dees-speechbubble.js';
 export * from './dees-spinner.js';
 export * from './dees-stepper.js';
 export * from './dees-table.js';
--- a/ts_web/elements/plugins.ts
+++ b/ts_web/elements/plugins.ts
@ -0,0 +1,5 @@
+import * as tsclass from '@tsclass/tsclass';
+
+export {
+  tsclass
+}
--- a/ts_web/index.ts
+++ b/ts_web/index.ts
@ -1 +1,2 @@
 export * from './elements/index.js';
+export { commitinfo } from './00_commitinfo_data.js';
--- a/ts_web/tsconfig.json
+++ b/ts_web/tsconfig.json
@ -1,16 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2017",
-    "module": "es2015",
-    "moduleResolution": "node",
-    "lib": ["es2017", "dom"],
-    "declaration": true,
-    "inlineSources": true,
-    "inlineSourceMap": true,
-    "noUnusedLocals": true,
-    "noFallthroughCasesInSwitch": true,
-    "outDir": "dist/",
-    "skipLibCheck": true,
-    "experimentalDecorators": true
-  }
-}
--- a/tsconfig.json
+++ b/tsconfig.json
@ -1,8 +1,10 @@
 {
  "compilerOptions": {
    "experimentalDecorators": true,
-    "target": "ES2020",
-    "module": "ES2020",
-    "moduleResolution": "Node12"
+    "useDefineForClassFields": false,
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "nodenext",
+    "esModuleInterop": true
  }
 }
--- a/tslint.json
+++ b/tslint.json
@ -1,17 +0,0 @@
-{
-  "extends": ["tslint:latest", "tslint-config-prettier"],
-  "rules": {
-    "semicolon": [true, "always"],
-    "no-console": false,
-    "ordered-imports": false,
-    "object-literal-sort-keys": false,
-    "member-ordering": {
-      "options":{
-        "order": [
-          "static-method"
-        ]
-      }
-    }
-  },
-  "defaultSeverity": "warning"
-}
Author	SHA1	Message	Date
Philipp Kunz	0d05bfa5ff	1.0.97	2022-08-17 19:28:12 +02:00
Philipp Kunz	4dc9e04c2e	fix(core): update	2022-08-17 19:28:11 +02:00
Philipp Kunz	5341a0d6b6	1.0.96	2022-08-17 19:27:14 +02:00
Philipp Kunz	615bea9fc4	fix(core): update	2022-08-17 19:27:14 +02:00
Philipp Kunz	e518bc6976	1.0.95	2022-08-17 18:49:34 +02:00
Philipp Kunz	076f8c7a91	fix(core): update	2022-08-17 18:49:33 +02:00
Philipp Kunz	b016b959cf	1.0.94	2022-07-14 23:29:25 +02:00
Philipp Kunz	eca68e28a2	fix(core): update	2022-07-14 23:29:25 +02:00
Philipp Kunz	68a164aac2	1.0.93	2022-06-26 15:04:05 +02:00
Philipp Kunz	9b5448e096	fix(core): update	2022-06-26 15:04:04 +02:00
Philipp Kunz	232d063485	1.0.92	2022-06-10 15:50:57 +02:00
Philipp Kunz	6a357cb227	fix(core): update	2022-06-10 15:50:56 +02:00
Philipp Kunz	7b8218ab77	1.0.91	2022-05-30 23:15:33 +02:00
Philipp Kunz	5b6436b023	fix(core): update	2022-05-30 23:15:32 +02:00
Philipp Kunz	57edbb872b	1.0.90	2022-05-26 21:23:55 +02:00
Philipp Kunz	76f82fe15e	fix(core): update	2022-05-26 21:23:55 +02:00
Philipp Kunz	0b03718f4a	1.0.89	2022-05-26 20:03:19 +02:00
Philipp Kunz	2754de26d8	fix(core): update	2022-05-26 20:03:18 +02:00
Philipp Kunz	abc91600e2	1.0.88	2022-05-26 18:07:02 +02:00
Philipp Kunz	6a8a4aa4d2	fix(core): update	2022-05-26 18:07:02 +02:00
Philipp Kunz	6a6f3b1907	1.0.87	2022-05-24 09:13:15 +02:00
Philipp Kunz	0dc8e21e07	fix(core): update	2022-05-24 09:13:15 +02:00
Philipp Kunz	68ccc02699	1.0.86	2022-05-20 21:04:59 +02:00
Philipp Kunz	ed1c18b8ac	fix(core): update	2022-05-20 21:04:59 +02:00
Philipp Kunz	e8cc4c7c90	1.0.85	2022-05-20 19:51:21 +02:00
Philipp Kunz	187ebed3ab	fix(core): update	2022-05-20 19:51:20 +02:00
Philipp Kunz	b909617271	1.0.84	2022-05-20 19:48:48 +02:00
Philipp Kunz	9c2fe9f739	fix(core): update	2022-05-20 19:48:48 +02:00
Philipp Kunz	ed49de64bc	1.0.83	2022-05-20 19:43:17 +02:00
Philipp Kunz	162003ba7a	fix(core): update	2022-05-20 19:43:16 +02:00
Philipp Kunz	5f793f0acc	1.0.82	2022-05-20 18:54:49 +02:00
Philipp Kunz	d23b298bd5	fix(core): update	2022-05-20 18:54:49 +02:00
Philipp Kunz	f9e2f00e9b	1.0.81	2022-05-20 18:44:33 +02:00
Philipp Kunz	6c3645f2f8	fix(core): update	2022-05-20 18:44:33 +02:00
Philipp Kunz	e3a6798469	1.0.80	2022-05-03 15:17:28 +02:00
Philipp Kunz	60de4ef674	fix(core): update	2022-05-03 15:17:28 +02:00
Philipp Kunz	02e029edbc	1.0.79	2022-04-29 15:54:39 +02:00
Philipp Kunz	ff5a65bdce	fix(core): update	2022-04-29 15:54:38 +02:00
Philipp Kunz	daacbbd042	1.0.78	2022-04-29 10:17:21 +02:00
Philipp Kunz	42b44be143	fix(core): update	2022-04-29 10:17:21 +02:00
Philipp Kunz	7e4c186e66	1.0.77	2022-04-29 09:47:52 +02:00
Philipp Kunz	f6823639cc	fix(core): update	2022-04-29 09:47:52 +02:00
Philipp Kunz	f292fd9692	1.0.76	2022-03-18 19:46:30 +01:00
Philipp Kunz	fa2ab7730a	fix(core): update	2022-03-18 19:46:30 +01:00