diff --git a/package-lock.json b/package-lock.json
index 15b559b..eb7f765 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,11 +16,11 @@
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
- "typescript": "^4.3.5"
+ "typescript": "^4.4.2"
},
"devDependencies": {
"@gitzone/tsbuild": "^2.1.26",
- "@gitzone/tsbundle": "^1.0.84",
+ "@gitzone/tsbundle": "^1.0.87",
"@gitzone/tstest": "^1.0.57",
"@gitzone/tswatch": "^1.0.56",
"@pushrocks/projectinfo": "^4.0.5",
@@ -2121,18 +2121,18 @@
}
},
"node_modules/@gitzone/tsbundle": {
- "version": "1.0.84",
- "resolved": "https://verdaccio.lossless.one/@gitzone%2ftsbundle/-/tsbundle-1.0.84.tgz",
- "integrity": "sha512-BIYZyH+rCo6jqP71yeGAixMhZhjJPNh532iHfOH1Dgt91zLdXqLoC7CYv+CaLTX/J3cPKJG36GuOibC9Zb8PGw==",
+ "version": "1.0.87",
+ "resolved": "https://verdaccio.lossless.one/@gitzone%2ftsbundle/-/tsbundle-1.0.87.tgz",
+ "integrity": "sha512-LEebE9c+Kht30JsARNPXU708pxvf248u5r3nJd9TmNIwSN4ozS5WsNmp2wxHv+qsXuuAGGq0oQh4md/UtzXIYw==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/core": "^7.14.8",
+ "@babel/core": "^7.15.0",
"@babel/plugin-proposal-class-properties": "^7.14.5",
"@babel/plugin-proposal-decorators": "^7.14.5",
- "@babel/plugin-transform-runtime": "^7.14.5",
- "@babel/preset-env": "^7.14.8",
- "@babel/runtime": "^7.14.8",
+ "@babel/plugin-transform-runtime": "^7.15.0",
+ "@babel/preset-env": "^7.15.0",
+ "@babel/runtime": "^7.15.3",
"@pushrocks/early": "^3.0.6",
"@pushrocks/smartcli": "^3.0.14",
"@pushrocks/smartfile": "^8.0.10",
@@ -2141,18 +2141,18 @@
"@pushrocks/smartparcel": "^1.0.9",
"@pushrocks/smartpromise": "^3.1.6",
"@pushrocks/smartspawn": "^2.0.9",
- "@rollup/plugin-commonjs": "^19.0.1",
+ "@rollup/plugin-commonjs": "^20.0.0",
"@rollup/plugin-json": "^4.1.0",
- "@rollup/plugin-node-resolve": "^13.0.2",
- "@rollup/plugin-typescript": "^8.2.3",
+ "@rollup/plugin-node-resolve": "^13.0.4",
+ "@rollup/plugin-typescript": "^8.2.5",
"@types/html-minifier": "^4.0.1",
- "@types/node": "^16.4.0",
+ "@types/node": "^16.7.4",
"html-minifier": "^4.0.0",
- "rollup": "^2.53.3",
+ "rollup": "^2.56.3",
"rollup-plugin-babel": "^4.4.0",
"rollup-plugin-sourcemaps": "^0.6.3",
"rollup-plugin-terser": "^7.0.2",
- "typescript": "^4.3.5"
+ "typescript": "^4.4.2"
},
"bin": {
"tsbundle": "cli.js"
@@ -2198,9 +2198,9 @@
"license": "MIT"
},
"node_modules/@gitzone/tsbundle/node_modules/@types/node": {
- "version": "16.6.2",
- "resolved": "https://verdaccio.lossless.one/@types%2fnode/-/node-16.6.2.tgz",
- "integrity": "sha512-LSw8TZt12ZudbpHc6EkIyDM3nHVWKYrAvGy6EAJfNfjusbwnThqjqxUKKRwuV3iWYeW/LYMzNgaq3MaLffQ2xA==",
+ "version": "16.7.4",
+ "resolved": "https://verdaccio.lossless.one/@types%2fnode/-/node-16.7.4.tgz",
+ "integrity": "sha512-25QXpDsTiDnl2rZGUenagVMwO46way8dOUdvoC3R3p+6TrbpxeJBo/v87BEG1IHI31Jhaa8lPeSHcqwxsVBeYQ==",
"dev": true,
"license": "MIT"
},
@@ -3594,9 +3594,9 @@
}
},
"node_modules/@rollup/plugin-commonjs": {
- "version": "19.0.2",
- "resolved": "https://verdaccio.lossless.one/@rollup%2fplugin-commonjs/-/plugin-commonjs-19.0.2.tgz",
- "integrity": "sha512-gBjarfqlC7qs0AutpRW/hrFNm+cd2/QKxhwyFa+srbg1oX7rDsEU3l+W7LAUhsAp9mPJMAkXDhLbQaVwEaE8bA==",
+ "version": "20.0.0",
+ "resolved": "https://verdaccio.lossless.one/@rollup%2fplugin-commonjs/-/plugin-commonjs-20.0.0.tgz",
+ "integrity": "sha512-5K0g5W2Ol8hAcTHqcTBHiA7M58tfmYi1o9KxeJuuRNpGaTa5iLjcyemBitCBcKXaHamOBBEH2dGom6v6Unmqjg==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -13711,9 +13711,9 @@
}
},
"node_modules/rollup": {
- "version": "2.56.2",
- "resolved": "https://verdaccio.lossless.one/rollup/-/rollup-2.56.2.tgz",
- "integrity": "sha512-s8H00ZsRi29M2/lGdm1u8DJpJ9ML8SUOpVVBd33XNeEeL3NVaTiUcSBHzBdF3eAyR0l7VSpsuoVUGrRHq7aPwQ==",
+ "version": "2.56.3",
+ "resolved": "https://verdaccio.lossless.one/rollup/-/rollup-2.56.3.tgz",
+ "integrity": "sha512-Au92NuznFklgQCUcV96iXlxUbHuB1vQMaH76DHl5M11TotjOHwqk9CwcrT78+Tnv4FN9uTBxq6p4EJoYkpyekg==",
"dev": true,
"license": "MIT",
"bin": {
@@ -15434,9 +15434,9 @@
"license": "MIT"
},
"node_modules/typescript": {
- "version": "4.3.5",
- "resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.3.5.tgz",
- "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
+ "version": "4.4.2",
+ "resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.4.2.tgz",
+ "integrity": "sha512-gzP+t5W4hdy4c+68bfcv0t400HVJMMd2+H9B7gae1nQlBzCqvrXX+6GL/b3GAgyTH966pzrZ70/fRjwAtZksSQ==",
"license": "Apache-2.0",
"bin": {
"tsc": "bin/tsc",
@@ -17614,17 +17614,17 @@
}
},
"@gitzone/tsbundle": {
- "version": "1.0.84",
- "resolved": "https://verdaccio.lossless.one/@gitzone%2ftsbundle/-/tsbundle-1.0.84.tgz",
- "integrity": "sha512-BIYZyH+rCo6jqP71yeGAixMhZhjJPNh532iHfOH1Dgt91zLdXqLoC7CYv+CaLTX/J3cPKJG36GuOibC9Zb8PGw==",
+ "version": "1.0.87",
+ "resolved": "https://verdaccio.lossless.one/@gitzone%2ftsbundle/-/tsbundle-1.0.87.tgz",
+ "integrity": "sha512-LEebE9c+Kht30JsARNPXU708pxvf248u5r3nJd9TmNIwSN4ozS5WsNmp2wxHv+qsXuuAGGq0oQh4md/UtzXIYw==",
"dev": true,
"requires": {
- "@babel/core": "^7.14.8",
+ "@babel/core": "^7.15.0",
"@babel/plugin-proposal-class-properties": "^7.14.5",
"@babel/plugin-proposal-decorators": "^7.14.5",
- "@babel/plugin-transform-runtime": "^7.14.5",
- "@babel/preset-env": "^7.14.8",
- "@babel/runtime": "^7.14.8",
+ "@babel/plugin-transform-runtime": "^7.15.0",
+ "@babel/preset-env": "^7.15.0",
+ "@babel/runtime": "^7.15.3",
"@pushrocks/early": "^3.0.6",
"@pushrocks/smartcli": "^3.0.14",
"@pushrocks/smartfile": "^8.0.10",
@@ -17633,18 +17633,18 @@
"@pushrocks/smartparcel": "^1.0.9",
"@pushrocks/smartpromise": "^3.1.6",
"@pushrocks/smartspawn": "^2.0.9",
- "@rollup/plugin-commonjs": "^19.0.1",
+ "@rollup/plugin-commonjs": "^20.0.0",
"@rollup/plugin-json": "^4.1.0",
- "@rollup/plugin-node-resolve": "^13.0.2",
- "@rollup/plugin-typescript": "^8.2.3",
+ "@rollup/plugin-node-resolve": "^13.0.4",
+ "@rollup/plugin-typescript": "^8.2.5",
"@types/html-minifier": "^4.0.1",
- "@types/node": "^16.4.0",
+ "@types/node": "^16.7.4",
"html-minifier": "^4.0.0",
- "rollup": "^2.53.3",
+ "rollup": "^2.56.3",
"rollup-plugin-babel": "^4.4.0",
"rollup-plugin-sourcemaps": "^0.6.3",
"rollup-plugin-terser": "^7.0.2",
- "typescript": "^4.3.5"
+ "typescript": "^4.4.2"
},
"dependencies": {
"@pushrocks/smartfile": {
@@ -17684,9 +17684,9 @@
"dev": true
},
"@types/node": {
- "version": "16.6.2",
- "resolved": "https://verdaccio.lossless.one/@types%2fnode/-/node-16.6.2.tgz",
- "integrity": "sha512-LSw8TZt12ZudbpHc6EkIyDM3nHVWKYrAvGy6EAJfNfjusbwnThqjqxUKKRwuV3iWYeW/LYMzNgaq3MaLffQ2xA==",
+ "version": "16.7.4",
+ "resolved": "https://verdaccio.lossless.one/@types%2fnode/-/node-16.7.4.tgz",
+ "integrity": "sha512-25QXpDsTiDnl2rZGUenagVMwO46way8dOUdvoC3R3p+6TrbpxeJBo/v87BEG1IHI31Jhaa8lPeSHcqwxsVBeYQ==",
"dev": true
},
"argparse": {
@@ -18856,9 +18856,9 @@
}
},
"@rollup/plugin-commonjs": {
- "version": "19.0.2",
- "resolved": "https://verdaccio.lossless.one/@rollup%2fplugin-commonjs/-/plugin-commonjs-19.0.2.tgz",
- "integrity": "sha512-gBjarfqlC7qs0AutpRW/hrFNm+cd2/QKxhwyFa+srbg1oX7rDsEU3l+W7LAUhsAp9mPJMAkXDhLbQaVwEaE8bA==",
+ "version": "20.0.0",
+ "resolved": "https://verdaccio.lossless.one/@rollup%2fplugin-commonjs/-/plugin-commonjs-20.0.0.tgz",
+ "integrity": "sha512-5K0g5W2Ol8hAcTHqcTBHiA7M58tfmYi1o9KxeJuuRNpGaTa5iLjcyemBitCBcKXaHamOBBEH2dGom6v6Unmqjg==",
"dev": true,
"requires": {
"@rollup/pluginutils": "^3.1.0",
@@ -26552,9 +26552,9 @@
}
},
"rollup": {
- "version": "2.56.2",
- "resolved": "https://verdaccio.lossless.one/rollup/-/rollup-2.56.2.tgz",
- "integrity": "sha512-s8H00ZsRi29M2/lGdm1u8DJpJ9ML8SUOpVVBd33XNeEeL3NVaTiUcSBHzBdF3eAyR0l7VSpsuoVUGrRHq7aPwQ==",
+ "version": "2.56.3",
+ "resolved": "https://verdaccio.lossless.one/rollup/-/rollup-2.56.3.tgz",
+ "integrity": "sha512-Au92NuznFklgQCUcV96iXlxUbHuB1vQMaH76DHl5M11TotjOHwqk9CwcrT78+Tnv4FN9uTBxq6p4EJoYkpyekg==",
"dev": true,
"requires": {
"fsevents": "~2.3.2"
@@ -27833,9 +27833,9 @@
"dev": true
},
"typescript": {
- "version": "4.3.5",
- "resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.3.5.tgz",
- "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA=="
+ "version": "4.4.2",
+ "resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.4.2.tgz",
+ "integrity": "sha512-gzP+t5W4hdy4c+68bfcv0t400HVJMMd2+H9B7gae1nQlBzCqvrXX+6GL/b3GAgyTH966pzrZ70/fRjwAtZksSQ=="
},
"uglify-js": {
"version": "3.13.3",
diff --git a/package.json b/package.json
index 779cfb9..fa6fc6a 100644
--- a/package.json
+++ b/package.json
@@ -20,11 +20,11 @@
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
- "typescript": "^4.3.5"
+ "typescript": "^4.4.2"
},
"devDependencies": {
"@gitzone/tsbuild": "^2.1.26",
- "@gitzone/tsbundle": "^1.0.84",
+ "@gitzone/tsbundle": "^1.0.87",
"@gitzone/tstest": "^1.0.57",
"@gitzone/tswatch": "^1.0.56",
"@pushrocks/projectinfo": "^4.0.5",
diff --git a/ts_web/elements/dees-button.ts b/ts_web/elements/dees-button.ts
index 3dec12a..30790c9 100644
--- a/ts_web/elements/dees-button.ts
+++ b/ts_web/elements/dees-button.ts
@@ -64,6 +64,7 @@ export class DeesButton extends DeesElement {
public static styles = [
cssManager.defaultStyles,
css`
+
:host {
display: block;
box-sizing: border-box;
@@ -73,14 +74,15 @@ export class DeesButton extends DeesElement {
}
.button {
+ transition: all 0.1s ease;
position: relative;
- transition: all 0.2s ease;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
background: ${cssManager.bdTheme('#eee', '#333')};
box-shadow: ${cssManager.bdTheme('0px 0px 5px rgba(0,0,0,0.1)', 'none')};
+ border: 1px solid ${cssManager.bdTheme('#eee', '#333')};
border-top: ${cssManager.bdTheme('1px solid #eee', '1px solid #444')};
border-radius: 2px;
line-height: 40px;
@@ -94,7 +96,7 @@ export class DeesButton extends DeesElement {
.button:hover {
cursor: pointer;
background: #039be5;
- border: 0px dashed ${cssManager.bdTheme('#eeeff300', '#66666600')};
+ border: 1px solid #039be5;
border-top: 1px solid #039be5;
color: #ffffff;
}
diff --git a/ts_web/elements/dees-stepper.ts b/ts_web/elements/dees-stepper.ts
new file mode 100644
index 0000000..e2be309
--- /dev/null
+++ b/ts_web/elements/dees-stepper.ts
@@ -0,0 +1,61 @@
+import { DeesElement, customElement, html, css, unsafeCSS, cssManager, property } from '@designestate/dees-element';
+
+import * as domtools from '@designestate/dees-domtools';
+
+@customElement('dees-stepper')
+export class DeesStepper extends DeesElement {
+ public static demo = () => html`
+