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

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">
@@ -238,7 +232,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 +249,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/package.json

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