intelliwaketssveltekitv25 0.1.98 → 0.1.99

package/dist/Definitions.d.ts

@@ -145,17 +145,18 @@ export declare const ShowActivityOverlay: Pick<Writable<number>, "subscribe"> &
     hide: () => void;
     reset: () => void;
 };
-export interface IMessageBoxStore {
+export interface IMessageBoxStore<COLOR = string> {
     message: string | null;
     messageBody?: string | null;
-    color?: string;
+    color?: COLOR;
     dismissAt?: TDateAny | null;
 }
-export declare const ShowMessageBox: Pick<Writable<IMessageBoxStore[]>, "subscribe"> & {
-    show: (message: string | IMessageBoxStore) => void;
+export type TStoreMessageBox<COLOR = string> = Pick<Writable<IMessageBoxStore<COLOR>[]>, 'subscribe'> & {
+    show: (message: string | IMessageBoxStore, color?: COLOR) => void;
     hide: (message: (string | null) | (string | null)[]) => void;
     reset: () => void;
 };
+export declare const ShowMessageBox: TStoreMessageBox<string>;
 export type TChatBubblePosition = 'Right' | 'Left' | 'Top' | 'Bottom';
 export type TDropDownControlPosition = 'Right' | 'Left' | 'Center' | 'CenterForce' | null;
 export type TDropDownControlDrop = 'Up' | 'Down' | null;

package/dist/Definitions.js

@@ -38,7 +38,7 @@ const storeMessageBox = () => {
     const { subscribe, set, update } = writable([]);
     return {
         subscribe,
-        show: (message) => update((prevState) => [
+        show: (message, color) => update((prevState) => [
             ...prevState.filter((pS) => pS.message !== (typeof message === 'object' ? message.message : message)),
             typeof message === 'object'
                 ? {
@@ -47,7 +47,7 @@ const storeMessageBox = () => {
                         ? DateParseTS('now', { seconds: 3 })
                         : message.dismissAt
                 }
-                : { message: message, dismissAt: DateParseTS('now', { seconds: 3 }) }
+                : { message, color, dismissAt: DateParseTS('now', { seconds: 3 }) }
         ]),
         hide: (message) => update((prevState) => prevState.filter((pS) => !ToArray(message).includes(pS.message))),
         reset: () => set([])

package/dist/MessageBoxes.svelte

@@ -19,14 +19,15 @@
 </script>
 
 {#each $ShowMessageBox as messageBox (messageBox.message)}
-	<div class='w-fit max-w-[80vw] mx-auto mb-6 p-0 bg-blue-100 text-black shadow-xl rounded-lg overflow-hidden [&_*]:cursor-pointer pointer-events-auto print:hidden grid grid-cols-[2em_1fr_2em]'
+	<div class='messageBox w-fit max-w-[80vw] mx-auto mb-6 p-0 bg-blue-100 text-black shadow-xl rounded-lg overflow-hidden [&_*]:cursor-pointer pointer-events-auto print:hidden grid grid-cols-[2em_1fr_2em]'
 	     in:fly='{{ y: 200, duration: 200 }}'
 	     out:fade='{{ duration: 200 }}'
 	     role='button'
+			 data-color={messageBox.color}
 	     tabindex={-1}
 	     onclick={() => hideMessageBox(messageBox)}
 	     onkeydown={() => hideMessageBox(messageBox)}>
-		<div class='bg-blue-300 text-blue-600 flex justify-center items-center'>
+		<div class='messageBoxIcon bg-blue-300 text-blue-600 flex justify-center items-center'>
 			<svg xmlns='http://www.w3.org/2000/svg'
 			     class='inline-block'
 			     height='16'
@@ -35,10 +36,10 @@
 				<path d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/>
 			</svg>
 		</div>
-		<div class='py-1 px-2'>
+		<div class='messageBoxMessage py-1 px-2'>
 			{messageBox.message}
 		</div>
-		<div class='text-center pt-1'>
+		<div class='messageBoxClose text-center pt-1'>
 			<svg xmlns='http://www.w3.org/2000/svg'
 			     class='inline-block'
 			     height='16'

package/package.json

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