From 6a8a4aa4d25c8722c3bafdf5a2e3d9fff2321b66 Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Thu, 26 May 2022 18:07:02 +0200
Subject: [PATCH] fix(core): update

---
 ts_web/00_commitinfo_data.ts        |  2 +-
 ts_web/elements/dees-button-exit.ts | 53 +++++++++++++++++++++++++++++
 ts_web/elements/dees-table.ts       | 21 ++++++------
 ts_web/elements/index.ts            |  1 +
 ts_web/tsconfig.json                | 16 ---------
 5 files changed, 66 insertions(+), 27 deletions(-)
 create mode 100644 ts_web/elements/dees-button-exit.ts
 delete mode 100644 ts_web/tsconfig.json

diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index bcddb6f..7cd565b 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@designestate/dees-catalog',
-  version: '1.0.87',
+  version: '1.0.88',
   description: 'website for lossless.com'
 }
diff --git a/ts_web/elements/dees-button-exit.ts b/ts_web/elements/dees-button-exit.ts
new file mode 100644
index 0000000..513534a
--- /dev/null
+++ 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>
+    `;
+  }
+}
\ No newline at end of file
diff --git a/ts_web/elements/dees-table.ts b/ts_web/elements/dees-table.ts
index 4039122..0bfb32e 100644
--- a/ts_web/elements/dees-table.ts
+++ b/ts_web/elements/dees-table.ts
@@ -104,24 +104,25 @@ export class DeesTable<T> extends DeesElement {
     cssManager.defaultStyles,
     css`
       .mainbox {
-        color: #fff;
+        color: ${cssManager.bdTheme('#333', '#fff')};
         font-family: Roboto Mono;
         padding: 20px;
         display: block;
         width: 100%;
         min-height: 50px;
-        background: #393939;
+        background: ${cssManager.bdTheme('#fafafa', '#333333')};
         border-radius: 3px;
+        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;
+        color: ${cssManager.bdTheme('#333', '#fff')};
         border-collapse: collapse;
         width: 100%;
       }
@@ -129,7 +130,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 +141,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 +150,7 @@ export class DeesTable<T> extends DeesElement {
         background: none;
       }
       tr.selected .innerCellContainer {
-        background: #ffffff20
+        background: ${cssManager.bdTheme('#22222220', '#ffffff20')};
       }
       th {
         text-transform: uppercase;
@@ -157,7 +158,7 @@ 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;
@@ -178,8 +179,8 @@ export class DeesTable<T> extends DeesElement {
       .tableStatistics {
         padding: 5px 20px;
         font-size: 14px;
-        color: #ffffff90;
-        background: #00000050;
+        color: ${cssManager.bdTheme('#111', '#ffffff90')};
+        background: ${cssManager.bdTheme('#00000020', '#00000050')};
         margin: 20px -20px -20px -20px;
       }
     `,
diff --git a/ts_web/elements/index.ts b/ts_web/elements/index.ts
index 794b855..15ed57a 100644
--- 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';
diff --git a/ts_web/tsconfig.json b/ts_web/tsconfig.json
deleted file mode 100644
index dba076c..0000000
--- a/ts_web/tsconfig.json
+++ /dev/null
@@ -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
-  }
-}