@lavalogic/scoria 0.40.33 → 0.40.34

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

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
 >import { m as i18n } from "../../../paraglide/messages.js";
 import Button from "../../Button.svelte";
 import { devCatch } from "../../../Helpers/Helpers.svelte.js";
@@ -73,116 +73,116 @@ function handleEscKey(e) {
 		expandedPanel = null;
 	}
 }
-</script>
-
-<svelte:window
-	onclick={handleClickOutside}
-	onkeydown={handleEscKey}
-/>
-
-{#if ExpandedPanelElement != null}
-	<SidePanel toolbarPosition={tableContext.toolbarPosition}>
-		<ExpandedPanelElement />
-	</SidePanel>
-{/if}
-
-{#if expandedPanel === ExpandedPanel.Configuration}
-	<TableConfigurationModal
-		onclose={() => {
-			expandedPanel = null;
-		}}
-	/>
-{/if}
-<div class="sidebar">
-	<Button
-		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
-		onclick={() => {
-			tableContext.toggleQuickFiltering();
-		}}
-		toggled={tableContext.showQuickFiltering}
-		disabled={!tableContext.allowQuickFiltering}
-		variant={Variant.Toolbar}
-		iconTop={{
-			name: 'assessment',
-			size: Size.Medium,
-		}}
-		label={i18n['scoria.action.quick_filter']()}
-	/>
-	<Button
-		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
-		disabled={!tableContext.allowAdvancedFiltering}
-		toggled={expandedPanel === ExpandedPanel.Filter}
-		onclick={() => {
-			expandedPanel = expandedPanel === ExpandedPanel.Filter ? null : ExpandedPanel.Filter;
-		}}
-		variant={Variant.Toolbar}
-		iconTop={{
-			name: 'filter-bars',
-			size: Size.Medium,
-		}}
-		label={i18n['scoria.action.advanced_filter']()}
-	/>
-	<Button
-		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
-		onclick={() => {
-			expandedPanel = expandedPanel === ExpandedPanel.Column ? null : ExpandedPanel.Column;
-		}}
-		variant={Variant.Toolbar}
-		toggled={expandedPanel === ExpandedPanel.Column}
-		iconTop={{
-			name: 'columns',
-			size: Size.Medium,
-		}}
-		label={i18n['scoria.action.modify_columns']()}
-	/>
-	<Button
-		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
-		toggled={expandedPanel === ExpandedPanel.Toolbox}
-		onclick={() => {
-			expandedPanel = expandedPanel === ExpandedPanel.Toolbox ? null : ExpandedPanel.Toolbox;
-		}}
-		variant={Variant.Toolbar}
-		iconTop={{
-			name: 'category',
-			size: Size.Medium,
-		}}
-		label={i18n['scoria.action.toolbox']()}
-	/>
-	<Button
-		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
-		toggled={expandedPanel === ExpandedPanel.Configuration}
-		onclick={() => {
-			expandedPanel =
-				expandedPanel === ExpandedPanel.Configuration ? null : ExpandedPanel.Configuration;
-		}}
-		variant={Variant.Toolbar}
-		iconTop={{
-			name: 'setting-cog',
-			size: Size.Medium,
-		}}
-		label={i18n['scoria.action.table_configuration']()}
-	/>
-
-	{#if tableContext.paginationRepo?.reload}
-		<Button
-			side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
-			onclick={() => {
-				tableContext.paginationRepo?.reload?.().catch(devCatch);
-			}}
-			disabled={!tableContext.allowQuickFiltering}
-			variant={Variant.Toolbar}
-			toggled={tableContext.dataRepo.isLoading}
-			iconTop={{
-				name: 'refresh',
-				size: Size.Medium,
-			}}
-			label={i18n['scoria.action.refresh']()}
-		/>
-	{/if}
-
-	<div class="filler"></div>
-</div>
-
+</script>
+
+<svelte:window
+	onclick={handleClickOutside}
+	onkeydown={handleEscKey}
+/>
+
+{#if ExpandedPanelElement != null}
+	<SidePanel toolbarPosition={tableContext.toolbarPosition}>
+		<ExpandedPanelElement />
+	</SidePanel>
+{/if}
+
+{#if expandedPanel === ExpandedPanel.Configuration}
+	<TableConfigurationModal
+		onclose={() => {
+			expandedPanel = null;
+		}}
+	/>
+{/if}
+<div class="sidebar">
+	<Button
+		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
+		onclick={() => {
+			tableContext.toggleQuickFiltering();
+		}}
+		toggled={tableContext.showQuickFiltering}
+		disabled={!tableContext.allowQuickFiltering}
+		variant={Variant.Toolbar}
+		iconTop={{
+			name: 'assessment',
+			size: Size.Medium,
+		}}
+		label={i18n['scoria.action.quick_filter']()}
+	/>
+	<Button
+		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
+		disabled={!tableContext.allowAdvancedFiltering}
+		toggled={expandedPanel === ExpandedPanel.Filter}
+		onclick={() => {
+			expandedPanel = expandedPanel === ExpandedPanel.Filter ? null : ExpandedPanel.Filter;
+		}}
+		variant={Variant.Toolbar}
+		iconTop={{
+			name: 'filter-bars',
+			size: Size.Medium,
+		}}
+		label={i18n['scoria.action.advanced_filter']()}
+	/>
+	<Button
+		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
+		onclick={() => {
+			expandedPanel = expandedPanel === ExpandedPanel.Column ? null : ExpandedPanel.Column;
+		}}
+		variant={Variant.Toolbar}
+		toggled={expandedPanel === ExpandedPanel.Column}
+		iconTop={{
+			name: 'columns',
+			size: Size.Medium,
+		}}
+		label={i18n['scoria.action.modify_columns']()}
+	/>
+	<Button
+		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
+		toggled={expandedPanel === ExpandedPanel.Toolbox}
+		onclick={() => {
+			expandedPanel = expandedPanel === ExpandedPanel.Toolbox ? null : ExpandedPanel.Toolbox;
+		}}
+		variant={Variant.Toolbar}
+		iconTop={{
+			name: 'category',
+			size: Size.Medium,
+		}}
+		label={i18n['scoria.action.toolbox']()}
+	/>
+	<Button
+		side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
+		toggled={expandedPanel === ExpandedPanel.Configuration}
+		onclick={() => {
+			expandedPanel =
+				expandedPanel === ExpandedPanel.Configuration ? null : ExpandedPanel.Configuration;
+		}}
+		variant={Variant.Toolbar}
+		iconTop={{
+			name: 'setting-cog',
+			size: Size.Medium,
+		}}
+		label={i18n['scoria.action.table_configuration']()}
+	/>
+
+	{#if tableContext.paginationRepo?.reload}
+		<Button
+			side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
+			onclick={() => {
+				tableContext.paginationRepo?.reload?.().catch(devCatch);
+			}}
+			disabled={!tableContext.allowQuickFiltering}
+			variant={Variant.Toolbar}
+			toggled={tableContext.dataRepo.isLoading}
+			iconTop={{
+				name: 'refresh',
+				size: Size.Medium,
+			}}
+			label={i18n['scoria.action.refresh']()}
+		/>
+	{/if}
+
+	<div class="filler"></div>
+</div>
+
 <style>.sidebar {
   flex-flow: column nowrap;
   text-orientation: sideways;
@@ -201,4 +201,4 @@ function handleEscKey(e) {
 .sidebar .filler {
   flex-grow: 2;
   background-color: #ffffff;
-}</style>
+}</style>

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

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
 >import SingleSelect from "../../SingleSelect.svelte";
 import { m as i18n } from "../../../paraglide/messages.js";
 import { getContext } from "svelte";
@@ -67,27 +67,27 @@ function selectOption(option) {
 		tableContext.applyDatatableView(view);
 	}
 }
-</script>
-
-<div class="view-dropdown">
-	<SingleSelect
-		label={kind === 'filter' ? i18n['scoria.label.filter_noun']() : i18n['scoria.label.layout_noun']()}
-		name={kind === 'filter' ? 'Filter' : 'Layout'}
-		placeholder={kind === 'filter'
-			? i18n['scoria.label.select_filter']()
-			: i18n['scoria.label.select_layout']()}
-		{options}
-		labelProp="label"
-		valueProp="value"
-		value={selectedOption}
-		valueAsObject
-		searchable={false}
-		onchange={selectOption}
-	/>
-</div>
-
+</script>
+
+<div class="view-dropdown">
+	<SingleSelect
+		label={kind === 'filter' ? i18n['scoria.label.filter_noun']() : i18n['scoria.label.layout_noun']()}
+		name={kind === 'filter' ? 'Filter' : 'Layout'}
+		placeholder={kind === 'filter'
+			? i18n['scoria.label.select_filter']()
+			: i18n['scoria.label.select_layout']()}
+		{options}
+		labelProp="label"
+		valueProp="value"
+		value={selectedOption}
+		valueAsObject
+		searchable={false}
+		onchange={selectOption}
+	/>
+</div>
+
 <style>.view-dropdown {
   display: flex;
   flex-flow: column nowrap;
   width: 100%;
-}</style>
+}</style>

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

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
+<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 { m as i18n } from "../../../paraglide/messages.js";
@@ -27,60 +27,60 @@ const onCopyWithHeadersChange = (e) => {
 const onCommaSeparatedCopyChange = (e) => {
 	tableContext.setCommaSeparatedCopy(e.currentTarget.checked);
 };
-</script>
-
-<section class="side-panel-section">
-	<header class="side-panel-header">
-		<h2>{i18n['scoria.label.settings']()}</h2>
-	</header>
-	<div class="side-panel-body">
-		<Checkbox
-			label={i18n['scoria.label.compact']()}
-			size={Size.MediumSmall}
-			id={`is-compact-${tableContext.tableName}`}
-			value={tableContext.isCompact}
-			onchange={onCompactChange}
-		/>
-		<Checkbox
-			label={i18n['scoria.label.single_click_editing']()}
-			size={Size.MediumSmall}
-			id={`single-click-editing-${tableContext.tableName}`}
-			value={tableContext.singleClickEditing}
-			onchange={onSingleClickChange}
-		/>
-		<Checkbox
-			label={i18n['scoria.label.alternate_row_colours']()}
-			size={Size.MediumSmall}
-			id={`alternate-row-colours-${tableContext.tableName}`}
-			value={tableContext.alternateRowColours}
-			onchange={onAlternateRowColoursChange}
-		/>
-		<Checkbox
-			label={i18n['scoria.label.change_colour_hover']()}
-			size={Size.MediumSmall}
-			id={`change-colour-on-hover-${tableContext.tableName}`}
-			value={tableContext.changeColourOnHover}
-			onchange={onChangeColourOnHoverChange}
-		/>
-		{#if tableContext.allowCopy}
-			<Checkbox
-				label={i18n['scoria.label.include_headers_copying']()}
-				size={Size.MediumSmall}
-				id={`copy-with-headers-${tableContext.tableName}`}
-				value={tableContext.copyWithHeaders}
-				onchange={onCopyWithHeadersChange}
-			/>
-			<Checkbox
-				label={i18n['scoria.label.copy_as_csv']()}
-				size={Size.MediumSmall}
-				id={`comma-separated-copy-${tableContext.tableName}`}
-				value={tableContext.commaSeparatedCopy}
-				onchange={onCommaSeparatedCopyChange}
-			/>
-		{/if}
-	</div>
-</section>
-
+</script>
+
+<section class="side-panel-section">
+	<header class="side-panel-header">
+		<h2>{i18n['scoria.label.settings']()}</h2>
+	</header>
+	<div class="side-panel-body">
+		<Checkbox
+			label={i18n['scoria.label.compact']()}
+			size={Size.MediumSmall}
+			id={`is-compact-${tableContext.tableName}`}
+			value={tableContext.isCompact}
+			onchange={onCompactChange}
+		/>
+		<Checkbox
+			label={i18n['scoria.label.single_click_editing']()}
+			size={Size.MediumSmall}
+			id={`single-click-editing-${tableContext.tableName}`}
+			value={tableContext.singleClickEditing}
+			onchange={onSingleClickChange}
+		/>
+		<Checkbox
+			label={i18n['scoria.label.alternate_row_colours']()}
+			size={Size.MediumSmall}
+			id={`alternate-row-colours-${tableContext.tableName}`}
+			value={tableContext.alternateRowColours}
+			onchange={onAlternateRowColoursChange}
+		/>
+		<Checkbox
+			label={i18n['scoria.label.change_colour_hover']()}
+			size={Size.MediumSmall}
+			id={`change-colour-on-hover-${tableContext.tableName}`}
+			value={tableContext.changeColourOnHover}
+			onchange={onChangeColourOnHoverChange}
+		/>
+		{#if tableContext.allowCopy}
+			<Checkbox
+				label={i18n['scoria.label.include_headers_copying']()}
+				size={Size.MediumSmall}
+				id={`copy-with-headers-${tableContext.tableName}`}
+				value={tableContext.copyWithHeaders}
+				onchange={onCopyWithHeadersChange}
+			/>
+			<Checkbox
+				label={i18n['scoria.label.copy_as_csv']()}
+				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;
@@ -131,4 +131,4 @@ const onCommaSeparatedCopyChange = (e) => {
   gap: 0.75rem;
   align-items: center;
   box-sizing: border-box;
-}</style>
+}</style>

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

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
+<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";
@@ -29,67 +29,67 @@ const onCopyWithHeadersChange = (e) => {
 const onCommaSeparatedCopyChange = (e) => {
 	tableContext.setCommaSeparatedCopy(e.currentTarget.checked);
 };
-</script>
-
-<DesktopModal
-	headerLabel={i18n['scoria.label.table_settings']()}
-	onclose={() => onclose?.()}
-	buttons={[{ label: i18n['scoria.action.close'](), callback: () => onclose?.() }]}
->
-	<div class="flex">
-		<div class="column-panel">
-			<Checkbox
-				label={i18n['scoria.label.compact']()}
-				size={Size.MediumSmall}
-				id={`is-compact-${tableContext.tableName}-modal`}
-				value={tableContext.isCompact}
-				onchange={onCompactChange}
-			/>
-			<Checkbox
-				label={i18n['scoria.label.single_click_editing']()}
-				size={Size.MediumSmall}
-				id={`single-click-editing-${tableContext.tableName}-modal`}
-				value={tableContext.singleClickEditing}
-				onchange={onSingleClickChange}
-			/>
-			<Checkbox
-				label={i18n['scoria.label.alternate_row_colours']()}
-				size={Size.MediumSmall}
-				id={`alternate-row-colours-${tableContext.tableName}-modal`}
-				value={tableContext.alternateRowColours}
-				onchange={onAlternateRowColoursChange}
-			/>
-			<Checkbox
-				label={i18n['scoria.label.change_colour_hover']()}
-				size={Size.MediumSmall}
-				id={`change-colour-on-hover-${tableContext.tableName}-modal`}
-				value={tableContext.changeColourOnHover}
-				onchange={onChangeColourOnHoverChange}
-			/>
-			{#if tableContext.allowCopy}
-				<Checkbox
-					label={i18n['scoria.label.include_headers_copying']()}
-					size={Size.MediumSmall}
-					id={`copy-with-headers-${tableContext.tableName}-modal`}
-					value={tableContext.copyWithHeaders}
-					onchange={onCopyWithHeadersChange}
-				/>
-				<Checkbox
-					label={i18n['scoria.label.copy_as_csv']()}
-					size={Size.MediumSmall}
-					id={`comma-separated-copy-${tableContext.tableName}-modal`}
-					value={tableContext.commaSeparatedCopy}
-					onchange={onCommaSeparatedCopyChange}
-				/>
-			{/if}
-		</div>
-	</div>
-</DesktopModal>
-
+</script>
+
+<DesktopModal
+	headerLabel={i18n['scoria.label.table_settings']()}
+	onclose={() => onclose?.()}
+	buttons={[{ label: i18n['scoria.action.close'](), callback: () => onclose?.() }]}
+>
+	<div class="flex">
+		<div class="column-panel">
+			<Checkbox
+				label={i18n['scoria.label.compact']()}
+				size={Size.MediumSmall}
+				id={`is-compact-${tableContext.tableName}-modal`}
+				value={tableContext.isCompact}
+				onchange={onCompactChange}
+			/>
+			<Checkbox
+				label={i18n['scoria.label.single_click_editing']()}
+				size={Size.MediumSmall}
+				id={`single-click-editing-${tableContext.tableName}-modal`}
+				value={tableContext.singleClickEditing}
+				onchange={onSingleClickChange}
+			/>
+			<Checkbox
+				label={i18n['scoria.label.alternate_row_colours']()}
+				size={Size.MediumSmall}
+				id={`alternate-row-colours-${tableContext.tableName}-modal`}
+				value={tableContext.alternateRowColours}
+				onchange={onAlternateRowColoursChange}
+			/>
+			<Checkbox
+				label={i18n['scoria.label.change_colour_hover']()}
+				size={Size.MediumSmall}
+				id={`change-colour-on-hover-${tableContext.tableName}-modal`}
+				value={tableContext.changeColourOnHover}
+				onchange={onChangeColourOnHoverChange}
+			/>
+			{#if tableContext.allowCopy}
+				<Checkbox
+					label={i18n['scoria.label.include_headers_copying']()}
+					size={Size.MediumSmall}
+					id={`copy-with-headers-${tableContext.tableName}-modal`}
+					value={tableContext.copyWithHeaders}
+					onchange={onCopyWithHeadersChange}
+				/>
+				<Checkbox
+					label={i18n['scoria.label.copy_as_csv']()}
+					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>