@lavalogic/scoria 0.40.13 → 0.40.15

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

@@ -1,142 +1,136 @@
-<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 { 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.identifier);
+const panels = {
+	[ExpandedPanel.None]: null,
+	[ExpandedPanel.Column]: ColumnPanelModal,
+	[ExpandedPanel.Filter]: FilterPanelModal,
+	[ExpandedPanel.Toolbox]: ToolboxPanelModal,
+	[ExpandedPanel.Configuration]: TableConfigurationModal
+};
+let expandedPanel = $state(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 +149,4 @@
 .sidebar .filler {
   flex-grow: 2;
   background-color: #ffffff;
-}</style>
+}</style>