@ship-ui/core 0.15.10 → 0.15.13

package/index.d.ts

@@ -616,13 +616,6 @@ declare class ShipSortDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSortDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipSortDirective, "[shSort]", never, { "shSort": { "alias": "shSort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-declare class ShipStickyRowsDirective {
-    #private;
-    shStickyRows: _angular_core.InputSignal<string>;
-    ngAfterContentInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipStickyRowsDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipStickyRowsDirective, "[shStickyRows]", never, { "shStickyRows": { "alias": "shStickyRows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
 declare class ShipStickyColumnsDirective {
     #private;
     shStickyColumns: _angular_core.InputSignal<string>;
@@ -637,11 +630,15 @@ declare class ShipTableComponent {
     data: _angular_core.InputSignal<any>;
     dataChange: _angular_core.OutputEmitterRef<any>;
     sortByColumn: _angular_core.ModelSignal<string | null>;
+    currentClass: _angular_core.Signal<string>;
+    thead: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
     tbody: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
     columns: {
         signal: _angular_core.Signal<HTMLTableColElement[]>;
         destroy: () => void;
     };
+    stickyHeaderHeight: _angular_core.Signal<number>;
+    bodyEffect: _angular_core.EffectRef;
     class: _angular_core.WritableSignal<string>;
     resizing: _angular_core.WritableSignal<boolean>;
     sizeTrigger: _angular_core.WritableSignal<boolean>;
@@ -657,7 +654,7 @@ declare class ShipTableComponent {
     e: _angular_core.EffectRef;
     toggleSort(column: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTableComponent, "sh-table", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortByColumn": { "alias": "sortByColumn"; "required": false; "isSignal": true; }; }, { "dataChange": "dataChange"; "sortByColumn": "sortByColumnChange"; }, never, ["*", "[table-no-rows]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTableComponent, "sh-table", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortByColumn": { "alias": "sortByColumn"; "required": false; "isSignal": true; }; }, { "dataChange": "dataChange"; "sortByColumn": "sortByColumnChange"; }, never, ["th", "[thead]", "*", "[table-no-rows]"], true, never>;
 }
 
 declare class ShipTabsComponent {
@@ -780,5 +777,5 @@ interface ShipConfig {
     sidenavType?: 'overlay' | 'simple';
 }
 
-export { GridSortableDirective, SHIP_CONFIG, ShipAlertComponent, ShipAlertContainerComponent, ShipAlertModule, ShipAlertService, ShipButtonComponent, ShipButtonGroupComponent, ShipCardComponent, ShipCheckboxComponent, ShipChipComponent, ShipColorPickerComponent, ShipDatepickerComponent, ShipDatepickerInputComponent, ShipDaterangeInputComponent, ShipDialogComponent, ShipDialogService, ShipDividerComponent, ShipEventCardComponent, ShipFileDragDropDirective, ShipFileUploadComponent, ShipFormFieldComponent, ShipIconComponent, ShipListComponent, ShipMenuComponent, ShipPopoverComponent, ShipPreventWheelDirective, ShipProgressBarComponent, ShipRadioComponent, ShipRangeSliderComponent, ShipResizeDirective, ShipSelectComponent, ShipSidenavComponent, ShipSortDirective, ShipSortableComponent, ShipSortableDirective, ShipSpinnerComponent, ShipStepperComponent, ShipStickyColumnsDirective, ShipStickyRowsDirective, ShipTableComponent, ShipTabsComponent, ShipToggleCardComponent, ShipToggleComponent, ShipTooltipComponent, ShipTooltipDirective, ShipTooltipWrapper, ShipVirtualScrollComponent, moveIndex, watchHostClass };
+export { GridSortableDirective, SHIP_CONFIG, ShipAlertComponent, ShipAlertContainerComponent, ShipAlertModule, ShipAlertService, ShipButtonComponent, ShipButtonGroupComponent, ShipCardComponent, ShipCheckboxComponent, ShipChipComponent, ShipColorPickerComponent, ShipDatepickerComponent, ShipDatepickerInputComponent, ShipDaterangeInputComponent, ShipDialogComponent, ShipDialogService, ShipDividerComponent, ShipEventCardComponent, ShipFileDragDropDirective, ShipFileUploadComponent, ShipFormFieldComponent, ShipIconComponent, ShipListComponent, ShipMenuComponent, ShipPopoverComponent, ShipPreventWheelDirective, ShipProgressBarComponent, ShipRadioComponent, ShipRangeSliderComponent, ShipResizeDirective, ShipSelectComponent, ShipSidenavComponent, ShipSortDirective, ShipSortableComponent, ShipSortableDirective, ShipSpinnerComponent, ShipStepperComponent, ShipStickyColumnsDirective, ShipTableComponent, ShipTabsComponent, ShipToggleCardComponent, ShipToggleComponent, ShipTooltipComponent, ShipTooltipDirective, ShipTooltipWrapper, ShipVirtualScrollComponent, moveIndex, watchHostClass };
 export type { AfterDropResponse, ShipAlertItem, ShipAlertItemInternal, ShipAlertType, ShipDialogOptions, ShipDialogReturn, ShipDialogServiceOptions, ShipPopoverOptions, ShipProgressBarMode, ShipSidenavType };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ship-ui/core",
   "license": "MIT",
-  "version": "0.15.10",
+  "version": "0.15.13",
   "peerDependencies": {
     "@angular/common": ">=19",
     "@angular/core": ">=19"

package/styles/components/ship-table.component.scss

@@ -113,6 +113,10 @@ $shipTable: true !default;
         }
       }
 
+      tr:hover td {
+        background-color: var(--base-2);
+      }
+
       div[table-header] tr:first-child th {
         border-bottom: 0;
       }
@@ -148,6 +152,16 @@ $shipTable: true !default;
       position: relative;
 
       // &:has(div[table-header].sticky),
+      &:has(tr.sticky) {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+      }
+    }
+
+    thead {
+      position: relative;
+
       &:has(tr.sticky) {
         position: sticky;
         top: 0;
@@ -164,7 +178,7 @@ $shipTable: true !default;
     }
 
     tbody,
-    // thead,
+    thead,
     // div[table-header].sticky,
     tr {
       display: grid;
@@ -341,19 +355,6 @@ $shipTable: true !default;
       }
     }
 
-    [shStickyRows] {
-      display: grid;
-      grid-column: 1 / -1;
-      grid-template-columns: subgrid;
-      grid-template-rows: subgrid;
-      position: sticky;
-      top: 0;
-      z-index: 1; // Needs to be the same as regular sticky rows
-      border: 0;
-      border-color: var(--table-bc);
-      border-style: solid;
-    }
-
     [shStickyColumns] {
       display: grid;
       grid-template-columns: subgrid;