@lavalogic/scoria 0.35.0 → 0.36.0

package/dist/Components/Table/Misc/FilterPanel.svelte

@@ -1,48 +1,48 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object"
->
-	import Button from '../../Button.svelte';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import { Variant } from '../../../Types/Internal/Variant.js';
-	import { getContext } from 'svelte';
-	import type { ColumnDef } from '../Types/Columns/Definitions/ColumnDef.svelte.js';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import FilterInput from './FilterInput.svelte';
-
-	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-
-	function reset() {
-		tableContext.paginationRepo?.resetFilters();
-	}
-
-	const defs = $derived(tableContext.columnDefs as Array<ColumnDef<T, unknown>>);
-</script>
-
-<div class="column-panel">
-	<h3>Filter by</h3>
-
-	{#each defs as def (def.id)}
-		<FilterInput
-			{def}
-			customFilters={tableContext.remoteFilters}
-		/>
-	{/each}
-
-	<div class="reset-button">
-		<Button
-			onclick={() => {
-				reset();
-			}}
-			variant={Variant.Secondary}
-			nowrap
-			size={Size.MediumSmall}>Reset</Button
-		>
-	</div>
-</div>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object"
+>
+	import Button from '../../Button.svelte';
+	import { Size } from '../../../Types/Internal/Size.js';
+	import { Variant } from '../../../Types/Internal/Variant.js';
+	import { getContext } from 'svelte';
+	import type { ColumnDef } from '../Types/Columns/Definitions/ColumnDef.svelte.js';
+	import { TableContext } from '../Types/Context/TableContext.svelte.js';
+	import FilterInput from './FilterInput.svelte';
+
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
+
+	function reset() {
+		tableContext.paginationRepo?.resetFilters();
+	}
+
+	const defs = $derived(tableContext.columnDefs as Array<ColumnDef<T, unknown>>);
+</script>
+
+<div class="column-panel">
+	<h3>Filter by</h3>
+
+	{#each defs as def (def.id)}
+		<FilterInput
+			{def}
+			customFilters={tableContext.remoteFilters}
+		/>
+	{/each}
+
+	<div class="reset-button">
+		<Button
+			onclick={() => {
+				reset();
+			}}
+			variant={Variant.Secondary}
+			nowrap
+			size={Size.MediumSmall}>Reset</Button
+		>
+	</div>
+</div>
+
 <style>div.column-panel {
   padding: 0.5rem;
   display: flex;
@@ -55,4 +55,4 @@
 
 h3 {
   font-weight: 600;
-}</style>
+}</style>

package/dist/Components/Table/Misc/FilterPanelModal.svelte

@@ -1,69 +1,69 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	module
->
-	import Button from '../../Button.svelte';
-	import TouchModal from '../../Touch/TouchModal.svelte';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import { Variant } from '../../../Types/Internal/Variant.js';
-	import { getContext } from 'svelte';
-	import type { ColumnDef } from '../Types/Columns/Definitions/ColumnDef.svelte.js';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import FilterInput from './FilterInput.svelte';
-
-	export interface FilterPanelModalProps {
-		onclose?: () => void;
-	}
-</script>
-
-<script
-	lang="ts"
-	generics="T extends object"
->
-	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-
-	const { onclose }: FilterPanelModalProps = $props();
-	// const refs: Array<FilterInput<T, never, unknown>> = $state([]);
-
-	function reset() {
-		tableContext.paginationRepo?.resetFilters();
-	}
-
-	const defs = $derived(tableContext.columnDefs as Array<ColumnDef<T, unknown>>);
-</script>
-
-<TouchModal
-	width="800px"
-	header="Filter by"
-	onclose={() => onclose?.()}
-	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
->
-	<div class="flex">
-		<div class="column-panel">
-			{#each defs as def (def.id)}
-				<!-- bind:this={refs[index]} -->
-				<FilterInput
-					{def}
-					customFilters={tableContext.remoteFilters}
-				/>
-			{/each}
-
-			<div class="reset-button">
-				<Button
-					onclick={() => {
-						reset();
-					}}
-					variant={Variant.Secondary}
-					nowrap
-					size={Size.MediumSmall}>Reset</Button
-				>
-			</div>
-		</div>
-	</div>
-</TouchModal>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
+>
+	import Button from '../../Button.svelte';
+	import TouchModal from '../../Touch/TouchModal.svelte';
+	import { Size } from '../../../Types/Internal/Size.js';
+	import { Variant } from '../../../Types/Internal/Variant.js';
+	import { getContext } from 'svelte';
+	import type { ColumnDef } from '../Types/Columns/Definitions/ColumnDef.svelte.js';
+	import { TableContext } from '../Types/Context/TableContext.svelte.js';
+	import FilterInput from './FilterInput.svelte';
+
+	export interface FilterPanelModalProps {
+		onclose?: () => void;
+	}
+</script>
+
+<script
+	lang="ts"
+	generics="T extends object"
+>
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
+
+	const { onclose }: FilterPanelModalProps = $props();
+	// const refs: Array<FilterInput<T, never, unknown>> = $state([]);
+
+	function reset() {
+		tableContext.paginationRepo?.resetFilters();
+	}
+
+	const defs = $derived(tableContext.columnDefs as Array<ColumnDef<T, unknown>>);
+</script>
+
+<TouchModal
+	width="800px"
+	header="Filter by"
+	onclose={() => onclose?.()}
+	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
+>
+	<div class="flex">
+		<div class="column-panel">
+			{#each defs as def (def.id)}
+				<!-- bind:this={refs[index]} -->
+				<FilterInput
+					{def}
+					customFilters={tableContext.remoteFilters}
+				/>
+			{/each}
+
+			<div class="reset-button">
+				<Button
+					onclick={() => {
+						reset();
+					}}
+					variant={Variant.Secondary}
+					nowrap
+					size={Size.MediumSmall}>Reset</Button
+				>
+			</div>
+		</div>
+	</div>
+</TouchModal>
+
 <style>div.column-panel {
   padding: 0.5rem;
   display: flex;
@@ -81,4 +81,4 @@
   width: 100%;
   flex: 1;
   overflow: hidden;
-}</style>
+}</style>

package/dist/Components/Table/Misc/SidePanel.svelte

@@ -1,34 +1,34 @@
-<svelte:options runes />
-
-<script lang="ts" module>
-	import { quintOut } from 'svelte/easing';
-	import { slide } from 'svelte/transition';
-	import type { Snippet } from 'svelte';
-	import { ToolbarPosition } from '../Types/Toolbar/ToolbarPosition.js';
-	export interface SidePanelProps {
-		toolbarPosition: ToolbarPosition;
-		onkeydown?: (e: KeyboardEvent) => void;
-		children?: Snippet;
-	}
-</script>
-
-<script lang="ts">
-	const { toolbarPosition, onkeydown, children }: SidePanelProps = $props();
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	class="side-panel"
-	class:left={toolbarPosition === ToolbarPosition.Left}
-	class:right={toolbarPosition === ToolbarPosition.Right}
-	{onkeydown}
-	transition:slide={{ duration: 300, easing: quintOut, axis: 'x' }}
->
-	<div class="side-content">
-		{#if children}{@render children()}{/if}
-	</div>
-</div>
-
+<svelte:options runes />
+
+<script lang="ts" module>
+	import { quintOut } from 'svelte/easing';
+	import { slide } from 'svelte/transition';
+	import type { Snippet } from 'svelte';
+	import { ToolbarPosition } from '../Types/Toolbar/ToolbarPosition.js';
+	export interface SidePanelProps {
+		toolbarPosition: ToolbarPosition;
+		onkeydown?: (e: KeyboardEvent) => void;
+		children?: Snippet;
+	}
+</script>
+
+<script lang="ts">
+	const { toolbarPosition, onkeydown, children }: SidePanelProps = $props();
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="side-panel"
+	class:left={toolbarPosition === ToolbarPosition.Left}
+	class:right={toolbarPosition === ToolbarPosition.Right}
+	{onkeydown}
+	transition:slide={{ duration: 300, easing: quintOut, axis: 'x' }}
+>
+	<div class="side-content">
+		{#if children}{@render children()}{/if}
+	</div>
+</div>
+
 <style>.side-panel {
   display: flex;
   flex-shrink: 0;
@@ -48,4 +48,4 @@
   flex-flow: column nowrap;
   flex: 1;
   width: 400px;
-}</style>
+}</style>