@marianmeres/stuic 2.41.0 → 2.41.2

package/dist/components/AssetsPreview/AssetsPreview.svelte

@@ -31,6 +31,7 @@
 	import { X } from "../X/index.js";
 	import { preloadImgs } from "../../utils/preload-img.js";
 	import { fade } from "svelte/transition";
+	import { C } from "vitest/dist/chunks/reporters.d.BFLkQcL6.js";
 
 	export type AssetPreviewUrlObj = {
 		// o
@@ -55,6 +56,7 @@
 	}
 
 	export interface Props {
+		class?: string;
 		assets: string[] | AssetPreview[];
 		classControls?: string;
 		/** Optional translate function */
@@ -67,6 +69,8 @@
 				close: () => void;
 			}
 		) => void;
+		/** optional "do not display file name" switch flag */
+		noName?: boolean;
 	}
 
 	export function getAssetIcon(ext?: string) {
@@ -163,7 +167,14 @@
 <script lang="ts">
 	const clog = createClog("AssetsPreview", { color: "auto" });
 
-	let { assets: _assets, t = t_default, classControls = "", onDelete }: Props = $props();
+	let {
+		class: classProp,
+		assets: _assets,
+		t = t_default,
+		classControls = "",
+		onDelete,
+		noName,
+	}: Props = $props();
 
 	let assets: AssetPreviewNormalized[] = $derived(
 		(_assets ?? []).map(normalizeInput).filter(Boolean) as AssetPreviewNormalized[]
@@ -378,7 +389,7 @@
 		onEscape={modal?.close}
 		classBackdrop="p-4 md:p-4"
 		classInner="max-w-full h-full"
-		class="max-h-full md:max-h-full rounded-lg"
+		class="max-h-full md:max-h-full rounded-lg {classProp}"
 		classMain="flex items-center justify-center relative stuic-assets-preview stuic-assets-preview-open"
 	>
 		{@const previewAsset = assets?.[previewIdx]}
@@ -501,14 +512,14 @@
 				</button>
 			</div>
 
-			{#if previewAsset?.name}
+			{#if !noName && previewAsset?.name}
 				<span class="absolute top-4 left-4 bg-white px-1 rounded">
 					{previewAsset?.name}
 				</span>
 			{/if}
 
 			{#if assets.length > 1}
-				{#if dotTooltip}
+				{#if !noName && dotTooltip}
 					<div
 						class="absolute bottom-10 left-0 right-0 text-center"
 						transition:fade={{ duration: 100 }}

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

@@ -10,6 +10,7 @@ export interface AssetPreview {
     type?: string;
 }
 export interface Props {
+    class?: string;
     assets: string[] | AssetPreview[];
     classControls?: string;
     /** Optional translate function */
@@ -18,6 +19,8 @@ export interface Props {
     onDelete?: (asset: AssetPreview, index: number, controls: {
         close: () => void;
     }) => void;
+    /** optional "do not display file name" switch flag */
+    noName?: boolean;
 }
 export declare function getAssetIcon(ext?: string): CallableFunction;
 declare const AssetsPreview: import("svelte").Component<Props, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marianmeres/stuic",
-  "version": "2.41.0",
+  "version": "2.41.2",
   "files": [
     "dist",
     "!dist/**/*.test.*",