@design.estate/dees-catalog 3.67.0 → 3.67.1

package/dist_watch/bundle.js

@@ -170618,7 +170618,7 @@ var _DeesTable = class _DeesTable extends (_a42 = DeesElement, _heading1_dec = [
               </th>
             ` : b2``}
         ${effectiveColumns.filter((c11) => !c11.hidden).map((col) => {
-      const isSortable = !!col.sortable;
+      const isSortable = col.sortable !== false;
       const ariaSort = this.getAriaSort(col);
       return b2`
               <th
@@ -170846,10 +170846,16 @@ var _DeesTable = class _DeesTable extends (_a42 = DeesElement, _heading1_dec = [
         headerHeight += realHeadRows[r11].getBoundingClientRect().height;
       }
     }
-    const shouldBeActive = tableRect.top < stick.top && tableRect.bottom > stick.top + Math.min(headerHeight, 1);
+    const distance = tableRect.bottom - stick.top;
+    const shouldBeActive = tableRect.top < stick.top && distance > 0;
     if (shouldBeActive !== this.__floatingActive) {
       this.__floatingActive = shouldBeActive;
       fh.classList.toggle("active", shouldBeActive);
+      if (!shouldBeActive) {
+        fh.style.height = "";
+        const ft = this.__floatingTableEl;
+        if (ft) ft.style.transform = "";
+      }
       if (shouldBeActive) {
         this.updateComplete.then(() => this.__syncFloatingHeader());
         return;
@@ -170878,8 +170884,12 @@ var _DeesTable = class _DeesTable extends (_a42 = DeesElement, _heading1_dec = [
     fh.style.top = `${stick.top}px`;
     fh.style.left = `${clipLeft}px`;
     fh.style.width = `${clipWidth}px`;
+    const visibleHeight = Math.min(headerHeight, distance);
+    const exitOffset = headerHeight - visibleHeight;
+    fh.style.height = `${visibleHeight}px`;
     floatTable.style.width = `${tableRect.width}px`;
     floatTable.style.marginLeft = `${tableRect.left - clipLeft}px`;
+    floatTable.style.transform = exitOffset > 0 ? `translateY(-${exitOffset}px)` : "";
   }
   async disconnectedCallback() {
     super.disconnectedCallback();
@@ -171191,7 +171201,7 @@ var _DeesTable = class _DeesTable extends (_a42 = DeesElement, _heading1_dec = [
     const key2 = String(col.key);
     const existing = this.getSortDescriptor(key2);
     const cascadeLen = this.sortBy.length;
-    const sortableColumnCount = effectiveColumns.filter((c11) => !!c11.sortable).length;
+    const sortableColumnCount = effectiveColumns.filter((c11) => c11.sortable !== false).length;
     const maxSlot = Math.min(
       Math.max(cascadeLen + (existing ? 0 : 1), 1),
       Math.max(sortableColumnCount, 1)
@@ -171285,6 +171295,16 @@ var _DeesTable = class _DeesTable extends (_a42 = DeesElement, _heading1_dec = [
         }, "action")
       });
     }
+    items.push({ divider: true });
+    items.push({
+      name: this.showColumnFilters ? "Hide column filters" : "Show column filters",
+      iconName: this.showColumnFilters ? "lucide:filterX" : "lucide:filter",
+      action: /* @__PURE__ */ __name(async () => {
+        this.showColumnFilters = !this.showColumnFilters;
+        this.requestUpdate();
+        return null;
+      }, "action")
+    });
     return items;
   }
   // ─── sort: indicator + ARIA ──────────────────────────────────────────