@softwareone/spi-sv5-library 1.14.0 → 1.14.1

package/dist/Tooltip/Tooltip.svelte.d.ts

@@ -1,13 +1,13 @@
 import type { Snippet } from 'svelte';
 type Position = 'top' | 'bottom' | 'left' | 'right';
 type Width = 'xs' | 'sm' | 'md';
-interface TooltipProps {
+interface Props {
     content: string;
     position?: Position;
     width?: Width;
     class?: string;
     children: Snippet;
 }
-declare const Tooltip: import("svelte").Component<TooltipProps, {}, "">;
+declare const Tooltip: import("svelte").Component<Props, {}, "">;
 type Tooltip = ReturnType<typeof Tooltip>;
 export default Tooltip;

package/dist/Waffle/Waffle.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { fade } from 'svelte/transition';
-	import type { WaffleItem } from './waffleState.svelte.js';
+	import type { WaffleItem } from './types.js';
 	import WaffleItems from './WaffleItems.svelte';
 
 	interface Props {

package/dist/Waffle/Waffle.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { WaffleItem } from './waffleState.svelte.js';
+import type { WaffleItem } from './types.js';
 interface Props {
     items?: WaffleItem[];
     showWaffle?: boolean;

package/dist/Waffle/types.js

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

package/dist/index.d.ts

@@ -1,10 +1,16 @@
 import Accordion from './Accordion/Accordion.svelte';
 import Avatar from './Avatar/Avatar.svelte';
-import Breadcrumbs from './Breadcrumbs/Breadcrumbs.svelte';
 import Button from './Button/Button.svelte';
 import Card from './Card/Card.svelte';
 import Chips from './Chips/Chips.svelte';
 import ConfirmationModal from './Confirmation/Confirmation.svelte';
+import AttachFile from './Controls/AttachFile/AttachFile.svelte';
+import Input from './Controls/Input/Input.svelte';
+import Label from './Controls/Label/Label.svelte';
+import RadioGroup from './Controls/RadioGroup/RadioGroup.svelte';
+import Select from './Controls/Select/Select.svelte';
+import TextArea from './Controls/TextArea/TextArea.svelte';
+import Toggle from './Controls/Toggle/Toggle.svelte';
 import DeleteConfirmationModal from './DeleteConfirmation/DeleteConfirmation.svelte';
 import ErrorPage from './ErrorPage/ErrorPage.svelte';
 import Footer from './Footer/Footer.svelte';
@@ -14,48 +20,37 @@ import HeaderLoader from './Header/HeaderLoader.svelte';
 import HeaderLogo from './Header/HeaderLogo.svelte';
 import HighlightPanel from './HighlightPanel/HighlightPanel.svelte';
 import Home from './Home/Home.svelte';
-import Input from './Controls/Input/Input.svelte';
-import Label from './Controls/Label/Label.svelte';
 import Link from './Link/Link.svelte';
 import Menu from './Menu/Menu.svelte';
+import Sidebar from './Menu/Sidebar.svelte';
 import Modal from './Modal/Modal.svelte';
 import Notification from './Notification/Notification.svelte';
 import Processing from './Processing/Processing.svelte';
 import ProgressPage from './ProgressPage/ProgressPage.svelte';
 import ProgressWizard from './ProgressWizard/ProgressWizard.svelte';
 import Search from './Search/Search.svelte';
-import Select from './Controls/Select/Select.svelte';
-import Sidebar from './Menu/Sidebar.svelte';
 import Spinner from './Spinner/Spinner.svelte';
 import Switcher from './Switcher/Switcher.svelte';
 import Tabs from './Tabs/Tabs.svelte';
-import TextArea from './Controls/TextArea/TextArea.svelte';
 import Toaster from './Toast/Toast.svelte';
-import RadioGroup from './Controls/RadioGroup/RadioGroup.svelte';
-import Toggle from './Controls/Toggle/Toggle.svelte';
 import Tooltip from './Tooltip/Tooltip.svelte';
 import Waffle from './Waffle/Waffle.svelte';
-import AttachFile from './Controls/AttachFile/AttachFile.svelte';
-import { addBreadcrumbsNameMap } from './Breadcrumbs/breadcrumbsState.svelte.js';
-import { ChipType } from './Chips/chipsState.svelte.js';
-import { ColumnType, ImageType } from './HighlightPanel/highlightPanelState.svelte.js';
-import { setProgressWizardStepsContext, getProgressWizardContext } from './ProgressWizard/context.js';
-import { setStepValidity } from './ProgressWizard/progressWizardState.svelte.js';
-import { addToast } from './Toast/toastState.svelte.js';
-import { getSubMenuItemsFromMenu } from './Menu/MenuState.svelte.js';
-import { createTabComponent } from './Tabs/tabsState.svelte.js';
-import type { AnnouncementItem } from './Announcement/AnnouncementState.svelte.js';
-import type { BreadcrumbsNameMap } from './Breadcrumbs/breadcrumbsState.svelte.js';
-import type { HighlightPanelColumn } from './HighlightPanel/highlightPanelState.svelte.js';
-import type { HomeItem } from './Menu/MenuState.svelte.js';
-import type { MainMenu, MenuItem, SubMenuItem } from './Menu/MenuState.svelte.js';
-import type { ModalProps } from './Modal/modalState.svelte.js';
-import type { ProgressWizardStep } from './ProgressWizard/progressWizardState.svelte.js';
-import type { RadioOption } from './Controls/RadioGroup/radioGroupState.svelte.js';
-import type { SwitcherOption } from './Switcher/switcherState.svelte.js';
-import type { SelectOption } from './Controls/Select/selectState.svelte.js';
-import type { Tab } from './Tabs/tabsState.svelte.js';
-import type { Toast } from './Toast/toastState.svelte.js';
-import type { WaffleItem } from './Waffle/waffleState.svelte.js';
-import type { NotificationProps } from './Notification/notificationState.svelte.js';
-export { Accordion, AttachFile, Avatar, Breadcrumbs, Button, Card, Chips, ConfirmationModal, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, getSubMenuItemsFromMenu, createTabComponent, ChipType, ColumnType, ImageType, type AnnouncementItem, type BreadcrumbsNameMap, type HighlightPanelColumn, type HomeItem, type MainMenu, type MenuItem, type ModalProps, type ProgressWizardStep, type RadioOption, type SelectOption, type SubMenuItem, type SwitcherOption, type Tab, type Toast, type WaffleItem, type NotificationProps };
+import { ChipType } from './Chips/enums.js';
+import { ColumnType, ImageType } from './HighlightPanel/enums.js';
+import { getSubMenuItemsFromMenu } from './Menu/utils.js';
+import { getProgressWizardContext, setProgressWizardStepsContext } from './ProgressWizard/context.js';
+import { setStepValidity } from './ProgressWizard/utils.js';
+import { createTabComponent } from './Tabs/types.js';
+import { addToast } from './Toast/state.svelte.js';
+import type { AnnouncementItem } from './Announcement/types.js';
+import type { RadioOption } from './Controls/RadioGroup/types.js';
+import type { SelectOption } from './Controls/Select/types.js';
+import type { HighlightPanelColumn } from './HighlightPanel/types.js';
+import type { HomeItem, MainMenu, MenuItem, SubMenuItem } from './Menu/types.js';
+import type { ModalProps } from './Modal/types.js';
+import type { ProgressWizardStep } from './ProgressWizard/types.js';
+import type { SwitcherOption } from './Switcher/types.js';
+import type { Tab } from './Tabs/types.js';
+import type { Toast } from './Toast/types.js';
+import type { WaffleItem } from './Waffle/types.js';
+export { Accordion, AttachFile, Avatar, Button, Card, Chips, ConfirmationModal, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, getSubMenuItemsFromMenu, createTabComponent, ChipType, ColumnType, ImageType, type AnnouncementItem, type HighlightPanelColumn, type HomeItem, type MainMenu, type MenuItem, type ModalProps, type ProgressWizardStep, type RadioOption, type SelectOption, type SubMenuItem, type SwitcherOption, type Tab, type Toast, type WaffleItem };

package/dist/index.js

@@ -1,11 +1,17 @@
 // Components
 import Accordion from './Accordion/Accordion.svelte';
 import Avatar from './Avatar/Avatar.svelte';
-import Breadcrumbs from './Breadcrumbs/Breadcrumbs.svelte';
 import Button from './Button/Button.svelte';
 import Card from './Card/Card.svelte';
 import Chips from './Chips/Chips.svelte';
 import ConfirmationModal from './Confirmation/Confirmation.svelte';
+import AttachFile from './Controls/AttachFile/AttachFile.svelte';
+import Input from './Controls/Input/Input.svelte';
+import Label from './Controls/Label/Label.svelte';
+import RadioGroup from './Controls/RadioGroup/RadioGroup.svelte';
+import Select from './Controls/Select/Select.svelte';
+import TextArea from './Controls/TextArea/TextArea.svelte';
+import Toggle from './Controls/Toggle/Toggle.svelte';
 import DeleteConfirmationModal from './DeleteConfirmation/DeleteConfirmation.svelte';
 import ErrorPage from './ErrorPage/ErrorPage.svelte';
 import Footer from './Footer/Footer.svelte';
@@ -15,41 +21,33 @@ import HeaderLoader from './Header/HeaderLoader.svelte';
 import HeaderLogo from './Header/HeaderLogo.svelte';
 import HighlightPanel from './HighlightPanel/HighlightPanel.svelte';
 import Home from './Home/Home.svelte';
-import Input from './Controls/Input/Input.svelte';
-import Label from './Controls/Label/Label.svelte';
 import Link from './Link/Link.svelte';
 import Menu from './Menu/Menu.svelte';
+import Sidebar from './Menu/Sidebar.svelte';
 import Modal from './Modal/Modal.svelte';
 import Notification from './Notification/Notification.svelte';
 import Processing from './Processing/Processing.svelte';
 import ProgressPage from './ProgressPage/ProgressPage.svelte';
 import ProgressWizard from './ProgressWizard/ProgressWizard.svelte';
 import Search from './Search/Search.svelte';
-import Select from './Controls/Select/Select.svelte';
-import Sidebar from './Menu/Sidebar.svelte';
 import Spinner from './Spinner/Spinner.svelte';
 import Switcher from './Switcher/Switcher.svelte';
 import Tabs from './Tabs/Tabs.svelte';
-import TextArea from './Controls/TextArea/TextArea.svelte';
 import Toaster from './Toast/Toast.svelte';
-import RadioGroup from './Controls/RadioGroup/RadioGroup.svelte';
-import Toggle from './Controls/Toggle/Toggle.svelte';
 import Tooltip from './Tooltip/Tooltip.svelte';
 import Waffle from './Waffle/Waffle.svelte';
-import AttachFile from './Controls/AttachFile/AttachFile.svelte';
 // State, enums, and helpers
-import { addBreadcrumbsNameMap } from './Breadcrumbs/breadcrumbsState.svelte.js';
-import { ChipType } from './Chips/chipsState.svelte.js';
-import { ColumnType, ImageType } from './HighlightPanel/highlightPanelState.svelte.js';
-import { setProgressWizardStepsContext, getProgressWizardContext } from './ProgressWizard/context.js';
-import { setStepValidity } from './ProgressWizard/progressWizardState.svelte.js';
-import { addToast } from './Toast/toastState.svelte.js';
-import { getSubMenuItemsFromMenu } from './Menu/MenuState.svelte.js';
-import { createTabComponent } from './Tabs/tabsState.svelte.js';
+import { ChipType } from './Chips/enums.js';
+import { ColumnType, ImageType } from './HighlightPanel/enums.js';
+import { getSubMenuItemsFromMenu } from './Menu/utils.js';
+import { getProgressWizardContext, setProgressWizardStepsContext } from './ProgressWizard/context.js';
+import { setStepValidity } from './ProgressWizard/utils.js';
+import { createTabComponent } from './Tabs/types.js';
+import { addToast } from './Toast/state.svelte.js';
 export { 
 // Components
-Accordion, AttachFile, Avatar, Breadcrumbs, Button, Card, Chips, ConfirmationModal, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, 
+Accordion, AttachFile, Avatar, Button, Card, Chips, ConfirmationModal, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, 
 // Functions and helpers
-addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, getSubMenuItemsFromMenu, createTabComponent, 
+addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, getSubMenuItemsFromMenu, createTabComponent, 
 // Enums
 ChipType, ColumnType, ImageType };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@softwareone/spi-sv5-library",
-	"version": "1.14.0",
+	"version": "1.14.1",
 	"description": "Svelte components",
 	"keywords": [
 		"svelte",

package/dist/Breadcrumbs/Breadcrumbs.svelte

@@ -1,78 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/state';
-
-	import { formatString, getBreadcrumbsNameMap } from './breadcrumbsState.svelte';
-
-	// Mapping for human-readable names
-	const map = getBreadcrumbsNameMap();
-
-	// Generate breadcrumb segments
-	function getBreadcrumbs() {
-		const segments = page.url.pathname.split('/').filter(Boolean);
-		return segments.map((segment, index) => ({
-			name: map.names[segment] || formatString(segment),
-			path: '/' + segments.slice(0, index + 1).join('/')
-		}));
-	}
-</script>
-
-<nav aria-label="Breadcrumb">
-	<ul class="breadcrumb">
-		<li><a href="/">Home</a></li>
-		{#each getBreadcrumbs() as { name, path }, i (i)}
-			<li>
-				{#if i === getBreadcrumbs().length - 1}
-					<span class="breadcrumbActive">{name}</span>
-				{:else}
-					<span><a href={path}>{name}</a></span>
-				{/if}
-			</li>
-		{/each}
-	</ul>
-</nav>
-
-<style>
-	.breadcrumb {
-		display: inline-flex;
-		align-items: flex-end;
-		gap: 9px;
-		margin-left: 16px;
-		padding: 8px 16px;
-		color: #472aff;
-		font-size: 14px;
-		font-style: normal;
-		font-weight: 400;
-		line-height: 20px;
-		text-decoration-line: none;
-	}
-
-	.breadcrumb li::after {
-		content: '/';
-		margin-left: 8px;
-		color: #472aff;
-		font-size: 14px;
-		font-style: normal;
-		font-weight: 400;
-		line-height: 20px;
-	}
-
-	.breadcrumb li:last-child::after {
-		content: '';
-	}
-
-	.breadcrumbActive {
-		color: #000;
-		font-size: 18px;
-		font-style: normal;
-		font-weight: 700;
-		line-height: 20px;
-	}
-
-	.breadcrumb a:visited {
-		color: inherit;
-	}
-
-	.breadcrumb a:hover {
-		color: #2b1999;
-	}
-</style>

package/dist/Breadcrumbs/Breadcrumbs.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Breadcrumbs: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Breadcrumbs = InstanceType<typeof Breadcrumbs>;
-export default Breadcrumbs;

package/dist/Breadcrumbs/breadcrumbsState.svelte.d.ts

@@ -1,8 +0,0 @@
-export interface BreadcrumbsNameMap {
-    [key: string]: string;
-}
-export declare function getBreadcrumbsNameMap(): {
-    names: BreadcrumbsNameMap;
-};
-export declare function addBreadcrumbsNameMap(breadcrumbs: BreadcrumbsNameMap): void;
-export declare function formatString(input: string): string;

package/dist/Breadcrumbs/breadcrumbsState.svelte.js

@@ -1,24 +0,0 @@
-const breadcrumbsState = $state({
-    names: {}
-});
-export function getBreadcrumbsNameMap() {
-    return breadcrumbsState;
-}
-export function addBreadcrumbsNameMap(breadcrumbs) {
-    breadcrumbsState.names = breadcrumbs;
-}
-export function formatString(input) {
-    return (input
-        // Replace hyphens and underscores with spaces
-        .replace(/[-_]/g, ' ')
-        // Insert spaces before uppercase letters (preserving the first letter)
-        .replace(/([a-z])([A-Z])/g, '$1 $2')
-        // Capitalize each word
-        .replace(/\b\w/g, (char) => char.toUpperCase()));
-}
-// const nameMap: Record<string, string> = {
-//     "dashboard": "Dashboard",
-//     "settings": "Settings",
-//     "profile": "Profile",
-//     "about-us": "About Us",
-//   };

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

@@ -1,9 +0,0 @@
-import type { Snippet } from 'svelte';
-type NotificationType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
-export interface NotificationProps {
-    title?: string;
-    type: NotificationType;
-    disableBorder?: boolean;
-    content: Snippet;
-}
-export {};

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

@@ -1,6 +0,0 @@
-export interface ProcessingProps {
-    title?: string;
-    text?: string;
-    show?: boolean;
-    asModal?: boolean;
-}