@softwareone/spi-sv5-library 1.5.7 → 1.5.9

package/dist/Avatar/Avatar.svelte

@@ -6,15 +6,29 @@
 		text: string;
 		backgroundColor?: BackgroundColor;
 		textColor?: TextColor;
+		keepOrder?: boolean;
 	}
 
-	let { text, backgroundColor = '#25282D', textColor = '#FFFFFF' }: AvatarProps = $props();
+	let {
+		text,
+		backgroundColor = '#25282D',
+		textColor = '#FFFFFF',
+		keepOrder = false
+	}: AvatarProps = $props();
 
-	const avatarSrc = (name: string): string => {
+	const avatarSrc = (text: string): string => {
 		const defaultValue = 'SO';
-		if (!name) return defaultValue;
-		const [lastName, firstName] = name.split(' ');
-		return `${firstName[0]}${lastName[0]}`.toUpperCase();
+		const trimmedText = text.trim();
+
+		if (!trimmedText) return defaultValue;
+
+		const [first, second] = trimmedText.split(/\s+/);
+
+		if (!second) return first[0].toUpperCase();
+
+		const initials = keepOrder ? `${first[0]}${second[0]}` : `${second[0]}${first[0]}`;
+
+		return initials.toUpperCase();
 	};
 </script>
 

package/dist/Avatar/Avatar.svelte.d.ts

@@ -4,6 +4,7 @@ interface AvatarProps {
     text: string;
     backgroundColor?: BackgroundColor;
     textColor?: TextColor;
+    keepOrder?: boolean;
 }
 declare const Avatar: import("svelte").Component<AvatarProps, {}, "">;
 type Avatar = ReturnType<typeof Avatar>;

package/dist/Form/FormController/Form.svelte

@@ -25,7 +25,7 @@
 		extraData?: Record<string, string | number>;
 		onsuccess: (data?: Record<string, unknown>) => void;
 		onfailure?: (status: number | undefined, error: unknown) => void;
-		children: Snippet;
+		children?: Snippet;
 	}
 
 	let {

package/dist/Form/FormController/Form.svelte.d.ts

@@ -8,7 +8,7 @@ declare const Form: import("svelte").Component<{
     extraData?: Record<string, string | number>;
     onsuccess: (data?: Record<string, unknown>) => void;
     onfailure?: (status: number | undefined, error: unknown) => void;
-    children: Snippet;
+    children?: Snippet;
 }, {}, "">;
 type Form = ReturnType<typeof Form>;
 export default Form;

package/dist/Header/Header.svelte

@@ -72,7 +72,13 @@
 			<Waffle items={waffleItems} bind:showWaffle />
 		{/if}
 		{#if menuItems}
-			<button type="button" class="header-button" onclick={toggleMenu} aria-label="menu button">
+			<button
+				type="button"
+				class={[showMenu && 'active', 'header-button']}
+				onclick={toggleMenu}
+				aria-label="menu button"
+				aria-expanded={showMenu}
+			>
 				<span class="material-icons icon-span menu-icon">menu</span>
 			</button>
 			<Menu {menuItems} bind:showMenu />

package/dist/HighlightPanel/HighlightPanel.svelte

@@ -44,7 +44,7 @@
 						{#if iconType === ImageType.Default}
 							<img src={content} alt="icon" />
 						{:else if iconType === ImageType.Avatar}
-							<Avatar text={content} />
+							<Avatar text={content} keepOrder={column.keepOrder} />
 						{:else if iconType === ImageType.Material}
 							<span class="material-icons">{content}</span>
 						{/if}

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

@@ -22,12 +22,22 @@ type Link = BaseColumn & {
     type: ColumnType.Link;
     url: string;
 };
-type Icon = BaseColumn & {
+type BaseIcon = BaseColumn & {
     type: ColumnType.Image;
-    iconType: ImageType;
     content: string;
     alignTextRight?: boolean;
 };
+type AvatarIcon = BaseIcon & {
+    iconType: ImageType.Avatar;
+    keepOrder?: boolean;
+};
+type ImageIcon = BaseIcon & {
+    iconType: ImageType.Default;
+};
+type MaterialIcon = BaseIcon & {
+    iconType: ImageType.Material;
+};
+type Icon = AvatarIcon | ImageIcon | MaterialIcon;
 type Status = BaseColumn & {
     type: ColumnType.Status;
     chipType: ChipType;

package/package.json

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