@danske/sapphire-angular 2.7.0 → 2.8.0

package/fesm2020/danske-sapphire-angular.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, inject, Directive, Optional, SkipSelf, Component, Input, NgModule, ViewEncapsulation, InjectionToken, Inject, isDevMode, forwardRef, ChangeDetectionStrategy, HostBinding, ContentChild, EventEmitter, Output, HostListener, LOCALE_ID, Pipe, ElementRef, ViewChild, Attribute, QueryList, ContentChildren, Injector, ViewChildren, ChangeDetectorRef, TemplateRef } from '@angular/core';
 import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import * as i2 from '@angular/common';
-import { CommonModule, NgIf, DOCUMENT } from '@angular/common';
+import { CommonModule, NgIf, DOCUMENT, NgTemplateOutlet } from '@angular/common';
 import { __decorate } from 'tslib';
 import * as icons from '@danske/sapphire-icons/js';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
@@ -8621,6 +8621,211 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 }]
         }] });
 
+class ListItemComponent {
+    constructor(elementRef, list) {
+        this.elementRef = elementRef;
+        this.list = list;
+    }
+    get _isInteractive() {
+        const hostElement = this.elementRef.nativeElement;
+        return (hostElement.hasAttribute('sp-list-item-interactive') ||
+            hostElement.tagName === 'A' ||
+            hostElement.tagName === 'BUTTON');
+    }
+    get _role() {
+        const hostElement = this.elementRef.nativeElement;
+        if (['BUTTON', 'A', 'LI'].includes(hostElement.tagName)) {
+            return undefined;
+        }
+        if (hostElement.hasAttribute('sp-list-item-interactive') &&
+            hostElement.tagName !== 'A' &&
+            hostElement.tagName !== 'BUTTON') {
+            return 'button';
+        }
+        return 'listitem';
+    }
+    get _isLastItem() {
+        // Only apply if hideLastDivider is true
+        if (!this.list.hideLastDivider)
+            return false;
+        return this.list.listItems.last === this;
+    }
+}
+ListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemComponent, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => ListComponent) }], target: i0.ɵɵFactoryTarget.Component });
+ListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemComponent, isStandalone: true, selector: "[sp-list-item], [sp-list-item-interactive]", host: { properties: { "class.sapphire-list__item--interactive": "_isInteractive", "class.sapphire-list__item--without-divider": "_isLastItem", "attr.role": "_role" }, classAttribute: "sapphire-list__item" }, hostDirectives: [{ directive: UseComponentStyles }, { directive: FocusedDirective }], ngImport: i0, template: "<ng-content></ng-content>\n<ng-content select=\"sp-list-item-content-left\"></ng-content>\n<ng-content select=\"sp-list-item-content-right\"></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[sp-list-item], [sp-list-item-interactive]', standalone: true, host: {
+                        class: 'sapphire-list__item',
+                        '[class.sapphire-list__item--interactive]': '_isInteractive',
+                        '[class.sapphire-list__item--without-divider]': '_isLastItem',
+                        '[attr.role]': `_role`,
+                    }, hostDirectives: [
+                        UseComponentStyles,
+                        {
+                            directive: FocusedDirective,
+                        },
+                    ], imports: [NgIf, NgTemplateOutlet, FocusedDirective], template: "<ng-content></ng-content>\n<ng-content select=\"sp-list-item-content-left\"></ng-content>\n<ng-content select=\"sp-list-item-content-right\"></ng-content>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ListComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => ListComponent)]
+                }] }]; } });
+
+class ListComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.hideLastDivider = false;
+        this.listItems = new QueryList();
+    }
+    get isListElement() {
+        const hostElement = this.elementRef.nativeElement;
+        return hostElement.tagName === 'UL' || hostElement.tagName === 'OL';
+    }
+}
+ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListComponent, isStandalone: true, selector: "[sp-list]", inputs: { hideLastDivider: "hideLastDivider" }, host: { properties: { "class.sapphire-list--without-last-divider": "hideLastDivider", "attr.role": "!isListElement ? \"list\" : undefined" }, classAttribute: "sapphire-list" }, providers: [ViewEncapsulationProvider], queries: [{ propertyName: "listItems", predicate: i0.forwardRef(function () { return ListItemComponent; }), descendants: true }], hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-list{box-sizing:border-box;width:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.sapphire-list__item{position:relative;display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg);background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);outline:none;font-family:var(--sapphire-semantic-font-name-default)}.sapphire-list__item--interactive{border:none;outline:none;text-decoration:none;box-sizing:border-box;width:100%;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-list__item:has(.sapphire-list__item--interactive){padding:0}.sapphire-list__item:focus-within{z-index:1}.sapphire-list__item>.sapphire-list__item--interactive{display:flex;justify-content:space-between;width:100%;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg);text-decoration:none;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;text-align:inherit;align-items:inherit}.sapphire-list--negative-margin-self{margin-left:calc(var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg) * 2)}.sapphire-list__item--interactive:disabled,.sapphire-list__item--interactive[aria-disabled=true]{cursor:not-allowed;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:not(:has(.sapphire-list__item--interactive)){box-shadow:inset 0 -1px 0 0 var(--sapphire-semantic-color-border-separator-default)}.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:last-child .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:not(.sapphire-list__item--interactive):last-child,.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item,.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus)>.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus)>.sapphire-list__item-ineractive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus){box-shadow:none}.sapphire-list__item.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus).sapphire-list__item--without-divider{box-shadow:none}.sapphire-list__item--interactive.is-hover:not(.is-active),.sapphire-list__item--interactive:not(.js-hover):not([aria-disabled=true]):not(:disabled):not(:active):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-list__item-content-interactive:focus,.sapphire-list__item-content-interactive:focus-visible{outline:none}.sapphire-list__item--interactive.is-focus,.sapphire-list__item--interactive:not(.js-focus):focus{outline:none;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);border:0;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-list__item--interactive:not(.is-disabled).is-active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-hover)}.sapphire-list__item-content-left{display:flex;align-items:center;margin-right:var(--sapphire-semantic-size-spacing-30);min-width:0;gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-list__item-content-right{display:flex;align-items:center;text-align:right;margin-left:var(--sapphire-semantic-size-spacing-30);color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-list__item-text{display:flex;flex-direction:column;font-family:var(--sapphire-semantic-font-name-default);min-width:0;overflow-wrap:break-word}.sapphire-list__item-text--reversedOrder{flex-direction:column-reverse}.sapphire-list__item-text-primary{color:var(--sapphire-semantic-color-content-default-primary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-text-lg);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-list__item-text-secondary{color:var(--sapphire-semantic-color-content-default-secondary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-text-md)}\n"] });
+__decorate([
+    CoerceBoolean
+], ListComponent.prototype, "hideLastDivider", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[sp-list]', standalone: true, template: `<ng-content></ng-content>`, host: {
+                        class: 'sapphire-list',
+                        '[class.sapphire-list--without-last-divider]': 'hideLastDivider',
+                        '[attr.role]': `!isListElement ? "list" : undefined`,
+                    }, hostDirectives: [UseComponentStylesOnHost], providers: [ViewEncapsulationProvider], imports: [UseComponentStylesOnHost], styles: [".sapphire-list{box-sizing:border-box;width:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.sapphire-list__item{position:relative;display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg);background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);outline:none;font-family:var(--sapphire-semantic-font-name-default)}.sapphire-list__item--interactive{border:none;outline:none;text-decoration:none;box-sizing:border-box;width:100%;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-list__item:has(.sapphire-list__item--interactive){padding:0}.sapphire-list__item:focus-within{z-index:1}.sapphire-list__item>.sapphire-list__item--interactive{display:flex;justify-content:space-between;width:100%;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg);text-decoration:none;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;text-align:inherit;align-items:inherit}.sapphire-list--negative-margin-self{margin-left:calc(var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg) * 2)}.sapphire-list__item--interactive:disabled,.sapphire-list__item--interactive[aria-disabled=true]{cursor:not-allowed;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:not(:has(.sapphire-list__item--interactive)){box-shadow:inset 0 -1px 0 0 var(--sapphire-semantic-color-border-separator-default)}.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:last-child .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:not(.sapphire-list__item--interactive):last-child,.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item,.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus)>.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus)>.sapphire-list__item-ineractive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus){box-shadow:none}.sapphire-list__item.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus).sapphire-list__item--without-divider{box-shadow:none}.sapphire-list__item--interactive.is-hover:not(.is-active),.sapphire-list__item--interactive:not(.js-hover):not([aria-disabled=true]):not(:disabled):not(:active):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-list__item-content-interactive:focus,.sapphire-list__item-content-interactive:focus-visible{outline:none}.sapphire-list__item--interactive.is-focus,.sapphire-list__item--interactive:not(.js-focus):focus{outline:none;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);border:0;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-list__item--interactive:not(.is-disabled).is-active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-hover)}.sapphire-list__item-content-left{display:flex;align-items:center;margin-right:var(--sapphire-semantic-size-spacing-30);min-width:0;gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-list__item-content-right{display:flex;align-items:center;text-align:right;margin-left:var(--sapphire-semantic-size-spacing-30);color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-list__item-text{display:flex;flex-direction:column;font-family:var(--sapphire-semantic-font-name-default);min-width:0;overflow-wrap:break-word}.sapphire-list__item-text--reversedOrder{flex-direction:column-reverse}.sapphire-list__item-text-primary{color:var(--sapphire-semantic-color-content-default-primary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-text-lg);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-list__item-text-secondary{color:var(--sapphire-semantic-color-content-default-secondary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-text-md)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { hideLastDivider: [{
+                type: Input
+            }], listItems: [{
+                type: ContentChildren,
+                args: [forwardRef(() => ListItemComponent), { descendants: true }]
+            }] } });
+
+class ListItemContentComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this._variant =
+            this.elementRef.nativeElement.tagName === 'SP-LIST-ITEM-CONTENT-RIGHT'
+                ? 'right'
+                : 'left';
+    }
+}
+ListItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemContentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ListItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemContentComponent, isStandalone: true, selector: "sp-list-item-content-right, sp-list-item-content-left", host: { properties: { "class.sapphire-list__item-content-right": "_variant === \"right\"", "class.sapphire-list__item-content-left": "_variant === \"left\"" } }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sp-list-item-content-right, sp-list-item-content-left',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    host: {
+                        '[class.sapphire-list__item-content-right]': '_variant === "right"',
+                        '[class.sapphire-list__item-content-left]': '_variant === "left"',
+                    },
+                    hostDirectives: [UseComponentStyles],
+                    imports: [UseComponentStyles],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class ListItemTextComponent {
+}
+ListItemTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ListItemTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemTextComponent, isStandalone: true, selector: "sp-list-item-text", host: { classAttribute: "sapphire-list__item-text" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sp-list-item-text',
+                    standalone: true,
+                    host: {
+                        class: 'sapphire-list__item-text',
+                    },
+                    template: '<ng-content></ng-content>',
+                    hostDirectives: [UseComponentStyles],
+                    imports: [UseComponentStyles],
+                }]
+        }] });
+
+class ListItemTextPrimaryComponent {
+}
+ListItemTextPrimaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ListItemTextPrimaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemTextPrimaryComponent, isStandalone: true, selector: "sp-list-item-text-primary", host: { classAttribute: "sapphire-list__item-text-primary" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextPrimaryComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sp-list-item-text-primary',
+                    standalone: true,
+                    host: {
+                        class: 'sapphire-list__item-text-primary',
+                    },
+                    template: '<ng-content></ng-content>',
+                    hostDirectives: [UseComponentStyles],
+                    imports: [UseComponentStyles],
+                }]
+        }] });
+
+class ListItemTextSecondaryComponent {
+}
+ListItemTextSecondaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ListItemTextSecondaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemTextSecondaryComponent, isStandalone: true, selector: "sp-list-item-text-secondary", host: { classAttribute: "sapphire-list__item-text-secondary" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextSecondaryComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sp-list-item-text-secondary',
+                    standalone: true,
+                    host: {
+                        class: 'sapphire-list__item-text-secondary',
+                    },
+                    template: '<ng-content></ng-content>',
+                    hostDirectives: [UseComponentStyles],
+                    imports: [UseComponentStyles],
+                }]
+        }] });
+
+class SapphireListModule {
+}
+SapphireListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SapphireListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireListModule, imports: [ListComponent,
+        ListItemComponent,
+        ListItemContentComponent,
+        ListItemTextComponent,
+        ListItemTextPrimaryComponent,
+        ListItemTextSecondaryComponent], exports: [ListComponent,
+        ListItemComponent,
+        ListItemContentComponent,
+        ListItemTextComponent,
+        ListItemTextPrimaryComponent,
+        ListItemTextSecondaryComponent] });
+SapphireListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireListModule, imports: [ListComponent,
+        ListItemComponent,
+        ListItemContentComponent,
+        ListItemTextComponent,
+        ListItemTextPrimaryComponent,
+        ListItemTextSecondaryComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        ListComponent,
+                        ListItemComponent,
+                        ListItemContentComponent,
+                        ListItemTextComponent,
+                        ListItemTextPrimaryComponent,
+                        ListItemTextSecondaryComponent,
+                    ],
+                    exports: [
+                        ListComponent,
+                        ListItemComponent,
+                        ListItemContentComponent,
+                        ListItemTextComponent,
+                        ListItemTextPrimaryComponent,
+                        ListItemTextSecondaryComponent,
+                    ],
+                }]
+        }] });
+
+// We have separate public_api.ts file for each angular module, to have them
+
 class SapphireCoreModule {
 }
 SapphireCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -8647,7 +8852,8 @@ SapphireCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
         SapphirePaginationModule,
         SapphireHelpButtonModule,
         SapphireSurfaceModule,
