@marianmeres/stuic 1.48.0 → 1.50.0

package/dist/components/DismissibleMessage/DismissibleMessage.svelte

@@ -1,6 +1,7 @@
 <script context="module">import { slide } from "svelte/transition";
 import { twMerge } from "tailwind-merge";
-import { Thc, X } from "../../index.js";
+import { Thc, X, isTHCNotEmpty } from "../../index.js";
+import { tick } from "svelte";
 const themes = {
   primary: "bg-stuic-primary/10   text-stuic-primary   dark:bg-stuic-primary   dark:text-white/90",
   secondary: "bg-stuic-secondary/10 text-stuic-secondary dark:bg-stuic-secondary dark:text-white/90",
@@ -53,11 +54,19 @@ export let classContent = "";
 export let classDismiss = "";
 export let duration = 150;
 export let message;
-export let onDismiss = () => message = null;
+export let onDismiss = () => message = "";
 export let theme = "primary";
+let show = false;
+$:
+  if (isTHCNotEmpty(message)) {
+    requestAnimationFrame(() => show = true);
+  } else {
+    show = false;
+  }
 </script>
 
-{#if message}
+<!-- {#if isNotEmpty(message)} -->
+{#if show}
 	<div
 		class={twMerge(
 			DismissibleMessageConfig.preset.box,

package/dist/components/DismissibleMessage/DismissibleMessage.svelte.d.ts

@@ -18,8 +18,8 @@ declare const __propDef: {
         classContent?: string | undefined;
         classDismiss?: string | undefined;
         duration?: number | undefined;
-        message: THC | null;
-        onDismiss?: (() => void) | null | undefined;
+        message: THC;
+        onDismiss?: false | (() => void) | null | undefined;
         theme?: "primary" | TW_COLORS | "secondary" | undefined;
     };
     events: {

package/dist/components/Thc/Thc.svelte

@@ -1,4 +1,6 @@
-<script context="module"></script>
+<script context="module">const _is = (m) => typeof m === "string" && m;
+export const isTHCNotEmpty = (m) => _is(m) || _is(m?.text) || _is(m?.html) || m?.component;
+</script>
 
 <script>export let forceAsHtml = false;
 export let thc;

package/dist/components/Thc/Thc.svelte.d.ts

@@ -10,6 +10,7 @@ interface WithHtml {
     html: string;
 }
 export type THC = string | WithText | WithHtml | WithComponent;
+export declare const isTHCNotEmpty: (m: any) => any;
 declare const __propDef: {
     props: {
         [x: string]: any;

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export { createNotificationsStore, NOTIFICATION_EVENT, type NotiticationsCreateS
 export { default as Notifications, NotificationsConfig, } from './components/Notifications/Notifications.svelte';
 export { default as Popover } from './components/Popover/Popover.svelte';
 export { default as Switch, SwitchConfig } from './components/Switch/Switch.svelte';
-export { default as Thc, type THC } from './components/Thc/Thc.svelte';
+export { default as Thc, type THC, isTHCNotEmpty } from './components/Thc/Thc.svelte';
 export { default as X } from './components/X/X.svelte';
 export { focusTrap } from './actions/focus-trap.js';
 export { onOutside } from './actions/on-outside.js';

package/dist/index.js

@@ -31,7 +31,7 @@ export { default as Notifications, NotificationsConfig, } from './components/Not
 export { default as Popover } from './components/Popover/Popover.svelte';
 //
 export { default as Switch, SwitchConfig } from './components/Switch/Switch.svelte';
-export { default as Thc } from './components/Thc/Thc.svelte';
+export { default as Thc, isTHCNotEmpty } from './components/Thc/Thc.svelte';
 //
 export { default as X } from './components/X/X.svelte';
 // actions

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.48.0",
+	"version": "1.50.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",