design.estate/dees-catalog
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2021-08-29 17:10:25 +02:00
parent 631502b480
commit ab19e97c31
7 changed files with 162 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
package-lock.json generated
View File

@ -16,11 +16,11 @@
"@fortawesome/free-brands-svg-icons": "^5.15.4", "@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.4", "@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4", "@fortawesome/free-solid-svg-icons": "^5.15.4",
"typescript": "^4.3.5" "typescript": "^4.4.2"
}, },
"devDependencies": { "devDependencies": {
"@gitzone/tsbuild": "^2.1.26", "@gitzone/tsbuild": "^2.1.26",
"@gitzone/tsbundle": "^1.0.84", "@gitzone/tsbundle": "^1.0.87",
"@gitzone/tstest": "^1.0.57", "@gitzone/tstest": "^1.0.57",
"@gitzone/tswatch": "^1.0.56", "@gitzone/tswatch": "^1.0.56",
"@pushrocks/projectinfo": "^4.0.5", "@pushrocks/projectinfo": "^4.0.5",
@ -2121,18 +2121,18 @@
} }
}, },
"node_modules/@gitzone/tsbundle": { "node_modules/@gitzone/tsbundle": {
"version": "1.0.84", "version": "1.0.87",
"resolved": "https://verdaccio.lossless.one/@gitzone%2ftsbundle/-/tsbundle-1.0.84.tgz", "resolved": "https://verdaccio.lossless.one/@gitzone%2ftsbundle/-/tsbundle-1.0.87.tgz",
"integrity": "sha512-BIYZyH+rCo6jqP71yeGAixMhZhjJPNh532iHfOH1Dgt91zLdXqLoC7CYv+CaLTX/J3cPKJG36GuOibC9Zb8PGw==", "integrity": "sha512-LEebE9c+Kht30JsARNPXU708pxvf248u5r3nJd9TmNIwSN4ozS5WsNmp2wxHv+qsXuuAGGq0oQh4md/UtzXIYw==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@babel/core": "^7.14.8", "@babel/core": "^7.15.0",
"@babel/plugin-proposal-class-properties": "^7.14.5", "@babel/plugin-proposal-class-properties": "^7.14.5",
"@babel/plugin-proposal-decorators": "^7.14.5", "@babel/plugin-proposal-decorators": "^7.14.5",
"@babel/plugin-transform-runtime": "^7.14.5", "@babel/plugin-transform-runtime": "^7.15.0",
"@babel/preset-env": "^7.14.8", "@babel/preset-env": "^7.15.0",
"@babel/runtime": "^7.14.8", "@babel/runtime": "^7.15.3",
"@pushrocks/early": "^3.0.6", "@pushrocks/early": "^3.0.6",
"@pushrocks/smartcli": "^3.0.14", "@pushrocks/smartcli": "^3.0.14",
"@pushrocks/smartfile": "^8.0.10", "@pushrocks/smartfile": "^8.0.10",
@ -2141,18 +2141,18 @@
"@pushrocks/smartparcel": "^1.0.9", "@pushrocks/smartparcel": "^1.0.9",
"@pushrocks/smartpromise": "^3.1.6", "@pushrocks/smartpromise": "^3.1.6",
"@pushrocks/smartspawn": "^2.0.9", "@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-json": "^4.1.0",
"@rollup/plugin-node-resolve": "^13.0.2", "@rollup/plugin-node-resolve": "^13.0.4",
"@rollup/plugin-typescript": "^8.2.3", "@rollup/plugin-typescript": "^8.2.5",
"@types/html-minifier": "^4.0.1", "@types/html-minifier": "^4.0.1",
"@types/node": "^16.4.0", "@types/node": "^16.7.4",
"html-minifier": "^4.0.0", "html-minifier": "^4.0.0",
"rollup": "^2.53.3", "rollup": "^2.56.3",
"rollup-plugin-babel": "^4.4.0", "rollup-plugin-babel": "^4.4.0",
"rollup-plugin-sourcemaps": "^0.6.3", "rollup-plugin-sourcemaps": "^0.6.3",
"rollup-plugin-terser": "^7.0.2", "rollup-plugin-terser": "^7.0.2",
"typescript": "^4.3.5" "typescript": "^4.4.2"
}, },
"bin": { "bin": {
"tsbundle": "cli.js" "tsbundle": "cli.js"
@ -2198,9 +2198,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/@gitzone/tsbundle/node_modules/@types/node": { "node_modules/@gitzone/tsbundle/node_modules/@types/node": {
"version": "16.6.2", "version": "16.7.4",
"resolved": "https://verdaccio.lossless.one/@types%2fnode/-/node-16.6.2.tgz", "resolved": "https://verdaccio.lossless.one/@types%2fnode/-/node-16.7.4.tgz",
"integrity": "sha512-LSw8TZt12ZudbpHc6EkIyDM3nHVWKYrAvGy6EAJfNfjusbwnThqjqxUKKRwuV3iWYeW/LYMzNgaq3MaLffQ2xA==", "integrity": "sha512-25QXpDsTiDnl2rZGUenagVMwO46way8dOUdvoC3R3p+6TrbpxeJBo/v87BEG1IHI31Jhaa8lPeSHcqwxsVBeYQ==",
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
@ -3594,9 +3594,9 @@
} }
}, },
"node_modules/@rollup/plugin-commonjs": { "node_modules/@rollup/plugin-commonjs": {
"version": "19.0.2", "version": "20.0.0",
"resolved": "https://verdaccio.lossless.one/@rollup%2fplugin-commonjs/-/plugin-commonjs-19.0.2.tgz", "resolved": "https://verdaccio.lossless.one/@rollup%2fplugin-commonjs/-/plugin-commonjs-20.0.0.tgz",
"integrity": "sha512-gBjarfqlC7qs0AutpRW/hrFNm+cd2/QKxhwyFa+srbg1oX7rDsEU3l+W7LAUhsAp9mPJMAkXDhLbQaVwEaE8bA==", "integrity": "sha512-5K0g5W2Ol8hAcTHqcTBHiA7M58tfmYi1o9KxeJuuRNpGaTa5iLjcyemBitCBcKXaHamOBBEH2dGom6v6Unmqjg==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
@ -13711,9 +13711,9 @@
} }
}, },
"node_modules/rollup": { "node_modules/rollup": {
"version": "2.56.2", "version": "2.56.3",
"resolved": "https://verdaccio.lossless.one/rollup/-/rollup-2.56.2.tgz", "resolved": "https://verdaccio.lossless.one/rollup/-/rollup-2.56.3.tgz",
"integrity": "sha512-s8H00ZsRi29M2/lGdm1u8DJpJ9ML8SUOpVVBd33XNeEeL3NVaTiUcSBHzBdF3eAyR0l7VSpsuoVUGrRHq7aPwQ==", "integrity": "sha512-Au92NuznFklgQCUcV96iXlxUbHuB1vQMaH76DHl5M11TotjOHwqk9CwcrT78+Tnv4FN9uTBxq6p4EJoYkpyekg==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"bin": { "bin": {
@ -15434,9 +15434,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/typescript": { "node_modules/typescript": {
"version": "4.3.5", "version": "4.4.2",
"resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.3.5.tgz", "resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.4.2.tgz",
"integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==", "integrity": "sha512-gzP+t5W4hdy4c+68bfcv0t400HVJMMd2+H9B7gae1nQlBzCqvrXX+6GL/b3GAgyTH966pzrZ70/fRjwAtZksSQ==",
"license": "Apache-2.0", "license": "Apache-2.0",
"bin": { "bin": {
"tsc": "bin/tsc", "tsc": "bin/tsc",
@ -17614,17 +17614,17 @@
} }
}, },
"@gitzone/tsbundle": { "@gitzone/tsbundle": {
"version": "1.0.84", "version": "1.0.87",
"resolved": "https://verdaccio.lossless.one/@gitzone%2ftsbundle/-/tsbundle-1.0.84.tgz", "resolved": "https://verdaccio.lossless.one/@gitzone%2ftsbundle/-/tsbundle-1.0.87.tgz",
"integrity": "sha512-BIYZyH+rCo6jqP71yeGAixMhZhjJPNh532iHfOH1Dgt91zLdXqLoC7CYv+CaLTX/J3cPKJG36GuOibC9Zb8PGw==", "integrity": "sha512-LEebE9c+Kht30JsARNPXU708pxvf248u5r3nJd9TmNIwSN4ozS5WsNmp2wxHv+qsXuuAGGq0oQh4md/UtzXIYw==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/core": "^7.14.8", "@babel/core": "^7.15.0",
"@babel/plugin-proposal-class-properties": "^7.14.5", "@babel/plugin-proposal-class-properties": "^7.14.5",
"@babel/plugin-proposal-decorators": "^7.14.5", "@babel/plugin-proposal-decorators": "^7.14.5",
"@babel/plugin-transform-runtime": "^7.14.5", "@babel/plugin-transform-runtime": "^7.15.0",
"@babel/preset-env": "^7.14.8", "@babel/preset-env": "^7.15.0",
"@babel/runtime": "^7.14.8", "@babel/runtime": "^7.15.3",
"@pushrocks/early": "^3.0.6", "@pushrocks/early": "^3.0.6",
"@pushrocks/smartcli": "^3.0.14", "@pushrocks/smartcli": "^3.0.14",
"@pushrocks/smartfile": "^8.0.10", "@pushrocks/smartfile": "^8.0.10",
@ -17633,18 +17633,18 @@
"@pushrocks/smartparcel": "^1.0.9", "@pushrocks/smartparcel": "^1.0.9",
"@pushrocks/smartpromise": "^3.1.6", "@pushrocks/smartpromise": "^3.1.6",
"@pushrocks/smartspawn": "^2.0.9", "@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-json": "^4.1.0",
"@rollup/plugin-node-resolve": "^13.0.2", "@rollup/plugin-node-resolve": "^13.0.4",
"@rollup/plugin-typescript": "^8.2.3", "@rollup/plugin-typescript": "^8.2.5",
"@types/html-minifier": "^4.0.1", "@types/html-minifier": "^4.0.1",
"@types/node": "^16.4.0", "@types/node": "^16.7.4",
"html-minifier": "^4.0.0", "html-minifier": "^4.0.0",
"rollup": "^2.53.3", "rollup": "^2.56.3",
"rollup-plugin-babel": "^4.4.0", "rollup-plugin-babel": "^4.4.0",
"rollup-plugin-sourcemaps": "^0.6.3", "rollup-plugin-sourcemaps": "^0.6.3",
"rollup-plugin-terser": "^7.0.2", "rollup-plugin-terser": "^7.0.2",
"typescript": "^4.3.5" "typescript": "^4.4.2"
}, },
"dependencies": { "dependencies": {
"@pushrocks/smartfile": { "@pushrocks/smartfile": {
@ -17684,9 +17684,9 @@
"dev": true "dev": true
}, },
"@types/node": { "@types/node": {
"version": "16.6.2", "version": "16.7.4",
"resolved": "https://verdaccio.lossless.one/@types%2fnode/-/node-16.6.2.tgz", "resolved": "https://verdaccio.lossless.one/@types%2fnode/-/node-16.7.4.tgz",
"integrity": "sha512-LSw8TZt12ZudbpHc6EkIyDM3nHVWKYrAvGy6EAJfNfjusbwnThqjqxUKKRwuV3iWYeW/LYMzNgaq3MaLffQ2xA==", "integrity": "sha512-25QXpDsTiDnl2rZGUenagVMwO46way8dOUdvoC3R3p+6TrbpxeJBo/v87BEG1IHI31Jhaa8lPeSHcqwxsVBeYQ==",
"dev": true "dev": true
}, },
"argparse": { "argparse": {
@ -18856,9 +18856,9 @@
} }
}, },
"@rollup/plugin-commonjs": { "@rollup/plugin-commonjs": {
"version": "19.0.2", "version": "20.0.0",
"resolved": "https://verdaccio.lossless.one/@rollup%2fplugin-commonjs/-/plugin-commonjs-19.0.2.tgz", "resolved": "https://verdaccio.lossless.one/@rollup%2fplugin-commonjs/-/plugin-commonjs-20.0.0.tgz",
"integrity": "sha512-gBjarfqlC7qs0AutpRW/hrFNm+cd2/QKxhwyFa+srbg1oX7rDsEU3l+W7LAUhsAp9mPJMAkXDhLbQaVwEaE8bA==", "integrity": "sha512-5K0g5W2Ol8hAcTHqcTBHiA7M58tfmYi1o9KxeJuuRNpGaTa5iLjcyemBitCBcKXaHamOBBEH2dGom6v6Unmqjg==",
"dev": true, "dev": true,
"requires": { "requires": {
"@rollup/pluginutils": "^3.1.0", "@rollup/pluginutils": "^3.1.0",
@ -26552,9 +26552,9 @@
} }
}, },
"rollup": { "rollup": {
"version": "2.56.2", "version": "2.56.3",
"resolved": "https://verdaccio.lossless.one/rollup/-/rollup-2.56.2.tgz", "resolved": "https://verdaccio.lossless.one/rollup/-/rollup-2.56.3.tgz",
"integrity": "sha512-s8H00ZsRi29M2/lGdm1u8DJpJ9ML8SUOpVVBd33XNeEeL3NVaTiUcSBHzBdF3eAyR0l7VSpsuoVUGrRHq7aPwQ==", "integrity": "sha512-Au92NuznFklgQCUcV96iXlxUbHuB1vQMaH76DHl5M11TotjOHwqk9CwcrT78+Tnv4FN9uTBxq6p4EJoYkpyekg==",
"dev": true, "dev": true,
"requires": { "requires": {
"fsevents": "~2.3.2" "fsevents": "~2.3.2"
@ -27833,9 +27833,9 @@
"dev": true "dev": true
}, },
"typescript": { "typescript": {
"version": "4.3.5", "version": "4.4.2",
"resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.3.5.tgz", "resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.4.2.tgz",
"integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==" "integrity": "sha512-gzP+t5W4hdy4c+68bfcv0t400HVJMMd2+H9B7gae1nQlBzCqvrXX+6GL/b3GAgyTH966pzrZ70/fRjwAtZksSQ=="
}, },
"uglify-js": { "uglify-js": {
"version": "3.13.3", "version": "3.13.3",

4
package.json
View File

@ -20,11 +20,11 @@
"@fortawesome/free-brands-svg-icons": "^5.15.4", "@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.4", "@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4", "@fortawesome/free-solid-svg-icons": "^5.15.4",
"typescript": "^4.3.5" "typescript": "^4.4.2"
}, },
"devDependencies": { "devDependencies": {
"@gitzone/tsbuild": "^2.1.26", "@gitzone/tsbuild": "^2.1.26",
"@gitzone/tsbundle": "^1.0.84", "@gitzone/tsbundle": "^1.0.87",
"@gitzone/tstest": "^1.0.57", "@gitzone/tstest": "^1.0.57",
"@gitzone/tswatch": "^1.0.56", "@gitzone/tswatch": "^1.0.56",
"@pushrocks/projectinfo": "^4.0.5", "@pushrocks/projectinfo": "^4.0.5",

6
ts_web/elements/dees-button.ts
View File

@ -64,6 +64,7 @@ export class DeesButton extends DeesElement {
public static styles = [ public static styles = [
cssManager.defaultStyles, cssManager.defaultStyles,
css` css`
:host { :host {
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
@ -73,14 +74,15 @@ export class DeesButton extends DeesElement {
} }
.button { .button {
transition: all 0.1s ease;
position: relative; position: relative;
transition: all 0.2s ease;
font-size: 14px; font-size: 14px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: ${cssManager.bdTheme('#eee', '#333')}; background: ${cssManager.bdTheme('#eee', '#333')};
box-shadow: ${cssManager.bdTheme('0px 0px 5px rgba(0,0,0,0.1)', 'none')}; 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-top: ${cssManager.bdTheme('1px solid #eee', '1px solid #444')};
border-radius: 2px; border-radius: 2px;
line-height: 40px; line-height: 40px;
@ -94,7 +96,7 @@ export class DeesButton extends DeesElement {
.button:hover { .button:hover {
cursor: pointer; cursor: pointer;
background: #039be5; background: #039be5;
border: 0px dashed ${cssManager.bdTheme('#eeeff300', '#66666600')}; border: 1px solid #039be5;
border-top: 1px solid #039be5; border-top: 1px solid #039be5;
color: #ffffff; color: #ffffff;
} }

61
ts_web/elements/dees-stepper.ts Normal file
View File

@ -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`
<dees-stepper></dees-stepper>
`;
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`
<div class="stepperContainer">
${this.steps.map(stepArg => html`
<div class="step"></div>
`)}
</div>
`;
}
}

42
ts_web/elements/dees-updater.ts
View File

@ -31,16 +31,46 @@ export class DeesUpdater extends LitElement {
${domtools.elementBasic.styles} ${domtools.elementBasic.styles}
<style> <style>
.modalContainer { .modalContainer {
background: #333333; will-change: transform;
position: relative;
background: #222;
margin: auto; margin: auto;
height: 200px; max-width: 800px;
width: 800px; border-radius: 3px;
margin-top: 80px; border-top: 1px solid #333;
border-radius: 10px; }
.headingContainer {
display: flex;
justify-content: center;
align-items: center;
padding: 40px 40px;
}
h1 {
margin: none;
font-size: 20px;
color: #fff;
margin-left: 20px;
font-weight: normal;
}
.buttonContainer {
display: grid;
grid-template-columns: 50% 50%;
} }
</style> </style>
<dees-windowlayer> <dees-windowlayer>
<div class="modalContainer"></div> <div class="modalContainer">
<div class="headingContainer">
<dees-spinner .size=${60}></dees-spinner>
<h1>Updating the application...</h1>
</div>
<div class="buttonContainer">
<dees-button>More info</dees-button>
<dees-button>Changelog</dees-button>
</div>
</div>
</dees-windowlayer>> </dees-windowlayer>>
`; `;
} }

7
ts_web/elements/dees-windowlayer.ts
View File

@ -22,18 +22,23 @@ export class DeesWindowLayer extends LitElement {
${domtools.elementBasic.styles} ${domtools.elementBasic.styles}
<style> <style>
.windowOverlay { .windowOverlay {
will-change: transform;
transition: all 1s; transition: all 1s;
position: fixed; position: fixed;
top: 0px; top: 0px;
left: 0px; left: 0px;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.0); background: rgba(0, 0, 0, 0.0);
backdrop-filter: blur(0px); backdrop-filter: blur(0px);
} }
.visible { .visible {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(3px); backdrop-filter: brightness(0.3);
} }
</style> </style>
<div class="windowOverlay"> <div class="windowOverlay">

1
ts_web/elements/index.ts
View File

@ -9,6 +9,7 @@ export * from './dees-input-quantityselector';
export * from './dees-input-radio'; export * from './dees-input-radio';
export * from './dees-input-text'; export * from './dees-input-text';
export * from './dees-spinner'; export * from './dees-spinner';
export * from './dees-stepper';
export * from './dees-toast'; export * from './dees-toast';
export * from './dees-updater'; export * from './dees-updater';
export * from './dees-windowlayer'; export * from './dees-windowlayer';