-        SapphireBadgeModule], exports: [SapphireButtonModule,
+        SapphireBadgeModule,
+        SapphireListModule], exports: [SapphireButtonModule,
         SapphireIconModule,
         SapphireTypographyModule,
         SapphireCheckboxModule,
@@ -8669,7 +8875,8 @@ SapphireCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
         SapphirePaginationModule,
         SapphireHelpButtonModule,
         SapphireSurfaceModule,
-        SapphireBadgeModule] });
+        SapphireBadgeModule,
+        SapphireListModule] });
 SapphireCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireCoreModule, imports: [CommonModule,
         SapphireThemeModule,
         SapphireButtonModule,
@@ -8693,7 +8900,8 @@ SapphireCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
         SapphirePaginationModule,
         SapphireHelpButtonModule,
         SapphireSurfaceModule,
-        SapphireBadgeModule, SapphireButtonModule,
+        SapphireBadgeModule,
+        SapphireListModule, SapphireButtonModule,
         SapphireIconModule,
         SapphireTypographyModule,
         SapphireCheckboxModule,
@@ -8715,7 +8923,8 @@ SapphireCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
         SapphirePaginationModule,
         SapphireHelpButtonModule,
         SapphireSurfaceModule,
-        SapphireBadgeModule] });
+        SapphireBadgeModule,
+        SapphireListModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireCoreModule, decorators: [{
             type: NgModule,
             args: [{
@@ -8745,6 +8954,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         SapphireHelpButtonModule,
                         SapphireSurfaceModule,
                         SapphireBadgeModule,
+                        SapphireListModule,
                     ],
                     exports: [
                         SapphireButtonModule,
@@ -8770,6 +8980,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         SapphireHelpButtonModule,
                         SapphireSurfaceModule,
                         SapphireBadgeModule,
+                        SapphireListModule,
                     ],
                 }]
         }] });
