@innertia-solutions/nuxt-theme-spark 0.1.66 → 0.1.68

package/components/Table/Standard.vue

@@ -46,17 +46,11 @@ const mergedParams = computed(() => ({
 const previewRow      = ref(null)
 const currentRatio    = ref(props.splitRatio)
 const containerRef    = ref(null)
-const hasPreviewSlot  = computed(() => !!slots.preview)
-const showPreview     = computed(() => !!previewRow.value && hasPreviewSlot.value)
-
 const closePreview = () => { previewRow.value = null }
 
 const handleRowClick = (row) => {
-  if (hasPreviewSlot.value) {
-    previewRow.value = previewRow.value?.id === row.id ? null : row
-  } else {
-    emit('row-click', row)
-  }
+  previewRow.value = previewRow.value?.id === row.id ? null : row
+  if (!slots.preview) emit('row-click', row)
 }
 
 const startResize = (e) => {
@@ -132,12 +126,12 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
 
 <template>
   <div class="relative" ref="containerRef">
-    <div :class="showPreview ? 'flex items-stretch gap-3' : ''">
+    <div :class="previewRow && $slots.preview ? 'flex items-stretch gap-3' : ''">
 
       <!-- Card -->
       <div
         class="relative bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-2xl shadow-sm overflow-hidden"
-        :style="showPreview ? { width: currentRatio + '%', minWidth: 0, flexShrink: 0 } : {}"
+        :style="previewRow && $slots.preview ? { width: currentRatio + '%', minWidth: 0, flexShrink: 0 } : {}"
       >
         <!-- Toolbar -->
         <div class="flex flex-wrap items-center gap-3 px-4 py-3 border-b border-slate-200 dark:border-slate-700">
@@ -227,6 +221,7 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
           :show-reload-button="showReloadButton"
           :click-row-to-open="clickRowToOpen"
           :preview-row-id="previewRow?.id ?? null"
+          :preview-mode="!!$slots.preview"
           @row-click="handleRowClick"
           @loaded="emit('loaded', $event)"
         >
@@ -238,7 +233,7 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
 
       <!-- Resize handle -->
       <div
-        v-if="showPreview"
+        v-if="previewRow && $slots.preview"
         class="w-3 flex items-center justify-center cursor-col-resize shrink-0 group"
         @mousedown="startResize"
       >
@@ -255,7 +250,7 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
         leave-to-class="opacity-0 translate-x-4"
       >
         <div
-          v-if="showPreview"
+          v-if="previewRow && $slots.preview"
           class="bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-2xl shadow-sm overflow-hidden flex flex-col"
           :style="{ width: (100 - currentRatio) + '%', minWidth: 0, flexShrink: 0 }"
         >

package/components/Table.vue

@@ -21,6 +21,7 @@ const props = defineProps({
   gridClass: { type: String, default: 'grid grid-cols-2 lg:grid-cols-3 gap-4' },
   clickRowToOpen:  { type: Boolean, default: false },
   previewRowId:    { type: [String, Number], default: null },
+  previewMode:     { type: Boolean, default: false },
 })
 
 const emit = defineEmits(['update:search', 'row-click', 'loaded'])
@@ -420,7 +421,7 @@ const resetPerPage = () => {
 
 // ─── Row click ────────────────────────────────────────────────────────────────
 const hasRowClickListener = computed(() => !!instance?.vnode?.props?.onRowClick)
-const isRowClickEnabled = computed(() => props.clickRowToOpen || hasRowClickListener.value)
+const isRowClickEnabled = computed(() => props.clickRowToOpen || props.previewMode || hasRowClickListener.value)
 
 const interactiveSelector = [
   'a', 'button', 'input', 'select', 'textarea', 'label', 'summary',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innertia-solutions/nuxt-theme-spark",
-  "version": "0.1.66",
+  "version": "0.1.68",
   "description": "Innertia Solutions — Spark theme: backoffice, landing and mobile components and layouts",
   "keywords": [
     "nuxt",