@danske/sapphire-angular 1.15.0 → 1.16.0

package/fesm2020/danske-sapphire-angular.mjs

@@ -5312,10 +5312,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
 
 class TableRowDirective {
     onRowClick() {
-        this.table.rowAction.emit({
-            index: this.table.rows?.toArray().findIndex((row) => row === this) ?? -1,
-            rowData: this.rowData,
-        });
+        if (!this.disabled) {
+            this.table.rowAction.emit({
+                index: this.table.rows?.toArray().findIndex((row) => row === this) ?? -1,
+                rowData: this.rowData,
+            });
+        }
     }
     getColumnHeadCell(cell) {
         const index = this.cells.toArray().indexOf(cell);
@@ -5325,16 +5327,26 @@ class TableRowDirective {
         this.table = table;
         this.cells = new QueryList();
         this.rowData = null;
+        this.disabled = false;
     }
 }
 TableRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableRowDirective, deps: [{ token: forwardRef(() => TableComponent) }], target: i0.ɵɵFactoryTarget.Directive });
-TableRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableRowDirective, selector: "tr[sp-table-tr]", inputs: { rowData: "rowData" }, host: { listeners: { "click": "onRowClick()" }, classAttribute: "sapphire-table__row" }, queries: [{ propertyName: "cells", predicate: TableCellDirective }], hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0 });
+TableRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableRowDirective, selector: "tr[sp-table-tr]", inputs: { rowData: "rowData", disabled: "disabled" }, host: { listeners: { "click": "onRowClick()" }, properties: { "class.js-hover": "disabled" }, classAttribute: "sapphire-table__row" }, queries: [{ propertyName: "cells", predicate: TableCellDirective }], hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0 });
+__decorate([
+    CoerceBoolean
+], TableRowDirective.prototype, "disabled", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tr[sp-table-tr]',
                     host: {
                         class: 'sapphire-table__row',
+                        /**
+                         * We want the css hover styles to not be applied for the disabled rows.
+                         * The "js-hover" class basically means that we're taking over the hover
+                         * styles from css.
+                         */
+                        '[class.js-hover]': 'disabled',
                     },
                     hostDirectives: [UseComponentStyles],
                 }]
@@ -5346,6 +5358,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 args: [TableCellDirective]
             }], rowData: [{
                 type: Input
+            }], disabled: [{
+                type: Input
             }], onRowClick: [{
                 type: HostListener,
                 args: ['click']