intelliwaketssveltekitv25 0.1.97 → 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/dist/Modal.svelte

@@ -34,6 +34,7 @@
 		marginForStickyHeader = false,
 		okButtonWrap = false,
 		class: clazz = '',
+		color,
 		classHeader = '',
 		classButton = '',
 		borderFooter = true,
@@ -68,6 +69,7 @@
 		marginForStickyHeader?: boolean
 		okButtonWrap?: boolean
 		class?: string
+		color?: string
 		classHeader?: string
 		classButton?: string
 		borderFooter?: boolean
@@ -206,6 +208,7 @@
 				onkeydown={keyDown}
 				style:max-width={width}
 				bind:this={dialogElement}
+				data-color={color}
 				onclick={(e) => {
 					if (!isDialogMouseDown) cancelAction(e)
         }}
@@ -220,7 +223,7 @@
 			 role="button"
 			 tabindex={-1}>
 		<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-		<h4 class='bg-primary-main dark:bg-primary-face text-white py-2 px-4 select-none mb-0 {classHeader}'
+		<h4 class='dialogHeader bg-primary-main dark:bg-primary-face text-white py-2 px-4 select-none mb-0 {classHeader}'
 				class:cursor-grab={isMouseDown}
 				onmousedown={doMouseDown}>
 			{#if header}
@@ -240,7 +243,7 @@
 				</div>
 			{/if}
 		</h4>
-		<fieldset class='px-4 pb-6'
+		<fieldset class='px-4 pb-6 dialogBody'
 							disabled={disable}
 							class:pt-3={!marginForStickyHeader}
 							class:mt-3={marginForStickyHeader}
@@ -253,13 +256,13 @@
 		</fieldset>
 		{#if !!cancelButton || !!okButton}
 			<fieldset
-				class='grid grid-cols-[min-content_auto_auto_min-content] border-t-slate-200 dark:border-t-slate-700 px-4 py-2'
+				class='dialogButtons grid grid-cols-[min-content_auto_auto_min-content] border-t-slate-200 dark:border-t-slate-700 px-4 py-2'
 				class:border-t={borderFooter}
 				disabled={disable}>
 				<div class='pr-2'>
 					{#if !!cancelButton}
 						<button type='button'
-										class='btnClean bg-transparent hover:bg-transparent shadow-none text-slate-500 hover:text-slate-700 dark:text-slate-300 pl-0 pt-1'
+										class='dialogButtonCancel btnClean bg-transparent hover:bg-transparent shadow-none text-slate-500 hover:text-slate-700 dark:text-slate-300 pl-0 pt-1'
 										class:whitespace-nowrap={!okButtonWrap}
 										onclick={cancelAction}>
 							{cancelButton}
@@ -275,7 +278,7 @@
 				<div class='text-right pl-2'>
 					{#if !!okButton}
 						<button type={okType}
-										class='shadow-none {classButton}'
+										class='dialogButtonOK shadow-none okButton {classButton}'
 										class:whitespace-nowrap={!okButtonWrap}
 										bind:this={okButtonElement}
 										onclick={okAction}

package/dist/Modal.svelte.d.ts

@@ -23,6 +23,7 @@ type $$ComponentProps = {
     marginForStickyHeader?: boolean;
     okButtonWrap?: boolean;
     class?: string;
+    color?: string;
     classHeader?: string;
     classButton?: string;
     borderFooter?: boolean;

package/dist/ModalPromptControl.svelte

@@ -8,6 +8,7 @@
 <Modal bind:show={$ModalPrompt}
 			 {width}
 			 noShowValue={null}
+			 color={$ModalPrompt?.color}
 			 okButton={$ModalPrompt?.okLabel}
 			 okFAProps={$ModalPrompt?.titleFAProps ?? $ModalPrompt?.faProps}
 			 okDisabled={$ModalPrompt?.okDisabled}

package/dist/ModalPromptDefinition.d.ts

@@ -4,6 +4,7 @@ export type TModalPromptProps<T = unknown> = {
     title?: string;
     titleFAProps?: IFAProps;
     messageBody?: string;
+    color?: string;
     okLabel?: string;
     faProps?: IFAProps;
     okFAProps?: IFAProps;

package/package.json

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