@energinet/watt 4.0.2 → 4.0.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@energinet/watt",
-  "version": "4.0.2",
+  "version": "4.0.5",
   "license": "Apache-2.0",
   "exports": {
     ".": {

package/picker/__shared/watt-picker-base.d.ts

@@ -14,27 +14,28 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterViewInit, ChangeDetectorRef, DestroyRef, ElementRef, OnDestroy, OnInit, Signal } from '@angular/core';
+import { OnInit, Signal, OnDestroy, ElementRef, DestroyRef, AfterViewInit, ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { Subject } from 'rxjs';
 import { WattDateRange } from '@energinet/watt/core/date';
 import { WattPickerValue } from './watt-picker-value';
 import * as i0 from "@angular/core";
 export declare abstract class WattPickerBase implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
-    protected elementRef: ElementRef<HTMLElement>;
+    protected destroyRef: DestroyRef;
     protected changeDetectionRef: ChangeDetectorRef;
     protected ngControl: NgControl | null;
-    protected abstract input: Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected abstract startInput: Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected abstract endInput: Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected elementRef: ElementRef<HTMLElement>;
+    abstract input: Signal<ElementRef<HTMLInputElement> | undefined>;
+    abstract endInput: Signal<ElementRef<HTMLInputElement> | undefined>;
+    abstract startInput: Signal<ElementRef<HTMLInputElement> | undefined>;
     static nextId: number;
     id: string;
     initialValue: WattPickerValue;
     focused: boolean;
     controlType: string;
     stateChanges: Subject<void>;
-    protected _destroyRef: DestroyRef;
+    userAriaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
     get placeholder(): string;
     set placeholder(value: string);
     protected abstract _placeholder: string;
@@ -76,5 +77,5 @@ export declare abstract class WattPickerBase implements OnInit, AfterViewInit, O
     protected changeParentValue: (value: string | WattDateRange) => void;
     protected markParentControlAsTouched: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WattPickerBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WattPickerBase, never, never, { "value": { "alias": "value"; "required": false; }; "range": { "alias": "range"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WattPickerBase, never, never, { "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "range": { "alias": "range"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }

package/picker/datepicker/watt-datepicker.component.d.ts

@@ -14,10 +14,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ChangeDetectorRef, ElementRef, AfterViewInit } from '@angular/core';
+import { ElementRef, AfterViewInit, ChangeDetectorRef } from '@angular/core';
 import { AbstractControl, NgControl, Validator } from '@angular/forms';
-import { MatCalendarCellClassFunction, MatDateRangeInput, MatDateRangePicker, MatDatepickerInput, MatEndDate, MatStartDate } from '@angular/material/datepicker';
-import { WattDateRange, WattRange, WattSupportedLocales } from '@energinet/watt/core/date';
+import { MatEndDate, MatStartDate, MatDateRangeInput, MatDateRangePicker, MatDatepickerInput, MatCalendarCellClassFunction } from '@angular/material/datepicker';
+import { WattRange, WattDateRange, WattSupportedLocales } from '@energinet/watt/core/date';
 import { WattPickerBase, WattPickerValue } from '@energinet/watt/picker/__shared';
 import * as i0 from "@angular/core";
 export declare const danishTimeZoneIdentifier = "Europe/Copenhagen";
@@ -36,20 +36,20 @@ export declare class WattDatepickerComponent extends WattPickerBase implements V
     private locale;
     max: import("@angular/core").InputSignal<Date | undefined>;
     min: import("@angular/core").InputSignal<Date | undefined>;
+    label: import("@angular/core").InputSignal<string>;
     rangeMonthOnlyMode: import("@angular/core").InputSignal<boolean>;
     startAt: import("@angular/core").InputSignal<Date | null>;
-    label: import("@angular/core").InputSignal<string>;
     dateClass: import("@angular/core").InputSignal<MatCalendarCellClassFunction<Date>>;
     canStepThroughDays: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    protected matDatepickerInput: import("@angular/core").Signal<MatDatepickerInput<Date | null>>;
-    protected matDateRangePicker: import("@angular/core").Signal<MatDateRangePicker<Date | null>>;
-    protected matDateRangeInput: import("@angular/core").Signal<MatDateRangeInput<Date | null>>;
-    protected matStartDate: import("@angular/core").Signal<MatStartDate<Date | null>>;
-    protected matEndDate: import("@angular/core").Signal<MatEndDate<Date | null>>;
-    protected actualInput: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
-    protected input: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected startInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected endInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    matEndDate: import("@angular/core").Signal<MatEndDate<Date | null> | undefined>;
+    matStartDate: import("@angular/core").Signal<MatStartDate<Date | null> | undefined>;
+    matDateRangeInput: import("@angular/core").Signal<MatDateRangeInput<Date | null> | undefined>;
+    matDatepickerInput: import("@angular/core").Signal<MatDatepickerInput<Date | null> | undefined>;
+    matDateRangePicker: import("@angular/core").Signal<MatDateRangePicker<Date | null> | undefined>;
+    actualInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    input: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    endInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    startInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     protected _placeholder: string;
     rangeSeparator: string;
     rangePlaceholder: string;
@@ -61,7 +61,7 @@ export declare class WattDatepickerComponent extends WattPickerBase implements V
     isNextDayButtonDisabled: import("@angular/core").WritableSignal<boolean>;
     constructor();
     ngAfterViewInit(): void;
-    validate({ value }: AbstractControl<WattRange<string>>): {
+    validate: ({ value }: AbstractControl<WattRange<string>>) => {
         monthOnly: boolean;
     } | null;
     protected initSingleInput(): void;
@@ -91,5 +91,5 @@ export declare class WattDatepickerComponent extends WattPickerBase implements V
     private setToEndOfDay;
     private setEndDateToDanishTimeZone;
     static ɵfac: i0.ɵɵFactoryDeclaration<WattDatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WattDatepickerComponent, "watt-datepicker", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "rangeMonthOnlyMode": { "alias": "rangeMonthOnlyMode"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; "canStepThroughDays": { "alias": "canStepThroughDays"; "required": false; "isSignal": true; }; }, {}, never, ["*", "watt-field-hint", "watt-field-error"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattDatepickerComponent, "watt-datepicker", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "rangeMonthOnlyMode": { "alias": "rangeMonthOnlyMode"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; "canStepThroughDays": { "alias": "canStepThroughDays"; "required": false; "isSignal": true; }; }, {}, never, ["*", "watt-field-hint", "watt-field-error"], true, never>;
 }

package/picker/timepicker/watt-timepicker.component.d.ts

@@ -21,9 +21,9 @@ export declare class WattTimepickerComponent extends WattPickerBase {
      * Text to display on label for time range slider.
      */
     sliderLabel: import("@angular/core").InputSignal<string>;
-    protected input: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected startInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected endInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    input: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    startInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    endInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     sliderId: string;
     /**
      * Used for defining a relationship between the time picker and

package/table/index.d.ts

@@ -15,4 +15,4 @@
  * limitations under the License.
  */
 export { IWattTableDataSource, WattTableDataSource } from './watt-table-data-source';
-export { type WattTableColumn, type WattTableColumnDef, WattTableComponent, WattTableCellDirective, WattTableToolbarDirective, WattTableToolbarSpacerComponent, WATT_TABLE, } from './watt-table.component';
+export { type WattTableColumn, type WattTableColumnDef, WattTableComponent, WattTableCellDirective, WattTableToolbarDirective, WATT_TABLE, } from './watt-table.component';

package/table/watt-table.component.d.ts

@@ -15,11 +15,10 @@
  * limitations under the License.
  */
 import { KeyValue } from '@angular/common';
-import { AfterViewInit, ElementRef, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
 import type { Signal, TrackByFunction } from '@angular/core';
 import { MatSort, Sort, SortDirection } from '@angular/material/sort';
 import { Subject } from 'rxjs';
-import { WattDatePipe } from '@energinet/watt/core/date';
 import { IWattTableDataSource } from './watt-table-data-source';
 import * as i0 from "@angular/core";
 /** Class name for expandable cells. */
@@ -124,11 +123,11 @@ export declare class WattTableCellDirective<T> {
     /**
      * The WattTableColumn this template applies to.
      */
-    column: import("@angular/core").InputSignal<WattTableColumn<T>>;
+    readonly column: import("@angular/core").InputSignal<WattTableColumn<T>>;
     /**
      * Optional header text for the column.
      */
-    header: import("@angular/core").InputSignal<string | undefined>;
+    readonly header: import("@angular/core").InputSignal<string | undefined>;
     static ngTemplateContextGuard<T>(_directive: WattTableCellDirective<T>, context: unknown): context is WattTableCellContext<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WattTableCellDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<WattTableCellDirective<any>, "[wattTableCell]", never, { "column": { "alias": "wattTableCell"; "required": true; "isSignal": true; }; "header": { "alias": "wattTableCellHeader"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -143,74 +142,74 @@ export declare class WattTableToolbarDirective<T> {
  * Usage:
  * `import { WATT_TABLE } from '@energinet-datahub/watt/table';`
  */
-export declare class WattTableComponent<T> implements OnChanges, AfterViewInit {
+export declare class WattTableComponent<T> {
     /**
      * The table's source of data. Property should not be changed after
      * initialization, instead update the data on the instance itself.
      */
-    dataSource: import("@angular/core").InputSignal<IWattTableDataSource<T>>;
+    readonly dataSource: import("@angular/core").InputSignal<IWattTableDataSource<T>>;
     /**
      * Column definition record with keys representing the column identifiers
      * and values being the column configuration. The order of the columns
      * is determined by the property order, but can be overruled by the
      * `displayedColumns` input.
      */
-    columns: import("@angular/core").InputSignal<WattTableColumnDef<T>>;
+    readonly columns: import("@angular/core").InputSignal<WattTableColumnDef<T>>;
     /**
      * Used for hiding or reordering columns defined in the `columns` input.
      */
-    displayedColumns: import("@angular/core").InputSignal<string[] | undefined>;
+    readonly displayedColumns: import("@angular/core").InputSignal<string[] | undefined>;
     /**
      * Used for disabling the table. This will disable all user interaction
      */
-    disabled: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
     /**
      * Provide a description of the table for visually impaired users.
      */
-    description: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
     /**
      * If set to `true`, the table will show a loading indicator
      * when there is no data.
      */
-    loading: import("@angular/core").InputSignal<boolean>;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
     /**
      * If true the footer will be sticky
      */
-    stickyFooter: import("@angular/core").InputSignal<boolean>;
+    readonly stickyFooter: import("@angular/core").InputSignal<boolean>;
     /**
      * Optional callback for determining header text for columns that
      * do not have a static header text set in the column definition.
      * Useful for providing translations of column headers.
      */
-    resolveHeader: import("@angular/core").InputSignal<((key: string) => string) | undefined>;
+    readonly resolveHeader: import("@angular/core").InputSignal<((key: string) => string) | undefined>;
     /**
      * Identifier for column that should be sorted initially.
      */
-    sortBy: import("@angular/core").InputSignal<string>;
+    readonly sortBy: import("@angular/core").InputSignal<string>;
     /**
      * The sort direction of the initially sorted column.
      */
-    sortDirection: import("@angular/core").InputSignal<SortDirection>;
+    readonly sortDirection: import("@angular/core").InputSignal<SortDirection>;
     /**
      * Whether to allow the user to clear the sort. Defaults to `true`.
      */
-    sortClear: import("@angular/core").InputSignal<boolean>;
+    readonly sortClear: import("@angular/core").InputSignal<boolean>;
     /**
      * Whether the table should include a checkbox column for row selection.
      */
-    selectable: import("@angular/core").InputSignal<boolean>;
+    readonly selectable: import("@angular/core").InputSignal<boolean>;
     /**
      * Sets the selected rows. Only applicable when selectable is `true`.
      */
-    selection: import("@angular/core").ModelSignal<T[]>;
+    readonly selection: import("@angular/core").ModelSignal<T[]>;
     /**
      * Set to true to disable row hover highlight.
      */
-    suppressRowHoverHighlight: import("@angular/core").InputSignal<boolean>;
+    readonly suppressRowHoverHighlight: import("@angular/core").InputSignal<boolean>;
     /**
      * Highlights the currently active row.
      */
-    activeRow: import("@angular/core").InputSignal<T | undefined>;
+    readonly activeRow: import("@angular/core").InputSignal<T | undefined>;
     /**
      * Custom comparator function to determine if two rows are equal.
      *
@@ -220,64 +219,60 @@ export declare class WattTableComponent<T> implements OnChanges, AfterViewInit {
      * as long as the instances remain the same, which may not be the case
      * if row data is recreated or rebuilt from serialization.
      */
-    activeRowComparator: import("@angular/core").InputSignal<((currentRow: T, activeRow: T) => boolean) | undefined>;
+    readonly activeRowComparator: import("@angular/core").InputSignal<((currentRow: T, activeRow: T) => boolean) | undefined>;
     /**
      * If set to `true`, the column headers will not be shown. Default is `false`.
      */
-    hideColumnHeaders: import("@angular/core").InputSignal<boolean>;
+    readonly hideColumnHeaders: import("@angular/core").InputSignal<boolean>;
     /**
      * Choose from a predefined set of display variants.
      */
-    variant: import("@angular/core").InputSignal<"zebra" | undefined>;
+    readonly variant: import("@angular/core").InputSignal<"zebra" | undefined>;
     /**
      * Array of rows that are currently expanded.
      */
-    expanded: import("@angular/core").ModelSignal<T[]>;
+    readonly expanded: import("@angular/core").ModelSignal<T[]>;
     /**
      * Optional function for uniquely identifying rows.
      */
-    trackBy: import("@angular/core").InputSignal<TrackByFunction<T> | keyof T | undefined>;
+    readonly trackBy: import("@angular/core").InputSignal<TrackByFunction<T> | keyof T | undefined>;
     /**
      * @ignore
      * The `observed` boolean from the `Subject` is used to determine if a row is
      * clickable or not. This is available on `EventEmitter`, but not on `output`,
      * which is why this workaround is used.
      */
-    protected _rowClick$: Subject<T>;
+    protected rowClick$: Subject<T>;
     /**
      * Emits whenever a row is clicked.
      */
-    rowClick: import("@angular/core").OutputRef<T>;
+    readonly rowClick: import("@angular/core").OutputRef<T>;
     /**
      * Event emitted when the user changes the active sort or sort direction.
      */
-    sortChange: import("@angular/core").OutputEmitterRef<Sort>;
+    readonly sortChange: import("@angular/core").OutputEmitterRef<Sort>;
     protected cells: Signal<readonly WattTableCellDirective<T>[]>;
     protected toolbar: Signal<WattTableToolbarDirective<any> | undefined>;
     protected sort: Signal<MatSort | undefined>;
     protected tableCellElements: Signal<readonly ElementRef<HTMLTableCellElement>[]>;
-    /** @ignore */
-    _animationEffect: import("@angular/core").AfterRenderRef;
+    protected animationEffect: import("@angular/core").AfterRenderRef;
     protected filterSelectionBy: (rows: T[]) => T[];
     protected getSelectionState: () => boolean | null;
-    /** @ignore */
-    _checkboxColumn: string;
-    /** @ignore */
-    _expandableColumn: string;
-    /** @ignore */
-    _element: ElementRef<HTMLElement>;
-    /** @ignore */
-    _datePipe: WattDatePipe;
-    /** @ignore */
-    _hasFooter: import("@angular/core").WritableSignal<boolean>;
-    /** @ignore */
-    private formatCellData;
-    /** @ignore */
+    protected checkboxColumn: string;
+    protected expandableColumn: string;
+    protected hasFooter: Signal<boolean>;
+    protected isExpandable: Signal<boolean>;
+    protected renderedColumns: Signal<string[]>;
+    protected sizing: Signal<string[]>;
+    /** Try to get cell data for a specific `column` and `row`. */
     private getCellData;
-    /** @ignore */
-    private checkHasFooter;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    protected getColumnTemplate: (column: WattTableColumn<T>) => TemplateRef<any> | undefined;
+    protected getColumnHeader: (column: KeyValue<string, WattTableColumn<T>>) => string;
+    protected getColumnCell: (column: WattTableColumn<T>, row: T) => {} | null;
+    protected getRowKey: (index: number, row: T) => any;
+    protected isActiveRow: (row: T) => boolean;
+    protected onRowClick: (row: T) => void;
+    constructor();
     /**
      * Clears the selection.
      */
@@ -286,32 +281,8 @@ export declare class WattTableComponent<T> implements OnChanges, AfterViewInit {
      * Toggles the selection of a row.
      */
     toggleSelection: (row: T) => void;
-    /** @ignore */
-    _getColumns(): string[];
-    /** @ignore */
-    _getColumnTemplate(column: WattTableColumn<T>): TemplateRef<any> | undefined;
-    /** @ignore */
-    _getColumnHeader(column: KeyValue<string, WattTableColumn<T>>): string;
-    /** @ignore */
-    _getColumnHelperAction(column: KeyValue<string, WattTableColumn<T>>): (() => void) | undefined;
-    /** @ignore */
-    _getColumnHeaderTooltip(column: KeyValue<string, WattTableColumn<T>>): string | undefined;
-    /** @ignore */
-    _getColumnCell(column: KeyValue<string, WattTableColumn<T>>, row: T): {} | null;
-    /** @ignore */
-    _getRowKey: (index: number, row: T) => any;
-    /** @ignore */
-    _isActiveRow(row: T): boolean;
-    /** @ignore */
-    _isExpandable(): boolean;
-    /** @ignore */
-    _onRowClick(row: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WattTableComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WattTableComponent<any>, "watt-table", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "stickyFooter": { "alias": "stickyFooter"; "required": false; "isSignal": true; }; "resolveHeader": { "alias": "resolveHeader"; "required": false; "isSignal": true; }; "sortBy": { "alias": "sortBy"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortClear": { "alias": "sortClear"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "suppressRowHoverHighlight": { "alias": "suppressRowHoverHighlight"; "required": false; "isSignal": true; }; "activeRow": { "alias": "activeRow"; "required": false; "isSignal": true; }; "activeRowComparator": { "alias": "activeRowComparator"; "required": false; "isSignal": true; }; "hideColumnHeaders": { "alias": "hideColumnHeaders"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "expanded": "expandedChange"; "rowClick": "rowClick"; "sortChange": "sortChange"; }, ["cells", "toolbar"], never, true, never>;
 }
-export declare class WattTableToolbarSpacerComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<WattTableToolbarSpacerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WattTableToolbarSpacerComponent, "watt-table-toolbar-spacer", never, {}, {}, never, never, true, never>;
-}
-export declare const WATT_TABLE: (typeof WattTableToolbarSpacerComponent)[];
+export declare const WATT_TABLE: (typeof WattTableToolbarDirective | typeof WattTableComponent)[];
 export {};