@lavalogic/scoria 0.39.2 → 0.40.0

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

@@ -1,142 +1,142 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
->
-	import Button from '../../Button.svelte';
-	import { devCatch } from '../../../Helpers/Helpers.svelte.js';
-	import { Side } from '../../../Types/Internal/Side.js';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import { Variant } from '../../../Types/Internal/Variant.js';
-	import { getContext } from 'svelte';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import type { Primitive } from '../Types/Context/TableInitOptions.js';
-	import { ExpandedPanel } from '../Types/ExpandedPanel.js';
-	import ColumnPanelModal from './ColumnPanelModal.svelte';
-	import FilterPanelModal from './FilterPanelModal.svelte';
-	import TableConfigurationModal from './TableConfigurationModal.svelte';
-	import ToolboxPanelModal from './ToolboxPanelModal.svelte';
-
-	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
-
-	const panels = {
-		[ExpandedPanel.None]: null,
-		[ExpandedPanel.Column]: ColumnPanelModal,
-		[ExpandedPanel.Filter]: FilterPanelModal,
-		[ExpandedPanel.Toolbox]: ToolboxPanelModal,
-		[ExpandedPanel.Configuration]: TableConfigurationModal,
-	} as const;
-
-	let expandedPanel = $state<ExpandedPanel | null>(null);
-
-	let ExpandedPanelElement = $derived(expandedPanel ? panels[expandedPanel] : null);
-</script>
-
-{#if ExpandedPanelElement != null}
-	<ExpandedPanelElement
-		onclose={() => {
-			expandedPanel = null;
-		}}
-	/>
-{/if}
-<div class="sidebar">
-	<Button
-		side={Side.Bottom}
-		onclick={() => {
-			tableContext.toggleQuickFiltering();
-		}}
-		toggled={tableContext.showQuickFiltering}
-		size={Size.Small}
-		disabled={!tableContext.allowQuickFiltering}
-		variant={Variant.Toolbar}
-		iconTop={{
-			name: 'assessment',
-		}}>Quick Filter</Button
-	>
-	<Button
-		side={Side.Bottom}
-		disabled={!tableContext.allowAdvancedFiltering}
-		toggled={expandedPanel === ExpandedPanel.Filter}
-		onclick={() => {
-			expandedPanel = expandedPanel === ExpandedPanel.Filter ? null : ExpandedPanel.Filter;
-		}}
-		size={Size.Small}
-		variant={Variant.Toolbar}
-		iconTop={{
-			name: 'filter-bars',
-		}}>Advanced Filter</Button
-	>
-	<Button
-		side={Side.Bottom}
-		onclick={() => {
-			expandedPanel = expandedPanel === ExpandedPanel.Column ? null : ExpandedPanel.Column;
-		}}
-		size={Size.Small}
-		variant={Variant.Toolbar}
-		toggled={expandedPanel === ExpandedPanel.Column}
-		iconTop={{
-			name: 'columns',
-		}}>Modify Columns</Button
-	>
-	<Button
-		size={Size.Small}
-		side={Side.Bottom}
-		toggled={expandedPanel === ExpandedPanel.Toolbox}
-		onclick={() => {
-			expandedPanel = expandedPanel === ExpandedPanel.Toolbox ? null : ExpandedPanel.Toolbox;
-		}}
-		variant={Variant.Toolbar}
-		iconTop={{
-			name: 'category',
-		}}>My Tool Box</Button
-	>
-	<Button
-		size={Size.Small}
-		side={Side.Bottom}
-		toggled={expandedPanel === ExpandedPanel.Configuration}
-		onclick={() => {
-			expandedPanel =
-				expandedPanel === ExpandedPanel.Configuration ? null : ExpandedPanel.Configuration;
-		}}
-		variant={Variant.Toolbar}
-		iconTop={{
-			name: 'setting-cog',
-		}}>Table Configuration</Button
-	>
-	{#if tableContext.dataRepo.addEmptyRow}
-		<Button
-			size={Size.Small}
-			side={Side.Bottom}
-			onclick={() => {
-				tableContext.dataRepo.addEmptyRow?.();
-			}}
-			variant={Variant.Toolbar}
-			iconTop={{
-				name: 'plus',
-			}}>Add a Row</Button
-		>
-	{/if}
-
-	{#if tableContext.paginationRepo?.reload}
-		<Button
-			side={Side.Bottom}
-			onclick={() => {
-				tableContext.paginationRepo?.reload?.().catch(devCatch);
-			}}
-			toggled={tableContext.dataRepo.isLoading}
-			size={Size.Small}
-			disabled={!tableContext.allowQuickFiltering}
-			variant={Variant.Toolbar}
-			iconTop={{
-				name: 'refresh',
-			}}>Refresh</Button
-		>
-	{/if}
-
-	<div class="filler"></div>
-</div>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
+>
+	import Button from '../../Button.svelte';
+	import { devCatch } from '../../../Helpers/Helpers.svelte.js';
+	import { Side } from '../../../Types/Internal/Side.js';
+	import { Size } from '../../../Types/Internal/Size.js';
+	import { Variant } from '../../../Types/Internal/Variant.js';
+	import { getContext } from 'svelte';
+	import { TableContext } from '../Types/Context/TableContext.svelte.js';
+	import type { Primitive } from '../Types/Context/TableInitOptions.js';
+	import { ExpandedPanel } from '../Types/ExpandedPanel.js';
+	import ColumnPanelModal from './ColumnPanelModal.svelte';
+	import FilterPanelModal from './FilterPanelModal.svelte';
+	import TableConfigurationModal from './TableConfigurationModal.svelte';
+	import ToolboxPanelModal from './ToolboxPanelModal.svelte';
+
+	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
+
+	const panels = {
+		[ExpandedPanel.None]: null,
+		[ExpandedPanel.Column]: ColumnPanelModal,
+		[ExpandedPanel.Filter]: FilterPanelModal,
+		[ExpandedPanel.Toolbox]: ToolboxPanelModal,
+		[ExpandedPanel.Configuration]: TableConfigurationModal,
+	} as const;
+
+	let expandedPanel = $state<ExpandedPanel | null>(null);
+
+	let ExpandedPanelElement = $derived(expandedPanel ? panels[expandedPanel] : null);
+</script>
+
+{#if ExpandedPanelElement != null}
+	<ExpandedPanelElement
+		onclose={() => {
+			expandedPanel = null;
+		}}
+	/>
+{/if}
+<div class="sidebar">
+	<Button
+		side={Side.Bottom}
+		onclick={() => {
+			tableContext.toggleQuickFiltering();
+		}}
+		toggled={tableContext.showQuickFiltering}
+		size={Size.Small}
+		disabled={!tableContext.allowQuickFiltering}
+		variant={Variant.Toolbar}
+		iconTop={{
+			name: 'assessment',
+		}}>Quick Filter</Button
+	>
+	<Button
+		side={Side.Bottom}
+		disabled={!tableContext.allowAdvancedFiltering}
+		toggled={expandedPanel === ExpandedPanel.Filter}
+		onclick={() => {
+			expandedPanel = expandedPanel === ExpandedPanel.Filter ? null : ExpandedPanel.Filter;
+		}}
+		size={Size.Small}
+		variant={Variant.Toolbar}
+		iconTop={{
+			name: 'filter-bars',
+		}}>Advanced Filter</Button
+	>
+	<Button
+		side={Side.Bottom}
+		onclick={() => {
+			expandedPanel = expandedPanel === ExpandedPanel.Column ? null : ExpandedPanel.Column;
+		}}
+		size={Size.Small}
+		variant={Variant.Toolbar}
+		toggled={expandedPanel === ExpandedPanel.Column}
+		iconTop={{
+			name: 'columns',
+		}}>Modify Columns</Button
+	>
+	<Button
+		size={Size.Small}
+		side={Side.Bottom}
+		toggled={expandedPanel === ExpandedPanel.Toolbox}
+		onclick={() => {
+			expandedPanel = expandedPanel === ExpandedPanel.Toolbox ? null : ExpandedPanel.Toolbox;
+		}}
+		variant={Variant.Toolbar}
+		iconTop={{
+			name: 'category',
+		}}>My Tool Box</Button
+	>
+	<Button
+		size={Size.Small}
+		side={Side.Bottom}
+		toggled={expandedPanel === ExpandedPanel.Configuration}
+		onclick={() => {
+			expandedPanel =
+				expandedPanel === ExpandedPanel.Configuration ? null : ExpandedPanel.Configuration;
+		}}
+		variant={Variant.Toolbar}
+		iconTop={{
+			name: 'setting-cog',
+		}}>Table Configuration</Button
+	>
+	{#if tableContext.dataRepo.addEmptyRow}
+		<Button
+			size={Size.Small}
+			side={Side.Bottom}
+			onclick={() => {
+				tableContext.dataRepo.addEmptyRow?.();
+			}}
+			variant={Variant.Toolbar}
+			iconTop={{
+				name: 'plus',
+			}}>Add a Row</Button
+		>
+	{/if}
+
+	{#if tableContext.paginationRepo?.reload}
+		<Button
+			side={Side.Bottom}
+			onclick={() => {
+				tableContext.paginationRepo?.reload?.().catch(devCatch);
+			}}
+			toggled={tableContext.dataRepo.isLoading}
+			size={Size.Small}
+			disabled={!tableContext.allowQuickFiltering}
+			variant={Variant.Toolbar}
+			iconTop={{
+				name: 'refresh',
+			}}>Refresh</Button
+		>
+	{/if}
+
+	<div class="filler"></div>
+</div>
+
 <style>.sidebar {
   flex-flow: row nowrap;
   text-orientation: sideways;
@@ -155,4 +155,4 @@
 .sidebar .filler {
   flex-grow: 2;
   background-color: #ffffff;
-}</style>
+}</style>