@innertia-solutions/nuxt-theme-spark 0.1.70 → 0.1.71

package/components/Table/Standard.vue

@@ -46,11 +46,16 @@ const mergedParams = computed(() => ({
 const previewRow      = ref(null)
 const currentRatio    = ref(props.splitRatio)
 const containerRef    = ref(null)
+const previewEnabled  = ref(false)
+
 const closePreview = () => { previewRow.value = null }
 
 const handleRowClick = (row) => {
-  previewRow.value = previewRow.value?.id === row.id ? null : row
-  if (!slots.preview) emit('row-click', row)
+  if (previewEnabled.value) {
+    previewRow.value = previewRow.value?.id === row.id ? null : row
+  } else {
+    emit('row-click', row)
+  }
 }
 
 const startResize = (e) => {
@@ -70,7 +75,10 @@ const startResize = (e) => {
 }
 
 const onEsc = (e) => { if (e.key === 'Escape' && previewRow.value) closePreview() }
-onMounted(() => window.addEventListener('keydown', onEsc))
+onMounted(() => {
+  previewEnabled.value = !!slots.preview
+  window.addEventListener('keydown', onEsc)
+})
 onBeforeUnmount(() => window.removeEventListener('keydown', onEsc))
 
 // ─── Column panel ─────────────────────────────────────────────────────────────
@@ -126,12 +134,12 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
 
 <template>
   <div class="relative" ref="containerRef">
-    <div :class="previewRow && $slots.preview ? 'flex items-stretch gap-3' : ''">
+    <div :class="previewRow && previewEnabled ? '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="previewRow && $slots.preview ? { width: currentRatio + '%', minWidth: 0, flexShrink: 0 } : {}"
+        :style="previewRow && previewEnabled ? { 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">
@@ -221,7 +229,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"
+          :preview-mode="!!previewEnabled"
           @row-click="handleRowClick"
           @loaded="emit('loaded', $event)"
         >
@@ -233,7 +241,7 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
 
       <!-- Resize handle -->
       <div
-        v-if="previewRow && $slots.preview"
+        v-if="previewRow && previewEnabled"
         class="w-3 flex items-center justify-center cursor-col-resize shrink-0 group"
         @mousedown="startResize"
       >
@@ -250,7 +258,7 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
         leave-to-class="opacity-0 translate-x-4"
       >
         <div
-          v-if="previewRow && $slots.preview"
+          v-if="previewRow && previewEnabled"
           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/package.json

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