@softwareone/spi-sv5-library 1.14.0 → 1.14.1

package/dist/HighlightPanel/HighlightPanel.svelte

@@ -3,13 +3,13 @@
 
 	import { Avatar, Chips, ColumnType, ImageType, type HighlightPanelColumn } from '../index.js';
 
-	interface HighlightPanelProps {
+	interface Props {
 		columns: HighlightPanelColumn[];
 		buttonSection?: Snippet;
 		distributionType?: 'flex' | 'flex-column' | 'grid';
 	}
 
-	let { columns, distributionType = 'flex', buttonSection }: HighlightPanelProps = $props();
+	let { columns, distributionType = 'flex', buttonSection }: Props = $props();
 </script>
 
 <div class="highlight-panel">

package/dist/HighlightPanel/HighlightPanel.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { Snippet } from 'svelte';
 import { type HighlightPanelColumn } from '../index.js';
-interface HighlightPanelProps {
+interface Props {
     columns: HighlightPanelColumn[];
     buttonSection?: Snippet;
     distributionType?: 'flex' | 'flex-column' | 'grid';
 }
-declare const HighlightPanel: import("svelte").Component<HighlightPanelProps, {}, "">;
+declare const HighlightPanel: import("svelte").Component<Props, {}, "">;
 type HighlightPanel = ReturnType<typeof HighlightPanel>;
 export default HighlightPanel;

package/dist/HighlightPanel/enums.d.ts

@@ -0,0 +1,12 @@
+export declare enum ImageType {
+    Default = "image",
+    Avatar = "avatar",
+    Material = "material"
+}
+export declare enum ColumnType {
+    Text = "text",
+    Link = "link",
+    Image = "image",
+    Status = "status",
+    Custom = "custom"
+}

package/dist/HighlightPanel/{highlightPanelState.svelte.d.ts → types.d.ts}

@@ -1,17 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { ChipType } from '../index.js';
-export declare enum ImageType {
-    Default = "image",
-    Avatar = "avatar",
-    Material = "material"
-}
-export declare enum ColumnType {
-    Text = "text",
-    Link = "link",
-    Image = "image",
-    Status = "status",
-    Custom = "custom"
-}
+import type { ColumnType, ImageType } from './enums.js';
 type BaseColumn = {
     label: string;
     value: string;

package/dist/Home/Home.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
 	import type { HomeItem } from '../index.js';
 
-	interface HomeProps {
+	interface Props {
 		title: string;
 		homeItems: HomeItem[];
 	}
 
-	let { title, homeItems }: HomeProps = $props();
+	let { title, homeItems }: Props = $props();
 </script>
 
 <h1 class="home-title">

package/dist/Home/Home.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { HomeItem } from '../index.js';
-interface HomeProps {
+interface Props {
     title: string;
     homeItems: HomeItem[];
 }
-declare const Home: import("svelte").Component<HomeProps, {}, "">;
+declare const Home: import("svelte").Component<Props, {}, "">;
 type Home = ReturnType<typeof Home>;
 export default Home;

package/dist/Menu/Menu.svelte

@@ -3,14 +3,14 @@
 	import { fade } from 'svelte/transition';
 
 	import MainMenuItem from './MenuItem.svelte';
-	import type { MenuItem } from './MenuState.svelte.js';
+	import type { MenuItem } from './types.js';
 
-	interface MenuProps {
+	interface Props {
 		menuItems: MenuItem[];
 		showMenu: boolean;
 	}
 
-	let { menuItems, showMenu = $bindable(false) }: MenuProps = $props();
+	let { menuItems, showMenu = $bindable(false) }: Props = $props();
 
 	let activeItem = $state('');
 

package/dist/Menu/Menu.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { MenuItem } from './MenuState.svelte.js';
-interface MenuProps {
+import type { MenuItem } from './types.js';
+interface Props {
     menuItems: MenuItem[];
     showMenu: boolean;
 }
-declare const Menu: import("svelte").Component<MenuProps, {}, "showMenu">;
+declare const Menu: import("svelte").Component<Props, {}, "showMenu">;
 type Menu = ReturnType<typeof Menu>;
 export default Menu;

package/dist/Menu/MenuItem.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
 	import { Tooltip } from '../index.js';
-	import type { MenuItem } from './MenuState.svelte.js';
+	import type { MenuItem } from './types.js';
 
-	interface MenuItemProps {
+	interface Props {
 		item: MenuItem;
 		isCollapsed: boolean;
 		onClick?: (item: MenuItem) => void;
 		activeItem: boolean;
 	}
 
-	let { item, isCollapsed = false, onClick, activeItem }: MenuItemProps = $props();
+	let { item, isCollapsed = false, onClick, activeItem }: Props = $props();
 </script>
 
 <li>

package/dist/Menu/MenuItem.svelte.d.ts

@@ -1,10 +1,10 @@
-import type { MenuItem } from './MenuState.svelte.js';
-interface MenuItemProps {
+import type { MenuItem } from './types.js';
+interface Props {
     item: MenuItem;
     isCollapsed: boolean;
     onClick?: (item: MenuItem) => void;
     activeItem: boolean;
 }
-declare const MenuItem: import("svelte").Component<MenuItemProps, {}, "">;
+declare const MenuItem: import("svelte").Component<Props, {}, "">;
 type MenuItem = ReturnType<typeof MenuItem>;
 export default MenuItem;

package/dist/Menu/Sidebar.svelte

@@ -3,7 +3,7 @@
 	import { fade } from 'svelte/transition';
 
 	import SidebarMenuItem from './MenuItem.svelte';
-	import type { MenuItem, SubMenuItem } from './MenuState.svelte.js';
+	import type { MenuItem, SubMenuItem } from './types.js';
 
 	interface Props {
 		subMenuItems: SubMenuItem[];

package/dist/Menu/Sidebar.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SubMenuItem } from './MenuState.svelte.js';
+import type { SubMenuItem } from './types.js';
 interface Props {
     subMenuItems: SubMenuItem[];
 }

package/dist/Menu/{MenuState.svelte.d.ts → types.d.ts}

@@ -19,5 +19,4 @@ export interface SubMenuItem {
     category: string;
     menuItems: MenuItem[];
 }
-export declare const getSubMenuItemsFromMenu: (items: MainMenu[], url: string, excludedRoutes?: string[]) => SubMenuItem[];
 export {};

package/dist/Menu/utils.d.ts

@@ -0,0 +1,2 @@
+import type { MainMenu, SubMenuItem } from './types.js';
+export declare const getSubMenuItemsFromMenu: (items: MainMenu[], url: string, excludedRoutes?: string[]) => SubMenuItem[];

package/dist/Modal/Modal.svelte

@@ -4,7 +4,7 @@
 	import ModalContent from './ModalContent.svelte';
 	import ModalFooter from './ModalFooter.svelte';
 	import ModalHeader from './ModalHeader.svelte';
-	import type { ModalProps } from './modalState.svelte.js';
+	import type { ModalProps } from './types.js';
 
 	let {
 		// eslint-disable-next-line no-useless-assignment

package/dist/Modal/Modal.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ModalProps } from './modalState.svelte.js';
+import type { ModalProps } from './types.js';
 declare const Modal: import("svelte").Component<ModalProps, {}, "showModal">;
 type Modal = ReturnType<typeof Modal>;
 export default Modal;

package/dist/Modal/ModalContent.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 
-	interface ModalContentProps {
+	interface Props {
 		content?: Snippet;
 		disablePadding?: boolean;
 	}
 
-	let { content, disablePadding = false }: ModalContentProps = $props();
+	let { content, disablePadding = false }: Props = $props();
 </script>
 
 <div class="modal-content" class:padding={!disablePadding}>

package/dist/Modal/ModalContent.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
-interface ModalContentProps {
+interface Props {
     content?: Snippet;
     disablePadding?: boolean;
 }
-declare const ModalContent: import("svelte").Component<ModalContentProps, {}, "">;
+declare const ModalContent: import("svelte").Component<Props, {}, "">;
 type ModalContent = ReturnType<typeof ModalContent>;
 export default ModalContent;

package/dist/Modal/ModalFooter.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Button from '../Button/Button.svelte';
-	import type { ModalFooterProps } from './modalState.svelte.js';
+	import type { ModalFooterProps } from './types.js';
 
 	let { footer, onclose }: ModalFooterProps & { onclose: VoidFunction } = $props();
 </script>

package/dist/Modal/ModalFooter.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ModalFooterProps } from './modalState.svelte.js';
+import type { ModalFooterProps } from './types.js';
 type $$ComponentProps = ModalFooterProps & {
     onclose: VoidFunction;
 };

package/dist/Modal/ModalHeader.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ModalHeaderProps } from './modalState.svelte.js';
+	import type { ModalHeaderProps } from './types.js';
 
 	let {
 		title = '',

package/dist/Modal/ModalHeader.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ModalHeaderProps } from './modalState.svelte.js';
+import type { ModalHeaderProps } from './types.js';
 type $$ComponentProps = ModalHeaderProps & {
     onclose: VoidFunction;
 };

package/dist/Notification/Notification.svelte

@@ -1,5 +1,14 @@
 <script lang="ts">
-	import type { NotificationProps } from './notificationState.svelte';
+	import type { Snippet } from 'svelte';
+
+	type NotificationType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+
+	interface NotificationProps {
+		title?: string;
+		type: NotificationType;
+		disableBorder?: boolean;
+		content: Snippet;
+	}
 
 	let { title, disableBorder = false, content, type }: NotificationProps = $props();
 </script>

package/dist/Notification/Notification.svelte.d.ts

@@ -1,4 +1,11 @@
-import type { NotificationProps } from './notificationState.svelte';
+import type { Snippet } from 'svelte';
+type NotificationType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+interface NotificationProps {
+    title?: string;
+    type: NotificationType;
+    disableBorder?: boolean;
+    content: Snippet;
+}
 declare const Notification: import("svelte").Component<NotificationProps, {}, "">;
 type Notification = ReturnType<typeof Notification>;
 export default Notification;

package/dist/Processing/Processing.svelte

@@ -1,13 +1,19 @@
 <script lang="ts">
 	import Modal from '../Modal/Modal.svelte';
-	import type { ProcessingProps } from './processingState.svelte.js';
+
+	interface Props {
+		title?: string;
+		text?: string;
+		show?: boolean;
+		asModal?: boolean;
+	}
 
 	let {
 		title = 'Processing your request',
 		text = '',
 		show = $bindable(true),
 		asModal = false
-	}: ProcessingProps = $props();
+	}: Props = $props();
 </script>
 
 {#snippet processingContent()}

package/dist/Processing/Processing.svelte.d.ts

@@ -1,4 +1,9 @@
-import type { ProcessingProps } from './processingState.svelte.js';
-declare const Processing: import("svelte").Component<ProcessingProps, {}, "show">;
+interface Props {
+    title?: string;
+    text?: string;
+    show?: boolean;
+    asModal?: boolean;
+}
+declare const Processing: import("svelte").Component<Props, {}, "show">;
 type Processing = ReturnType<typeof Processing>;
 export default Processing;

package/dist/ProgressPage/ProgressPage.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
 	import { Button } from '../index.js';
 
-	type ProgressPageProps = {
+	interface Props {
 		iconName: string;
 		title: string;
 		description?: string;
 		documentationUrl?: string;
 		onclick?: VoidFunction;
 		buttonText?: string;
-	};
+	}
 
 	let {
 		iconName,
@@ -17,7 +17,7 @@
 		documentationUrl = '',
 		onclick,
 		buttonText = 'Save'
-	}: ProgressPageProps = $props();
+	}: Props = $props();
 </script>
 
 <article class="progress-page">

package/dist/ProgressPage/ProgressPage.svelte.d.ts

@@ -1,11 +1,11 @@
-type ProgressPageProps = {
+interface Props {
     iconName: string;
     title: string;
     description?: string;
     documentationUrl?: string;
     onclick?: VoidFunction;
     buttonText?: string;
-};
-declare const ProgressPage: import("svelte").Component<ProgressPageProps, {}, "">;
+}
+declare const ProgressPage: import("svelte").Component<Props, {}, "">;
 type ProgressPage = ReturnType<typeof ProgressPage>;
 export default ProgressPage;

package/dist/ProgressWizard/ProgressWizard.svelte

@@ -3,7 +3,7 @@
 
 	import { Button, ErrorPage, type ProgressWizardStep } from '../index.js';
 
-	interface ProgressWizardProps {
+	interface Props {
 		steps: ProgressWizardStep[];
 		currentStep: number;
 		readonly?: boolean;
@@ -21,7 +21,7 @@
 		content,
 		additionalButtons,
 		oncancel
-	}: ProgressWizardProps = $props();
+	}: Props = $props();
 
 	const allStepsDisabled = $derived<boolean>(steps.every((step) => step.disabled));
 	const firstActiveStep = $derived<number>(steps.findIndex((step) => !step.disabled) + 1);

package/dist/ProgressWizard/ProgressWizard.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type Snippet } from 'svelte';
 import { type ProgressWizardStep } from '../index.js';
-interface ProgressWizardProps {
+interface Props {
     steps: ProgressWizardStep[];
     currentStep: number;
     readonly?: boolean;
@@ -9,6 +9,6 @@ interface ProgressWizardProps {
     additionalButtons: Snippet<[lastActiveStep: number]>;
     oncancel: VoidFunction;
 }
-declare const ProgressWizard: import("svelte").Component<ProgressWizardProps, {}, "currentStep">;
+declare const ProgressWizard: import("svelte").Component<Props, {}, "currentStep">;
 type ProgressWizard = ReturnType<typeof ProgressWizard>;
 export default ProgressWizard;

package/dist/ProgressWizard/context.d.ts

@@ -1,5 +1,5 @@
 import { type Writable } from 'svelte/store';
-import type { ProgressWizardStep } from './progressWizardState.svelte.js';
+import type { ProgressWizardStep } from './types.js';
 export declare const setProgressWizardStepsContext: (steps: ProgressWizardStep[]) => Writable<{
     title: string;
     description?: string;

package/dist/ProgressWizard/{progressWizardState.svelte.d.ts → types.d.ts}

@@ -4,4 +4,3 @@ export type ProgressWizardStep = {
     isValid: boolean;
     disabled: boolean;
 };
-export declare const setStepValidity: (steps: ProgressWizardStep[], title: string, isValid: boolean) => void;

package/dist/ProgressWizard/utils.d.ts

@@ -0,0 +1,2 @@
+import type { ProgressWizardStep } from './types.js';
+export declare const setStepValidity: (steps: ProgressWizardStep[], title: string, isValid: boolean) => void;

package/dist/Spinner/Spinner.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	interface SpinnerProps {
+	interface Props {
 		show: boolean;
 		size?: 'sm' | 'md' | 'lg';
 		isFixedPosition?: boolean;
 	}
 
-	let { show = $bindable(false), size = 'lg', isFixedPosition = false }: SpinnerProps = $props();
+	let { show = $bindable(false), size = 'lg', isFixedPosition = false }: Props = $props();
 
 	const pixelSizes: Record<string, number> = {
 		sm: 16,

package/dist/Spinner/Spinner.svelte.d.ts

@@ -1,8 +1,8 @@
-interface SpinnerProps {
+interface Props {
     show: boolean;
     size?: 'sm' | 'md' | 'lg';
     isFixedPosition?: boolean;
 }
-declare const Spinner: import("svelte").Component<SpinnerProps, {}, "show">;
+declare const Spinner: import("svelte").Component<Props, {}, "show">;
 type Spinner = ReturnType<typeof Spinner>;
 export default Spinner;

package/dist/Switcher/Switcher.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { type SwitcherOption } from '../index.js';
 
-	interface SwitcherProps {
+	interface Props {
 		options: string[] | SwitcherOption[];
 		value?: string | null;
 	}
 
-	let { options, value = $bindable() }: SwitcherProps = $props();
+	let { options, value = $bindable() }: Props = $props();
 
 	const isStringArray = (items: string[] | SwitcherOption[]): items is string[] =>
 		typeof items[0] === 'string';

package/dist/Switcher/Switcher.svelte.d.ts

@@ -1,8 +1,8 @@
 import { type SwitcherOption } from '../index.js';
-interface SwitcherProps {
+interface Props {
     options: string[] | SwitcherOption[];
     value?: string | null;
 }
-declare const Switcher: import("svelte").Component<SwitcherProps, {}, "value">;
+declare const Switcher: import("svelte").Component<Props, {}, "value">;
 type Switcher = ReturnType<typeof Switcher>;
 export default Switcher;

package/dist/Table/AdvancedFilter.svelte

@@ -5,7 +5,7 @@
 	import type { Column } from './adapter/index.js';
 	import { Operation } from './consts.js';
 	import { type Filter } from './types.js';
-	import { sanitizeFilters } from './util.js';
+	import { sanitizeFilters } from './utils.js';
 
 	interface Props {
 		columns: Column<T, unknown>[];

package/dist/Table/Header.svelte

@@ -3,7 +3,7 @@
 
 	import { Search } from '../index.js';
 	import { FlexRender, type HeaderGroup, type RowData } from './adapter/index.js';
-	import { sanitizeFilters } from './util.js';
+	import { sanitizeFilters } from './utils.js';
 
 	interface Props {
 		headerGroups: HeaderGroup<T>[];

package/dist/Table/Table.svelte

@@ -31,7 +31,7 @@
 	import Header from './Header.svelte';
 	import Skeleton from './Skeleton.svelte';
 	import { type Filter, type Pagination } from './types.js';
-	import { createCheckedColumn, getPage, getPageLimit } from './util.js';
+	import { createCheckedColumn, getPage, getPageLimit } from './utils.js';
 
 	interface Props {
 		columns: ColumnDef<T, any>[];

package/dist/Table/index.d.ts

@@ -5,4 +5,4 @@ export { ColumnFormat, type ExcelSetting } from './excel-setting.js';
 export * from './excel.js';
 export { default as Table } from './Table.svelte';
 export type { Action, Pagination, Filter } from './types.js';
-export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './util.js';
+export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './utils.js';

package/dist/Table/index.js

@@ -4,4 +4,4 @@ export * from './context.js';
 export { ColumnFormat } from './excel-setting.js';
 export * from './excel.js';
 export { default as Table } from './Table.svelte';
-export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './util.js';
+export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './utils.js';

package/dist/Tabs/Tabs.svelte

@@ -3,14 +3,14 @@
 
 	import type { Tab } from '../index.js';
 
-	interface TabsProps {
+	interface Props {
 		tabs: Tab[];
 		activeTab?: number;
 		children?: Snippet;
 		onchange?: (index: number) => void;
 	}
 
-	let { tabs = [], activeTab = 0, children, onchange }: TabsProps = $props();
+	let { tabs = [], activeTab = 0, children, onchange }: Props = $props();
 
 	const handleClick = (index: number) => (): void => {
 		activeTab = index;

package/dist/Tabs/Tabs.svelte.d.ts

@@ -1,11 +1,11 @@
 import type { Snippet } from 'svelte';
 import type { Tab } from '../index.js';
-interface TabsProps {
+interface Props {
     tabs: Tab[];
     activeTab?: number;
     children?: Snippet;
     onchange?: (index: number) => void;
 }
-declare const Tabs: import("svelte").Component<TabsProps, {}, "">;
+declare const Tabs: import("svelte").Component<Props, {}, "">;
 type Tabs = ReturnType<typeof Tabs>;
 export default Tabs;

package/dist/Toast/Toast.svelte

@@ -2,13 +2,13 @@
 	import { linear } from 'svelte/easing';
 	import { fly, type FlyParams } from 'svelte/transition';
 
-	import { deleteToastById, getToast } from './toastState.svelte.js';
+	import { deleteToastById, getToast } from './state.svelte.js';
 
-	interface ToastProps {
+	interface Props {
 		duration?: number;
 	}
 
-	let { duration }: ToastProps = $props();
+	let { duration }: Props = $props();
 
 	const TRANSITION_DURATION = 100;
 	const VERTICAL_DISTANCE = 8;

package/dist/Toast/Toast.svelte.d.ts

@@ -1,6 +1,6 @@
-interface ToastProps {
+interface Props {
     duration?: number;
 }
-declare const Toast: import("svelte").Component<ToastProps, {}, "">;
+declare const Toast: import("svelte").Component<Props, {}, "">;
 type Toast = ReturnType<typeof Toast>;
 export default Toast;

package/dist/Toast/{toastState.svelte.d.ts → state.svelte.d.ts}

@@ -1,9 +1,4 @@
-type ToastType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
-export interface Toast {
-    type: ToastType;
-    message: string;
-    link?: string;
-}
+import type { Toast } from './types.js';
 interface ToastState extends Toast {
     id: string;
 }

package/dist/Toast/types.d.ts

@@ -0,0 +1,7 @@
+type ToastType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+export interface Toast {
+    type: ToastType;
+    message: string;
+    link?: string;
+}
+export {};

package/dist/Toast/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Tooltip/Tooltip.svelte

@@ -7,7 +7,7 @@
 	type Position = 'top' | 'bottom' | 'left' | 'right';
 	type Width = 'xs' | 'sm' | 'md';
 
-	interface TooltipProps {
+	interface Props {
 		content: string;
 		position?: Position;
 		width?: Width;
@@ -21,7 +21,7 @@
 		width = 'xs',
 		class: customClass = '',
 		children
-	}: TooltipProps = $props();
+	}: Props = $props();
 
 	let isVisible = $state(false);