@lavalogic/scoria 0.40.13 → 0.40.15

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

@@ -1,102 +1,85 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
->
-	import Checkbox from '../../Checkbox.svelte';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import { getContext } from 'svelte';
-	import type { Primitive } from '../Types/Context/TableInitOptions.js';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-
-	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
-
-	const onCompactChange = (e: Event & { currentTarget: EventTarget & HTMLInputElement }) => {
-		tableContext.setIsCompact(e.currentTarget.checked);
-	};
-
-	const onSingleClickChange = (e: Event & { currentTarget: EventTarget & HTMLInputElement }) => {
-		tableContext.setSingleClickEditing(e.currentTarget.checked);
-	};
-
-	const onAlternateRowColoursChange = (
-		e: Event & { currentTarget: EventTarget & HTMLInputElement }
-	) => {
-		tableContext.setAlternateRowColours(e.currentTarget.checked);
-	};
-
-	const onChangeColourOnHoverChange = (
-		e: Event & { currentTarget: EventTarget & HTMLInputElement }
-	) => {
-		tableContext.setChangeColourOnHover(e.currentTarget.checked);
-	};
-
-	const onCopyWithHeadersChange = (
-		e: Event & { currentTarget: EventTarget & HTMLInputElement }
-	) => {
-		tableContext.setCopyWithHeaders(e.currentTarget.checked);
-	};
-
-	const onCommaSeparatedCopyChange = (
-		e: Event & { currentTarget: EventTarget & HTMLInputElement }
-	) => {
-		tableContext.setCommaSeparatedCopy(e.currentTarget.checked);
-	};
-</script>
-
-<section class="side-panel-section">
-	<header class="side-panel-header">
-		<h2>Settings</h2>
-	</header>
-	<div class="side-panel-body">
-		<Checkbox
-			label="Compact"
-			size={Size.MediumSmall}
-			id={`is-compact-${tableContext.tableName}`}
-			value={tableContext.isCompact}
-			onchange={onCompactChange}
-		/>
-		<Checkbox
-			label="Single Click Editing"
-			size={Size.MediumSmall}
-			id={`single-click-editing-${tableContext.tableName}`}
-			value={tableContext.singleClickEditing}
-			onchange={onSingleClickChange}
-		/>
-		<Checkbox
-			label="Alternate Row Colours"
-			size={Size.MediumSmall}
-			id={`alternate-row-colours-${tableContext.tableName}`}
-			value={tableContext.alternateRowColours}
-			onchange={onAlternateRowColoursChange}
-		/>
-		<Checkbox
-			label="Change Colour on Hover"
-			size={Size.MediumSmall}
-			id={`change-colour-on-hover-${tableContext.tableName}`}
-			value={tableContext.changeColourOnHover}
-			onchange={onChangeColourOnHoverChange}
-		/>
-		{#if tableContext.allowCopy}
-			<Checkbox
-				label="Include Headers When Copying"
-				size={Size.MediumSmall}
-				id={`copy-with-headers-${tableContext.tableName}`}
-				value={tableContext.copyWithHeaders}
-				onchange={onCopyWithHeadersChange}
-			/>
-			<Checkbox
-				label="Copy as Comma Separated Values"
-				size={Size.MediumSmall}
-				id={`comma-separated-copy-${tableContext.tableName}`}
-				value={tableContext.commaSeparatedCopy}
-				onchange={onCommaSeparatedCopyChange}
-			/>
-		{/if}
-	</div>
-</section>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
+>import Checkbox from "../../Checkbox.svelte";
+import { Size } from "../../../Types/Internal/Size.js";
+import { getContext } from "svelte";
+import { TableContext } from "../Types/Context/TableContext.svelte.js";
+const tableContext = getContext(TableContext.identifier);
+const onCompactChange = (e) => {
+	tableContext.setIsCompact(e.currentTarget.checked);
+};
+const onSingleClickChange = (e) => {
+	tableContext.setSingleClickEditing(e.currentTarget.checked);
+};
+const onAlternateRowColoursChange = (e) => {
+	tableContext.setAlternateRowColours(e.currentTarget.checked);
+};
+const onChangeColourOnHoverChange = (e) => {
+	tableContext.setChangeColourOnHover(e.currentTarget.checked);
+};
+const onCopyWithHeadersChange = (e) => {
+	tableContext.setCopyWithHeaders(e.currentTarget.checked);
+};
+const onCommaSeparatedCopyChange = (e) => {
+	tableContext.setCommaSeparatedCopy(e.currentTarget.checked);
+};
+</script>
+
+<section class="side-panel-section">
+	<header class="side-panel-header">
+		<h2>Settings</h2>
+	</header>
+	<div class="side-panel-body">
+		<Checkbox
+			label="Compact"
+			size={Size.MediumSmall}
+			id={`is-compact-${tableContext.tableName}`}
+			value={tableContext.isCompact}
+			onchange={onCompactChange}
+		/>
+		<Checkbox
+			label="Single Click Editing"
+			size={Size.MediumSmall}
+			id={`single-click-editing-${tableContext.tableName}`}
+			value={tableContext.singleClickEditing}
+			onchange={onSingleClickChange}
+		/>
+		<Checkbox
+			label="Alternate Row Colours"
+			size={Size.MediumSmall}
+			id={`alternate-row-colours-${tableContext.tableName}`}
+			value={tableContext.alternateRowColours}
+			onchange={onAlternateRowColoursChange}
+		/>
+		<Checkbox
+			label="Change Colour on Hover"
+			size={Size.MediumSmall}
+			id={`change-colour-on-hover-${tableContext.tableName}`}
+			value={tableContext.changeColourOnHover}
+			onchange={onChangeColourOnHoverChange}
+		/>
+		{#if tableContext.allowCopy}
+			<Checkbox
+				label="Include Headers When Copying"
+				size={Size.MediumSmall}
+				id={`copy-with-headers-${tableContext.tableName}`}
+				value={tableContext.copyWithHeaders}
+				onchange={onCopyWithHeadersChange}
+			/>
+			<Checkbox
+				label="Copy as Comma Separated Values"
+				size={Size.MediumSmall}
+				id={`comma-separated-copy-${tableContext.tableName}`}
+				value={tableContext.commaSeparatedCopy}
+				onchange={onCommaSeparatedCopyChange}
+			/>
+		{/if}
+	</div>
+</section>
+
 <style>.side-panel-section {
   display: flex;
   flex-flow: column nowrap;
@@ -147,4 +130,4 @@
   gap: 0.75rem;
   align-items: center;
   box-sizing: border-box;
-}</style>
+}</style>

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

@@ -1,113 +1,94 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
->
-	import Checkbox from '../../Checkbox.svelte';
-	import DesktopModal from '../../DesktopModal.svelte';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import { getContext } from 'svelte';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import type { Primitive } from '../Types/Context/TableInitOptions.js';
-	import type { ToolboxPanelModalProps } from './ToolboxPanelModalProps.js';
-
-	let { onclose }: ToolboxPanelModalProps = $props();
-
-	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
-
-	const onCompactChange = (e: Event & { currentTarget: EventTarget & HTMLInputElement }) => {
-		tableContext.setIsCompact(e.currentTarget.checked);
-	};
-
-	const onSingleClickChange = (e: Event & { currentTarget: EventTarget & HTMLInputElement }) => {
-		tableContext.setSingleClickEditing(e.currentTarget.checked);
-	};
-
-	const onAlternateRowColoursChange = (
-		e: Event & { currentTarget: EventTarget & HTMLInputElement }
-	) => {
-		tableContext.setAlternateRowColours(e.currentTarget.checked);
-	};
-
-	const onChangeColourOnHoverChange = (
-		e: Event & { currentTarget: EventTarget & HTMLInputElement }
-	) => {
-		tableContext.setChangeColourOnHover(e.currentTarget.checked);
-	};
-
-	const onCopyWithHeadersChange = (
-		e: Event & { currentTarget: EventTarget & HTMLInputElement }
-	) => {
-		tableContext.setCopyWithHeaders(e.currentTarget.checked);
-	};
-
-	const onCommaSeparatedCopyChange = (
-		e: Event & { currentTarget: EventTarget & HTMLInputElement }
-	) => {
-		tableContext.setCommaSeparatedCopy(e.currentTarget.checked);
-	};
-</script>
-
-<DesktopModal
-	headerLabel="Table Settings"
-	onclose={() => onclose?.()}
-	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
->
-	<div class="flex">
-		<div class="column-panel">
-			<Checkbox
-				label="Compact"
-				size={Size.MediumSmall}
-				id={`is-compact-${tableContext.tableName}-modal`}
-				value={tableContext.isCompact}
-				onchange={onCompactChange}
-			/>
-			<Checkbox
-				label="Single Click Editing"
-				size={Size.MediumSmall}
-				id={`single-click-editing-${tableContext.tableName}-modal`}
-				value={tableContext.singleClickEditing}
-				onchange={onSingleClickChange}
-			/>
-			<Checkbox
-				label="Alternate Row Colours"
-				size={Size.MediumSmall}
-				id={`alternate-row-colours-${tableContext.tableName}-modal`}
-				value={tableContext.alternateRowColours}
-				onchange={onAlternateRowColoursChange}
-			/>
-			<Checkbox
-				label="Change Colour on Hover"
-				size={Size.MediumSmall}
-				id={`change-colour-on-hover-${tableContext.tableName}-modal`}
-				value={tableContext.changeColourOnHover}
-				onchange={onChangeColourOnHoverChange}
-			/>
-			{#if tableContext.allowCopy}
-				<Checkbox
-					label="Include Headers When Copying"
-					size={Size.MediumSmall}
-					id={`copy-with-headers-${tableContext.tableName}-modal`}
-					value={tableContext.copyWithHeaders}
-					onchange={onCopyWithHeadersChange}
-				/>
-				<Checkbox
-					label="Copy as Comma Separated Values"
-					size={Size.MediumSmall}
-					id={`comma-separated-copy-${tableContext.tableName}-modal`}
-					value={tableContext.commaSeparatedCopy}
-					onchange={onCommaSeparatedCopyChange}
-				/>
-			{/if}
-		</div>
-	</div>
-</DesktopModal>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
+>import Checkbox from "../../Checkbox.svelte";
+import DesktopModal from "../../DesktopModal.svelte";
+import { Size } from "../../../Types/Internal/Size.js";
+import { getContext } from "svelte";
+import { TableContext } from "../Types/Context/TableContext.svelte.js";
+let { onclose } = $props();
+const tableContext = getContext(TableContext.identifier);
+const onCompactChange = (e) => {
+	tableContext.setIsCompact(e.currentTarget.checked);
+};
+const onSingleClickChange = (e) => {
+	tableContext.setSingleClickEditing(e.currentTarget.checked);
+};
+const onAlternateRowColoursChange = (e) => {
+	tableContext.setAlternateRowColours(e.currentTarget.checked);
+};
+const onChangeColourOnHoverChange = (e) => {
+	tableContext.setChangeColourOnHover(e.currentTarget.checked);
+};
+const onCopyWithHeadersChange = (e) => {
+	tableContext.setCopyWithHeaders(e.currentTarget.checked);
+};
+const onCommaSeparatedCopyChange = (e) => {
+	tableContext.setCommaSeparatedCopy(e.currentTarget.checked);
+};
+</script>
+
+<DesktopModal
+	headerLabel="Table Settings"
+	onclose={() => onclose?.()}
+	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
+>
+	<div class="flex">
+		<div class="column-panel">
+			<Checkbox
+				label="Compact"
+				size={Size.MediumSmall}
+				id={`is-compact-${tableContext.tableName}-modal`}
+				value={tableContext.isCompact}
+				onchange={onCompactChange}
+			/>
+			<Checkbox
+				label="Single Click Editing"
+				size={Size.MediumSmall}
+				id={`single-click-editing-${tableContext.tableName}-modal`}
+				value={tableContext.singleClickEditing}
+				onchange={onSingleClickChange}
+			/>
+			<Checkbox
+				label="Alternate Row Colours"
+				size={Size.MediumSmall}
+				id={`alternate-row-colours-${tableContext.tableName}-modal`}
+				value={tableContext.alternateRowColours}
+				onchange={onAlternateRowColoursChange}
+			/>
+			<Checkbox
+				label="Change Colour on Hover"
+				size={Size.MediumSmall}
+				id={`change-colour-on-hover-${tableContext.tableName}-modal`}
+				value={tableContext.changeColourOnHover}
+				onchange={onChangeColourOnHoverChange}
+			/>
+			{#if tableContext.allowCopy}
+				<Checkbox
+					label="Include Headers When Copying"
+					size={Size.MediumSmall}
+					id={`copy-with-headers-${tableContext.tableName}-modal`}
+					value={tableContext.copyWithHeaders}
+					onchange={onCopyWithHeadersChange}
+				/>
+				<Checkbox
+					label="Copy as Comma Separated Values"
+					size={Size.MediumSmall}
+					id={`comma-separated-copy-${tableContext.tableName}-modal`}
+					value={tableContext.commaSeparatedCopy}
+					onchange={onCommaSeparatedCopyChange}
+				/>
+			{/if}
+		</div>
+	</div>
+</DesktopModal>
+
 <style>.flex {
   display: flex;
   flex-flow: column nowrap;
   height: 100%;
   width: 100%;
   flex: 1;
-}</style>
+}</style>