From ab19e97c318170abcbc4a8940e68ba69ea109046 Mon Sep 17 00:00:00 2001 From: Philipp Kunz Date: Sun, 29 Aug 2021 17:10:25 +0200 Subject: [PATCH] fix(core): update --- package-lock.json | 104 ++++++++++++++-------------- package.json | 4 +- ts_web/elements/dees-button.ts | 6 +- ts_web/elements/dees-stepper.ts | 61 ++++++++++++++++ ts_web/elements/dees-updater.ts | 42 +++++++++-- ts_web/elements/dees-windowlayer.ts | 7 +- ts_web/elements/index.ts | 1 + 7 files changed, 162 insertions(+), 63 deletions(-) create mode 100644 ts_web/elements/dees-stepper.ts 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` + + `; + + constructor() { + super(); + } + + @property({ + type: Array + }) + public steps = [{ + title: 'Who are you?' + }, { + title: 'Verification:' + }] + + public static styles = [ + cssManager.defaultStyles, + css` + :host { + position: absolute; + width: 100%; + height: 100%; + } + .stepperContainer { + position: absolute; + width: 100%; + height: 100%; + background: #111; + overflow: hidden; + } + + .step { + max-width: 600px; + min-height: 300px; + border-radius: 10px; + background: #222; + margin: auto; + margin-bottom: 20px; + + } + ` + ] + + public render () { + return html` +
+ ${this.steps.map(stepArg => html` +
+ `)} +
+ `; + } +} \ No newline at end of file diff --git a/ts_web/elements/dees-updater.ts b/ts_web/elements/dees-updater.ts index b9f7fb4..a526c35 100644 --- a/ts_web/elements/dees-updater.ts +++ b/ts_web/elements/dees-updater.ts @@ -31,16 +31,46 @@ export class DeesUpdater extends LitElement { ${domtools.elementBasic.styles} -
+
+
+ +

Updating the application...

+
+
+ More info + Changelog +
+
> `; } diff --git a/ts_web/elements/dees-windowlayer.ts b/ts_web/elements/dees-windowlayer.ts index 8837875..e4f7732 100644 --- a/ts_web/elements/dees-windowlayer.ts +++ b/ts_web/elements/dees-windowlayer.ts @@ -22,18 +22,23 @@ export class DeesWindowLayer extends LitElement { ${domtools.elementBasic.styles}
diff --git a/ts_web/elements/index.ts b/ts_web/elements/index.ts index cc8b2f1..db00ec4 100644 --- a/ts_web/elements/index.ts +++ b/ts_web/elements/index.ts @@ -9,6 +9,7 @@ export * from './dees-input-quantityselector'; export * from './dees-input-radio'; export * from './dees-input-text'; export * from './dees-spinner'; +export * from './dees-stepper'; export * from './dees-toast'; export * from './dees-updater'; export * from './dees-windowlayer';