From 91b9c424d8056d352497b787e0e5f1db3443c933 Mon Sep 17 00:00:00 2001
From: Phil Kunz <gitlab@philkunz.com>
Date: Wed, 9 Dec 2020 18:32:11 +0000
Subject: [PATCH] fix(core): update

---
 package-lock.json            |  6 +++---
 package.json                 |  2 +-
 ts_web/elements/wcc-frame.ts | 32 +++++++++++++++++++++-----------
 3 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b0449d4..816950e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1155,9 +1155,9 @@
       }
     },
     "@designestate/dees-element": {
-      "version": "1.0.9",
-      "resolved": "https://verdaccio.lossless.one/@designestate%2fdees-element/-/dees-element-1.0.9.tgz",
-      "integrity": "sha512-zea4bTPbCSoJFDDX24L4kK5FdC2snYODhA+fSJ70D9dh1um8mGeoJKZL8D6jbGPOnmHT//cML2vgNBGvs8UvIw==",
+      "version": "1.0.10",
+      "resolved": "https://verdaccio.lossless.one/@designestate%2fdees-element/-/dees-element-1.0.10.tgz",
+      "integrity": "sha512-aYVFBnXOn5oLno4A9eAAtBg90xTTiGI7ys7tYJ1DlGVxPFi3HJcUAMZskm6KCVaTxyhcSl2RQHpp4UqeFDtCQw==",
       "requires": {
         "@designestate/dees-domtools": "^1.0.80",
         "@pushrocks/smartrx": "^2.0.19",
diff --git a/package.json b/package.json
index 3d1b93f..d5f010e 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@designestate/dees-domtools": "^1.0.81",
-    "@designestate/dees-element": "^1.0.9",
+    "@designestate/dees-element": "^1.0.10",
     "@gitzone/tsrun": "^1.2.12",
     "@pushrocks/smartdelay": "^2.0.10",
     "@pushrocks/smartexpress": "^3.0.98",
diff --git a/ts_web/elements/wcc-frame.ts b/ts_web/elements/wcc-frame.ts
index 4f495ec..4c3e474 100644
--- a/ts_web/elements/wcc-frame.ts
+++ b/ts_web/elements/wcc-frame.ts
@@ -1,9 +1,9 @@
-import { LitElement, property, html, customElement, TemplateResult } from 'lit-element';
+import { DeesElement, property, html, customElement, TemplateResult } from '@designestate/dees-element';
 
 import * as domtools from '@designestate/dees-domtools';
 
 @customElement('wcc-frame')
-export class WccFrame extends LitElement {
+export class WccFrame extends DeesElement {
   @property()
   public viewport: string;
 
@@ -12,7 +12,6 @@ export class WccFrame extends LitElement {
       <style>
         :host {
           border: 10px solid #ffaeaf;
-          background: #222;
           position: absolute;
           left: 200px;
           right: 0px;
@@ -55,14 +54,25 @@ export class WccFrame extends LitElement {
           : html``}
           min-height: 100%;
           background:
-            radial-gradient(#444444 3px, transparent 4px),
-            radial-gradient(#444444 3px, transparent 4px),
-            linear-gradient(#222222 4px, transparent 0),
-            linear-gradient(45deg, transparent 74px, transparent 75px, #444444 75px, #444444 76px, transparent 77px, transparent 109px),
-            linear-gradient(-45deg, transparent 75px, transparent 76px, #444444 76px, #444444 77px, transparent 78px, transparent 109px),
-            #222222;
-            background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
-            background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
+            ${this.goBright ? `
+              radial-gradient(#CCCCCC 3px, transparent 4px),
+              radial-gradient(#CCCCCC 3px, transparent 4px),
+              linear-gradient(#eeeeee 4px, transparent 0),
+              linear-gradient(45deg, transparent 74px, transparent 75px, #CCCCCC 75px, #CCCCCC 76px, transparent 77px, transparent 109px),
+              linear-gradient(-45deg, transparent 75px, transparent 76px, #CCCCCC 76px, #CCCCCC 77px, transparent 78px, transparent 109px),
+              #eeeeee;
+              background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
+              background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
+            ` : `
+              radial-gradient(#444444 3px, transparent 4px),
+              radial-gradient(#444444 3px, transparent 4px),
+              linear-gradient(#222222 4px, transparent 0),
+              linear-gradient(45deg, transparent 74px, transparent 75px, #444444 75px, #444444 76px, transparent 77px, transparent 109px),
+              linear-gradient(-45deg, transparent 75px, transparent 76px, #444444 76px, #444444 77px, transparent 78px, transparent 109px),
+              #222222;
+              background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
+              background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
+            `}
         }
       </style>
       <div class="viewport">