@innertia-solutions/nuxt-theme-spark 0.1.37 → 0.1.39

package/components/Table/Standard.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { IconSearch, IconAdjustmentsHorizontal, IconLayoutColumns, IconGripVertical, IconBolt, IconReload } from '@tabler/icons-vue'
+import { IconSearch, IconAdjustmentsHorizontal, IconLayoutColumns, IconGripVertical } from '@tabler/icons-vue'
 
 const props = defineProps({
   endpoint: { type: String, required: true },
@@ -41,9 +41,9 @@ const showColumnPanel = ref(false)
 const columnPanelRef = ref(null)
 
 const orderedColumns = computed(() => {
-  if (!tableRef.value) return props.columns
-  const ids = tableRef.value.table.getAllLeafColumns().map(c => c.id)
-  return ids.map(id => props.columns.find(c => c.key === id)).filter(Boolean)
+  if (!tableRef.value) return props.columns.filter(c => c.label)
+  const ids = tableRef.value.table.getAllLeafColumns().map(c => c.id).filter(id => id !== 'select')
+  return ids.map(id => props.columns.find(c => c.key === id)).filter(c => c?.label)
 })
 
 let draggedKey = null
@@ -60,6 +60,9 @@ const onDrop = (key) => {
   if (from < 0 || to < 0) return
   ids.splice(from, 1)
   ids.splice(to, 0, draggedKey)
+  // keep 'select' pinned first
+  const selIdx = ids.indexOf('select')
+  if (selIdx > 0) { ids.splice(selIdx, 1); ids.unshift('select') }
   tableRef.value?.setColumnOrder(ids)
   draggedKey = null
   dragOverKey.value = null
@@ -123,31 +126,6 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
 
         <slot name="actions" />
 
-        <!-- Reload -->
-        <button
-          type="button"
-          @click="reload()"
-          class="py-1.5 px-2.5 inline-flex items-center gap-2 text-sm font-medium rounded-lg border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 transition-colors"
-          title="Recargar"
-        >
-          <IconReload class="size-4" />
-        </button>
-
-        <!-- Cache badge -->
-        <div v-if="tableRef?.isDataFromCache && tableRef?.cached" class="group relative flex items-center">
-          <div class="flex items-center gap-x-1.5 py-1.5 px-2.5 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 rounded-lg cursor-help hover:bg-emerald-500/20 transition-colors border border-emerald-200 dark:border-emerald-800">
-            <IconBolt class="size-3.5 fill-current" />
-            <span class="text-[10px] font-bold uppercase tracking-wider">Instant</span>
-          </div>
-          <div class="absolute top-full mt-2 right-0 hidden group-hover:block w-48 p-2.5 bg-slate-900 text-white text-[11px] leading-relaxed rounded-xl shadow-2xl z-50">
-            <div class="font-bold mb-1 flex items-center gap-x-1.5 text-emerald-400">
-              <IconBolt class="size-3" /> Datos en Caché
-            </div>
-            Cargados desde memoria local. Recarga para sincronizar.
-            <div class="absolute bottom-full right-4 mb-[-1px] border-4 border-transparent border-b-slate-900"></div>
-          </div>
-        </div>
-
         <!-- Column visibility toggle -->
         <button
           type="button"

package/components/Table.vue

@@ -294,12 +294,16 @@ const onHeaderDragOver = (e, colId) => { e.preventDefault(); dragOverHeaderId.va
 const onHeaderDragLeave = () => { dragOverHeaderId.value = null }
 const onHeaderDrop = (colId) => {
   if (!draggedHeaderId || draggedHeaderId === colId) return
+  if (colId === 'select') return
   const order = [...columnOrder.value]
   const from = order.indexOf(draggedHeaderId)
   const to = order.indexOf(colId)
   if (from < 0 || to < 0) return
   order.splice(from, 1)
   order.splice(to, 0, draggedHeaderId)
+  // keep 'select' pinned first
+  const selIdx = order.indexOf('select')
+  if (selIdx > 0) { order.splice(selIdx, 1); order.unshift('select') }
   columnOrder.value = order
   draggedHeaderId = null
   dragOverHeaderId.value = null

package/package.json

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