fix(core): update

package.json

@@ -13,18 +13,18 @@
   "author": "Lossless GmbH",
   "license": "UNLICENSED",
   "dependencies": {
-    "@designestate/dees-domtools": "^1.0.102",
-    "@designestate/dees-element": "^1.0.26",
+    "@designestate/dees-domtools": "^1.0.113",
+    "@designestate/dees-element": "^1.0.35",
     "@gitzone/tsrun": "^1.2.18",
     "@pushrocks/smartdelay": "^2.0.13",
     "@pushrocks/smartexpress": "^3.0.108",
-    "lit-element": "^3.0.2",
-    "lit-html": "^2.0.2",
-    "typescript": "^4.5.2"
+    "lit-element": "^3.2.0",
+    "lit-html": "^2.2.0",
+    "typescript": "^4.6.2"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.28",
-    "@gitzone/tsbundle": "^1.0.88",
+    "@gitzone/tsbuild": "^2.1.29",
+    "@gitzone/tsbundle": "^1.0.89",
     "@gitzone/tswatch": "^1.0.56",
     "@pushrocks/projectinfo": "^4.0.5",
     "tslint": "^6.1.3",

test/elements/test-demoelement.ts

@@ -72,12 +72,21 @@ export class TestDemoelement extends DeesElement {
         color: ${cssManager.bdTheme('#000', '#fff')};
         background: ${cssManager.bdTheme('#fff', '#000')};
       }
+
+      @container wccToolsViewport (max-width: 3000px) {
+        .maincontainer,
+        .themeindicator {
+          border-radius: 50px;
+        }
+      }
+
       ${domtools.breakpoints.cssForPhablet(css`
         .maincontainer,
         .themeindicator {
           border-radius: 50px;
         }
       `)}
+      
       pre b {
         color: green;
       }