@lavalogic/scoria 0.33.0 → 0.35.0

package/dist/Components/LoadingAnimation.svelte

@@ -1,34 +1,34 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	module
->
-	export interface LoadingAnimationProps {
-		showText?: boolean;
-	}
-</script>
-
-<script lang="ts">
-	import { loadingText } from '../Helpers/Helpers.svelte.js';
-
-	let { showText = true }: LoadingAnimationProps = $props();
-</script>
-
-<div class="container">
-	<div id="cube">
-		<div class="front"></div>
-		<div class="front">
-			{#if showText}<span>{loadingText}</span>{/if}
-		</div>
-		<div class="back"></div>
-		<div class="right"></div>
-		<div class="left"></div>
-		<div class="top"></div>
-		<div class="bottom"></div>
-	</div>
-</div>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
+>
+	export interface LoadingAnimationProps {
+		showText?: boolean;
+	}
+</script>
+
+<script lang="ts">
+	import { loadingText } from '../Helpers/Helpers.svelte.js';
+
+	let { showText = true }: LoadingAnimationProps = $props();
+</script>
+
+<div class="container">
+	<div id="cube">
+		<div class="front"></div>
+		<div class="front">
+			{#if showText}<span>{loadingText}</span>{/if}
+		</div>
+		<div class="back"></div>
+		<div class="right"></div>
+		<div class="left"></div>
+		<div class="top"></div>
+		<div class="bottom"></div>
+	</div>
+</div>
+
 <style>.container {
   width: 100px;
   height: 100px;
@@ -131,4 +131,4 @@
 
 #cube .bottom {
   transform: rotateX(-90deg) translateZ(50px);
-}</style>
+}</style>

package/dist/Components/LoadingModal.svelte

@@ -1,49 +1,49 @@
-<svelte:options runes />
-
-<script lang="ts" module>
-	export interface LoadingModalProps {
-		showModal: boolean;
-		message?: string | undefined;
-	}
-</script>
-
-<script lang="ts">
-	import LoadingAnimation from './LoadingAnimation.svelte';
-
-	let { showModal, message }: LoadingModalProps = $props();
-
-	let dialog: HTMLDialogElement | undefined;
-
-	$effect(() => {
-		if (dialog && showModal) {
-			dialog.showModal();
-		}
-	});
-
-	$effect(() => {
-		if (!showModal && dialog) {
-			dialog.close();
-		}
-	});
-
-	function uncloseable(
-		e: KeyboardEvent & { currentTarget: EventTarget & HTMLDialogElement }
-	): void {
-		if (e.key === 'Escape') {
-			e.preventDefault();
-		}
-	}
-</script>
-
-<dialog bind:this={dialog} onkeydown={uncloseable}>
-	<div class="modal-root">
-		{#if message}
-			<p>{message}</p>
-		{/if}
-		<LoadingAnimation />
-	</div>
-</dialog>
-
+<svelte:options runes />
+
+<script lang="ts" module>
+	export interface LoadingModalProps {
+		showModal: boolean;
+		message?: string | undefined;
+	}
+</script>
+
+<script lang="ts">
+	import LoadingAnimation from './LoadingAnimation.svelte';
+
+	let { showModal, message }: LoadingModalProps = $props();
+
+	let dialog: HTMLDialogElement | undefined;
+
+	$effect(() => {
+		if (dialog && showModal) {
+			dialog.showModal();
+		}
+	});
+
+	$effect(() => {
+		if (!showModal && dialog) {
+			dialog.close();
+		}
+	});
+
+	function uncloseable(
+		e: KeyboardEvent & { currentTarget: EventTarget & HTMLDialogElement }
+	): void {
+		if (e.key === 'Escape') {
+			e.preventDefault();
+		}
+	}
+</script>
+
+<dialog bind:this={dialog} onkeydown={uncloseable}>
+	<div class="modal-root">
+		{#if message}
+			<p>{message}</p>
+		{/if}
+		<LoadingAnimation />
+	</div>
+</dialog>
+
 <style>dialog {
   overflow: clip;
   background-color: #e9ecf1;
@@ -315,4 +315,4 @@ dialog .modal-root p {
   border-radius: 4px;
   padding: 1rem;
   color: white;
-}</style>
+}</style>

package/dist/Components/LoadingOverlay.svelte

@@ -1,29 +1,29 @@
-<svelte:options runes />
-
-<script lang="ts" module>
-	export interface LoadingOverlayProps {
-		message?: string | undefined;
-		absolute?: boolean | undefined;
-		borderRadius?: string | undefined;
-	}
-</script>
-
-<script lang="ts">
-	import LoadingAnimation from './LoadingAnimation.svelte';
-	let { message, absolute, borderRadius }: LoadingOverlayProps = $props();
-</script>
-
-<div
-	class="loading-overlay"
-	class:absolute
-	style={borderRadius ? `border-radius: ${borderRadius};` : undefined}
->
-	{#if message}
-		<p>{message}</p>
-	{/if}
-	<LoadingAnimation showText={!message} />
-</div>
-
+<svelte:options runes />
+
+<script lang="ts" module>
+	export interface LoadingOverlayProps {
+		message?: string | undefined;
+		absolute?: boolean | undefined;
+		borderRadius?: string | undefined;
+	}
+</script>
+
+<script lang="ts">
+	import LoadingAnimation from './LoadingAnimation.svelte';
+	let { message, absolute, borderRadius }: LoadingOverlayProps = $props();
+</script>
+
+<div
+	class="loading-overlay"
+	class:absolute
+	style={borderRadius ? `border-radius: ${borderRadius};` : undefined}
+>
+	{#if message}
+		<p>{message}</p>
+	{/if}
+	<LoadingAnimation showText={!message} />
+</div>
+
 <style>.loading-overlay {
   display: flex;
   position: fixed;
@@ -55,4 +55,4 @@
 }
 .loading-overlay.absolute {
   position: absolute;
-}</style>
+}</style>