@warkypublic/svelix 0.1.44 → 0.1.47

package/dist/components/Svark/SvarkContextMenu.svelte

@@ -1,67 +1,48 @@
-<script lang="ts">
-	import Portal from '../Portal/Portal.svelte';
-	import { registerOverlay } from '../OverlayStack';
-	import { tick } from 'svelte';
-	import type { SvarkContextMenuItem } from './types.js';
-
-	export interface Props {
-		open: boolean;
-		x: number;
-		y: number;
-		items: SvarkContextMenuItem[];
-		onselectitem?: (item: SvarkContextMenuItem | { id: '__close__' }) => void;
-	}
-
-	const { open, x, y, items, onselectitem }: Props = $props();
-
-	let backdropZ = $state(1090);
-	let menuZ = $state(1100);
-
-	let menuRef = $state<HTMLDivElement | null>(null);
-	let clampedX = $state(0);
-	let clampedY = $state(0);
-
-	function clampToViewport() {
-		const node = menuRef;
-		if (!node) return;
-
-		const rect = node.getBoundingClientRect();
-		const vw = window.innerWidth;
-		const vh = window.innerHeight;
-
-		// Keep the menu inside the viewport with a small gutter.
-		const gutter = 8;
-		clampedX = Math.max(gutter, Math.min(clampedX, vw - rect.width - gutter));
-		clampedY = Math.max(gutter, Math.min(clampedY, vh - rect.height - gutter));
-	}
-
-	$effect(() => {
-		if (!open) return;
-
-		const overlay = registerOverlay({ kind: 'contextmenu', mount: 'portal' });
-		backdropZ = overlay.layer.backdrop;
-		menuZ = overlay.layer.content;
-
-		clampedX = x;
-		clampedY = y;
-
-		// Wait for the menu to render before measuring and clamping.
-		void tick().then(clampToViewport);
-
-		return () => {
-			overlay.unregister();
-			backdropZ = 1090;
-			menuZ = 1100;
-			menuRef = null;
-		};
-	});
-
-	$effect(() => {
-		if (!open) return;
-		clampedX = x;
-		clampedY = y;
-		void tick().then(clampToViewport);
+<script lang="ts">import Portal from "../Portal/Portal.svelte";
+import { registerOverlay } from "../OverlayStack";
+import { tick } from "svelte";
+const { open, x, y, items, onselectitem } = $props();
+let backdropZ = $state(1090);
+let menuZ = $state(1100);
+let menuRef = $state(null);
+let clampedX = $state(0);
+let clampedY = $state(0);
+function clampToViewport() {
+	const node = menuRef;
+	if (!node) return;
+	const rect = node.getBoundingClientRect();
+	const vw = window.innerWidth;
+	const vh = window.innerHeight;
+	// Keep the menu inside the viewport with a small gutter.
+	const gutter = 8;
+	clampedX = Math.max(gutter, Math.min(clampedX, vw - rect.width - gutter));
+	clampedY = Math.max(gutter, Math.min(clampedY, vh - rect.height - gutter));
+}
+$effect(() => {
+	if (!open) return;
+	const overlay = registerOverlay({
+		kind: "contextmenu",
+		mount: "portal"
 	});
+	backdropZ = overlay.layer.backdrop;
+	menuZ = overlay.layer.content;
+	clampedX = x;
+	clampedY = y;
+	// Wait for the menu to render before measuring and clamping.
+	void tick().then(clampToViewport);
+	return () => {
+		overlay.unregister();
+		backdropZ = 1090;
+		menuZ = 1100;
+		menuRef = null;
+	};
+});
+$effect(() => {
+	if (!open) return;
+	clampedX = x;
+	clampedY = y;
+	void tick().then(clampToViewport);
+});
 </script>
 
 <Portal>

package/dist/components/Svark/SvarkInfiniteLoader.svelte

@@ -1,9 +1,5 @@
-<script lang="ts">
-	export interface Props {
-		dark?: boolean;
-	}
-
-	let { dark = false }: Props = $props();
+<script lang="ts">let { dark = false } = $props();
+export {};
 </script>
 
 <div class="svark-inf-loader" class:svark-inf-loader-dark={dark} aria-label="Loading more rows...">

package/dist/components/Svark/SvarkPager.svelte

@@ -1,31 +1,5 @@
-<script lang="ts">
-	export interface Props {
-		dark?: boolean;
-		page: number;
-		total: number;
-		totalPages: number;
-		pageStart: number;
-		pageEnd: number;
-		loading: boolean;
-		onFirst: () => void;
-		onPrev: () => void;
-		onNext: () => void;
-		onLast: () => void;
-	}
-
-	let {
-		dark = false,
-		page,
-		total,
-		totalPages,
-		pageStart,
-		pageEnd,
-		loading,
-		onFirst,
-		onPrev,
-		onNext,
-		onLast
-	}: Props = $props();
+<script lang="ts">let { dark = false, page, total, totalPages, pageStart, pageEnd, loading, onFirst, onPrev, onNext, onLast } = $props();
+export {};
 </script>
 
 <div class="svark-pager" class:svark-pager-dark={dark} aria-label="Pagination">

package/dist/components/Svark/SvarkSelectionDemo.svelte

@@ -1,11 +1,7 @@
-<script lang="ts">
-	import Svark from './Svark.svelte';
-	import type { SvarkProps } from './types.js';
-
-	// Accept all Svark props but own the onselect handler
-	let { onselect: _ignored, ...rest }: SvarkProps = $props();
-
-	let selectedIds = $state<(string | number)[]>([]);
+<script lang="ts">import Svark from "./Svark.svelte";
+// Accept all Svark props but own the onselect handler
+let { onselect: _ignored, ...rest } = $props();
+let selectedIds = $state([]);
 </script>
 
 <Svark

package/dist/components/Svark/SvarkTopBar.svelte

@@ -1,78 +1,13 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type {
-		SvarkFilterOptionItem,
-		SvarkFilterableColumn,
-		SvarkPopupFilterDraft
-	} from './types.js';
-
-	export interface Props {
-		dark?: boolean;
-		topBarLeft?: Snippet;
-		topBarRight?: Snippet;
-		searchOpen: boolean;
-		canFilter: boolean;
-		filterMenuOpen: boolean;
-		searchValue: string;
-		popupAppliedFilters: SvarkPopupFilterDraft[];
-		popupDraftFilters: SvarkPopupFilterDraft[];
-		filterableColumns: SvarkFilterableColumn[];
-		filterOperatorLabels: Record<string, string>;
-		normalizeOperatorToken: (value: string | undefined) => string;
-		getSupportedOperators: (columnId: string) => string[];
-		getColumnOptions: (columnId: string) => SvarkFilterOptionItem[];
-		onToggleSearch: () => void;
-		onSearchChange: (value: string) => void;
-		onToggleFilterMenu: () => void;
-		onClearPopupFilters: () => void;
-		onRemoveAppliedPopupFilter: (id: number) => void;
-		onUpdatePopupDraft: (
-			id: number,
-			updates: Partial<SvarkPopupFilterDraft>,
-			resetValue?: boolean
-		) => void;
-		onRemovePopupDraft: (id: number) => void;
-		onAddPopupDraft: () => void;
-		onCloseFilterMenu: () => void;
-		onApplyPopupDrafts: () => void;
-	}
-
-	let {
-		dark = false,
-		topBarLeft,
-		topBarRight,
-		searchOpen,
-		canFilter,
-		filterMenuOpen,
-		searchValue,
-		popupAppliedFilters,
-		popupDraftFilters,
-		filterableColumns,
-		filterOperatorLabels,
-		normalizeOperatorToken,
-		getSupportedOperators,
-		getColumnOptions,
-		onToggleSearch,
-		onSearchChange,
-		onToggleFilterMenu,
-		onClearPopupFilters,
-		onRemoveAppliedPopupFilter,
-		onUpdatePopupDraft,
-		onRemovePopupDraft,
-		onAddPopupDraft,
-		onCloseFilterMenu,
-		onApplyPopupDrafts
-	}: Props = $props();
-
-	let searchInputEl = $state<HTMLInputElement | null>(null);
-
-	$effect(() => {
-		if (!searchOpen) return;
-		queueMicrotask(() => {
-			searchInputEl?.focus();
-			searchInputEl?.select();
-		});
+<script lang="ts">let { dark = false, topBarLeft, topBarRight, searchOpen, canFilter, filterMenuOpen, searchValue, popupAppliedFilters, popupDraftFilters, filterableColumns, filterOperatorLabels, normalizeOperatorToken, getSupportedOperators, getColumnOptions, onToggleSearch, onSearchChange, onToggleFilterMenu, onClearPopupFilters, onRemoveAppliedPopupFilter, onUpdatePopupDraft, onRemovePopupDraft, onAddPopupDraft, onCloseFilterMenu, onApplyPopupDrafts } = $props();
+let searchInputEl = $state(null);
+$effect(() => {
+	if (!searchOpen) return;
+	queueMicrotask(() => {
+		searchInputEl?.focus();
+		searchInputEl?.select();
 	});
+});
+export {};
 </script>
 
 <div class="svark-toolbar" class:svark-toolbar-dark={dark} aria-label="Grid tools">