fix: refactor Modal rendering and clickOutside handling (#4035)

This commit is contained in:
Nico Domino 2024-06-10 11:11:59 +02:00 committed by GitHub
parent 1c9a41e20e
commit 0c481feb28
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 89 additions and 99 deletions

View File

@ -89,7 +89,6 @@
"svelte-floating-ui": "^1.5.8",
"svelte-french-toast": "^1.2.0",
"svelte-loadable-store": "^2.0.1",
"svelte-outclick": "^3.7.1",
"svelte-resize-observer": "^2.0.0",
"tauri-plugin-context-menu": "^0.7.0",
"tauri-plugin-log-api": "github:tauri-apps/tauri-plugin-log#v1",

View File

@ -1,7 +1,6 @@
<script lang="ts">
import { clickOutside } from '$lib/clickOutside';
import Icon from '$lib/components/Icon.svelte';
import { onMount } from 'svelte';
import OutClick from 'svelte-outclick';
import type iconsJson from '$lib/icons/icons.json';
let dialog: HTMLDialogElement;
@ -23,14 +22,9 @@
dialog.close();
open = false;
}
onMount(() => {
document.body.appendChild(dialog);
});
</script>
<dialog
class="dialog-wrap"
class:s-default={width === 'default'}
class:s-small={width === 'small'}
class:s-large={width === 'large'}
@ -38,39 +32,42 @@
on:close={close}
>
{#if open}
<OutClick on:outclick={close}>
<div class="dialog">
<form class="modal-content" on:submit>
{#if title}
<div class="modal__header">
{#if icon}
<Icon name={icon} />
{/if}
<h2 class="text-base-14 text-semibold">
{title}
</h2>
</div>
<form
class="modal-content"
on:submit
use:clickOutside={{
trigger: dialog,
handler: () => dialog.close()
}}
>
{#if title}
<div class="modal__header">
{#if icon}
<Icon name={icon} />
{/if}
<h2 class="text-base-14 text-semibold">
{title}
</h2>
</div>
{/if}
<div class="modal__body custom-scrollbar">
<slot {item} {close} />
</div>
{#if $$slots.controls}
<div class="modal__footer">
<slot name="controls" {item} {close} />
</div>
{/if}
</form>
<div class="modal__body custom-scrollbar">
<slot {item} {close} />
</div>
</OutClick>
{#if $$slots.controls}
<div class="modal__footer">
<slot name="controls" {item} {close} />
</div>
{/if}
</form>
{/if}
</dialog>
<style lang="postcss">
.dialog-wrap {
position: relative;
width: 100%;
dialog[open] {
display: flex;
flex-direction: column;
max-height: calc(100vh - 80px);
border-radius: var(--radius-l);
background-color: var(--clr-bg-1);
@ -78,23 +75,18 @@
box-shadow: var(--fx-shadow-l);
}
.dialog {
display: flex;
flex-direction: column;
}
/* modifiers */
.s-large {
max-width: 840px;
width: 840px;
}
.s-default {
max-width: 580px;
width: 580px;
}
.s-small {
max-width: 380px;
width: 380px;
}
.modal__header {

View File

@ -83,16 +83,16 @@ importers:
version: 1.44.1
'@replit/codemirror-lang-svelte':
specifier: ^6.0.0
version: 6.0.0(@codemirror/autocomplete@6.16.2)(@codemirror/lang-css@6.2.1)(@codemirror/lang-html@6.4.9)(@codemirror/lang-javascript@6.2.2)(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)(@lezer/highlight@1.2.0)(@lezer/javascript@1.4.16)(@lezer/lr@1.4.1)
version: 6.0.0(@codemirror/autocomplete@6.16.2(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1))(@codemirror/lang-css@6.2.1(@codemirror/view@6.26.3))(@codemirror/lang-html@6.4.9)(@codemirror/lang-javascript@6.2.2)(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)(@lezer/highlight@1.2.0)(@lezer/javascript@1.4.16)(@lezer/lr@1.4.1)
'@sentry/sveltekit':
specifier: ^7.114.0
version: 7.116.0(@sveltejs/kit@1.30.4)(svelte@4.2.17)
version: 7.116.0(@sveltejs/kit@1.30.4(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9)))(svelte@4.2.17)
'@sveltejs/adapter-static':
specifier: ^2.0.3
version: 2.0.3(@sveltejs/kit@1.30.4)
version: 2.0.3(@sveltejs/kit@1.30.4(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9)))
'@sveltejs/kit':
specifier: ^1.30.4
version: 1.30.4(svelte@4.2.17)(vite@4.5.3)
version: 1.30.4(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9))
'@tauri-apps/api':
specifier: ^1.5.5
version: 1.5.6
@ -113,7 +113,7 @@ importers:
version: 5.0.2
'@typescript-eslint/eslint-plugin':
specifier: ^7.11.0
version: 7.11.0(@typescript-eslint/parser@7.11.0)(eslint@8.57.0)(typescript@5.4.5)
version: 7.11.0(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)(typescript@5.4.5)
'@typescript-eslint/parser':
specifier: ^7.11.0
version: 7.11.0(eslint@8.57.0)(typescript@5.4.5)
@ -140,10 +140,10 @@ importers:
version: 9.1.0(eslint@8.57.0)
eslint-import-resolver-typescript:
specifier: ^3.6.1
version: 3.6.1(@typescript-eslint/parser@7.11.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
version: 3.6.1(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-plugin-import@2.29.1)(eslint@8.57.0)
eslint-plugin-import:
specifier: ^2.29.1
version: 2.29.1(@typescript-eslint/parser@7.11.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
version: 2.29.1(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
eslint-plugin-square-svelte-store:
specifier: ^1.0.0
version: 1.0.0
@ -200,7 +200,7 @@ importers:
version: 4.2.17
svelte-check:
specifier: ^3.8.0
version: 3.8.0(postcss-load-config@5.1.0)(postcss@8.4.38)(svelte@4.2.17)
version: 3.8.0(postcss-load-config@5.1.0(postcss@8.4.38))(postcss@8.4.38)(svelte@4.2.17)
svelte-floating-ui:
specifier: ^1.5.8
version: 1.5.8
@ -210,9 +210,6 @@ importers:
svelte-loadable-store:
specifier: ^2.0.1
version: 2.0.1(svelte@4.2.17)
svelte-outclick:
specifier: ^3.7.1
version: 3.7.1(svelte@4.2.17)
svelte-resize-observer:
specifier: ^2.0.0
version: 2.0.0
@ -239,7 +236,7 @@ importers:
version: 4.5.3(@types/node@20.5.9)
vitest:
specifier: ^0.34.6
version: 0.34.6
version: 0.34.6(playwright@1.44.1)
packages:
@ -2344,11 +2341,6 @@ packages:
peerDependencies:
svelte: 3.x.x || 4.x.x
svelte-outclick@3.7.1:
resolution: {integrity: sha512-+TmDaG8yX4cIhmvflujvgV+NbFHxkUdYfeSczp67UJvkkMO9m6x1ugBQSDnjHD6J1z4tE5alkp5pC5LpoNqOKg==}
peerDependencies:
svelte: '>= 4.2.12'
svelte-preprocess@5.1.3:
resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
@ -2407,12 +2399,10 @@ packages:
tauri-plugin-log-api@https://codeload.github.com/tauri-apps/tauri-plugin-log/tar.gz/db7255ca2e07fc4d3e6cc5d93f9ccfceacb28901:
resolution: {tarball: https://codeload.github.com/tauri-apps/tauri-plugin-log/tar.gz/db7255ca2e07fc4d3e6cc5d93f9ccfceacb28901}
name: tauri-plugin-log-api
version: 0.0.0
tauri-plugin-store-api@https://codeload.github.com/tauri-apps/tauri-plugin-store/tar.gz/02243686d0507d2aeeb2924cd889dd0bcb47ecef:
resolution: {tarball: https://codeload.github.com/tauri-apps/tauri-plugin-store/tar.gz/02243686d0507d2aeeb2924cd889dd0bcb47ecef}
name: tauri-plugin-store-api
version: 0.0.0
text-table@0.2.0:
@ -3152,7 +3142,7 @@ snapshots:
'@polka/url@1.0.0-next.21': {}
'@replit/codemirror-lang-svelte@6.0.0(@codemirror/autocomplete@6.16.2)(@codemirror/lang-css@6.2.1)(@codemirror/lang-html@6.4.9)(@codemirror/lang-javascript@6.2.2)(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)(@lezer/highlight@1.2.0)(@lezer/javascript@1.4.16)(@lezer/lr@1.4.1)':
'@replit/codemirror-lang-svelte@6.0.0(@codemirror/autocomplete@6.16.2(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1))(@codemirror/lang-css@6.2.1(@codemirror/view@6.26.3))(@codemirror/lang-html@6.4.9)(@codemirror/lang-javascript@6.2.2)(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)(@lezer/highlight@1.2.0)(@lezer/javascript@1.4.16)(@lezer/lr@1.4.1)':
dependencies:
'@codemirror/autocomplete': 6.16.2(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
'@codemirror/lang-css': 6.2.1(@codemirror/view@6.26.3)
@ -3270,7 +3260,7 @@ snapshots:
magic-string: 0.30.5
svelte: 4.2.17
'@sentry/sveltekit@7.116.0(@sveltejs/kit@1.30.4)(svelte@4.2.17)':
'@sentry/sveltekit@7.116.0(@sveltejs/kit@1.30.4(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9)))(svelte@4.2.17)':
dependencies:
'@sentry-internal/tracing': 7.116.0
'@sentry/core': 7.116.0
@ -3280,7 +3270,7 @@ snapshots:
'@sentry/types': 7.116.0
'@sentry/utils': 7.116.0
'@sentry/vite-plugin': 0.6.1
'@sveltejs/kit': 1.30.4(svelte@4.2.17)(vite@4.5.3)
'@sveltejs/kit': 1.30.4(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9))
magicast: 0.2.8
sorcery: 0.11.0
transitivePeerDependencies:
@ -3314,13 +3304,13 @@ snapshots:
'@sinclair/typebox@0.27.8': {}
'@sveltejs/adapter-static@2.0.3(@sveltejs/kit@1.30.4)':
'@sveltejs/adapter-static@2.0.3(@sveltejs/kit@1.30.4(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9)))':
dependencies:
'@sveltejs/kit': 1.30.4(svelte@4.2.17)(vite@4.5.3)
'@sveltejs/kit': 1.30.4(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9))
'@sveltejs/kit@1.30.4(svelte@4.2.17)(vite@4.5.3)':
'@sveltejs/kit@1.30.4(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9))':
dependencies:
'@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.17)(vite@4.5.3)
'@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9))
'@types/cookie': 0.5.2
cookie: 0.5.0
devalue: 4.3.2
@ -3338,18 +3328,18 @@ snapshots:
transitivePeerDependencies:
- supports-color
'@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.17)(vite@4.5.3)':
'@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.2(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9)))(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9))':
dependencies:
'@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.17)(vite@4.5.3)
'@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9))
debug: 4.3.4
svelte: 4.2.17
vite: 4.5.3(@types/node@20.5.9)
transitivePeerDependencies:
- supports-color
'@sveltejs/vite-plugin-svelte@2.5.2(svelte@4.2.17)(vite@4.5.3)':
'@sveltejs/vite-plugin-svelte@2.5.2(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9))':
dependencies:
'@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.17)(vite@4.5.3)
'@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.2(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9)))(svelte@4.2.17)(vite@4.5.3(@types/node@20.5.9))
debug: 4.3.4
deepmerge: 4.3.1
kleur: 4.1.5
@ -3357,7 +3347,7 @@ snapshots:
svelte: 4.2.17
svelte-hmr: 0.15.3(svelte@4.2.17)
vite: 4.5.3(@types/node@20.5.9)
vitefu: 0.2.4(vite@4.5.3)
vitefu: 0.2.4(vite@4.5.3(@types/node@20.5.9))
transitivePeerDependencies:
- supports-color
@ -3443,7 +3433,7 @@ snapshots:
'@types/pug@2.0.6': {}
'@typescript-eslint/eslint-plugin@7.11.0(@typescript-eslint/parser@7.11.0)(eslint@8.57.0)(typescript@5.4.5)':
'@typescript-eslint/eslint-plugin@7.11.0(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)(typescript@5.4.5)':
dependencies:
'@eslint-community/regexpp': 4.10.0
'@typescript-eslint/parser': 7.11.0(eslint@8.57.0)(typescript@5.4.5)
@ -3456,6 +3446,7 @@ snapshots:
ignore: 5.3.1
natural-compare: 1.4.0
ts-api-utils: 1.3.0(typescript@5.4.5)
optionalDependencies:
typescript: 5.4.5
transitivePeerDependencies:
- supports-color
@ -3468,6 +3459,7 @@ snapshots:
'@typescript-eslint/visitor-keys': 7.11.0
debug: 4.3.4
eslint: 8.57.0
optionalDependencies:
typescript: 5.4.5
transitivePeerDependencies:
- supports-color
@ -3484,6 +3476,7 @@ snapshots:
debug: 4.3.4
eslint: 8.57.0
ts-api-utils: 1.3.0(typescript@5.4.5)
optionalDependencies:
typescript: 5.4.5
transitivePeerDependencies:
- supports-color
@ -3500,6 +3493,7 @@ snapshots:
minimatch: 9.0.4
semver: 7.6.0
ts-api-utils: 1.3.0(typescript@5.4.5)
optionalDependencies:
typescript: 5.4.5
transitivePeerDependencies:
- supports-color
@ -3953,13 +3947,13 @@ snapshots:
transitivePeerDependencies:
- supports-color
eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.11.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0):
eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-plugin-import@2.29.1)(eslint@8.57.0):
dependencies:
debug: 4.3.4
enhanced-resolve: 5.15.0
eslint: 8.57.0
eslint-module-utils: 2.8.0(@typescript-eslint/parser@7.11.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.11.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
eslint-module-utils: 2.8.0(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
fast-glob: 3.3.1
get-tsconfig: 4.7.0
is-core-module: 2.13.1
@ -3970,19 +3964,19 @@ snapshots:
- eslint-import-resolver-webpack
- supports-color
eslint-module-utils@2.8.0(@typescript-eslint/parser@7.11.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
eslint-module-utils@2.8.0(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0):
dependencies:
'@typescript-eslint/parser': 7.11.0(eslint@8.57.0)(typescript@5.4.5)
debug: 3.2.7
optionalDependencies:
'@typescript-eslint/parser': 7.11.0(eslint@8.57.0)(typescript@5.4.5)
eslint: 8.57.0
eslint-import-resolver-node: 0.3.9
eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.11.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-plugin-import@2.29.1)(eslint@8.57.0)
transitivePeerDependencies:
- supports-color
eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.11.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
dependencies:
'@typescript-eslint/parser': 7.11.0(eslint@8.57.0)(typescript@5.4.5)
array-includes: 3.1.7
array.prototype.findlastindex: 1.2.3
array.prototype.flat: 1.3.2
@ -3991,7 +3985,7 @@ snapshots:
doctrine: 2.1.0
eslint: 8.57.0
eslint-import-resolver-node: 0.3.9
eslint-module-utils: 2.8.0(@typescript-eslint/parser@7.11.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
eslint-module-utils: 2.8.0(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.11.0(eslint@8.57.0)(typescript@5.4.5))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
hasown: 2.0.0
is-core-module: 2.13.1
is-glob: 4.0.3
@ -4001,6 +3995,8 @@ snapshots:
object.values: 1.1.7
semver: 6.3.1
tsconfig-paths: 3.15.0
optionalDependencies:
'@typescript-eslint/parser': 7.11.0(eslint@8.57.0)(typescript@5.4.5)
transitivePeerDependencies:
- eslint-import-resolver-typescript
- eslint-import-resolver-webpack
@ -4022,8 +4018,9 @@ snapshots:
postcss-safe-parser: 6.0.0(postcss@8.4.38)
postcss-selector-parser: 6.0.16
semver: 7.6.0
svelte: 4.2.17
svelte-eslint-parser: 0.36.0(svelte@4.2.17)
optionalDependencies:
svelte: 4.2.17
transitivePeerDependencies:
- supports-color
- ts-node
@ -4693,14 +4690,16 @@ snapshots:
postcss-load-config@3.1.4(postcss@8.4.38):
dependencies:
lilconfig: 2.1.0
postcss: 8.4.38
yaml: 1.10.2
optionalDependencies:
postcss: 8.4.38
postcss-load-config@5.1.0(postcss@8.4.38):
dependencies:
lilconfig: 3.1.1
postcss: 8.4.38
yaml: 2.4.2
optionalDependencies:
postcss: 8.4.38
postcss-pxtorem@6.1.0(postcss@8.4.38):
dependencies:
@ -4926,7 +4925,7 @@ snapshots:
supports-preserve-symlinks-flag@1.0.0: {}
svelte-check@3.8.0(postcss-load-config@5.1.0)(postcss@8.4.38)(svelte@4.2.17):
svelte-check@3.8.0(postcss-load-config@5.1.0(postcss@8.4.38))(postcss@8.4.38)(svelte@4.2.17):
dependencies:
'@jridgewell/trace-mapping': 0.3.19
chokidar: 3.5.3
@ -4935,7 +4934,7 @@ snapshots:
picocolors: 1.0.0
sade: 1.8.1
svelte: 4.2.17
svelte-preprocess: 5.1.3(postcss-load-config@5.1.0)(postcss@8.4.38)(svelte@4.2.17)(typescript@5.4.5)
svelte-preprocess: 5.1.3(postcss-load-config@5.1.0(postcss@8.4.38))(postcss@8.4.38)(svelte@4.2.17)(typescript@5.4.5)
typescript: 5.4.5
transitivePeerDependencies:
- '@babel/core'
@ -4955,6 +4954,7 @@ snapshots:
espree: 9.6.1
postcss: 8.4.38
postcss-scss: 4.0.9(postcss@8.4.38)
optionalDependencies:
svelte: 4.2.17
svelte-floating-ui@1.5.8:
@ -4975,20 +4975,17 @@ snapshots:
dependencies:
svelte: 4.2.17
svelte-outclick@3.7.1(svelte@4.2.17):
dependencies:
svelte: 4.2.17
svelte-preprocess@5.1.3(postcss-load-config@5.1.0)(postcss@8.4.38)(svelte@4.2.17)(typescript@5.4.5):
svelte-preprocess@5.1.3(postcss-load-config@5.1.0(postcss@8.4.38))(postcss@8.4.38)(svelte@4.2.17)(typescript@5.4.5):
dependencies:
'@types/pug': 2.0.6
detect-indent: 6.1.0
magic-string: 0.30.5
postcss: 8.4.38
postcss-load-config: 5.1.0(postcss@8.4.38)
sorcery: 0.11.0
strip-indent: 3.0.0
svelte: 4.2.17
optionalDependencies:
postcss: 8.4.38
postcss-load-config: 5.1.0(postcss@8.4.38)
typescript: 5.4.5
svelte-resize-observer@2.0.0:
@ -5169,18 +5166,18 @@ snapshots:
vite@4.5.3(@types/node@20.5.9):
dependencies:
'@types/node': 20.5.9
esbuild: 0.18.20
postcss: 8.4.38
rollup: 3.29.0
optionalDependencies:
'@types/node': 20.5.9
fsevents: 2.3.3
vitefu@0.2.4(vite@4.5.3):
dependencies:
vitefu@0.2.4(vite@4.5.3(@types/node@20.5.9)):
optionalDependencies:
vite: 4.5.3(@types/node@20.5.9)
vitest@0.34.6:
vitest@0.34.6(playwright@1.44.1):
dependencies:
'@types/chai': 4.3.6
'@types/chai-subset': 1.3.3
@ -5206,6 +5203,8 @@ snapshots:
vite: 4.5.3(@types/node@20.5.9)
vite-node: 0.34.6(@types/node@20.5.9)
why-is-node-running: 2.2.2
optionalDependencies:
playwright: 1.44.1
transitivePeerDependencies:
- less
- lightningcss