1.0.244

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.0.235",
+  "version": "1.0.244",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",
@@ -17,27 +17,27 @@
   "dependencies": {
     "@design.estate/dees-domtools": "^2.0.55",
     "@design.estate/dees-element": "^2.0.33",
-    "@design.estate/dees-wcctools": "^1.0.81",
+    "@design.estate/dees-wcctools": "^1.0.85",
-    "@fortawesome/fontawesome-svg-core": "^6.5.0",
+    "@fortawesome/fontawesome-svg-core": "^6.5.1",
-    "@fortawesome/free-brands-svg-icons": "^6.5.0",
+    "@fortawesome/free-brands-svg-icons": "^6.5.1",
-    "@fortawesome/free-regular-svg-icons": "^6.5.0",
+    "@fortawesome/free-regular-svg-icons": "^6.5.1",
-    "@fortawesome/free-solid-svg-icons": "^6.5.0",
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@push.rocks/smarti18n": "^1.0.4",
     "@push.rocks/smartpromise": "^4.0.3",
-    "@push.rocks/smartstring": "^4.0.9",
+    "@push.rocks/smartstring": "^4.0.13",
     "@tsclass/tsclass": "^4.0.46",
     "highlight.js": "11.9.0",
-    "ibantools": "^4.3.6",
+    "ibantools": "^4.3.8",
-    "pdfjs-dist": "^3.11.174"
+    "pdfjs-dist": "^4.0.379"
   },
   "devDependencies": {
-    "@git.zone/tsbuild": "^2.1.66",
+    "@git.zone/tsbuild": "^2.1.72",
-    "@git.zone/tsbundle": "^2.0.8",
+    "@git.zone/tsbundle": "^2.0.14",
     "@git.zone/tstest": "^1.0.77",
-    "@git.zone/tswatch": "^2.0.7",
+    "@git.zone/tswatch": "^2.0.21",
     "@push.rocks/projectinfo": "^5.0.2",
     "@push.rocks/tapbundle": "^5.0.15",
-    "@types/node": "^20.10.0"
+    "@types/node": "^20.10.8"
   },
   "files": [
     "ts/**/*",

pnpm-lock.yaml

@@ -12,20 +12,20 @@ dependencies:
     specifier: ^2.0.33
     version: 2.0.33
   '@design.estate/dees-wcctools':
-    specifier: ^1.0.81
+    specifier: ^1.0.85
-    version: 1.0.81
+    version: 1.0.85
   '@fortawesome/fontawesome-svg-core':
-    specifier: ^6.5.0
+    specifier: ^6.5.1
-    version: 6.5.0
+    version: 6.5.1
   '@fortawesome/free-brands-svg-icons':
-    specifier: ^6.5.0
+    specifier: ^6.5.1
-    version: 6.5.0
+    version: 6.5.1
   '@fortawesome/free-regular-svg-icons':
-    specifier: ^6.5.0
+    specifier: ^6.5.1
-    version: 6.5.0
+    version: 6.5.1
   '@fortawesome/free-solid-svg-icons':
-    specifier: ^6.5.0
+    specifier: ^6.5.1
-    version: 6.5.0
+    version: 6.5.1
   '@push.rocks/smarti18n':
     specifier: ^1.0.4
     version: 1.0.4
@@ -33,8 +33,8 @@ dependencies:
     specifier: ^4.0.3
     version: 4.0.3
   '@push.rocks/smartstring':
-    specifier: ^4.0.9
+    specifier: ^4.0.13
-    version: 4.0.9
+    version: 4.0.13
   '@tsclass/tsclass':
     specifier: ^4.0.46
     version: 4.0.46
@@ -42,25 +42,25 @@ dependencies:
     specifier: 11.9.0
     version: 11.9.0
   ibantools:
-    specifier: ^4.3.6
+    specifier: ^4.3.8
-    version: 4.3.6
+    version: 4.3.8
   pdfjs-dist:
-    specifier: ^3.11.174
+    specifier: ^4.0.379
-    version: 3.11.174
+    version: 4.0.379
 
 devDependencies:
   '@git.zone/tsbuild':
-    specifier: ^2.1.70
+    specifier: ^2.1.72
-    version: 2.1.70
+    version: 2.1.72
   '@git.zone/tsbundle':
-    specifier: ^2.0.10
+    specifier: ^2.0.14
-    version: 2.0.10
+    version: 2.0.14
   '@git.zone/tstest':
-    specifier: ^1.0.84
+    specifier: ^1.0.77
-    version: 1.0.84(@types/node@20.10.0)(sinon@17.0.1)
+    version: 1.0.84(@types/node@20.10.8)(sinon@17.0.1)
   '@git.zone/tswatch':
-    specifier: ^2.0.13
+    specifier: ^2.0.21
-    version: 2.0.13(@types/node@20.10.0)
+    version: 2.0.21(@types/node@20.10.8)
   '@push.rocks/projectinfo':
     specifier: ^5.0.2
     version: 5.0.2
@@ -68,8 +68,8 @@ devDependencies:
     specifier: ^5.0.15
     version: 5.0.15(sinon@17.0.1)
   '@types/node':
-    specifier: ^20.10.0
+    specifier: ^20.10.8
-    version: 20.10.0
+    version: 20.10.8
 
 packages:
 
@@ -86,6 +86,53 @@ packages:
       '@push.rocks/smartpromise': 4.0.3
       '@push.rocks/webrequest': 3.0.34
 
+  /@api.global/typedrequest@3.0.4:
+    resolution: {integrity: sha512-8UThH9c3MxdSLiON8UN1CPXooU6Mp0eleFhVS3QB2OUsYqgEGn/EzuMt+cMIv/+ESSS6zcTpHvAhZ8ZMLfpL8A==}
+    dependencies:
+      '@api.global/typedrequest-interfaces': 3.0.1
+      '@push.rocks/isounique': 1.0.5
+      '@push.rocks/lik': 6.0.12
+      '@push.rocks/smartdelay': 3.0.5
+      '@push.rocks/smartpromise': 4.0.3
+      '@push.rocks/webrequest': 3.0.34
+    dev: true
+
+  /@api.global/typedserver@3.0.19:
+    resolution: {integrity: sha512-IXE+41iv3CKmntYYbF3sFfCF+fmWyW7a37VRe/dDwmjALaLcfF7LxM3ulxKzwozhe/pA1ETK/mpfUSNC6MROdQ==}
+    dependencies:
+      '@api.global/typedrequest': 3.0.4
+      '@api.global/typedrequest-interfaces': 3.0.1
+      '@api.global/typedsocket': 3.0.0
+      '@push.rocks/lik': 6.0.12
+      '@push.rocks/smartchok': 1.0.23
+      '@push.rocks/smartdelay': 3.0.5
+      '@push.rocks/smartenv': 5.0.12
+      '@push.rocks/smartfeed': 1.0.11
+      '@push.rocks/smartfile': 11.0.4
+      '@push.rocks/smartlog': 3.0.3
+      '@push.rocks/smartlog-destination-devtools': 1.0.10
+      '@push.rocks/smartmanifest': 2.0.2
+      '@push.rocks/smartmime': 1.0.6
+      '@push.rocks/smartopen': 2.0.0
+      '@push.rocks/smartpath': 5.0.11
+      '@push.rocks/smartpromise': 4.0.3
+      '@push.rocks/smartrequest': 2.0.21
+      '@push.rocks/smartrx': 3.0.7
+      '@push.rocks/smartsitemap': 2.0.3
+      '@push.rocks/smartstream': 3.0.30
+      '@push.rocks/smarttime': 4.0.6
+      '@push.rocks/webstore': 2.0.13
+      '@tsclass/tsclass': 4.0.46
+      '@types/express': 4.17.21
+      body-parser: 1.20.2
+      cors: 2.8.5
+      express: 4.18.2
+      express-force-ssl: 0.3.2
+      lit: 3.1.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@api.global/typedserver@3.0.9:
     resolution: {integrity: sha512-v6xnAKMGV4vZ2RGLLrjKMogXKJGBfYnepam+a9j/0NQKkb23PPKW6udm3gJQK65SWyk7fJkBPbXVKwckKQfrNw==}
     dependencies:
@@ -132,7 +179,7 @@ packages:
       '@push.rocks/smartjson': 5.0.10
       '@push.rocks/smartrx': 3.0.7
       '@push.rocks/smartsocket': 2.0.24
-      '@push.rocks/smartstring': 4.0.9
+      '@push.rocks/smartstring': 4.0.13
       '@push.rocks/smarturl': 3.0.7
     transitivePeerDependencies:
       - bufferutil
@@ -221,17 +268,26 @@ packages:
       lit: 3.1.0
     dev: false
 
-  /@design.estate/dees-wcctools@1.0.81:
+  /@design.estate/dees-wcctools@1.0.85:
-    resolution: {integrity: sha512-dHGs5UsDu9GGdoGsyPQ+yerljzuk2OIHykJECSj4E5uvCzJcvSXQ8cpM2KEtISc3EtYgc8j7j49A7cGKj4+DVg==}
+    resolution: {integrity: sha512-/EfR63jkUWjSZiR9ShRYc3Xcv22uPsg91bqCfhEUvD0avI7FHzpz9+AvxnnE9HuuEKskGgpo5NA+WeyOU8a2KQ==}
     dependencies:
       '@design.estate/dees-domtools': 2.0.55
       '@design.estate/dees-element': 2.0.33
       '@push.rocks/smartdelay': 3.0.5
-      lit: 2.8.0
+      lit: 3.1.0
     dev: false
 
-  /@esbuild/android-arm64@0.19.8:
+  /@esbuild/aix-ppc64@0.19.11:
-    resolution: {integrity: sha512-B8JbS61bEunhfx8kasogFENgQfr/dIp+ggYXwTqdbMAgGDhRa3AaPpQMuQU0rNxDLECj6FhDzk1cF9WHMVwrtA==}
+    resolution: {integrity: sha512-FnzU0LyE3ySQk7UntJO4+qIiQgI7KoODnZg5xzXIrFJlKd2P2gwHsHY4927xj9y5PJmJSzULiUCWmv7iWnNa7g==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm64@0.19.11:
+    resolution: {integrity: sha512-aiu7K/5JnLj//KOnOfEZ0D90obUkRzDMyqd/wNAUQ34m4YUPVhRZpnqKV9uqDGxT7cToSDnIHsGooyIczu9T+Q==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -239,8 +295,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm@0.19.8:
+  /@esbuild/android-arm@0.19.11:
-    resolution: {integrity: sha512-31E2lxlGM1KEfivQl8Yf5aYU/mflz9g06H6S15ITUFQueMFtFjESRMoDSkvMo8thYvLBax+VKTPlpnx+sPicOA==}
+    resolution: {integrity: sha512-5OVapq0ClabvKvQ58Bws8+wkLCV+Rxg7tUVbo9xu034Nm536QTII4YzhaFriQ7rMrorfnFKUsArD2lqKbFY4vw==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
@@ -248,8 +304,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-x64@0.19.8:
+  /@esbuild/android-x64@0.19.11:
-    resolution: {integrity: sha512-rdqqYfRIn4jWOp+lzQttYMa2Xar3OK9Yt2fhOhzFXqg0rVWEfSclJvZq5fZslnz6ypHvVf3CT7qyf0A5pM682A==}
+    resolution: {integrity: sha512-eccxjlfGw43WYoY9QgB82SgGgDbibcqyDTlk3l3C0jOVHKxrjdc9CTwDUQd0vkvYg5um0OH+GpxYvp39r+IPOg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -257,8 +313,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.8:
+  /@esbuild/darwin-arm64@0.19.11:
-    resolution: {integrity: sha512-RQw9DemMbIq35Bprbboyf8SmOr4UXsRVxJ97LgB55VKKeJOOdvsIPy0nFyF2l8U+h4PtBx/1kRf0BelOYCiQcw==}
+    resolution: {integrity: sha512-ETp87DRWuSt9KdDVkqSoKoLFHYTrkyz2+65fj9nfXsaV3bMhTCjtQfw3y+um88vGRKRiF7erPrh/ZuIdLUIVxQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -266,8 +322,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-x64@0.19.8:
+  /@esbuild/darwin-x64@0.19.11:
-    resolution: {integrity: sha512-3sur80OT9YdeZwIVgERAysAbwncom7b4bCI2XKLjMfPymTud7e/oY4y+ci1XVp5TfQp/bppn7xLw1n/oSQY3/Q==}
+    resolution: {integrity: sha512-fkFUiS6IUK9WYUO/+22omwetaSNl5/A8giXvQlcinLIjVkxwTLSktbF5f/kJMftM2MJp9+fXqZ5ezS7+SALp4g==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -275,8 +331,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.19.8:
+  /@esbuild/freebsd-arm64@0.19.11:
-    resolution: {integrity: sha512-WAnPJSDattvS/XtPCTj1tPoTxERjcTpH6HsMr6ujTT+X6rylVe8ggxk8pVxzf5U1wh5sPODpawNicF5ta/9Tmw==}
+    resolution: {integrity: sha512-lhoSp5K6bxKRNdXUtHoNc5HhbXVCS8V0iZmDvyWvYq9S5WSfTIHU2UGjcGt7UeS6iEYp9eeymIl5mJBn0yiuxA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -284,8 +340,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.19.8:
+  /@esbuild/freebsd-x64@0.19.11:
-    resolution: {integrity: sha512-ICvZyOplIjmmhjd6mxi+zxSdpPTKFfyPPQMQTK/w+8eNK6WV01AjIztJALDtwNNfFhfZLux0tZLC+U9nSyA5Zg==}
+    resolution: {integrity: sha512-JkUqn44AffGXitVI6/AbQdoYAq0TEullFdqcMY/PCUZ36xJ9ZJRtQabzMA+Vi7r78+25ZIBosLTOKnUXBSi1Kw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -293,8 +349,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm64@0.19.8:
+  /@esbuild/linux-arm64@0.19.11:
-    resolution: {integrity: sha512-z1zMZivxDLHWnyGOctT9JP70h0beY54xDDDJt4VpTX+iwA77IFsE1vCXWmprajJGa+ZYSqkSbRQ4eyLCpCmiCQ==}
+    resolution: {integrity: sha512-LneLg3ypEeveBSMuoa0kwMpCGmpu8XQUh+mL8XXwoYZ6Be2qBnVtcDI5azSvh7vioMDhoJFZzp9GWp9IWpYoUg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -302,8 +358,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm@0.19.8:
+  /@esbuild/linux-arm@0.19.11:
-    resolution: {integrity: sha512-H4vmI5PYqSvosPaTJuEppU9oz1dq2A7Mr2vyg5TF9Ga+3+MGgBdGzcyBP7qK9MrwFQZlvNyJrvz6GuCaj3OukQ==}
+    resolution: {integrity: sha512-3CRkr9+vCV2XJbjwgzjPtO8T0SZUmRZla+UL1jw+XqHZPkPgZiyWvbDvl9rqAN8Zl7qJF0O/9ycMtjU67HN9/Q==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -311,8 +367,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ia32@0.19.8:
+  /@esbuild/linux-ia32@0.19.11:
-    resolution: {integrity: sha512-1a8suQiFJmZz1khm/rDglOc8lavtzEMRo0v6WhPgxkrjcU0LkHj+TwBrALwoz/OtMExvsqbbMI0ChyelKabSvQ==}
+    resolution: {integrity: sha512-caHy++CsD8Bgq2V5CodbJjFPEiDPq8JJmBdeyZ8GWVQMjRD0sU548nNdwPNvKjVpamYYVL40AORekgfIubwHoA==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -320,8 +376,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64@0.19.8:
+  /@esbuild/linux-loong64@0.19.11:
-    resolution: {integrity: sha512-fHZWS2JJxnXt1uYJsDv9+b60WCc2RlvVAy1F76qOLtXRO+H4mjt3Tr6MJ5l7Q78X8KgCFudnTuiQRBhULUyBKQ==}
+    resolution: {integrity: sha512-ppZSSLVpPrwHccvC6nQVZaSHlFsvCQyjnvirnVjbKSHuE5N24Yl8F3UwYUUR1UEPaFObGD2tSvVKbvR+uT1Nrg==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -329,8 +385,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.19.8:
+  /@esbuild/linux-mips64el@0.19.11:
-    resolution: {integrity: sha512-Wy/z0EL5qZYLX66dVnEg9riiwls5IYnziwuju2oUiuxVc+/edvqXa04qNtbrs0Ukatg5HEzqT94Zs7J207dN5Q==}
+    resolution: {integrity: sha512-B5x9j0OgjG+v1dF2DkH34lr+7Gmv0kzX6/V0afF41FkPMMqaQ77pH7CrhWeR22aEeHKaeZVtZ6yFwlxOKPVFyg==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -338,8 +394,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.19.8:
+  /@esbuild/linux-ppc64@0.19.11:
-    resolution: {integrity: sha512-ETaW6245wK23YIEufhMQ3HSeHO7NgsLx8gygBVldRHKhOlD1oNeNy/P67mIh1zPn2Hr2HLieQrt6tWrVwuqrxg==}
+    resolution: {integrity: sha512-MHrZYLeCG8vXblMetWyttkdVRjQlQUb/oMgBNurVEnhj4YWOr4G5lmBfZjHYQHHN0g6yDmCAQRR8MUHldvvRDA==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -347,8 +403,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.19.8:
+  /@esbuild/linux-riscv64@0.19.11:
-    resolution: {integrity: sha512-T2DRQk55SgoleTP+DtPlMrxi/5r9AeFgkhkZ/B0ap99zmxtxdOixOMI570VjdRCs9pE4Wdkz7JYrsPvsl7eESg==}
+    resolution: {integrity: sha512-f3DY++t94uVg141dozDu4CCUkYW+09rWtaWfnb3bqe4w5NqmZd6nPVBm+qbz7WaHZCoqXqHz5p6CM6qv3qnSSQ==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -356,8 +412,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-s390x@0.19.8:
+  /@esbuild/linux-s390x@0.19.11:
-    resolution: {integrity: sha512-NPxbdmmo3Bk7mbNeHmcCd7R7fptJaczPYBaELk6NcXxy7HLNyWwCyDJ/Xx+/YcNH7Im5dHdx9gZ5xIwyliQCbg==}
+    resolution: {integrity: sha512-A5xdUoyWJHMMlcSMcPGVLzYzpcY8QP1RtYzX5/bS4dvjBGVxdhuiYyFwp7z74ocV7WDc0n1harxmpq2ePOjI0Q==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -365,8 +421,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-x64@0.19.8:
+  /@esbuild/linux-x64@0.19.11:
-    resolution: {integrity: sha512-lytMAVOM3b1gPypL2TRmZ5rnXl7+6IIk8uB3eLsV1JwcizuolblXRrc5ShPrO9ls/b+RTp+E6gbsuLWHWi2zGg==}
+    resolution: {integrity: sha512-grbyMlVCvJSfxFQUndw5mCtWs5LO1gUlwP4CDi4iJBbVpZcqLVT29FxgGuBJGSzyOxotFG4LoO5X+M1350zmPA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -374,8 +430,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.19.8:
+  /@esbuild/netbsd-x64@0.19.11:
-    resolution: {integrity: sha512-hvWVo2VsXz/8NVt1UhLzxwAfo5sioj92uo0bCfLibB0xlOmimU/DeAEsQILlBQvkhrGjamP0/el5HU76HAitGw==}
+    resolution: {integrity: sha512-13jvrQZJc3P230OhU8xgwUnDeuC/9egsjTkXN49b3GcS5BKvJqZn86aGM8W9pd14Kd+u7HuFBMVtrNGhh6fHEQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -383,8 +439,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.19.8:
+  /@esbuild/openbsd-x64@0.19.11:
-    resolution: {integrity: sha512-/7Y7u77rdvmGTxR83PgaSvSBJCC2L3Kb1M/+dmSIvRvQPXXCuC97QAwMugBNG0yGcbEGfFBH7ojPzAOxfGNkwQ==}
+    resolution: {integrity: sha512-ysyOGZuTp6SNKPE11INDUeFVVQFrhcNDVUgSQVDzqsqX38DjhPEPATpid04LCoUr2WXhQTEZ8ct/EgJCUDpyNw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -392,8 +448,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/sunos-x64@0.19.8:
+  /@esbuild/sunos-x64@0.19.11:
-    resolution: {integrity: sha512-9Lc4s7Oi98GqFA4HzA/W2JHIYfnXbUYgekUP/Sm4BG9sfLjyv6GKKHKKVs83SMicBF2JwAX6A1PuOLMqpD001w==}
+    resolution: {integrity: sha512-Hf+Sad9nVwvtxy4DXCZQqLpgmRTQqyFyhT3bZ4F2XlJCjxGmRFF0Shwn9rzhOYRB61w9VMXUkxlBy56dk9JJiQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -401,8 +457,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-arm64@0.19.8:
+  /@esbuild/win32-arm64@0.19.11:
-    resolution: {integrity: sha512-rq6WzBGjSzihI9deW3fC2Gqiak68+b7qo5/3kmB6Gvbh/NYPA0sJhrnp7wgV4bNwjqM+R2AApXGxMO7ZoGhIJg==}
+    resolution: {integrity: sha512-0P58Sbi0LctOMOQbpEOvOL44Ne0sqbS0XWHMvvrg6NE5jQ1xguCSSw9jQeUk2lfrXYsKDdOe6K+oZiwKPilYPQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -410,8 +466,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-ia32@0.19.8:
+  /@esbuild/win32-ia32@0.19.11:
-    resolution: {integrity: sha512-AIAbverbg5jMvJznYiGhrd3sumfwWs8572mIJL5NQjJa06P8KfCPWZQ0NwZbPQnbQi9OWSZhFVSUWjjIrn4hSw==}
+    resolution: {integrity: sha512-6YOrWS+sDJDmshdBIQU+Uoyh7pQKrdykdefC1avn76ss5c+RN6gut3LZA4E2cH5xUEp5/cA0+YxRaVtRAb0xBg==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -419,8 +475,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-x64@0.19.8:
+  /@esbuild/win32-x64@0.19.11:
-    resolution: {integrity: sha512-bfZ0cQ1uZs2PqpulNL5j/3w+GDhP36k1K5c38QdQg+Swy51jFZWWeIkteNsufkQxp986wnqRRsb/bHbY1WQ7TA==}
+    resolution: {integrity: sha512-vfkhltrjCAb603XaFhqhAF4LGDi2M4OrCRrFusyQ+iTLQ/o60QQXxc9cZC/FFpihBI9N1Grn6SMKVJ4KP7Fuiw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -428,86 +484,86 @@ packages:
     dev: true
     optional: true
 
-  /@fortawesome/fontawesome-common-types@6.5.0:
+  /@fortawesome/fontawesome-common-types@6.5.1:
-    resolution: {integrity: sha512-vYC8oN2l8meu05sRi1j3Iie/HNFAeIxpitYFhsUrBc11TxiMken9QdXnSQ0q16FYsOSt/6soxs5ghdk+VYGiog==}
+    resolution: {integrity: sha512-GkWzv+L6d2bI5f/Vk6ikJ9xtl7dfXtoRu3YGE6nq0p/FFqA1ebMOAWg3XgRyb0I6LYyYkiAo+3/KrwuBp8xG7A==}
     engines: {node: '>=6'}
     requiresBuild: true
     dev: false
 
-  /@fortawesome/fontawesome-svg-core@6.5.0:
+  /@fortawesome/fontawesome-svg-core@6.5.1:
-    resolution: {integrity: sha512-5DrR+oxQr+ruRQ3CEVV8DSCT/q8Atm56+FzAs0P6eW/epW47OmecSpSwc/YTlJ3u5BfPKUBSGyPR2qjZ+5eIgA==}
+    resolution: {integrity: sha512-MfRCYlQPXoLlpem+egxjfkEuP9UQswTrlCOsknus/NcMoblTH2g0jPrapbcIb04KGA7E2GZxbAccGZfWoYgsrQ==}
     engines: {node: '>=6'}
     requiresBuild: true
     dependencies:
-      '@fortawesome/fontawesome-common-types': 6.5.0
+      '@fortawesome/fontawesome-common-types': 6.5.1
     dev: false
 
-  /@fortawesome/free-brands-svg-icons@6.5.0:
+  /@fortawesome/free-brands-svg-icons@6.5.1:
-    resolution: {integrity: sha512-LwIl3b5cH0xjmBS7mcy8+SsSsl/7J4xi3aP+Tr4rDUf2Tab8r1c8NcqC8wP5c+bgphGstyG3QPx7l4b9WtcO5Q==}
+    resolution: {integrity: sha512-093l7DAkx0aEtBq66Sf19MgoZewv1zeY9/4C7vSKPO4qMwEsW/2VYTUTpBtLwfb9T2R73tXaRDPmE4UqLCYHfg==}
     engines: {node: '>=6'}
     requiresBuild: true
     dependencies:
-      '@fortawesome/fontawesome-common-types': 6.5.0
+      '@fortawesome/fontawesome-common-types': 6.5.1
     dev: false
 
-  /@fortawesome/free-regular-svg-icons@6.5.0:
+  /@fortawesome/free-regular-svg-icons@6.5.1:
-    resolution: {integrity: sha512-RaBW/y0jKcCyEPM+NYuBs3bQXuLYZHnXABQPmg6qwuRxNb2EUmyCcVUECUH2dkFmMjggh/xvl6n6y62Pl19JkA==}
+    resolution: {integrity: sha512-m6ShXn+wvqEU69wSP84coxLbNl7sGVZb+Ca+XZq6k30SzuP3X4TfPqtycgUh9ASwlNh5OfQCd8pDIWxl+O+LlQ==}
     engines: {node: '>=6'}
     requiresBuild: true
     dependencies:
-      '@fortawesome/fontawesome-common-types': 6.5.0
+      '@fortawesome/fontawesome-common-types': 6.5.1
     dev: false
 
-  /@fortawesome/free-solid-svg-icons@6.5.0:
+  /@fortawesome/free-solid-svg-icons@6.5.1:
-    resolution: {integrity: sha512-6ZPq8mme67Q7O9Fbp2O+Z7mPZbcWTsRv555JLftLaTodiV0Wq+99YgMhyQ8O6mgNQfComqS9OEvqs7M8ySA92g==}
+    resolution: {integrity: sha512-S1PPfU3mIJa59biTtXJz1oI0+KAXW6bkAb31XKhxdxtuXDiUIFsih4JR1v5BbxY7hVHsD1RKq+jRkVRaf773NQ==}
     engines: {node: '>=6'}
     requiresBuild: true
     dependencies:
-      '@fortawesome/fontawesome-common-types': 6.5.0
+      '@fortawesome/fontawesome-common-types': 6.5.1
     dev: false
 
-  /@git.zone/tsbuild@2.1.70:
+  /@git.zone/tsbuild@2.1.72:
-    resolution: {integrity: sha512-r353o9NfWfP6LBV9yNvDkcvdtgH6/3ZFxds6C1myLliV8V+I75D3LKLv8fO9EbTrMvO5RRUlhHYtPIkCr1FEWQ==}
+    resolution: {integrity: sha512-rVWM98chNjkt8pXdF5knGErZjM3GPnRXZYHVGECptxNvvhTol2DliM1OP8k3p3X5UOwEPV2sQVe//XzXs3BcUw==}
     hasBin: true
     dependencies:
       '@push.rocks/early': 4.0.4
       '@push.rocks/smartcli': 4.0.8
       '@push.rocks/smartdelay': 3.0.5
-      '@push.rocks/smartfile': 10.0.41
+      '@push.rocks/smartfile': 11.0.4
       '@push.rocks/smartlog': 3.0.3
       '@push.rocks/smartpath': 5.0.11
       '@push.rocks/smartpromise': 4.0.3
-      typescript: 5.1.6
+      typescript: 5.3.3
     dev: true
 
-  /@git.zone/tsbundle@2.0.10:
+  /@git.zone/tsbundle@2.0.14:
-    resolution: {integrity: sha512-+8QNF0P8YCiGpL8oBLoGZD0peiZZ1c7vYmlAildumVNzwMnsAp4XFaAHNzP6CAiUfxGDSfC8SkVEevJcGOSChQ==}
+    resolution: {integrity: sha512-4J5QiujPEPa+OYzN9TI9il6FLcJ7MGYWL8NzEhSerZ2jFm/iPjO75/s9x44VjszDmjo3xe/TRnRoHWFELVJQOA==}
     hasBin: true
     dependencies:
       '@push.rocks/early': 4.0.4
       '@push.rocks/smartcli': 4.0.8
       '@push.rocks/smartdelay': 3.0.5
-      '@push.rocks/smartfile': 10.0.41
+      '@push.rocks/smartfile': 11.0.4
       '@push.rocks/smartlog': 3.0.3
       '@push.rocks/smartlog-destination-local': 9.0.1
       '@push.rocks/smartpath': 5.0.11
       '@push.rocks/smartpromise': 4.0.3
       '@push.rocks/smartspawn': 3.0.2
       '@types/html-minifier': 4.0.5
-      esbuild: 0.19.8
+      esbuild: 0.19.11
       html-minifier: 4.0.0
-      typescript: 5.2.2
+      typescript: 5.3.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@git.zone/tsrun@1.2.46(@types/node@20.10.0):
+  /@git.zone/tsrun@1.2.46(@types/node@20.10.8):
     resolution: {integrity: sha512-8miFVBle9Mnjx+uPGI/P+EuWcIOXWjBAkdjN5IYbdp5Ytt4xQODCLh4JSnC9h56UeU1nUxCAxZeJs2e9TXrivA==}
     hasBin: true
     dependencies:
       '@push.rocks/smartfile': 10.0.41
       '@push.rocks/smartshell': 3.0.3
-      ts-node: 10.9.1(@types/node@20.10.0)(typescript@5.1.6)
+      ts-node: 10.9.1(@types/node@20.10.8)(typescript@5.1.6)
       typescript: 5.1.6
     transitivePeerDependencies:
       - '@swc/core'
@@ -515,13 +571,13 @@ packages:
       - '@types/node'
     dev: true
 
-  /@git.zone/tstest@1.0.84(@types/node@20.10.0)(sinon@17.0.1):
+  /@git.zone/tstest@1.0.84(@types/node@20.10.8)(sinon@17.0.1):
     resolution: {integrity: sha512-HQQvloUWGj4fPxOuhO7Dfxw83szRlIMNJpaJtIgDUWiMm6vF9ygvcMTgpUUkEmWjxQ/t/SkXvHqHjtfp0l4l2g==}
     hasBin: true
     dependencies:
       '@api.global/typedserver': 3.0.9
-      '@git.zone/tsbundle': 2.0.10
+      '@git.zone/tsbundle': 2.0.14
-      '@git.zone/tsrun': 1.2.46(@types/node@20.10.0)
+      '@git.zone/tsrun': 1.2.46(@types/node@20.10.8)
       '@push.rocks/consolecolor': 2.0.1
       '@push.rocks/smartbrowser': 2.0.6
       '@push.rocks/smartdelay': 3.0.5
@@ -544,13 +600,13 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@git.zone/tswatch@2.0.13(@types/node@20.10.0):
+  /@git.zone/tswatch@2.0.21(@types/node@20.10.8):
-    resolution: {integrity: sha512-j32eu/DP69RMlo9UyzqfcEkNr9pMsuodpiVfh0GoMuyF5Ma4ne+hGKDHjnciJwE2T+SkchXaQDXOFr++vEz//A==}
+    resolution: {integrity: sha512-7Q0I0dIZD+ApR4MWeykvf+cYk+I6t1Re+jhAj8xrLqZBetvWv9C315jG6Brx96DEYz4th6EvyVUONQkLndBI4w==}
     hasBin: true
     dependencies:
-      '@api.global/typedserver': 3.0.9
+      '@api.global/typedserver': 3.0.19
-      '@git.zone/tsbundle': 2.0.10
+      '@git.zone/tsbundle': 2.0.14
-      '@git.zone/tsrun': 1.2.46(@types/node@20.10.0)
+      '@git.zone/tsrun': 1.2.46(@types/node@20.10.8)
       '@push.rocks/early': 4.0.4
       '@push.rocks/lik': 6.0.12
       '@push.rocks/smartchok': 1.0.23
@@ -602,12 +658,6 @@ packages:
   /@lit-labs/ssr-dom-shim@1.1.2:
     resolution: {integrity: sha512-jnOD+/+dSrfTWYfSXBXlo5l5f0q1UuJo3tkbMDCYA2lKUYq79jaxqtGEvnRoh049nt1vdo1+45RinipU6FGY2g==}
 
-  /@lit/reactive-element@1.6.3:
-    resolution: {integrity: sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==}
-    dependencies:
-      '@lit-labs/ssr-dom-shim': 1.1.2
-    dev: false
-
   /@lit/reactive-element@2.0.2:
     resolution: {integrity: sha512-SVOwLAWUQg3Ji1egtOt1UiFe4zdDpnWHyc5qctSceJ5XIu0Uc76YmGpIjZgx9YJ0XtdW0Jm507sDvjOu+HnB8w==}
     dependencies:
@@ -764,7 +814,7 @@ packages:
       '@push.rocks/smartfile': 10.0.41
       '@push.rocks/smartpath': 5.0.11
       '@push.rocks/smartpromise': 4.0.3
-      '@push.rocks/smartstring': 4.0.9
+      '@push.rocks/smartstring': 4.0.13
     dev: true
 
   /@push.rocks/smartbrowser@2.0.6:
@@ -900,7 +950,7 @@ packages:
   /@push.rocks/smartjson@5.0.10:
     resolution: {integrity: sha512-yuntSMGZ+XNHMrbS9RxotaD+eOgoNTcuDoWsttis+N3Mkc9DIam0pt/ER4NU8TgfMmhT/hKwQH+3DJceDzntoA==}
     dependencies:
-      '@push.rocks/smartstring': 4.0.9
+      '@push.rocks/smartstring': 4.0.13
       '@types/buffer-json': 2.0.3
       buffer-json: 2.0.0
       fast-json-stable-stringify: 2.1.0
@@ -1126,8 +1176,8 @@ packages:
       '@push.rocks/smartrx': 3.0.7
     dev: true
 
-  /@push.rocks/smartstring@4.0.9:
+  /@push.rocks/smartstring@4.0.13:
-    resolution: {integrity: sha512-VB0jzKmI4ZpdzEZe79M8rKVjAReNWGMG6ktzS0R5FeH96SSk3jvfOezgz/RJ7JbRN3UcyR0Ra/mXlpyeqJUHvw==}
+    resolution: {integrity: sha512-iEAch6fYC+VijBYWFfRif5Wj5KxdUgC2Xnn0NNgDFrBmI14HsECcPbZ0YdESawRVD27pLYYZJCCbu/M/Llo1kg==}
     dependencies:
       '@push.rocks/isounique': 1.0.5
       '@push.rocks/smartenv': 5.0.12
@@ -1497,12 +1547,6 @@ packages:
       type-detect: 4.0.8
     dev: true
 
-  /@sinonjs/fake-timers@10.3.0:
-    resolution: {integrity: sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==}
-    dependencies:
-      '@sinonjs/commons': 3.0.0
-    dev: true
-
   /@sinonjs/fake-timers@11.2.2:
     resolution: {integrity: sha512-G2piCSxQ7oWOxwGSAyFHfPIsyeJGXYtc6mFbnFA+kRXkiEnTl8c/8jul2S329iFBnDI9HGoeWWAZvuvOkZccgw==}
     dependencies:
@@ -1562,7 +1606,7 @@ packages:
   /@types/accepts@1.3.7:
     resolution: {integrity: sha512-Pay9fq2lM2wXPWbteBsRAGiWH2hig4ZE2asK+mm7kUzlxRTfL961rj89I6zV/E3PcIkDqyuBEcMxFT7rccugeQ==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/babel__code-frame@7.0.6:
@@ -1573,7 +1617,7 @@ packages:
     resolution: {integrity: sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==}
     dependencies:
       '@types/connect': 3.4.38
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/buffer-json@2.0.3:
@@ -1599,21 +1643,21 @@ packages:
   /@types/clean-css@4.2.11:
     resolution: {integrity: sha512-Y8n81lQVTAfP2TOdtJJEsCoYl1AnOkqDqMvXb9/7pfgZZ7r8YrEyurrAvAoAjHOGXKRybay+5CsExqIH6liccw==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
       source-map: 0.6.1
     dev: true
 
   /@types/co-body@6.1.3:
     resolution: {integrity: sha512-UhuhrQ5hclX6UJctv5m4Rfp52AfG9o9+d9/HwjxhVB5NjXxr5t9oKgJxN8xRHgr35oo8meUEHUPFWiKg6y71aA==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
       '@types/qs': 6.9.10
     dev: true
 
   /@types/connect@3.4.38:
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/content-disposition@0.5.8:
@@ -1634,13 +1678,13 @@ packages:
       '@types/connect': 3.4.38
       '@types/express': 4.17.21
       '@types/keygrip': 1.0.6
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/cors@2.8.17:
     resolution: {integrity: sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/debounce@1.2.4:
@@ -1654,7 +1698,7 @@ packages:
   /@types/express-serve-static-core@4.17.41:
     resolution: {integrity: sha512-OaJ7XLaelTgrvlZD8/aa0vvvxZdUmlCn6MtWeB7TkiKW70BQLc9XEPpDLPdbo52ZhXUCrznlWdCHWxJWtdyajA==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
       '@types/qs': 6.9.10
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.4
@@ -1672,21 +1716,21 @@ packages:
   /@types/from2@2.3.5:
     resolution: {integrity: sha512-giavnjf3kNlJnE+HpZA1CQ3UKHxgehzsTuIMGda8pGMbOiLYGVNADEskey44OZcADHm/HOoBany8IV+0x28XFw==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/fs-extra@11.0.4:
     resolution: {integrity: sha512-yTbItCNreRooED33qjunPthRcSjERP1r4MqCZc7wv0u2sUkzTFp45tgUfS5+r7FrZPdmCCNflLhVSP/o+SemsQ==}
     dependencies:
       '@types/jsonfile': 6.1.4
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/glob@8.1.0:
     resolution: {integrity: sha512-IO+MJPVhoqz+28h1qLAcBEH2+xHMK6MTyHJc7MTnnYb6wsoLR29POVGJ7LycmVXIqyy/4/2ShP5sUwTXuOwb/w==}
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/html-minifier@4.0.5:
@@ -1736,7 +1780,7 @@ packages:
   /@types/jsonfile@6.1.4:
     resolution: {integrity: sha512-D5qGUYwjvnNNextdU59/+fI+spnwtTFmyQP0h+PfIOSkNfpU6AOICUOkm4i0OnSk+NyjdPJrxCDro0sJsWlRpQ==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/keygrip@1.0.6:
@@ -1759,7 +1803,7 @@ packages:
       '@types/http-errors': 2.0.4
       '@types/keygrip': 1.0.6
       '@types/koa-compose': 3.2.8
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/mime-types@2.1.4:
@@ -1785,8 +1829,8 @@ packages:
     resolution: {integrity: sha512-NYrtPht0wGzhwe9+/idPaBB+TqkY9AhTvOLMkThm0IoEfLaiVQZwBwyJ5puCkO3AUCWrmcoePjp2mbFocKy4SQ==}
     dev: true
 
-  /@types/node@20.10.0:
+  /@types/node@20.10.8:
-    resolution: {integrity: sha512-D0WfRmU9TQ8I9PFx9Yc+EBHw+vSpIub4IDvQivcp26PtPrdMGAq5SDcpXEo/epqa/DXotVpekHiLNTg3iaKXBQ==}
+    resolution: {integrity: sha512-f8nQs3cLxbAFc00vEU59yf9UyGUftkPaLGfvbVOIDdx2i1b8epBqj2aNGyP19fiyXWvlmZ7qC1XLjAzw/OKIeA==}
     dependencies:
       undici-types: 5.26.5
 
@@ -1817,7 +1861,7 @@ packages:
     resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==}
     dependencies:
       '@types/mime': 1.3.5
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/serve-static@1.15.5:
@@ -1825,7 +1869,7 @@ packages:
     dependencies:
       '@types/http-errors': 2.0.4
       '@types/mime': 3.0.4
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/shortid@0.0.29:
@@ -1855,7 +1899,7 @@ packages:
   /@types/through2@2.0.41:
     resolution: {integrity: sha512-ryQ0tidWkb1O1JuYvWKyMLYEtOWDqF5mHerJzKz/gQpoAaJq2l/dsMPBF0B5BNVT34rbARYJ5/tsZwLfUi2kwQ==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
 
   /@types/trusted-types@2.0.7:
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
@@ -1885,20 +1929,20 @@ packages:
   /@types/ws@7.4.7:
     resolution: {integrity: sha512-JQbbmxZTZehdc2iszGKs5oC3NFnjeay7mtAWrdt7qNtAVK0g19muApzAy4bm9byz79xa2ZnO/BOBC2R8RC5Lww==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/ws@8.5.10:
     resolution: {integrity: sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==}
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
 
   /@types/yauzl@2.10.3:
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
     requiresBuild: true
     dependencies:
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
     dev: true
     optional: true
 
@@ -1993,6 +2037,11 @@ packages:
       - utf-8-validate
     dev: true
 
+  /@xmldom/xmldom@0.8.10:
+    resolution: {integrity: sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==}
+    engines: {node: '>=10.0.0'}
+    dev: true
+
   /abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
     requiresBuild: true
@@ -2906,7 +2955,7 @@ packages:
     dependencies:
       '@types/cookie': 0.4.1
       '@types/cors': 2.8.17
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
       accepts: 1.3.8
       base64id: 2.0.0
       cookie: 0.4.2
@@ -2999,34 +3048,35 @@ packages:
       is-symbol: 1.0.4
     dev: true
 
-  /esbuild@0.19.8:
+  /esbuild@0.19.11:
-    resolution: {integrity: sha512-l7iffQpT2OrZfH2rXIp7/FkmaeZM0vxbxN9KfiCwGYuZqzMg/JdvX26R31Zxn/Pxvsrg3Y9N6XTcnknqDyyv4w==}
+    resolution: {integrity: sha512-HJ96Hev2hX/6i5cDVwcqiJBBtuo9+FeIJOtZ9W1kA5M6AMJRHUZlpYZ1/SbEwtO0ioNAW8rUooVpC/WehY2SfA==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': 0.19.8
+      '@esbuild/aix-ppc64': 0.19.11
-      '@esbuild/android-arm64': 0.19.8
+      '@esbuild/android-arm': 0.19.11
-      '@esbuild/android-x64': 0.19.8
+      '@esbuild/android-arm64': 0.19.11
-      '@esbuild/darwin-arm64': 0.19.8
+      '@esbuild/android-x64': 0.19.11
-      '@esbuild/darwin-x64': 0.19.8
+      '@esbuild/darwin-arm64': 0.19.11
-      '@esbuild/freebsd-arm64': 0.19.8
+      '@esbuild/darwin-x64': 0.19.11
-      '@esbuild/freebsd-x64': 0.19.8
+      '@esbuild/freebsd-arm64': 0.19.11
-      '@esbuild/linux-arm': 0.19.8
+      '@esbuild/freebsd-x64': 0.19.11
-      '@esbuild/linux-arm64': 0.19.8
+      '@esbuild/linux-arm': 0.19.11
-      '@esbuild/linux-ia32': 0.19.8
+      '@esbuild/linux-arm64': 0.19.11
-      '@esbuild/linux-loong64': 0.19.8
+      '@esbuild/linux-ia32': 0.19.11
-      '@esbuild/linux-mips64el': 0.19.8
+      '@esbuild/linux-loong64': 0.19.11
-      '@esbuild/linux-ppc64': 0.19.8
+      '@esbuild/linux-mips64el': 0.19.11
-      '@esbuild/linux-riscv64': 0.19.8
+      '@esbuild/linux-ppc64': 0.19.11
-      '@esbuild/linux-s390x': 0.19.8
+      '@esbuild/linux-riscv64': 0.19.11
-      '@esbuild/linux-x64': 0.19.8
+      '@esbuild/linux-s390x': 0.19.11
-      '@esbuild/netbsd-x64': 0.19.8
+      '@esbuild/linux-x64': 0.19.11
-      '@esbuild/openbsd-x64': 0.19.8
+      '@esbuild/netbsd-x64': 0.19.11
-      '@esbuild/sunos-x64': 0.19.8
+      '@esbuild/openbsd-x64': 0.19.11
-      '@esbuild/win32-arm64': 0.19.8
+      '@esbuild/sunos-x64': 0.19.11
-      '@esbuild/win32-ia32': 0.19.8
+      '@esbuild/win32-arm64': 0.19.11
-      '@esbuild/win32-x64': 0.19.8
+      '@esbuild/win32-ia32': 0.19.11
+      '@esbuild/win32-x64': 0.19.11
     dev: true
 
   /escape-html@1.0.3:
@@ -3611,8 +3661,8 @@ packages:
       ms: 2.1.3
     dev: true
 
-  /ibantools@4.3.6:
+  /ibantools@4.3.8:
-    resolution: {integrity: sha512-1oUgDASSn+E3UxwnQmcXcc3CfQQUb1zcdtNmuoPG6mO9nv7oNATgi9nV0jmq/mcbpmtWNXiffyg6eQjRECGK4g==}
+    resolution: {integrity: sha512-YBdswuzvCSn3EyFPKj4aolOaJ8fnQ3m+8bCwTbZJaDg2lMWKlQ4C37PodHCrCh6GmzVPpC7b6H+nKcJTDblu/g==}
     dev: false
 
   /iconv-lite@0.4.24:
@@ -3862,10 +3912,6 @@ packages:
       is-docker: 2.2.1
     dev: true
 
-  /isarray@0.0.1:
-    resolution: {integrity: sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=}
-    dev: true
-
   /isarray@1.0.0:
     resolution: {integrity: sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=}
     dev: true
@@ -3964,8 +4010,8 @@ packages:
       graceful-fs: 4.2.11
     dev: true
 
-  /just-extend@4.2.1:
+  /just-extend@6.2.0:
-    resolution: {integrity: sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg==}
+    resolution: {integrity: sha512-cYofQu2Xpom82S6qD778jBDpwvvy39s1l/hrYij2u9AMdQcGRpaBu6kY4mVhuno5kJVi1DAz4aiphA2WI1/OAw==}
     dev: true
 
   /keygrip@1.1.0:
@@ -4061,14 +4107,6 @@ packages:
       lit-html: 1.4.1
     dev: true
 
-  /lit-element@3.3.3:
-    resolution: {integrity: sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==}
-    dependencies:
-      '@lit-labs/ssr-dom-shim': 1.1.2
-      '@lit/reactive-element': 1.6.3
-      lit-html: 2.8.0
-    dev: false
-
   /lit-element@4.0.2:
     resolution: {integrity: sha512-/W6WQZUa5VEXwC7H9tbtDMdSs9aWil3Ou8hU6z2cOKWbsm/tXPAcsoaHVEtrDo0zcOIE5GF6QgU55tlGL2Nihg==}
     dependencies:
@@ -4080,25 +4118,11 @@ packages:
     resolution: {integrity: sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA==}
     dev: true
 
-  /lit-html@2.8.0:
-    resolution: {integrity: sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==}
-    dependencies:
-      '@types/trusted-types': 2.0.7
-    dev: false
-
   /lit-html@3.1.0:
     resolution: {integrity: sha512-FwAjq3iNsaO6SOZXEIpeROlJLUlrbyMkn4iuv4f4u1H40Jw8wkeR/OUXZUHUoiYabGk8Y4Y0F/rgq+R4MrOLmA==}
     dependencies:
       '@types/trusted-types': 2.0.7
 
-  /lit@2.8.0:
-    resolution: {integrity: sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==}
-    dependencies:
-      '@lit/reactive-element': 1.6.3
-      lit-element: 3.3.3
-      lit-html: 2.8.0
-    dev: false
-
   /lit@3.1.0:
     resolution: {integrity: sha512-rzo/hmUqX8zmOdamDAeydfjsGXbbdtAFqMhmocnh2j9aDYqbu0fjXygjCa0T99Od9VQ/2itwaGrjZz/ZELVl7w==}
     dependencies:
@@ -4499,14 +4523,14 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
-  /nise@5.1.5:
+  /nise@5.1.7:
-    resolution: {integrity: sha512-VJuPIfUFaXNRzETTQEEItTOP8Y171ijr+JLq42wHes3DiryR8vT+1TXQW/Rx8JNUhyYYWyIvjXTU6dOhJcs9Nw==}
+    resolution: {integrity: sha512-wWtNUhkT7k58uvWTB/Gy26eA/EJKtPZFVAhEilN5UYVmmGRYOURbejRUyKm0Uu9XVEW7K5nBOZfR8VMB4QR2RQ==}
     dependencies:
-      '@sinonjs/commons': 2.0.0
+      '@sinonjs/commons': 3.0.0
-      '@sinonjs/fake-timers': 10.3.0
+      '@sinonjs/fake-timers': 11.2.2
       '@sinonjs/text-encoding': 0.7.2
-      just-extend: 4.2.1
+      just-extend: 6.2.0
-      path-to-regexp: 1.8.0
+      path-to-regexp: 6.2.1
     dev: true
 
   /no-case@2.3.2:
@@ -4770,15 +4794,8 @@ packages:
     resolution: {integrity: sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=}
     dev: true
 
-  /path-to-regexp@1.8.0:
-    resolution: {integrity: sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==}
-    dependencies:
-      isarray: 0.0.1
-    dev: true
-
   /path-to-regexp@6.2.1:
     resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
-    dev: false
 
   /path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
@@ -4806,12 +4823,14 @@ packages:
     resolution: {integrity: sha512-mXF9AIgnvq1DP/ZM2R28tAfxP2wKZHYa2DjV0R1KCwcqSzm5Iqh1XQq9rdfAt6dp2DuPP0VHZIaCALc2v1cL5A==}
     engines: {node: '>=14.18.0', npm: '>=6.14.15'}
     hasBin: true
+    dependencies:
+      '@xmldom/xmldom': 0.8.10
     dev: true
     bundledDependencies:
       - '@xmldom/xmldom'
 
-  /pdfjs-dist@3.11.174:
+  /pdfjs-dist@4.0.379:
-    resolution: {integrity: sha512-TdTZPf1trZ8/UFu5Cx/GXB7GZM30LT+wWUNfsi6Bq8ePLnb+woNKtDymI2mxZYBpMbonNFqKmiz684DIfnd8dA==}
+    resolution: {integrity: sha512-6H0Gv1nna+wmrr3CakaKlZ4rbrL8hvGIFAgg4YcoFuGC0HC4B2DVjXEGTFjJEjLlf8nYi3C3/MYRcM5bNx0elA==}
     engines: {node: '>=18'}
     optionalDependencies:
       canvas: 2.11.2
@@ -5153,6 +5172,7 @@ packages:
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
+    requiresBuild: true
 
   /semver@7.5.4:
     resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
@@ -5289,7 +5309,7 @@ packages:
       '@sinonjs/fake-timers': 11.2.2
       '@sinonjs/samsam': 8.0.0
       diff: 5.1.0
-      nise: 5.1.5
+      nise: 5.1.7
       supports-color: 7.2.0
     dev: true
 
@@ -5637,7 +5657,7 @@ packages:
     hasBin: true
     dev: true
 
-  /ts-node@10.9.1(@types/node@20.10.0)(typescript@5.1.6):
+  /ts-node@10.9.1(@types/node@20.10.8)(typescript@5.1.6):
     resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
     hasBin: true
     peerDependencies:
@@ -5656,7 +5676,7 @@ packages:
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 20.10.0
+      '@types/node': 20.10.8
       acorn: 8.11.2
       acorn-walk: 8.3.0
       arg: 4.1.3
@@ -5746,8 +5766,8 @@ packages:
     hasBin: true
     dev: true
 
-  /typescript@5.2.2:
+  /typescript@5.3.3:
-    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
+    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
     engines: {node: '>=14.17'}
     hasBin: true
     dev: true

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.0.235',
+  version: '1.0.244',
   description: 'website for lossless.com'
 }

ts_web/elements/00colors.ts

@@ -0,0 +1,11 @@
+export const dark = {
+  blue: '#0050b9',
+  blueActive: '#0069f2',
+  text: '#ffffff',
+}
+
+export const bright = {
+  blue: '#0050b9',
+  blueActive: '#0069f2',
+  text: '#333333',
+}

ts_web/elements/dees-button.ts

@@ -93,16 +93,15 @@ export class DeesButton extends DeesElement {
       }
 
       .button:hover {
-        cursor: pointer;
+        background: #0050b9;
-        background: #039be5;
         color: #ffffff;
-        border: 1px solid #039be5;
+        border: 1px solid #0050b9;
-        border-top: 1px solid #039be5;
+        border-top: 1px solid #0050b9;
       }
 
       .button:active {
-        background: #0277bd;
+        background: #0069f2;
-        border-top: 1px solid #0277bd;
+        border-top: 1px solid #0069f2;
       }
 
       .button.disabled {
@@ -146,8 +145,8 @@ export class DeesButton extends DeesElement {
       }
 
       .button.pending {
-        border: 1px dashed ${cssManager.bdTheme('#0277bd', '#0277bd70')};
+        border: 1px dashed ${cssManager.bdTheme('#0069f2', '#0069f270')};
-        background: ${cssManager.bdTheme('#0277bd', '#0277bd70')};
+        background: ${cssManager.bdTheme('#0069f2', '#0069f270')};
         color: #fff;
       }
 

ts_web/elements/dees-chips.ts

@@ -81,7 +81,6 @@ export class DeesChips extends DeesElement {
 
       .chip:hover {
         background: #666666;
-        cursor: pointer;
       }
 
       .chip.selected {

ts_web/elements/dees-contextmenu.demo.ts

@@ -1,5 +1,5 @@
 import { html } from '@design.estate/dees-element';
-import * as plugins from './plugins.js';
+import * as plugins from './00plugins.js';
 
 import { DeesContextmenu } from './dees-contextmenu.js';
 

ts_web/elements/dees-contextmenu.ts

@@ -1,5 +1,5 @@
 import { demoFunc } from './dees-contextmenu.demo.js';
-import * as plugins from './plugins.js';
+import * as plugins from './00plugins.js';
 import {
   customElement,
   html,
@@ -130,12 +130,10 @@ export class DeesContextmenu extends DeesElement {
       }
 
       .mainbox .menuitem:hover {
-        cursor: pointer;
         background: ${cssManager.bdTheme('#00000010', '#ffffff10')};
       }
 
       .mainbox .menuitem:active {
-        cursor: pointer;
         background: #ffffff05;
       }
     `,

ts_web/elements/dees-dataview-codebox.ts

@@ -61,51 +61,22 @@ export class DeesDataviewCodebox extends DeesElement {
         }
 
         .appbar {
+          position: relative;
           color: ${cssManager.bdTheme('#333', '#ccc')};
           background: ${cssManager.bdTheme('#ffffff', '#161616')};
           border-bottom: 1px solid ${cssManager.bdTheme('#eeeeeb', '#222222')};
           height: 24px;
+          display: flex;
           font-size: 12px;
           line-height: 24px;
-        }
+          justify-content: center;
-
+          align-items: center;
-        .appbar .macControls {
-          position: absolute;
-          top: 6px;
-          left: 20px;
-          width: 200px;
-          display: grid;
-          grid-template-columns: 24px 24px 24px;
-        }
-
-        .appbar .macControls div {
-          width: 12px;
-          height: 12px;
-          display: inline-block;
-          border-radius: 50%;
-          margin: 0px;
-          padding: 0px;
-          cursor: pointer;
-          background: #222222;
-        }
-
-        .appbar .macControls div.close {
-          background: #ff5f57;
-        }
-
-        .appbar .macControls div.toDock {
-          background: #ffbd2e;
-        }
-
-        .appbar .macControls div.minMax {
-          background: #27c93f;
-        }
-
-        .appbar .macControls div:hover {
-          background: #333333;
         }
 
         .appbar .fileName {
+          line-height: inherit;
+          position: relative;
+          flex: 1;
           text-align: center;
         }
 
@@ -209,12 +180,9 @@ export class DeesDataviewCodebox extends DeesElement {
         }}"
       >
         <div class="appbar">
-          <div class="macControls">
+          <dees-windowcontrols type="mac" position="left"></dees-windowcontrols>
-            <div class="close"></div>
-            <div class="toDock"></div>
-            <div class="minMax"></div>
-          </div>
           <div class="fileName">index.ts</div>
+          <dees-windowcontrols type="mac" position="right"></dees-windowcontrols>
         </div>
         <div class="codegrid">
           <div class="lineNumbers">

ts_web/elements/dees-dataview-statusobject.ts

@@ -61,7 +61,6 @@ export class DeesDataviewStatusobject extends DeesElement {
       }
 
       .copyMain {
-        cursor: pointer;
         font-size: 10px;
         font-weight: 600;
         text-transform: uppercase;

ts_web/elements/dees-form.demo.ts

@@ -28,6 +28,14 @@ export const demoFunc = () => html`
           { option: 'option 3', key: 'option3' },
         ]}
       ></dees-input-dropdown>
+      <dees-input-multiselect
+        .label=${'title'}
+        .options=${[
+          { option: 'option 1', key: 'option1' },
+          { option: 'option 2', key: 'option2' },
+          { option: 'option 3', key: 'option3' },
+        ]}></dees-input-multiselect>
+      <dees-input-typelist></dees-input-typelist>
       <dees-input-text .required="${true}" key="hello1" label="a text"></dees-input-text>
       <dees-input-text .required="${true}" key="hello2" label="also a text"></dees-input-text>
       <dees-input-text

ts_web/elements/dees-icon.ts

@@ -50,6 +50,7 @@ import {
   faEyeSlash as faEyeSlashSolid,
   faFileInvoice as faFileInvoiceSolid,
   faFileInvoiceDollar as faFileInvoiceDollarSolid,
+  faGear as faGearSolid,
   faGrip as faGripSolid,
   faMessage as faMessageSolid,
   faMoneyCheckDollar as faMoneyCheckDollarSolid,
@@ -93,6 +94,7 @@ export const faIcons = {
   eyeSlash: faEyeSlashSolid,
   fileInvoice: faFileInvoiceSolid,
   fileInvoiceDoller: faFileInvoiceDollarSolid,
+  gear: faGearSolid,
   grip: faGripSolid,
   message: faMessageRegular,
   messageSolid: faMessageSolid,

ts_web/elements/dees-input-checkbox.ts

@@ -62,7 +62,10 @@ export class DeesInputCheckbox extends DeesElement {
           display: block;
           position: relative;
           margin: 20px 0px;
-          cursor: pointer;
+          cursor: default;
+        }
+        :host(:hover) {
+          filter: ${cssManager.bdTheme('brightness(0.95)', 'brightness(1.1)')};
         }
 
         .maincontainer {
@@ -100,8 +103,8 @@ export class DeesInputCheckbox extends DeesElement {
         }
 
         .checkbox.selected {
-          background: #039BE5;
+          background: #0050b9;
-          border: 1px solid #039BE5;
+          border: 1px solid #0050b9;
         }
 
         .checkbox.disabled {

ts_web/elements/dees-input-dropdown.ts

@@ -59,6 +59,15 @@ export class DeesInputDropdown extends DeesElement {
   @state()
   public opensToTop: boolean = false;
 
+  @state()
+  private filteredOptions: { option: string; key: string; payload?: any }[] = [];
+
+  @state()
+  private highlightedIndex: number = 0;
+
+  @state()
+  public isOpened = false;
+
   public static styles = [
     cssManager.defaultStyles,
     css`
@@ -85,13 +94,12 @@ export class DeesInputDropdown extends DeesElement {
 
       .selectedBox {
         user-select: none;
-        cursor: pointer;
         position: relative;
         max-width: 420px;
         height: 40px;
         line-height: 40px;
         padding: 0px 8px;
-        background: ${cssManager.bdTheme('#fafafa', '#222')};
+        background: ${cssManager.bdTheme('#fafafa', '#222222')};
         box-shadow: ${cssManager.bdTheme('0px 1px 4px rgba(0,0,0,0.3)', 'none')};
         border-radius: 3px;
         border-top: ${cssManager.bdTheme('1px solid #CCC', '1px solid #444')};
@@ -99,69 +107,93 @@ export class DeesInputDropdown extends DeesElement {
         transition: all 0.2s ease;
       }
 
-      .accentTop {
+      .selectedBox:hover {
-        border-top: 1px solid #e4002b;
+        filter: ${cssManager.bdTheme('brightness(0.95)', 'brightness(1.1)')};
       }
 
       .accentBottom {
-        border-bottom: 1px solid #e4002b;
+        filter: none !important;
+      }
+
+      .accentTop {
+        filter: none !important;
       }
 
       .selectionBox {
         will-change: transform;
         pointer-events: none;
-        cursor: pointer;
         transition: all 0.2s ease;
         opacity: 0;
         background: ${cssManager.bdTheme('#ffffff', '#222222')};
         max-width: 420px;
         box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
         min-height: 40px;
-        border-radius: 3px;
+        border-radius: 8px;
-        padding: 4px;
+        padding: 4px 8px;
-        transform: scale(0.99, 0.99);
         position: absolute;
+        user-select: none;
+      }
+      .selectionBox.top {
+        transform: translate(0px, 4px);
+      }
+      .selectionBox.bottom {
+        transform: translate(0px, -4px);
       }
 
       .selectionBox.show {
         pointer-events: all;
+        transform: scale(1, 1) translate(0px, 0px);
         opacity: 1;
-        transform: scale(1, 1);
+        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
       }
 
       .option {
         transition: all 0.1s;
-        line-height: 40px;
+        line-height: 32px;
         padding: 0px 4px;
         border-radius: 3px;
+        margin: 4px 0px;
+      }
+
+      .option.highlighted {
+        border-left: 2px solid #0069f2;
+        padding-left: 6px;
+        background: #ffffff20;
       }
 
       .option:hover {
         color: #fff;
         padding-left: 8px;
-        background: #0277bd;
+        background: #0069f2;
       }
 
-      .search {
+      .search.top {
-        padding: 8px;
+        padding-top: 4px;
+      }
+      .search.bottom {
+        padding-bottom: 4px;
       }
       .search input {
         display: block;
-        width: 80%;
         background: none;
         border: none;
         height: 24px;
         color: inherit;
-        text-align: center;
+        text-align: left;
         font-size: 12px;
         font-weight: 600;
-        background: ${cssManager.bdTheme('#00000010', '#ffffff08')};
+        width: 100%;
-        border-radius: 16px;
         margin: auto;
       }
 
+      .search.top input {
+        border-bottom: 1px dotted #333;
+      }
+      .search.bottom input {
+        border-top: 1px dotted #333;
+      }
+
       .search input:focus {
-        border: none;
         outline: none;
       }
     `,
@@ -169,20 +201,21 @@ export class DeesInputDropdown extends DeesElement {
 
   public render(): TemplateResult {
     return html`
-      <div class="maincontainer">
+      <div class="maincontainer" @keydown="${this.isOpened ? this.handleKeyDown : undefined}">
         ${this.label ? html`<div class="label">${this.label}</div>` : html``}
         <div class="selectionBox">
           ${this.enableSearch && !this.opensToTop
             ? html`
-                <div class="search">
+                <div class="search top">
-                  <input type="text" placeholder="Search" />
+                  <input type="text" placeholder="Search" @input="${this.handleSearch}" />
                 </div>
               `
             : null}
-          ${this.options.map((option) => {
+          ${this.filteredOptions.map((option, index) => {
+            const isHighlighted = this.highlightedIndex === index;
             return html`
               <div
-                class="option"
+                class="option ${isHighlighted ? 'highlighted' : ''}"
                 @click=${() => {
                   this.updateSelection(option);
                 }}
@@ -193,8 +226,8 @@ export class DeesInputDropdown extends DeesElement {
           })}
           ${this.enableSearch && this.opensToTop
             ? html`
-                <div class="search">
+                <div class="search bottom">
-                  <input type="text" placeholder="Search" />
+                  <input type="text" placeholder="Search" @input="${this.handleSearch}" />
                 </div>
               `
             : null}
@@ -209,14 +242,15 @@ export class DeesInputDropdown extends DeesElement {
             }
           }}"
         >
-          ${this.selectedOption?.option}
+          ${this.selectedOption?.option || 'Select...'} 
         </div>
       </div>
     `;
   }
 
   firstUpdated() {
-    this.selectedOption = this.selectedOption || this.options[0] || null;
+    this.selectedOption = this.selectedOption || null;
+    this.filteredOptions = this.options; // Initialize filteredOptions
   }
 
   public async updateSelection(selectedOption) {
@@ -237,6 +271,7 @@ export class DeesInputDropdown extends DeesElement {
   private isElevated: boolean = false;
   private windowOverlay: DeesWindowLayer;
   public async toggleSelectionBox() {
+    this.isOpened = !this.isOpened;
     const domtoolsInstance = await this.domtoolsPromise;
     const selectedBox: HTMLElement = this.shadowRoot.querySelector('.selectedBox');
     const selectionBox: HTMLElement = this.shadowRoot.querySelector('.selectionBox');
@@ -256,7 +291,12 @@ export class DeesInputDropdown extends DeesElement {
       elevatedDropdown.style.width = this.clientWidth + 'px';
       elevatedDropdown.options = this.options;
       elevatedDropdown.selectedOption = this.selectedOption;
+      elevatedDropdown.highlightedIndex = elevatedDropdown.selectedOption ? elevatedDropdown.options.indexOf(
+        elevatedDropdown.options.find((option) => option.key === this.selectedOption.key)
+      ) : -1;
+      console.log(elevatedDropdown.options);
       console.log(elevatedDropdown.selectedOption);
+      console.log(elevatedDropdown.highlightedIndex);
       this.windowOverlay.appendChild(elevatedDropdown);
       await domtoolsInstance.convenience.smartdelay.delayFor(0);
       elevatedDropdown.toggleSelectionBox();
@@ -276,26 +316,56 @@ export class DeesInputDropdown extends DeesElement {
     } else {
       if (!selectionBox.classList.contains('show')) {
         selectionBox.style.width = selectedBox.clientWidth + 'px';
-        selectionBox.classList.add('show');
         const spaceData = selectedBox.getBoundingClientRect();
         if (300 > window.innerHeight - spaceData.bottom) {
           this.opensToTop = true;
           selectedBox.classList.add('accentTop');
+          selectionBox.classList.add('top');
           selectionBox.style.bottom = selectedBox.clientHeight + 2 + 'px';
         } else {
           selectedBox.classList.add('accentBottom');
+          selectionBox.classList.add('bottom');
           this.opensToTop = false;
           const labelOffset = this.label ? 24 : 0;
           selectionBox.style.top = selectedBox.clientHeight + labelOffset + 'px';
         }
         await domtoolsInstance.convenience.smartdelay.delayFor(0);
         const searchInput = selectionBox.querySelector('input');
-        searchInput.focus();
+        searchInput?.focus();
+        selectionBox.classList.add('show');
       } else {
         selectedBox.style.pointerEvents = 'none';
         selectionBox.classList.remove('show');
-        selectedBox.style.opacity = '0';
+        // selectedBox.style.opacity = '0';
       }
     }
   }
+
+  private handleSearch(event: Event): void {
+    const searchTerm = (event.target as HTMLInputElement).value.toLowerCase();
+    this.filteredOptions = this.options.filter((option) =>
+      option.option.toLowerCase().includes(searchTerm)
+    );
+    this.highlightedIndex = 0; // Reset highlighted index
+  }
+
+  private handleKeyDown(event: KeyboardEvent): void {
+    if (!this.isOpened) {
+      console.log('discarded key event. Check why this function is called.');
+      return;
+    }
+    const key = event.key;
+    const maxIndex = this.filteredOptions.length - 1;
+
+    if (key === 'ArrowDown') {
+      this.highlightedIndex = this.highlightedIndex + 1 > maxIndex ? 0 : this.highlightedIndex + 1;
+      event.preventDefault();
+    } else if (key === 'ArrowUp') {
+      this.highlightedIndex = this.highlightedIndex - 1 < 0 ? maxIndex : this.highlightedIndex - 1;
+      event.preventDefault();
+    } else if (key === 'Enter') {
+      this.updateSelection(this.filteredOptions[this.highlightedIndex]);
+      event.preventDefault();
+    }
+  }
 }

ts_web/elements/dees-input-fileupload.ts

@@ -88,7 +88,6 @@ export class DeesInputFileupload extends DeesElement {
 
       .uploadButton {
         position: relative;
-        cursor: pointer;
         padding: 8px;
         max-width: 600px;
         background: ${cssManager.bdTheme('#fafafa', '#333333')};

ts_web/elements/dees-input-multitoggle.demo.ts

@@ -0,0 +1,14 @@
+import { html } from '@design.estate/dees-element';
+
+export const demoFunc = () => html`
+  <dees-input-multitoggle
+    .options=${['option 1', 'option 2', 'a longer option with multiple words']}
+    .selectedOption=${'option 2'}
+  ></dees-input-multitoggle>
+  <dees-input-multitoggle
+    .type=${'boolean'}
+    .booleanTrueName=${'enabled'}
+    .booleanFalseName=${'disabled'}
+    .selectedOption=${'true'}
+  ></dees-input-multitoggle>
+`;

ts_web/elements/dees-input-multitoggle.ts

@@ -0,0 +1,121 @@
+import {
+  customElement,
+  DeesElement,
+  type TemplateResult,
+  state,
+  html,
+  domtools,
+  property,
+  css,
+  cssManager,
+} from '@design.estate/dees-element';
+
+const { demoFunc } = await import('./dees-input-multitoggle.demo.js');
+
+@customElement('dees-input-multitoggle')
+export class DeesInputMultitoggle extends DeesElement {
+  public static demo = demoFunc;
+
+  @property()
+  type: 'boolean' | 'multi' | 'single' = 'multi';
+
+  @property()
+  booleanTrueName: string = 'true';
+
+  @property()
+  booleanFalseName: string = 'false';
+
+  @property({
+    type: Array,
+  })
+  options: string[] = [];
+
+  @property()
+  selectedOption: string = '';
+
+  @property()
+  boolValue: boolean = false;
+
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
+        color: ${cssManager.bdTheme('#333', '#fff')};
+        user-select: none;
+      }
+      .selections {
+        position: relative;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        background: #333;
+        width: min-content;
+        border-radius: 20px;
+        height: 40px;
+      }
+
+      .option {
+        color: #CCC;
+        position: relative;
+        padding: 0px 16px;
+        line-height: 40px;
+        cursor: default;
+        width: min-content; /* Make the width as per the content */
+        white-space: nowrap; /* Prevent text wrapping */
+        transition: all 0.1s;
+      }
+
+      .option:hover {
+        color: #fff;
+      }
+
+      .indicator {
+        opacity: 0;
+        position: absolute;
+        height: 32px;
+        left: 4px;
+        top: 4px;
+        border-radius: 16px;
+        background: #0050b9;
+        min-width: 36px;
+      }
+    `,
+  ];
+
+  public render(): TemplateResult {
+    return html`
+      <div class="label">MultiSelect</div>
+      <div class="mainbox">
+        <div class="selections">
+          <div class="indicator"></div>
+          ${this.options.map((option) => html` <div class="option" @click=${() => this.handleSelection(option)}>${option}</div> `)}
+        </div>
+      </div>
+    `;
+  }
+
+  public async firstUpdated() {
+    if (this.type === 'boolean') {
+      this.options = [this.booleanTrueName || 'true', this.booleanFalseName || 'false'];
+    }
+    this.setIndicator();
+  }
+
+  public async handleSelection(optionArg: string) {
+    this.selectedOption = optionArg;
+    this.setIndicator();
+  }
+
+  public async setIndicator() {
+    const indicator: HTMLDivElement = this.shadowRoot.querySelector('.indicator');
+    const option: HTMLDivElement = this.shadowRoot.querySelector(`.option:nth-child(${this.options.indexOf(this.selectedOption) + 2})`);
+    if (indicator && option) {
+      indicator.style.width = `${option.clientWidth - 8}px`;
+      indicator.style.left = `${option.offsetLeft + 4}px`;
+      indicator.style.opacity = '1';
+    }
+    setTimeout(() => {
+      indicator.style.transition = 'all 0.1s';
+    }, 100);
+  }
+}

ts_web/elements/dees-input-quantityselector.ts

@@ -85,7 +85,6 @@ export class DeesInputQuantitySelector extends DeesElement {
         }
 
         .selector:hover {
-          cursor: pointer;
         }
 
         .quantity {

ts_web/elements/dees-input-radio.ts

@@ -51,7 +51,6 @@ export class DeesInputRadio extends DeesElement {
           display: block;
           position: relative;
           margin: 20px 0px;
-          cursor: pointer;
         }
 
         .maincontainer {
@@ -91,8 +90,8 @@ export class DeesInputRadio extends DeesElement {
         }
 
         .checkbox.selected {
-          background: #039BE5;
+          background: #0050b9;
-          border: 1px solid #039BE5;
+          border: 1px solid #0050b9;
         }
 
         .maincontainer:hover .checkbox.selected {

ts_web/elements/dees-input-text.ts

@@ -120,7 +120,7 @@ export class DeesInputText extends DeesElement {
         font-size: 16px;
         position: relative;
         z-index: 2;
-        // see template for more
+        cursor: default;
       }
 
       input:disabled {
@@ -133,6 +133,11 @@ export class DeesInputText extends DeesElement {
       input:focus {
         outline: none;
         border-bottom: 1px solid #e4002b;
+        cursor: text;
+      }
+
+      input:hover {
+        filter: ${cssManager.bdTheme('brightness(0.95)', 'brightness(1.1)')};
       }
 
       .showPassword {
@@ -147,7 +152,6 @@ export class DeesInputText extends DeesElement {
       }
 
       .showPassword:hover {
-        cursor: pointer;
         background: ${cssManager.bdTheme('#00000010', '#ffffff10')};
       }
 

ts_web/elements/dees-input-typelist.demo.ts

@@ -0,0 +1,15 @@
+import { html } from '@design.estate/dees-element';
+
+export const demoFunc = () => html`
+  <style>
+    .demoContainer {
+      max-width: 600px;
+      margin: auto;
+      padding: 40px;
+      background: #000;
+    }
+  </style>
+  <div class="demoContainer">
+    <dees-input-typelist></dees-input-typelist>
+  </div>
+`;

ts_web/elements/dees-input-typelist.ts

@@ -0,0 +1,88 @@
+import {
+  customElement,
+  DeesElement,
+  type TemplateResult,
+  state,
+  html,
+  domtools,
+  property,
+  css,
+  cssManager,
+} from '@design.estate/dees-element';
+
+const { demoFunc } = await import('./dees-input-typelist.demo.js');
+
+@customElement('dees-input-typelist')
+export class DeesInputTypelist extends DeesElement {
+  public static demo = demoFunc;
+
+  constructor() {
+    super();
+  }
+
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
+        color: ${cssManager.bdTheme('#333', '#fff')}
+      }
+      .label {
+        font-size: 14px;
+        margin-bottom: 4px;
+      }
+      .mainbox {
+        border-radius: 3px;
+        background: #222;
+        overflow: hidden;
+        border-top: ${cssManager.bdTheme('1px solid #CCC', '1px solid #444')};
+        border-bottom: ${cssManager.bdTheme('1px solid #CCC', '1px solid #333')};
+        border-right: ${cssManager.bdTheme('1px solid #CCC', 'none')};
+        border-left: ${cssManager.bdTheme('1px solid #CCC', 'none')};
+      }
+
+      .tags {
+        padding: 16px;
+        cursor: default;
+      }
+
+      .notags {
+        text-align: center;
+        opacity: 0.5;
+        font-size: 12px;
+      }
+
+      input {
+        display: block;
+        box-sizing: border-box;
+        background: #181818;
+        width: 100%;
+        outline: none;
+        border: none;
+        color: inherit;
+        padding: 0px 16px;
+        overflow: hidden;
+        line-height: 32px;
+        height: 0px;
+        transition: height 0.2s;
+      }
+
+      input:focus {
+        height: 32px;
+      }
+    `,
+  ];
+
+  public render(): TemplateResult {
+    return html`
+      <div class="label">Type List</div>
+      <div class="mainbox">
+        <div class="tags" @click=${() => {
+          this.shadowRoot.querySelector('input').focus();
+        }}>
+          <div class="notags">No tags yet</div>
+        </div>
+        <input type="text" placeholder="Type, press Enter to add it..." />
+      </div>
+    `;
+  }
+}

ts_web/elements/dees-mobilenavigation.ts

@@ -1,4 +1,4 @@
-import * as plugins from './plugins.js';
+import * as plugins from './00plugins.js';
 import {
   cssManager,
   css,
@@ -105,7 +105,6 @@ export class DeesMobilenavigation extends DeesElement {
         padding: 8px;
         margin-left: -8px;
         margin-right: -8px;
-        cursor: pointer;
         border-radius: 3px;
       }
       .menuItem:hover {

ts_web/elements/dees-modal.ts

@@ -1,4 +1,4 @@
-import * as plugins from './plugins.js';
+import * as plugins from './00plugins.js';
 import { demoFunc } from './dees-modal.demo.js';
 import {
   customElement,
@@ -133,7 +133,6 @@ export class DeesModal extends DeesElement {
         text-align: center;
         font-size: 14px;
         border-right: 1px solid #222;
-        cursor: pointer;
       }
       .modal .bottomButtons .bottomButton:hover {
         background: #222;

ts_web/elements/dees-pdf.ts

@@ -57,18 +57,9 @@ export class DeesPdf extends DeesElement {
     if (!DeesPdf.pdfJsReady) {
       const pdfJsReadyDeferred = domtools.plugins.smartpromise.defer();
       DeesPdf.pdfJsReady = pdfJsReadyDeferred.promise;
-      const loadDeferred = domtools.plugins.smartpromise.defer();
+      // @ts-ignore
-      const script = document.createElement('script');
+      DeesPdf.pdfjsLib = await import('https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/+esm');
-      script.addEventListener('load', () => {
+      DeesPdf.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/build/pdf.worker.mjs';
-        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;

ts_web/elements/dees-progressbar.demo.ts

@@ -0,0 +1,11 @@
+import { html } from '@design.estate/dees-element';
+
+import { DeesProgressbar } from './dees-progressbar.js';
+
+export const demoFunc = () => {
+  return html`
+    <dees-progressbar
+      .percentage=${50}
+    ></dees-progressbar>
+  `;
+}

ts_web/elements/dees-progressbar.ts

@@ -0,0 +1,95 @@
+import * as plugins from './00plugins.js';
+import * as colors from './00colors.js';
+import { demoFunc } from './dees-progressbar.demo.js';
+import {
+  customElement,
+  html,
+  DeesElement,
+  property,
+  type TemplateResult,
+  cssManager,
+  css,
+  type CSSResult,
+  unsafeCSS,
+  unsafeHTML,
+  state,
+} from '@design.estate/dees-element';
+
+import * as domtools from '@design.estate/dees-domtools';
+
+@customElement('dees-progressbar')
+export class DeesProgressbar extends DeesElement {
+  // STATIC
+  public static demo = demoFunc;
+
+  // INSTANCE
+  @property({
+    type: Number,
+  })
+  public percentage = 0;
+
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
+        color: ${cssManager.bdTheme(colors.bright.text, colors.dark.text)};
+      }
+      .progressBarContainer {
+        padding: 8px;
+        min-width: 200px;
+      }
+
+      .progressBar {
+        background: ${cssManager.bdTheme('#eeeeeb', '#444')};
+        height: 8px;
+        width: 100%;
+        border-radius: 4px;
+        border-top: 0.5px solid ${cssManager.bdTheme('none', '#555')};
+      }
+
+      .progressBarFill {
+        background: ${cssManager.bdTheme(colors.dark.blueActive, colors.bright.blueActive)};
+        height: 8px;
+        margin-top: -0.5px;
+        transition: 0.2s width;
+        border-radius: 4px;
+        width: 0px;
+        border-top: 0.5 solid ${cssManager.bdTheme('none', '#398fff')};
+      }
+
+      .progressText {
+        padding: 8px;
+        text-align: center;
+      }
+    `
+  ];
+
+  public render() {
+    return html`
+      <div class="progressBarContainer">
+        <div class="progressBar">
+          <div class="progressBarFill"></div>
+          <div class="progressText">
+            ${this.percentage}%
+          <div>
+        </div>
+      </div>
+    `
+  }
+
+  firstUpdated (_changedProperties: Map<string | number | symbol, unknown>): void {
+    super.firstUpdated(_changedProperties);
+    this.updateComplete.then(() => {
+      this.updatePercentage();
+    });
+  }
+
+  public async updatePercentage() {
+    const progressBarFill = this.shadowRoot.querySelector('.progressBarFill') as HTMLElement;
+    progressBarFill.style.width = `${this.percentage}%`;
+  }
+
+  updated(){
+    this.updatePercentage();
+  }
+}

ts_web/elements/dees-simple-login.ts

@@ -48,7 +48,7 @@ export class DeesSimpleLogin extends DeesElement {
         min-height: 100px;
         background: ${cssManager.bdTheme('#eeeeeb', '#111')};
         box-shadow: ${cssManager.bdTheme('0px 1px 4px rgba(0,0,0,0.3)', 'none')};
-        border-radius: 3px;
+        border-radius: 8px;
         padding: 24px;
         transition: opacity 0.3s, transform 0.3s;
       }

ts_web/elements/dees-speechbubble.ts

@@ -52,7 +52,6 @@ export class DeesSpeechbubble extends DeesElement {
         display: block;
         box-sizing: border-box;
         color: ${cssManager.bdTheme('#333', '#fff')};
-        cursor: pointer;
         user-select: none;
       }
       :host([hidden]) {

ts_web/elements/dees-stepper.ts

@@ -99,7 +99,7 @@ export class DeesStepper extends DeesElement {
         transition: all 0.7s ease-in-out;
         max-width: 500px;
         min-height: 300px;
-        border-radius: 3px;
+        border-radius: 8px;
         background: ${cssManager.bdTheme('#ffffff', '#181818')};
         border-top: 1px solid ${cssManager.bdTheme('#ffffff', '#181818')};
         color: ${cssManager.bdTheme('#333', '#fff')};
@@ -127,6 +127,7 @@ export class DeesStepper extends DeesElement {
       }
 
       .step .stepCounter {
+        color: #999;
         position: absolute;
         top: 0px;
         right: 0px;
@@ -137,6 +138,8 @@ export class DeesStepper extends DeesElement {
       }
 
       .step .goBack {
+        color: #999;
+        cursor: default;
         position: absolute;
         top: 0px;
         left: 0px;
@@ -144,7 +147,6 @@ export class DeesStepper extends DeesElement {
         font-size: 12px;
         border-bottom-right-radius: 3px;
         background: ${cssManager.bdTheme('#00000008', '#ffffff08')};
-        cursor: pointer;
       }
 
       .step .goBack:hover {

ts_web/elements/dees-table.demo.ts

@@ -1,5 +1,5 @@
 import { type ITableAction } from './dees-table.js';
-import * as plugins from './plugins.js';
+import * as plugins from './00plugins.js';
 import { html } from '@design.estate/dees-element';
 
 interface ITableDemoData {

ts_web/elements/dees-table.ts

@@ -1,4 +1,4 @@
-import * as plugins from './plugins.js';
+import * as plugins from './00plugins.js';
 import { demoFunc } from './dees-table.demo.js';
 import {
   customElement,
@@ -202,7 +202,6 @@ export class DeesTable<T> extends DeesElement {
 
       .headerActions {
         margin-left: auto;
-        cursor: pointer;
       }
       .headerAction {
         display: flex;
@@ -236,7 +235,7 @@ export class DeesTable<T> extends DeesElement {
         text-align: left;
       }
       tr:hover {
-        cursor: pointer;
+        
       }
       tr:hover td {
         background: ${cssManager.bdTheme('#22222210', '#ffffff10')};
@@ -343,7 +342,6 @@ export class DeesTable<T> extends DeesElement {
       }
 
       .footerActions .footerAction {
-        cursor: pointer;
         padding: 8px 16px;
         display: flex;
       }

ts_web/elements/dees-updater.demo.ts

@@ -0,0 +1,10 @@
+import { html } from '@design.estate/dees-element';
+
+import { DeesUpdater } from './dees-updater.js';
+
+export const demoFunc = async () => {
+  const updater = await DeesUpdater.createAndShow();
+  setTimeout(async () => {
+    await updater.destroy();
+  }, 10000);
+}

ts_web/elements/dees-updater.ts

@@ -1,7 +1,13 @@
-import { customElement, DeesElement, type TemplateResult, html, property, type CSSResult, } from '@design.estate/dees-element';
+import {
-
+  customElement,
-import * as domtools from '@design.estate/dees-domtools';
+  DeesElement,
-
+  type TemplateResult,
+  html,
+  property,
+  type CSSResult,
+  domtools,
+} from '@design.estate/dees-element';
+import { demoFunc } from './dees-updater.demo.js';
 
 import './dees-windowlayer';
 import { css, cssManager } from '@design.estate/dees-element';
@@ -14,7 +20,13 @@ declare global {
 
 @customElement('dees-updater')
 export class DeesUpdater extends DeesElement {
-  public static demo = () => html`<dees-updater></dees-updater>`;
+  public static demo = demoFunc;
+
+  public static async createAndShow() {
+    const updater = new DeesUpdater();
+    document.body.appendChild(updater);
+    return updater;
+  }
 
   @property({
     type: String,
@@ -38,9 +50,8 @@ export class DeesUpdater extends DeesElement {
         will-change: transform;
         position: relative;
         background: ${cssManager.bdTheme('#eeeeeb', '#222')};
-          margin: auto;
         max-width: 800px;
-          border-radius: 3px;
+        border-radius: 8px;
         border-top: 1px solid ${cssManager.bdTheme('#eeeeeb', '#333')};
       }
 
@@ -63,28 +74,37 @@ export class DeesUpdater extends DeesElement {
         display: grid;
         grid-template-columns: 50% 50%;
       }
-    `
+    `,
-  ]
+  ];
 
   public render(): TemplateResult {
     return html`
-      <dees-windowlayer @clicked="${this.windowLayerClicked}">
+      <dees-windowlayer
+        @clicked="${this.windowLayerClicked}"
+        .options=${{
+          blur: true,
+        }}
+      >
         <div class="modalContainer">
           <div class="headingContainer">
             <dees-spinner .size=${60}></dees-spinner>
             <h1>Updating the application...</h1>
           </div>
+          <div class="progress">
+            <dees-progressbar .progress=${0.5}></dees-progressbar>
+          </div>
           <div class="buttonContainer">
             <dees-button>More info</dees-button>
             <dees-button>Changelog</dees-button>
           </div>
-        </div>
+        </div> </dees-windowlayer
-      </dees-windowlayer>>
+      >>
     `;
   }
 
-  private windowLayerClicked() {
+  public async destroy() {
-    const windowLayer = this.shadowRoot.querySelector('dees-windowlayer');
+    this.parentElement.removeChild(this);
-    windowLayer.toggleVisibility();
   }
+
+  private windowLayerClicked() {}
 }

ts_web/elements/dees-windowcontrols.ts

@@ -0,0 +1,99 @@
+import {
+  customElement,
+  DeesElement,
+  domtools,
+  type TemplateResult,
+  html,
+  property,
+  type CSSResult,
+  state,
+  css,
+  cssManager,
+} from '@design.estate/dees-element';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'dees-windowcontrols': DeesWindowControls;
+  }
+}
+
+@customElement('dees-windowcontrols')
+export class DeesWindowControls extends DeesElement {
+  // STATIC
+  public static demo = () => html`<dees-windowcontrols></dees-windowcontrols>`;
+
+  // Instance
+  @property({
+    reflect: true,
+  })
+  public type: 'mac' | 'linux' | 'windows' = 'mac';
+
+  @property({
+    reflect: true,
+  })
+  public position: 'left' | 'right' = 'left';
+
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
+        position: relative;
+        display: block;
+        box-sizing: border-box;
+        padding-left: 16px;
+        padding-right: 16px;
+      }
+
+      .windowControls {
+        height: 100%;
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .windowControls div {
+        width: 12px;
+        height: 12px;
+        display: inline-block;
+        border-radius: 50%;
+        margin: 0px;
+        padding: 0px;
+        background: #222222;
+      }
+
+      .windowControls div.close {
+        background: #ff5f57;
+        margin-right: 12px;
+      }
+
+      .windowControls div.toDock {
+        background: #ffbd2e;
+        margin-right: 12px;
+      }
+
+      .windowControls div.minMax {
+        background: #27c93f;
+      }
+
+      .windowControls div:hover {
+        background: #333333;
+      }
+    `,
+  ];
+
+  public render(): TemplateResult {
+    return html`
+      ${(this.type === 'mac' && this.position === 'left') ||
+      ((this.type === 'linux' || this.type === 'windows') && this.position === 'right')
+        ? html`
+            <div class="windowControls">
+              <div class="close"></div>
+              <div class="toDock"></div>
+              <div class="minMax"></div>
+            </div>
+          `
+        : html``}
+    `;
+  }
+}

ts_web/elements/dees-windowlayer.ts

@@ -1,6 +1,4 @@
-import { customElement, DeesElement, type TemplateResult, html, property, type CSSResult, state, } from '@design.estate/dees-element';
+import { customElement, DeesElement, domtools, type TemplateResult, html, property, type CSSResult, state, } from '@design.estate/dees-element';
-
-import * as domtools from '@design.estate/dees-domtools';
 
 declare global {
   interface HTMLElementTagNameMap {

ts_web/elements/index.ts

@@ -12,12 +12,15 @@ export * from './dees-input-checkbox.js';
 export * from './dees-input-dropdown.js';
 export * from './dees-input-fileupload.js';
 export * from './dees-input-iban.js';
+export * from './dees-input-typelist.js';
 export * from './dees-input-phone.js';
+export * from './dees-progressbar.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-modal.js';
+export * from './dees-input-multitoggle.js';
 export * from './dees-pdf.js';
 export * from './dees-simple-appdash.js';
 export * from './dees-simple-login.js';
@@ -27,4 +30,5 @@ export * from './dees-stepper.js';
 export * from './dees-table.js';
 export * from './dees-toast.js';
 export * from './dees-updater.js';
+export * from './dees-windowcontrols.js';
 export * from './dees-windowlayer.js';