fix: wizard steps and new ui package

This commit is contained in:
Torsten Dittmann
2022-09-21 19:19:04 +02:00
parent 5d8144a372
commit 87133bb252
3 changed files with 24 additions and 18 deletions
+14 -14
View File
@@ -9,8 +9,8 @@
"version": "0.0.1",
"dependencies": {
"@aw-labs/appwrite-console": "^5.0.5",
"@aw-labs/icons": "0.0.0-54",
"@aw-labs/ui": "0.0.0-54",
"@aw-labs/icons": "0.0.0-55",
"@aw-labs/ui": "0.0.0-55",
"echarts": "^5.3.3",
"tippy.js": "^6.3.7",
"web-vitals": "^2.1.4"
@@ -77,14 +77,14 @@
}
},
"node_modules/@aw-labs/icons": {
"version": "0.0.0-54",
"resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-54.tgz",
"integrity": "sha512-lk+uikRag3Y5Rm4Ys5lHBhknhCVpA/oTaIBBDgB6nidqtJdqLpa+Nur4BdsBXOEZTlo2yOiWU2NNAl6ZzUzFGQ=="
"version": "0.0.0-55",
"resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-55.tgz",
"integrity": "sha512-d0SkIdojCodV9Amu4l63DzVw6AH3pjyhGSfwS3jWb9KMztVOgMHnJ1tXooFUjvglALToSNHH/C9ATAN5HsqpDQ=="
},
"node_modules/@aw-labs/ui": {
"version": "0.0.0-54",
"resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-54.tgz",
"integrity": "sha512-1Dj216qPaVKdBScW+1XIp6IOVBdcv/kYjiWO4YiFtoQ/IaayoSO6njlAPTwyQzclmX5A/9suEGadOVa3NZqbgQ==",
"version": "0.0.0-55",
"resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-55.tgz",
"integrity": "sha512-sEWRRwX3Omx7P/q9e52xYFdmSpHlTRPDpVU6ulBVwNcWOO9wduHQeuQyE0wqtGffvd51Fq27I5NWukWu5tkFlw==",
"dependencies": {
"@aw-labs/icons": "*"
}
@@ -8201,14 +8201,14 @@
}
},
"@aw-labs/icons": {
"version": "0.0.0-54",
"resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-54.tgz",
"integrity": "sha512-lk+uikRag3Y5Rm4Ys5lHBhknhCVpA/oTaIBBDgB6nidqtJdqLpa+Nur4BdsBXOEZTlo2yOiWU2NNAl6ZzUzFGQ=="
"version": "0.0.0-55",
"resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-55.tgz",
"integrity": "sha512-d0SkIdojCodV9Amu4l63DzVw6AH3pjyhGSfwS3jWb9KMztVOgMHnJ1tXooFUjvglALToSNHH/C9ATAN5HsqpDQ=="
},
"@aw-labs/ui": {
"version": "0.0.0-54",
"resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-54.tgz",
"integrity": "sha512-1Dj216qPaVKdBScW+1XIp6IOVBdcv/kYjiWO4YiFtoQ/IaayoSO6njlAPTwyQzclmX5A/9suEGadOVa3NZqbgQ==",
"version": "0.0.0-55",
"resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-55.tgz",
"integrity": "sha512-sEWRRwX3Omx7P/q9e52xYFdmSpHlTRPDpVU6ulBVwNcWOO9wduHQeuQyE0wqtGffvd51Fq27I5NWukWu5tkFlw==",
"requires": {
"@aw-labs/icons": "*"
}
+2 -2
View File
@@ -19,8 +19,8 @@
},
"dependencies": {
"@aw-labs/appwrite-console": "^5.0.5",
"@aw-labs/icons": "0.0.0-54",
"@aw-labs/ui": "0.0.0-54",
"@aw-labs/icons": "0.0.0-55",
"@aw-labs/ui": "0.0.0-55",
"echarts": "^5.3.3",
"tippy.js": "^6.3.7",
"web-vitals": "^2.1.4"
+8 -2
View File
@@ -4,17 +4,23 @@
export let currentSub = 0;
export let isSub = false;
export let step: { text: string; substeps?: { text: string }[] };
console.log({ step, completed, current });
</script>
<li
class:steps-item={!isSub}
class:steps-sub-item={isSub}
class:is-done={completed}
class:is-current={current}
aria-label={` ${completed ? 'done' : current ? 'current' : ''} step`}>
{#if isSub}
<span class="text">{step.text}</span>
{:else}
{#if completed}
<div class="bullet is-done">
<span class="icon-check" aria-hidden="true" />
</div>
{:else}
<div class="bullet" class:is-current={current} />
{/if}
<div class="step-item-content">
<span class="text">{step.text}</span>
{#if step?.substeps}