@danske/sapphire-angular 1.19.1 → 1.19.2

package/lib/table/src/table-cell.directive.d.ts

@@ -2,6 +2,7 @@ import { AfterContentChecked } from '@angular/core';
 import { TableRowDirective } from './table-row.directive';
 import { TableComponent } from './table.component';
 import { TruncatedWithTooltipDirective } from '../../tooltip/public_api';
+import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "../../tooltip/src/truncated-with-tooltip.directive";
 import * as i2 from "../../common/sapphire-view-encapsulation";
@@ -17,6 +18,11 @@ export declare class TableCellDirective implements AfterContentChecked {
      * @default 'left'
      */
     get align(): CellAlignment | undefined;
+    /**
+     * Applies the styles for selection cell.
+     * A selection cell is the first cell in a row, containing a checkbox.
+     */
+    selectionCell: BooleanInput;
     set align(value: CellAlignment | undefined);
     private _align;
     get width(): string | undefined;
@@ -27,6 +33,6 @@ export declare class TableCellDirective implements AfterContentChecked {
     constructor(table: TableComponent, truncatedWithTooltipDirective: TruncatedWithTooltipDirective, tableRow: TableRowDirective);
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCellDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCellDirective, "td[sp-table-td]", never, { "align": "align"; }, {}, never, never, false, [{ directive: typeof i1.TruncatedWithTooltipDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCellDirective, "td[sp-table-td]", never, { "align": "align"; "selectionCell": "selectionCell"; }, {}, never, never, false, [{ directive: typeof i1.TruncatedWithTooltipDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/lib/table/src/table-head-cell.component.d.ts

@@ -1,5 +1,6 @@
 import { TableSortHeaderDirective } from './table-sort-header.directive';
 import { TableComponent } from './table.component';
+import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
 export declare class TableHeadCellComponent {
@@ -12,8 +13,13 @@ export declare class TableHeadCellComponent {
     width?: string;
     minWidth?: string;
     maxWidth?: string;
+    /**
+     * Applies the styles for selection cell. A selection cell is the first cell in a row, containing
+     * a checkbox.
+     */
+    selectionCell: BooleanInput;
     get cellOverflow(): "wrap" | "truncate";
     constructor(table: TableComponent, tableSortHeader?: TableSortHeaderDirective | undefined);
     static ɵfac: i0.ɵɵFactoryDeclaration<TableHeadCellComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableHeadCellComponent, "th[sp-table-th]", never, { "align": "align"; "width": "width"; "minWidth": "minWidth"; "maxWidth": "maxWidth"; }, {}, never, ["*"], false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableHeadCellComponent, "th[sp-table-th]", never, { "align": "align"; "width": "width"; "minWidth": "minWidth"; "maxWidth": "maxWidth"; "selectionCell": "selectionCell"; }, {}, never, ["*"], false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

package/lib/table/src/table-row.directive.d.ts

@@ -1,7 +1,6 @@
 import { QueryList } from '@angular/core';
 import { TableComponent } from './table.component';
 import { TableCellDirective } from './table-cell.directive';
-import { TableHeadCellComponent } from './table-head-cell.component';
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
@@ -10,9 +9,13 @@ export declare class TableRowDirective<D = unknown> {
     cells: QueryList<TableCellDirective>;
     rowData: D | null;
     disabled: BooleanInput;
+    /**
+     * Applies selected row styles, and marks the row as selected for assistive technology.
+     */
+    selected: BooleanInput;
     private onRowClick;
-    getColumnHeadCell(cell: TableCellDirective): TableHeadCellComponent | undefined;
+    getColumnHeadCell(cell: TableCellDirective): import("@danske/sapphire-angular").TableHeadCellComponent | undefined;
     constructor(table: TableComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<TableRowDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableRowDirective<any>, "tr[sp-table-tr]", never, { "rowData": "rowData"; "disabled": "disabled"; }, {}, ["cells"], never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableRowDirective<any>, "tr[sp-table-tr]", never, { "rowData": "rowData"; "disabled": "disabled"; "selected": "selected"; }, {}, ["cells"], never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "1.19.1",
+  "version": "1.19.2",
   "license": "SEE LICENSE IN LICENSE",
   "description": "The Angular implementation of the Sapphire Design System from Danske Bank A/S",
   "module": "fesm2015/danske-sapphire-angular.mjs",
@@ -19,7 +19,7 @@
     "@danske/sapphire-css": "^27.1.1",
     "tslib": "^2.3.0"
   },
-  "gitHead": "cd122ead963e96cd3d285da62e66a53ca7bde597",
+  "gitHead": "2b52b5c75ffa40c8ee6a8b18aa2d1bc0cf5a53d9",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",