@marianmeres/stuic 1.50.0 → 1.52.0

package/dist/components/DismissibleMessage/DismissibleMessage.svelte

@@ -56,6 +56,7 @@ export let duration = 150;
 export let message;
 export let onDismiss = () => message = "";
 export let theme = "primary";
+export let forceAsHtml = false;
 let show = false;
 $:
   if (isTHCNotEmpty(message)) {
@@ -83,7 +84,7 @@ $:
 				classContent
 			)}
 		>
-			<Thc thc={message} />
+			<Thc thc={message} {forceAsHtml} />
 		</div>
 
 		{#if typeof onDismiss === 'function'}

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

@@ -21,6 +21,7 @@ declare const __propDef: {
         message: THC;
         onDismiss?: false | (() => void) | null | undefined;
         theme?: "primary" | TW_COLORS | "secondary" | undefined;
+        forceAsHtml?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Input/Field.svelte

@@ -73,12 +73,12 @@ $:
 		{#if label || $$slots.label}
 			<label
 				for={id}
-				class={twMerge(`
-					block flex-1 
-					${required ? "after:content-['*'] after:opacity-30 after:pl-1" : ''}
-					${labelSizePreset[size]}
-					${labelClass}
-				`)}
+				class={twMerge(
+					'block flex-1',
+					required ? "after:content-['*'] after:opacity-30 after:pl-1" : '',
+					labelSizePreset[size],
+					labelClass
+				)}
 				class:required
 			>
 				{#if $$slots.label}
@@ -91,16 +91,16 @@ $:
 		<slot name="right_of_label" />
 	</div>
 	<div
-		class={twMerge(`
-            rounded-md border border-gray-300
+		class={twMerge(
+			`rounded-md border border-gray-300
             bg-gray-100
             focus-within:border-stuic-primary
             focus-within:ring-4
             focus-within:ring-stuic-primary
-            focus-within:ring-opacity-20
-			${wrapClass}
-			${validation && !validation.valid ? invalidClass : ''}
-        `)}
+            focus-within:ring-opacity-20`,
+			wrapClass,
+			validation && !validation.valid ? invalidClass : ''
+		)}
 		class:cursor-not-allowed={disabled}
 		class:opacity-50={disabled}
 	>

package/dist/components/Input/FieldSelect.svelte

@@ -65,7 +65,14 @@ $:
 <div class={twMerge(`mb-4 ${_class}`)}>
 	<div class="flex items-end px-2 mb-1">
 		{#if label || $$slots.label}
-			<label for={id} class="block flex-1 {labelSizePreset[size]}">
+			<label
+				for={id}
+				class={twMerge(
+					'block flex-1',
+					required ? "after:content-['*'] after:opacity-30 after:pl-1" : '',
+					labelSizePreset[size]
+				)}
+			>
 				{#if $$slots.label}
 					<slot name="label" />
 				{:else}

package/dist/components/Thc/Thc.svelte

@@ -2,8 +2,9 @@
 export const isTHCNotEmpty = (m) => _is(m) || _is(m?.text) || _is(m?.html) || m?.component;
 </script>
 
-<script>export let forceAsHtml = false;
-export let thc;
+<script>export let thc;
+export let forceAsHtml = false;
+export let allowCastToStringFallback = true;
 </script>
 
 {#if typeof thc === 'string'}
@@ -14,7 +15,9 @@ export let thc;
 	{@html thc.html}
 {:else if thc?.component}
 	<svelte:component this={thc.component} {...thc?.props || {}} {...$$restProps || {}} />
-{:else}
-	<!-- cast to string as the last resort -->
+{:else if allowCastToStringFallback}
+	<!-- cast to string as the last resort (if enabled) -->
 	{thc}
+{:else}
+	<!-- silence -->
 {/if}

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

@@ -14,8 +14,9 @@ export declare const isTHCNotEmpty: (m: any) => any;
 declare const __propDef: {
     props: {
         [x: string]: any;
-        forceAsHtml?: boolean | undefined;
         thc: THC;
+        forceAsHtml?: boolean | undefined;
+        allowCastToStringFallback?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

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