@lavalogic/scoria 0.40.14 → 0.40.15

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

@@ -1,41 +1,39 @@
-<svelte:options runes />
-
-<script lang="ts">
-	import ColumnList from '../Body/Rows/ColumnList.svelte';
-	import TextInput from '../../TextInput.svelte';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import TableViewDropdown from './TableViewDropdown.svelte';
-
-	let searchValue = $state('');
-</script>
-
-<section class="side-panel-section">
-	<header class="side-panel-header">
-		<h2>Modify Columns</h2>
-	</header>
-
-	<div class="toolbar">
-		<!-- Quick-switch dropdown for saved column layouts. Sits above the
-		     search box; saving a layout is done from the Table
-		     Configuration modal's "Save a new Layout" tab. -->
-		<TableViewDropdown kind="layout" />
-		<TextInput
-			bind:value={searchValue}
-			leftIcon={{ name: 'search', size: Size.Medium }}
-			placeholder="Search Columns"
-			onkeydown={() => {
-				// Override the TextInput default `passthrough` keydown so the
-				// input does not blur on every alphanumeric keystroke (which
-				// is the barcode-scanner default; see `Helpers.svelte.ts`).
-			}}
-		/>
-	</div>
-
-	<div class="column-list-wrapper">
-		<ColumnList {searchValue} />
-	</div>
-</section>
-
+<svelte:options runes />
+
+<script lang="ts">import ColumnList from "../Body/Rows/ColumnList.svelte";
+import TextInput from "../../TextInput.svelte";
+import { Size } from "../../../Types/Internal/Size.js";
+import TableViewDropdown from "./TableViewDropdown.svelte";
+let searchValue = $state("");
+</script>
+
+<section class="side-panel-section">
+	<header class="side-panel-header">
+		<h2>Modify Columns</h2>
+	</header>
+
+	<div class="toolbar">
+		<!-- Quick-switch dropdown for saved column layouts. Sits above the
+		     search box; saving a layout is done from the Table
+		     Configuration modal's "Save a new Layout" tab. -->
+		<TableViewDropdown kind="layout" />
+		<TextInput
+			bind:value={searchValue}
+			leftIcon={{ name: 'search', size: Size.Medium }}
+			placeholder="Search Columns"
+			onkeydown={() => {
+				// Override the TextInput default `passthrough` keydown so the
+				// input does not blur on every alphanumeric keystroke (which
+				// is the barcode-scanner default; see `Helpers.svelte.ts`).
+			}}
+		/>
+	</div>
+
+	<div class="column-list-wrapper">
+		<ColumnList {searchValue} />
+	</div>
+</section>
+
 <style>.side-panel-section {
   display: flex;
   flex-flow: column nowrap;
@@ -118,4 +116,4 @@
      the toolbar above and the footer below). */
   padding: 0 1.25rem;
   box-sizing: border-box;
-}</style>
+}</style>

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

@@ -1,41 +1,37 @@
-<svelte:options runes />
-
-<script lang="ts">
-	import DesktopModal from '../../DesktopModal.svelte';
-	import ColumnList from '../Body/Rows/ColumnList.svelte';
-	import TextInput from '../../TextInput.svelte';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import type { ColumnPanelModalProps } from './ColumnPanelModalProps.js';
-
-	const { onclose }: ColumnPanelModalProps = $props();
-
-	let searchValue = $state('');
-</script>
-
-<DesktopModal
-	headerLabel="Modify Columns"
-	onclose={() => onclose?.()}
-	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
->
-	<div class="flex">
-		<div class="column-panel top">
-			<TextInput
-				bind:value={searchValue}
-				leftIcon={{ name: 'search', size: Size.Medium }}
-				placeholder="Search Columns"
-				onkeydown={() => {
-					// Override the TextInput default `passthrough` keydown so
-					// the input does not blur on every alphanumeric keystroke
-					// (the barcode-scanner default; see `Helpers.svelte.ts`).
-				}}
-			/>
-		</div>
-		<div class="scrollable">
-			<ColumnList {searchValue} />
-		</div>
-	</div>
-</DesktopModal>
-
+<svelte:options runes />
+
+<script lang="ts">import DesktopModal from "../../DesktopModal.svelte";
+import ColumnList from "../Body/Rows/ColumnList.svelte";
+import TextInput from "../../TextInput.svelte";
+import { Size } from "../../../Types/Internal/Size.js";
+const { onclose } = $props();
+let searchValue = $state("");
+</script>
+
+<DesktopModal
+	headerLabel="Modify Columns"
+	onclose={() => onclose?.()}
+	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
+>
+	<div class="flex">
+		<div class="column-panel top">
+			<TextInput
+				bind:value={searchValue}
+				leftIcon={{ name: 'search', size: Size.Medium }}
+				placeholder="Search Columns"
+				onkeydown={() => {
+					// Override the TextInput default `passthrough` keydown so
+					// the input does not blur on every alphanumeric keystroke
+					// (the barcode-scanner default; see `Helpers.svelte.ts`).
+				}}
+			/>
+		</div>
+		<div class="scrollable">
+			<ColumnList {searchValue} />
+		</div>
+	</div>
+</DesktopModal>
+
 <style>.flex {
   display: flex;
   flex-flow: column nowrap;
@@ -60,4 +56,4 @@
   row-gap: 0.5rem;
   padding: 0.5rem;
   flex-basis: min-content;
-}</style>
+}</style>