@@ -8782,5 +8993,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BadgeComponent, BasicSelectComponent, BasicSingleSelectDirective, ButtonComponent, ButtonGroupComponent, ButtonIconDirective, CdkVirtualScrollViewportFixDirective, CheckboxChange, CheckboxComponent, CheckboxGroupComponent, ConfirmationDialogComponent, DEFAULT_BREAKPOINTS, DangerDialogComponent, DialogComponent, DialogTriggerDirective, FieldComponent, FieldControl, FieldErrorDirective, FieldLabelDirective, FieldNoteDirective, FieldNoteSuffixDirective, FocusedDirective, HeadingComponent, HelpButtonComponent, HelpButtonContentDirective, HelpButtonFooterDirective, HelpButtonHeaderDirective, ICON_SIZE_PROVIDER, IconButtonComponent, IconComponent, LabelComponent, LinkComponent, ListboxChild, ListboxComponent, ListboxInputDirective, MenuComponent, MenuIconComponent, MenuItemComponent, MenuPrimaryTextComponent, MenuSecondaryTextComponent, MenuSectionComponent, MenuTriggerDirective, ModalBackButtonDirective, ModalBodyComponent, ModalCloseButtonDirective, ModalFooterComponent, ModalFooterDirective, ModalHeaderComponent, ModalHeaderDirective, ModalLayoutComponent, ModalService, MultiSelectDirective, NotificationBadgeComponent, OptionComponent, OptionIconDirective, OptionPrimaryTextDirective, OptionSecondaryTextDirective, POPOVER_TRIGGER, PaginationComponent, PanelComponent, PanelTriggerDirective, ParagraphComponent, PopoverCloseButtonDirective, PopoverComponent, PopoverTitleDirective, PopoverTriggerDirective, PressedDirective, RadioComponent, RadioGroupComponent, SapphireBadgeModule, SapphireButtonModule, SapphireCheckboxModule, SapphireCheckboxRequiredValidator, SapphireCoreModule, SapphireFieldModule, SapphireHelpButtonModule, SapphireIconModule, SapphireLinkModule, SapphireListboxModule, SapphireMenuModule, SapphireModalModule, SapphireNotificationBadgeModule, SapphireOverlay, SapphirePaginationChange, SapphirePaginationModule, SapphirePopoverModule, SapphireRadioModule, SapphireSegmentedTabsModule, SapphireSelectModule, SapphireSkeletonModule, SapphireSurfaceModule, SapphireSwitchChange, SapphireSwitchModule, SapphireSwitchRequiredValidator, SapphireTableModule, SapphireTextFieldModule, SapphireThemeModule, SapphireToggleButtonRequiredValidator, SapphireTooltipModule, SapphireTypographyModule, ScrollMonitorDirective, SearchableSelectDirective, SectionDirective, SegmentedRadioComponent, SegmentedRadioGroupComponent, SegmentedTabComponent, SegmentedTabContentDirective, SegmentedTabLabelDirective, SegmentedTabsComponent, SelectComponent, SelectionTextDirective, SingleSelectDirective, SkeletonBlockDirective, SkeletonCircleDirective, SkeletonComponent, SkeletonTextDirective, SurfaceComponent, SwitchComponent, TableBodyDirective, TableCellDirective, TableComponent, TableDirective, TableFooterDirective, TableHeadCellComponent, TableHeadDirective, TableRowDirective, TableSortDirective, TableSortHeaderDirective, TextFieldComponent, TextFieldInputDirective, TextFieldPostfixDirective, TextFieldPrefixDirective, TextFieldTextareaAutosizeDirective, ThemeBaseDirective, ThemeCheckDirective, ThemeDefault, ThemeDefaultDark, ThemeRootDirective, ToggleButtonComponent, TooltipComponent, TooltipDirective, TranslatePipe, TranslateService, TruncatedWithTooltipDirective, UseComponentStyles, UseComponentStylesOnHost, ViewEncapsulationProvider };
+export { BadgeComponent, BasicSelectComponent, BasicSingleSelectDirective, ButtonComponent, ButtonGroupComponent, ButtonIconDirective, CdkVirtualScrollViewportFixDirective, CheckboxChange, CheckboxComponent, CheckboxGroupComponent, ConfirmationDialogComponent, DEFAULT_BREAKPOINTS, DangerDialogComponent, DialogComponent, DialogTriggerDirective, FieldComponent, FieldControl, FieldErrorDirective, FieldLabelDirective, FieldNoteDirective, FieldNoteSuffixDirective, FocusedDirective, HeadingComponent, HelpButtonComponent, HelpButtonContentDirective, HelpButtonFooterDirective, HelpButtonHeaderDirective, ICON_SIZE_PROVIDER, IconButtonComponent, IconComponent, LabelComponent, LinkComponent, ListComponent, ListItemComponent, ListItemContentComponent, ListItemTextComponent, ListItemTextPrimaryComponent, ListItemTextSecondaryComponent, ListboxChild, ListboxComponent, ListboxInputDirective, MenuComponent, MenuIconComponent, MenuItemComponent, MenuPrimaryTextComponent, MenuSecondaryTextComponent, MenuSectionComponent, MenuTriggerDirective, ModalBackButtonDirective, ModalBodyComponent, ModalCloseButtonDirective, ModalFooterComponent, ModalFooterDirective, ModalHeaderComponent, ModalHeaderDirective, ModalLayoutComponent, ModalService, MultiSelectDirective, NotificationBadgeComponent, OptionComponent, OptionIconDirective, OptionPrimaryTextDirective, OptionSecondaryTextDirective, POPOVER_TRIGGER, PaginationComponent, PanelComponent, PanelTriggerDirective, ParagraphComponent, PopoverCloseButtonDirective, PopoverComponent, PopoverTitleDirective, PopoverTriggerDirective, PressedDirective, RadioComponent, RadioGroupComponent, SapphireBadgeModule, SapphireButtonModule, SapphireCheckboxModule, SapphireCheckboxRequiredValidator, SapphireCoreModule, SapphireFieldModule, SapphireHelpButtonModule, SapphireIconModule, SapphireLinkModule, SapphireListModule, SapphireListboxModule, SapphireMenuModule, SapphireModalModule, SapphireNotificationBadgeModule, SapphireOverlay, SapphirePaginationChange, SapphirePaginationModule, SapphirePopoverModule, SapphireRadioModule, SapphireSegmentedTabsModule, SapphireSelectModule, SapphireSkeletonModule, SapphireSurfaceModule, SapphireSwitchChange, SapphireSwitchModule, SapphireSwitchRequiredValidator, SapphireTableModule, SapphireTextFieldModule, SapphireThemeModule, SapphireToggleButtonRequiredValidator, SapphireTooltipModule, SapphireTypographyModule, ScrollMonitorDirective, SearchableSelectDirective, SectionDirective, SegmentedRadioComponent, SegmentedRadioGroupComponent, SegmentedTabComponent, SegmentedTabContentDirective, SegmentedTabLabelDirective, SegmentedTabsComponent, SelectComponent, SelectionTextDirective, SingleSelectDirective, SkeletonBlockDirective, SkeletonCircleDirective, SkeletonComponent, SkeletonTextDirective, SurfaceComponent, SwitchComponent, TableBodyDirective, TableCellDirective, TableComponent, TableDirective, TableFooterDirective, TableHeadCellComponent, TableHeadDirective, TableRowDirective, TableSortDirective, TableSortHeaderDirective, TextFieldComponent, TextFieldInputDirective, TextFieldPostfixDirective, TextFieldPrefixDirective, TextFieldTextareaAutosizeDirective, ThemeBaseDirective, ThemeCheckDirective, ThemeDefault, ThemeDefaultDark, ThemeRootDirective, ToggleButtonComponent, TooltipComponent, TooltipDirective, TranslatePipe, TranslateService, TruncatedWithTooltipDirective, UseComponentStyles, UseComponentStylesOnHost, ViewEncapsulationProvider };
 //# sourceMappingURL=danske-sapphire-angular.mjs.map