intelliwaketssveltekitv25 0.1.124 → 0.1.125

package/dist/Definitions.d.ts

@@ -149,6 +149,7 @@ export interface IMessageBoxStore<COLOR = string> {
     message: string | null;
     messageBody?: string | null;
     color?: COLOR;
+    dismissAfterSeconds?: number | null;
     dismissAt?: TDateAny | null;
 }
 export type TStoreMessageBox<COLOR = string> = Pick<Writable<IMessageBoxStore<COLOR>[]>, 'subscribe'> & {
@@ -165,3 +166,14 @@ export type TGenericMultiSelect = {
     id?: string | number | null;
 } & Record<string, any>;
 export type TKeyboardKey = 'Enter' | 'ArrowDown' | 'ArrowUp' | 'ArrowLeft' | 'ArrowRight' | 'Tab' | 'Backspace' | 'Escape';
+export interface IShowTextStore<COLOR = string> {
+    text: string | null;
+    color?: COLOR;
+    dismissAfterSeconds?: number | null;
+    dismissAt?: TDateAny | null;
+}
+export type TStoreShowText<COLOR = string> = Pick<Writable<IShowTextStore<COLOR> | null>, 'subscribe'> & {
+    show: (message: string | IShowTextStore, color?: COLOR) => void;
+    hide: () => void;
+};
+export declare const ShowText: TStoreShowText<string>;

package/dist/Definitions.js

@@ -36,21 +36,116 @@ const storeActivityOverlay = () => {
 export const ShowActivityOverlay = storeActivityOverlay();
 const storeMessageBox = () => {
     const { subscribe, set, update } = writable([]);
+    let checkInterval = null;
+    // Function to start the interval if not already running
+    const startInterval = () => {
+        if (checkInterval === null) {
+            checkInterval = setInterval(() => {
+                update((messages) => {
+                    const now = new Date();
+                    const filteredMessages = messages.filter((msg) => !msg.dismissAt || new Date(msg.dismissAt) > now);
+                    // If no messages left, clear the interval
+                    if (filteredMessages.length === 0) {
+                        if (checkInterval) {
+                            clearInterval(checkInterval);
+                            checkInterval = null;
+                        }
+                    }
+                    return filteredMessages;
+                });
+            }, 1000);
+        }
+    };
+    // Function to stop the interval
+    const stopInterval = () => {
+        if (checkInterval !== null) {
+            clearInterval(checkInterval);
+            checkInterval = null;
+        }
+    };
+    return {
+        subscribe,
+        show: (message, color) => update((prevState) => {
+            const newState = [
+                ...prevState.filter((pS) => pS.message !== (typeof message === 'object' ? message.message : message)),
+                typeof message === 'object'
+                    ? {
+                        ...message,
+                        dismissAt: message.dismissAt === undefined
+                            ? message.dismissAfterSeconds === null
+                                ? null
+                                : DateParseTS('now', { seconds: message.dismissAfterSeconds ?? 3 })
+                            : message.dismissAt
+                    }
+                    : { message, color, dismissAt: DateParseTS('now', { seconds: 3 }) }
+            ];
+            // Start interval if we have messages with dismissAt
+            if (newState.some((msg) => msg.dismissAt)) {
+                startInterval();
+            }
+            return newState;
+        }),
+        hide: (message) => update((prevState) => {
+            const newState = prevState.filter((pS) => !ToArray(message).includes(pS.message));
+            // If no messages left with dismissAt, stop the interval
+            if (!newState.some((msg) => msg.dismissAt)) {
+                stopInterval();
+            }
+            return newState;
+        }),
+        reset: () => {
+            stopInterval();
+            set([]);
+        }
+    };
+};
+export const ShowMessageBox = storeMessageBox();
+const storeShowText = () => {
+    const { subscribe, set, update } = writable(null);
+    let checkInterval = null;
+    // Function to start the interval if not already running
+    const startInterval = () => {
+        if (checkInterval === null) {
+            checkInterval = setInterval(() => {
+                update((message) => {
+                    if (message?.dismissAt !== null && (!message || DateCompare(message.dismissAt, 'IsSameOrBefore', 'now', 'seconds'))) {
+                        if (checkInterval) {
+                            clearInterval(checkInterval);
+                            checkInterval = null;
+                        }
+                        return null;
+                    }
+                    return message;
+                });
+            }, 1000);
+        }
+    };
+    // Function to stop the interval
+    const stopInterval = () => {
+        if (checkInterval !== null) {
+            clearInterval(checkInterval);
+            checkInterval = null;
+        }
+    };
     return {
         subscribe,
-        show: (message, color) => update((prevState) => [
-            ...prevState.filter((pS) => pS.message !== (typeof message === 'object' ? message.message : message)),
-            typeof message === 'object'
+        show: (text, color) => {
+            startInterval();
+            set(typeof text === 'object'
                 ? {
-                    ...message,
-                    dismissAt: message.dismissAt === undefined
-                        ? DateParseTS('now', { seconds: 3 })
-                        : message.dismissAt
+                    ...text,
+                    dismissAt: text.dismissAt === undefined
+                        ? text.dismissAfterSeconds === null
+                            ? null
+                            : DateParseTS('now', { seconds: text.dismissAfterSeconds ?? 3 })
+                        : text.dismissAt
                 }
-                : { message, color, dismissAt: DateParseTS('now', { seconds: 3 }) }
-        ]),
-        hide: (message) => update((prevState) => prevState.filter((pS) => !ToArray(message).includes(pS.message))),
-        reset: () => set([])
+                : { text, color, dismissAt: DateParseTS('now', { seconds: 3 }) });
+        },
+        hide: () => {
+            stopInterval();
+            set(null);
+        }
     };
 };
-export const ShowMessageBox = storeMessageBox();
+export const ShowText = storeShowText();

package/dist/DropDown.svelte

@@ -266,9 +266,8 @@
 						class='-mr-1 h-5 w-5 mt-0.5 inline-block float-right'
 						xmlns='http://www.w3.org/2000/svg'
 						viewBox='0 0 20 20'
-						fill='currentColor'
 						aria-hidden='true'
-						style={openingDown ? 'rotate: 0deg;' : 'rotate: 180deg;'}
+						style={`fill: currentColor; ${openingDown ? 'rotate: 0deg;' : 'rotate: 180deg;'}`}
 						bind:this={svgElement}
 					>
 						<path

package/dist/MessageBoxes.svelte

@@ -2,16 +2,6 @@
 	import type { IMessageBoxStore } from './Definitions'
 	import { ShowMessageBox } from './Definitions'
 	import { fade, fly } from 'svelte/transition'
-	import { DateCompare } from '@solidbasisventures/intelliwaketsfoundation'
-
-	setInterval(() => {
-		const toClears = $ShowMessageBox.filter(smb => !!smb.dismissAt && DateCompare(smb.dismissAt, 'IsBefore', 'now', 'seconds'))
-
-		if (toClears.length > 0) {
-			ShowMessageBox.hide(toClears.map(smb => smb.message ?? ''))
-		}
-
-	}, 1000)
 
 	function hideMessageBox(messageBox: IMessageBoxStore) {
 		ShowMessageBox.hide(messageBox.message)
@@ -32,7 +22,8 @@
 				 data-color-dark={messageBox.color}>
 			<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"
 					 image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" height="22" width="22"
-					 viewBox="0 0 512 512" fill="currentColor">
+					 viewBox="0 0 512 512"
+					 style="fill: currentColor;">
 				<path fill-rule="nonzero"
 							d="M256 0c70.69 0 134.69 28.66 181.02 74.98C483.34 121.3 512 185.31 512 256c0 70.69-28.66 134.7-74.98 181.02C390.69 483.34 326.69 512 256 512c-70.69 0-134.69-28.66-181.02-74.98C28.66 390.69 0 326.69 0 256c0-70.69 28.66-134.69 74.98-181.02C121.31 28.66 185.31 0 256 0zm-9.96 161.03c0-4.28.76-8.26 2.27-11.91 1.5-3.63 3.77-6.94 6.79-9.91 3-2.95 6.29-5.2 9.84-6.7 3.57-1.5 7.41-2.28 11.52-2.28 4.12 0 7.96.78 11.49 2.27 3.54 1.51 6.78 3.76 9.75 6.73 2.95 2.97 5.16 6.26 6.64 9.91 1.49 3.63 2.22 7.61 2.22 11.89 0 4.17-.73 8.08-2.21 11.69-1.48 3.6-3.68 6.94-6.65 9.97-2.94 3.03-6.18 5.32-9.72 6.84-3.54 1.51-7.38 2.29-11.52 2.29-4.22 0-8.14-.76-11.75-2.26-3.58-1.51-6.86-3.79-9.83-6.79-2.94-3.02-5.16-6.34-6.63-9.97-1.48-3.62-2.21-7.54-2.21-11.77zm13.4 178.16c-1.11 3.97-3.35 11.76 3.3 11.76 1.44 0 3.27-.81 5.46-2.4 2.37-1.71 5.09-4.31 8.13-7.75 3.09-3.5 6.32-7.65 9.67-12.42 3.33-4.76 6.84-10.22 10.49-16.31.37-.65 1.23-.87 1.89-.48l12.36 9.18c.6.43.73 1.25.35 1.86-5.69 9.88-11.44 18.51-17.26 25.88-5.85 7.41-11.79 13.57-17.8 18.43l-.1.06c-6.02 4.88-12.19 8.55-18.51 11.01-17.58 6.81-45.36 5.7-53.32-14.83-5.02-12.96-.9-27.69 3.06-40.37l19.96-60.44c1.28-4.58 2.89-9.62 3.47-14.33.97-7.87-2.49-12.96-11.06-12.96h-17.45c-.76 0-1.38-.62-1.38-1.38l.08-.48 4.58-16.68c.16-.62.73-1.04 1.35-1.02l89.12-2.79c.76-.03 1.41.57 1.44 1.33l-.07.43-37.76 124.7zm158.3-244.93c-41.39-41.39-98.58-67-161.74-67-63.16 0-120.35 25.61-161.74 67-41.39 41.39-67 98.58-67 161.74 0 63.16 25.61 120.35 67 161.74 41.39 41.39 98.58 67 161.74 67 63.16 0 120.35-25.61 161.74-67 41.39-41.39 67-98.58 67-161.74 0-63.16-25.61-120.35-67-161.74z" />
 			</svg>
@@ -46,7 +37,7 @@
 					 height='20'
 					 width='20'
 					 viewBox='0 0 512 512'
-					 fill="currentColor">
+					 style="fill: currentColor;">
 				<path
 					d='M192 244.7L45.9 98.6 34.6 109.9 180.7 256 34.6 402.1l11.3 11.3L192 267.3 338.1 413.4l11.3-11.3L203.3 256 349.4 109.9 338.1 98.6 192 244.7z' />
 			</svg>

package/dist/SlideDown.svelte

@@ -166,7 +166,7 @@
 						 class:rotate-180={show}
 						 xmlns='http://www.w3.org/2000/svg'
 						 viewBox='0 0 20 20'
-						 fill='currentColor'
+						 style="fill: currentColor;"
 						 aria-hidden='true'>
 					<path fill-rule='evenodd'
 								d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'

package/dist/TextSpan.svelte

@@ -0,0 +1,29 @@
+<script lang='ts'>
+	import { ShowText } from './Definitions'
+	import { fade } from 'svelte/transition'
+	import type { Snippet } from 'svelte'
+
+	let {
+		alternateText,
+		class: clazz = '',
+		children
+	}: {
+		alternateText?: string,
+		class?: string,
+		children?: Snippet
+	} = $props()
+</script>
+
+{#if $ShowText?.text || alternateText}
+	<span data-color-light={$ShowText?.color}
+				class={clazz}
+				out:fade='{{ duration: 200 }}'>
+		{#if $ShowText?.text}
+			{$ShowText.text}
+			{:else if alternateText}
+			{alternateText}
+			{/if}
+	</span>
+{:else if children}
+	{@render children()}
+{/if}

package/dist/TextSpan.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    alternateText?: string;
+    class?: string;
+    children?: Snippet;
+};
+declare const TextSpan: import("svelte").Component<$$ComponentProps, {}, "">;
+type TextSpan = ReturnType<typeof TextSpan>;
+export default TextSpan;

package/dist/index.d.ts

@@ -29,6 +29,7 @@ import Switch from './Switch.svelte';
 import SwitchDateNull from './SwitchDateNull.svelte';
 import TabHeader from './TabHeader.svelte';
 import TabHref from './TabHref.svelte';
+import TextSpan from './TextSpan.svelte';
 export * from './AboutData';
 export * from './Cookie';
 export * from './Definitions';
@@ -74,3 +75,4 @@ export { Switch };
 export { SwitchDateNull };
 export { TabHeader };
 export { TabHref };
+export { TextSpan };

package/dist/index.js

@@ -30,6 +30,7 @@ import Switch from './Switch.svelte';
 import SwitchDateNull from './SwitchDateNull.svelte';
 import TabHeader from './TabHeader.svelte';
 import TabHref from './TabHref.svelte';
+import TextSpan from './TextSpan.svelte';
 export * from './AboutData';
 export * from './Cookie';
 export * from './Definitions';
@@ -75,3 +76,4 @@ export { Switch };
 export { SwitchDateNull };
 export { TabHeader };
 export { TabHref };
+export { TextSpan };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "0.1.124",
+  "version": "0.1.125",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",