@danske/sapphire-angular 2.2.0 → 2.3.0

package/lib/radio/public_api.d.ts

@@ -1,3 +1,5 @@
 export * from './src/radio.component';
 export * from './src/radio-group.component';
 export * from './src/radio.module';
+export * from './src/segmented/segmented-radio.component';
+export * from './src/segmented/segmented-radio-group.component';

package/lib/radio/src/radio-group.component.d.ts

@@ -1,65 +1,10 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { RadioComponent, SapphireRadioChange } from './radio.component';
-import { ControlValueAccessor } from '@angular/forms';
-import { BooleanInput } from '@angular/cdk/coercion';
+import { RadioGroupBase } from './shared/radio-group-base';
 import { FocusOrigin } from '@angular/cdk/a11y';
-import { FieldControl } from '../../field/src/field-control';
-import { FieldComponent } from '../../field/src/field.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../../theme/src/theme-check.directive";
-export declare class RadioGroupComponent implements ControlValueAccessor, FieldControl {
-    private changeDetectorRef;
-    _field: FieldComponent;
-    uniqueId: string;
+export declare class RadioGroupComponent extends RadioGroupBase {
     orientation: 'vertical' | 'horizontal';
-    /** Name of the radio button group. All radio buttons inside this group will use this name. */
-    get name(): string;
-    set name(value: string);
-    private _name;
-    /**
-     * Event emitted when the group value changes.
-     * Change events are only emitted when the value changes due to user interaction with
-     * the radio button (the same behavior as `<input type-"radio">`).
-     */
-    readonly change: EventEmitter<SapphireRadioChange>;
-    get value(): any;
-    set value(newValue: any);
-    private _value;
-    /**
-     * The currently selected radio button. If set to a new radio button, the radio group value
-     * will be updated to match the new selected button. */
-    get selected(): RadioComponent | null;
-    set selected(selected: RadioComponent | null);
-    private _selected;
-    /** Whether the radio group is disabled */
-    get disabled(): boolean;
-    set disabled(value: BooleanInput);
-    private _disabled;
-    /** Whether the radio group is readonly */
-    get readonly(): boolean;
-    set readonly(value: BooleanInput);
-    private _readonly;
-    /** Whether the radio group is required */
-    get required(): boolean;
-    set required(value: BooleanInput);
-    private _required;
-    /** Child radio buttons. */
-    private radios;
-    private onTouched;
-    _controlValueAccessorChangeFn: (value: any) => void;
-    constructor(changeDetectorRef: ChangeDetectorRef, _field: FieldComponent);
-    _checkSelectedRadioButton(): void;
-    /** Dispatch change event with current selection and group value. */
-    _emitChangeEvent(): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: (value: any) => void): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState(disabled: boolean): void;
-    isDisabled(): boolean;
-    _contentFocusChanged(focusOrigin: FocusOrigin): void;
-    /** Updates the `selected` radio button from the internal _value state. */
-    private updateSelectedRadioFromValue;
-    private updateRadioButtonNames;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "sp-radio-group", never, { "orientation": "orientation"; "name": "name"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, ["radios"], ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
+    _onFocusChange(focusOrigin: FocusOrigin): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "sp-radio-group", never, { "orientation": "orientation"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/radio/src/radio.component.d.ts

@@ -1,99 +1,7 @@
-import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { CanDisable } from '../../common/disabled';
-import { HasTabIndex } from '../../common/tabindex';
-import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { RadioGroupComponent } from './radio-group.component';
-import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { RadioBase } from './shared/radio-base';
 import * as i0 from "@angular/core";
 import * as i1 from "../../theme/src/theme-check.directive";
-/** Change event object emitted by radio. */
-export declare class SapphireRadioChange {
-    /** The new `checked` value of the radio. */
-    readonly source: RadioComponent;
-    /** The source radio of the event. */
-    readonly value: any;
-    constructor(
-    /** The new `checked` value of the radio. */
-    source: RadioComponent, 
-    /** The source radio of the event. */
-    value: any);
+export declare class RadioComponent extends RadioBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "sp-radio", never, { "tabIndex": "tabIndex"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
 }
-declare const _RadioMixinBase: import("../../common/constructor").Constructor<HasTabIndex> & import("../../common/constructor").AbstractConstructor<HasTabIndex> & import("../../common/constructor").Constructor<CanDisable> & import("../../common/constructor").AbstractConstructor<CanDisable> & {
-    new (_elementRef: ElementRef): {
-        _elementRef: ElementRef;
-    };
-};
-export declare class RadioComponent extends _RadioMixinBase implements OnInit, AfterViewInit, DoCheck, OnDestroy, CanDisable, HasTabIndex {
-    readonly radioGroup: RadioGroupComponent;
-    private _focusMonitor;
-    private _radioDispatcher;
-    /**
-     * Attached to the aria-label attribute of the host element. In most cases,
-     * aria-labelledby will take precedence so this may be omitted.
-     */
-    ariaLabel: string;
-    /**
-     * Users can specify the `aria-labelledby` attribute which will be forwarded
-     * to the input element
-     */
-    ariaLabelledby: string | null;
-    /** The 'aria-describedby' attribute is read after the element's label and field type. */
-    ariaDescribedby: string;
-    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
-    name: string;
-    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
-    autofocus: boolean;
-    _getAriaChecked(): 'true' | 'false';
-    /** A unique id for the radio input. If none is supplied, it will be auto-generated. */
-    id: string;
-    /** Returns the unique id for the visual hidden input. */
-    get inputId(): string;
-    /** Previous value of the input's tabindex. */
-    private previousTabIndex;
-    /** Unregister function for _radioDispatcher */
-    private removeUniqueSelectionListener;
-    /** The native `<input type="radio">` element */
-    _inputElement: ElementRef<HTMLInputElement>;
-    /** The value of this radio button. */
-    get value(): any;
-    set value(value: any);
-    private _value;
-    /** Whether this radio button is checked. */
-    get checked(): boolean;
-    set checked(value: BooleanInput);
-    private _checked;
-    /** Whether the radio button is disabled. */
-    get disabled(): boolean;
-    set disabled(value: BooleanInput);
-    private _disabled;
-    /** Whether the radio button is readonly. */
-    get readonly(): boolean;
-    set readonly(value: BooleanInput);
-    private _readonly;
-    /** Whether the radio button is required. */
-    get required(): boolean;
-    set required(value: BooleanInput);
-    private _required;
-    /**
-     * Event emitted when the checked state of this radio button changes.
-     * Change events are only emitted when the value changes due to user interaction with
-     * the radio button (the same behavior as `<input type-"radio">`).
-     */
-    readonly change: EventEmitter<SapphireRadioChange>;
-    constructor(radioGroup: RadioGroupComponent, elementRef: ElementRef, tabIndex: string, _focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher);
-    ngDoCheck(): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /** Focuses the radio button. */
-    focus(options?: FocusOptions, origin?: FocusOrigin): void;
-    /** Gets the tabindex for the underlying input element. */
-    private updateTabIndex;
-    private emitChangeEvent;
-    /** Triggered when the radio button receives an interaction from the user. */
-    _onInputInteraction(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, [{ optional: true; }, null, { attribute: "tabindex"; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "sp-radio", never, { "tabIndex": "tabIndex"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "name": "name"; "autofocus": "autofocus"; "id": "id"; "value": "value"; "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
-}
-export {};

package/lib/radio/src/radio.module.d.ts

@@ -1,12 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./radio.component";
 import * as i2 from "./radio-group.component";
-import * as i3 from "@angular/common";
-import * as i4 from "../../label/src/label.component";
-import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "../../field/src/field.module";
+import * as i3 from "./segmented/segmented-radio.component";
+import * as i4 from "./segmented/segmented-radio-group.component";
+import * as i5 from "@angular/common";
+import * as i6 from "../../label/src/label.component";
+import * as i7 from "@angular/cdk/a11y";
+import * as i8 from "../../field/src/field.module";
+import * as i9 from "../../common/sapphire-view-encapsulation";
 export declare class SapphireRadioModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireRadioModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireRadioModule, [typeof i1.RadioComponent, typeof i2.RadioGroupComponent], [typeof i3.CommonModule, typeof i4.LabelComponent, typeof i5.A11yModule, typeof i6.SapphireFieldModule], [typeof i1.RadioComponent, typeof i2.RadioGroupComponent, typeof i6.SapphireFieldModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireRadioModule, [typeof i1.RadioComponent, typeof i2.RadioGroupComponent, typeof i3.SegmentedRadioComponent, typeof i4.SegmentedRadioGroupComponent], [typeof i5.CommonModule, typeof i6.LabelComponent, typeof i7.A11yModule, typeof i8.SapphireFieldModule, typeof i9.UseComponentStyles], [typeof i1.RadioComponent, typeof i2.RadioGroupComponent, typeof i3.SegmentedRadioComponent, typeof i4.SegmentedRadioGroupComponent, typeof i8.SapphireFieldModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireRadioModule>;
 }

package/lib/radio/src/segmented/segmented-radio-group.component.d.ts

@@ -0,0 +1,40 @@
+import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { RadioGroupBase } from '../shared/radio-group-base';
+import { FocusOrigin } from '@angular/cdk/a11y';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../theme/src/theme-check.directive";
+export declare class SegmentedRadioGroupComponent extends RadioGroupBase implements AfterViewInit, OnDestroy, AfterViewChecked {
+    private zone;
+    private changeDetector;
+    segmentedControl: ElementRef;
+    /**
+     * Label (not shown on the screen).
+     * Required for accessibility reasons.
+     **/
+    ariaLabel: string;
+    /** Size of tabs */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Alignment of tabs' buttons group.
+     * @default 'left'
+     */
+    align?: 'left' | 'center' | 'right' | 'stretch';
+    private resizeObserver;
+    _gliderStyles: {
+        left: string;
+        width: string;
+    };
+    _animationEnabled: boolean;
+    _focusVisible: boolean;
+    constructor(zone: NgZone, changeDetector: ChangeDetectorRef);
+    private skipAnimationFrame;
+    private setGliderStyles;
+    private getSelectedTabPosition;
+    private shouldUpdateGliderStyles;
+    ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    _onFocusChange(focusOrigin: FocusOrigin): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedRadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedRadioGroupComponent, "sp-segmented-radio-group", never, { "ariaLabel": "aria-label"; "size": "size"; "align": "align"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/radio/src/segmented/segmented-radio.component.d.ts

@@ -0,0 +1,8 @@
+import { RadioBase } from '../shared/radio-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../theme/src/theme-check.directive";
+import * as i2 from "../../../common/sapphire-view-encapsulation";
+export declare class SegmentedRadioComponent extends RadioBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedRadioComponent, "sp-segmented-radio", never, { "tabIndex": "tabIndex"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
+}

package/lib/radio/src/shared/radio-base.d.ts

@@ -0,0 +1,103 @@
+import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { CanDisable } from '../../../common/disabled';
+import { HasTabIndex } from '../../../common/tabindex';
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { RadioGroupBase } from './radio-group-base';
+import * as i0 from "@angular/core";
+/** Change event object emitted by radio. */
+export declare class SapphireRadioChange {
+    /** The new `checked` value of the radio. */
+    readonly source: RadioBase;
+    /** The source radio of the event. */
+    readonly value: any;
+    constructor(
+    /** The new `checked` value of the radio. */
+    source: RadioBase, 
+    /** The source radio of the event. */
+    value: any);
+}
+declare const _RadioMixinBase: import("../../../common/constructor").Constructor<HasTabIndex> & import("../../../common/constructor").AbstractConstructor<HasTabIndex> & import("../../../common/constructor").Constructor<CanDisable> & import("../../../common/constructor").AbstractConstructor<CanDisable> & {
+    new (_elementRef: ElementRef): {
+        _elementRef: ElementRef;
+    };
+};
+/**
+ * @Directive decorator is just to be able to have a constructor with DI.
+ * This class is being extended by other components.
+ **/
+export declare class RadioBase extends _RadioMixinBase implements OnInit, AfterViewInit, DoCheck, OnDestroy, CanDisable, HasTabIndex {
+    readonly radioGroup: RadioGroupBase;
+    elementRef: ElementRef<HTMLLIElement>;
+    private _focusMonitor;
+    private _radioDispatcher;
+    /**
+     * Attached to the aria-label attribute of the host element. In most cases,
+     * aria-labelledby will take precedence so this may be omitted.
+     */
+    ariaLabel: string;
+    /**
+     * Users can specify the `aria-labelledby` attribute which will be forwarded
+     * to the input element
+     */
+    ariaLabelledby: string | null;
+    /** The 'aria-describedby' attribute is read after the element's label and field type. */
+    ariaDescribedby: string;
+    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
+    name: string;
+    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
+    autofocus: boolean;
+    _getAriaChecked(): 'true' | 'false';
+    /** A unique id for the radio input. If none is supplied, it will be auto-generated. */
+    id: string;
+    /** Returns the unique id for the visual hidden input. */
+    get inputId(): string;
+    /** Previous value of the input's tabindex. */
+    private previousTabIndex;
+    /** Unregister function for _radioDispatcher */
+    private removeUniqueSelectionListener;
+    /** The native `<input type="radio">` element */
+    _inputElement: ElementRef<HTMLInputElement>;
+    /** The value of this radio button. */
+    get value(): any;
+    set value(value: any);
+    private _value;
+    /** Whether this radio button is checked. */
+    get checked(): boolean;
+    set checked(value: BooleanInput);
+    private _checked;
+    /** Whether the radio button is disabled. */
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    /** Whether the radio button is readonly. */
+    get readonly(): boolean;
+    set readonly(value: BooleanInput);
+    private _readonly;
+    /** Whether the radio button is required. */
+    get required(): boolean;
+    set required(value: BooleanInput);
+    private _required;
+    /**
+     * Event emitted when the checked state of this radio button changes.
+     * Change events are only emitted when the value changes due to user interaction with
+     * the radio button (the same behavior as `<input type-"radio">`).
+     */
+    readonly change: EventEmitter<SapphireRadioChange>;
+    constructor(radioGroup: RadioGroupBase, elementRef: ElementRef<HTMLLIElement>, tabIndex: string, _focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher);
+    ngDoCheck(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Focuses the radio button. */
+    focus(options?: FocusOptions, origin?: FocusOrigin): void;
+    /** Gets the tabindex for the underlying input element. */
+    private updateTabIndex;
+    private emitChangeEvent;
+    /** Triggered when the radio button receives an interaction from the user. */
+    _onInputInteraction(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioBase, [{ optional: true; }, null, { attribute: "tabindex"; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioBase, never, never, { "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "name": "name"; "autofocus": "autofocus"; "id": "id"; "value": "value"; "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, never, never, false, never>;
+}
+export {};

package/lib/radio/src/shared/radio-group-base.d.ts

@@ -0,0 +1,63 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { RadioComponent } from '../radio.component';
+import { ControlValueAccessor } from '@angular/forms';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { FieldControl } from '../../../field/src/field-control';
+import { SapphireRadioChange } from './radio-base';
+import { FieldComponent } from '../../../field/src/field.component';
+import * as i0 from "@angular/core";
+export declare abstract class RadioGroupBase implements ControlValueAccessor, FieldControl {
+    private changeDetectorRef;
+    _field: FieldComponent;
+    uniqueId: string;
+    orientation: 'vertical' | 'horizontal';
+    /** Name of the radio button group. All radio buttons inside this group will use this name. */
+    get name(): string;
+    set name(value: string);
+    private _name;
+    /**
+     * Event emitted when the group value changes.
+     * Change events are only emitted when the value changes due to user interaction with
+     * the radio button (the same behavior as `<input type-"radio">`).
+     */
+    readonly change: EventEmitter<SapphireRadioChange>;
+    get value(): any;
+    set value(newValue: any);
+    private _value;
+    /**
+     * The currently selected radio button. If set to a new radio button, the radio group value
+     * will be updated to match the new selected button. */
+    get selected(): RadioComponent | null;
+    set selected(selected: RadioComponent | null);
+    private _selected;
+    /** Whether the radio group is disabled */
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    /** Whether the radio group is readonly */
+    get readonly(): boolean;
+    set readonly(value: BooleanInput);
+    private _readonly;
+    /** Whether the radio group is required */
+    get required(): boolean;
+    set required(value: BooleanInput);
+    private _required;
+    /** Child radio buttons. */
+    private radios;
+    onTouched: () => any;
+    _controlValueAccessorChangeFn: (value: any) => void;
+    constructor(changeDetectorRef: ChangeDetectorRef, _field: FieldComponent);
+    _checkSelectedRadioButton(): void;
+    /** Dispatch change event with current selection and group value. */
+    _emitChangeEvent(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(disabled: boolean): void;
+    isDisabled(): boolean;
+    /** Updates the `selected` radio button from the internal _value state. */
+    private updateSelectedRadioFromValue;
+    private updateRadioButtonNames;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupBase, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupBase, never, never, { "orientation": "orientation"; "name": "name"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, ["radios"], never, true, never>;
+}

package/lib/segmented-tabs/src/segmented-tabs.component.d.ts

@@ -27,7 +27,7 @@ export declare class SegmentedTabsComponent implements AfterContentInit, AfterVi
     readonly tabs: QueryList<SegmentedTabComponent>;
     private _tabIds;
     private resizeObserver;
-    _activeTabPosition: {
+    _gliderStyles: {
         left: string;
         width: string;
     };
@@ -44,7 +44,8 @@ export declare class SegmentedTabsComponent implements AfterContentInit, AfterVi
     _getTabContentTemplate(): import("@angular/core").TemplateRef<any> | null;
     _onFocusChange(origin: FocusOrigin): void;
     _onKeyDown(event: KeyboardEvent): void;
-    private setActiveTabPosition;
+    private setGliderStyles;
+    private getSelectedTabPosition;
     private onTabsChange;
     private skipAnimationFrame;
     private findFocusableIndex;

package/lib/table/public_api.d.ts

@@ -9,3 +9,4 @@ export * from './src/table-head.directive';
 export * from './src/table-sort.directive';
 export * from './src/table-sort-header.directive';
 export * from './src/table.module';
+export { CdkVirtualScrollViewportFixDirective } from './src/cdk-virtual-scroll-viewport-fix.directive';

package/lib/table/src/cdk-virtual-scroll-viewport-fix.directive.d.ts

@@ -0,0 +1,25 @@
+import { OnInit } from '@angular/core';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import * as i0 from "@angular/core";
+/**
+ * A patch to fix the issue of sticky header position getting affected
+ * by transform, which is due to transform making the element
+ * a [containing block](https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block).
+ *
+ * It intercepts style assignments on the content wrapper, and converts
+ * transform: translateY(value) to top: value, to avoid making the content
+ * wrapper a containing block for sticky positioned children.
+ *
+ * @see
+ * https://github.com/angular/components/issues/14833
+ * https://github.com/angular/components/issues/18240
+ * https://github.com/angular/components/issues/21576
+ * https://github.com/angular/components/issues/28584
+ */
+export declare class CdkVirtualScrollViewportFixDirective implements OnInit {
+    private cdkViewport;
+    constructor(cdkViewport: CdkVirtualScrollViewport);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkVirtualScrollViewportFixDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkVirtualScrollViewportFixDirective, "cdk-virtual-scroll-viewport", never, {}, {}, never, never, true, never>;
+}

package/lib/table/src/table.module.d.ts

@@ -12,9 +12,10 @@ import * as i10 from "./table-sort-header.directive";
 import * as i11 from "@angular/common";
 import * as i12 from "../../icon/src/icon.module";
 import * as i13 from "../../tooltip/src/truncated-with-tooltip.directive";
-import * as i14 from "../../common/sapphire-view-encapsulation";
+import * as i14 from "./cdk-virtual-scroll-viewport-fix.directive";
+import * as i15 from "../../common/sapphire-view-encapsulation";
 export declare class SapphireTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireTableModule, [typeof i1.TableComponent, typeof i2.TableDirective, typeof i3.TableBodyDirective, typeof i4.TableFooterDirective, typeof i5.TableHeadDirective, typeof i6.TableRowDirective, typeof i7.TableHeadCellComponent, typeof i8.TableCellDirective, typeof i9.TableSortDirective, typeof i10.TableSortHeaderDirective], [typeof i11.CommonModule, typeof i12.SapphireIconModule, typeof i13.TruncatedWithTooltipDirective, typeof i14.UseComponentStyles], [typeof i1.TableComponent, typeof i2.TableDirective, typeof i3.TableBodyDirective, typeof i4.TableFooterDirective, typeof i5.TableHeadDirective, typeof i6.TableRowDirective, typeof i7.TableHeadCellComponent, typeof i8.TableCellDirective, typeof i9.TableSortDirective, typeof i10.TableSortHeaderDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireTableModule, [typeof i1.TableComponent, typeof i2.TableDirective, typeof i3.TableBodyDirective, typeof i4.TableFooterDirective, typeof i5.TableHeadDirective, typeof i6.TableRowDirective, typeof i7.TableHeadCellComponent, typeof i8.TableCellDirective, typeof i9.TableSortDirective, typeof i10.TableSortHeaderDirective], [typeof i11.CommonModule, typeof i12.SapphireIconModule, typeof i13.TruncatedWithTooltipDirective, typeof i14.CdkVirtualScrollViewportFixDirective, typeof i15.UseComponentStyles], [typeof i1.TableComponent, typeof i2.TableDirective, typeof i3.TableBodyDirective, typeof i4.TableFooterDirective, typeof i5.TableHeadDirective, typeof i6.TableRowDirective, typeof i7.TableHeadCellComponent, typeof i8.TableCellDirective, typeof i9.TableSortDirective, typeof i10.TableSortHeaderDirective, typeof i14.CdkVirtualScrollViewportFixDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireTableModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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",
@@ -20,7 +20,7 @@
     "@internationalized/message": "^3.1.5",
     "tslib": "^2.3.0"
   },
-  "gitHead": "5289085e86eb94dc62d1e843364fbbd8f0c1903f",
+  "gitHead": "10be74789a9ced77ceebd1636b35c2ff99a115d9",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",