@energinet/watt 4.6.12 → 4.6.13

package/fesm2022/energinet-watt-shell.mjs

@@ -11,6 +11,7 @@ import { WattButtonComponent } from '@energinet/watt/button';
 import { WattBreakpointsObserver } from '@energinet/watt/core/breakpoints';
 import { NgTemplateOutlet } from '@angular/common';
 import { MatExpansionPanel, MatExpansionPanelTitle, MatExpansionPanelHeader } from '@angular/material/expansion';
+import { WattIconComponent } from '@energinet/watt/icon';
 
 //#region License
 /**
@@ -123,13 +124,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
  */
 //#endregion
 class WattNavListItemComponent {
-    link = input.required(...(ngDevMode ? [{ debugName: "link" }] : /* istanbul ignore next */ []));
+    link = input(...(ngDevMode ? [undefined, { debugName: "link" }] : /* istanbul ignore next */ []));
     target = input('_self', ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+    variant = input('link', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    icon = input('arrowRightAlt', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    shortcut = input(...(ngDevMode ? [undefined, { debugName: "shortcut" }] : /* istanbul ignore next */ []));
     isActive = output();
+    buttonClick = output();
     /**
      * @ignore
      */
-    isExternalLink = computed(() => /^(http:\/\/|https:\/\/)/i.test(this.link()), ...(ngDevMode ? [{ debugName: "isExternalLink" }] : /* istanbul ignore next */ []));
+    isExternalLink = computed(() => /^(http:\/\/|https:\/\/)/i.test(this.link() ?? ''), ...(ngDevMode ? [{ debugName: "isExternalLink" }] : /* istanbul ignore next */ []));
     /**
      * @ignore
      */
@@ -137,43 +142,83 @@ class WattNavListItemComponent {
         this.isActive.emit(isActive);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: WattNavListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: WattNavListItemComponent, isStandalone: true, selector: "watt-nav-list-item", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActive" }, ngImport: i0, template: `
-    @if (isExternalLink()) {
-      <a [href]="link()" [attr.target]="target()"
-        ><ng-container *ngTemplateOutlet="templateContent"
-      /></a>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: WattNavListItemComponent, isStandalone: true, selector: "watt-nav-list-item", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, shortcut: { classPropertyName: "shortcut", publicName: "shortcut", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActive", buttonClick: "buttonClick" }, host: { properties: { "class.watt-nav-list-item--link": "variant() === \"link\"", "class.watt-nav-list-item--button": "variant() === \"button\"" } }, ngImport: i0, template: `
+    @if (variant() === 'button') {
+      <button type="button" [attr.aria-keyshortcuts]="shortcut()" (click)="buttonClick.emit()">
+        <span class="watt-nav-list-item__button-content">
+          <ng-container *ngTemplateOutlet="templateContent" />
+        </span>
+
+        @if (shortcut()) {
+          <span class="watt-nav-list-item__shortcut" aria-hidden="true">{{ shortcut() }}</span>
+        }
+
+        <watt-icon class="watt-nav-list-item__cta-icon" [name]="icon()" aria-hidden="true" />
+      </button>
+    } @else if (link(); as link) {
+      @if (isExternalLink()) {
+        <a [href]="link" [attr.target]="target()"
+          ><ng-container *ngTemplateOutlet="templateContent"
+        /></a>
+      } @else {
+        <a
+          [routerLink]="link"
+          routerLinkActive="active"
+          (isActiveChange)="onRouterLinkActive($event)"
+          ><ng-container *ngTemplateOutlet="templateContent"
+        /></a>
+      }
     } @else {
-      <a
-        [routerLink]="link()"
-        routerLinkActive="active"
-        (isActiveChange)="onRouterLinkActive($event)"
-        ><ng-container *ngTemplateOutlet="templateContent"
-      /></a>
+      <span class="watt-nav-list-item__content">
+        <ng-container *ngTemplateOutlet="templateContent" />
+      </span>
     }
 
     <ng-template #templateContent>
       <ng-content />
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: WattNavListItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-nav-list-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [NgTemplateOutlet, RouterLink, RouterLinkActive],
+                    host: {
+                        '[class.watt-nav-list-item--link]': 'variant() === "link"',
+                        '[class.watt-nav-list-item--button]': 'variant() === "button"',
+                    },
+                    imports: [NgTemplateOutlet, RouterLink, RouterLinkActive, WattIconComponent],
                     template: `
-    @if (isExternalLink()) {
-      <a [href]="link()" [attr.target]="target()"
-        ><ng-container *ngTemplateOutlet="templateContent"
-      /></a>
+    @if (variant() === 'button') {
+      <button type="button" [attr.aria-keyshortcuts]="shortcut()" (click)="buttonClick.emit()">
+        <span class="watt-nav-list-item__button-content">
+          <ng-container *ngTemplateOutlet="templateContent" />
+        </span>
+
+        @if (shortcut()) {
+          <span class="watt-nav-list-item__shortcut" aria-hidden="true">{{ shortcut() }}</span>
+        }
+
+        <watt-icon class="watt-nav-list-item__cta-icon" [name]="icon()" aria-hidden="true" />
+      </button>
+    } @else if (link(); as link) {
+      @if (isExternalLink()) {
+        <a [href]="link" [attr.target]="target()"
+          ><ng-container *ngTemplateOutlet="templateContent"
+        /></a>
+      } @else {
+        <a
+          [routerLink]="link"
+          routerLinkActive="active"
+          (isActiveChange)="onRouterLinkActive($event)"
+          ><ng-container *ngTemplateOutlet="templateContent"
+        /></a>
+      }
     } @else {
-      <a
-        [routerLink]="link()"
-        routerLinkActive="active"
-        (isActiveChange)="onRouterLinkActive($event)"
-        ><ng-container *ngTemplateOutlet="templateContent"
-      /></a>
+      <span class="watt-nav-list-item__content">
+        <ng-container *ngTemplateOutlet="templateContent" />
+      </span>
     }
 
     <ng-template #templateContent>
@@ -181,7 +226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
     </ng-template>
   `,
                 }]
-        }], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: true }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], isActive: [{ type: i0.Output, args: ["isActive"] }] } });
+        }], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], shortcut: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcut", required: false }] }], isActive: [{ type: i0.Output, args: ["isActive"] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] } });
 
 //#region License
 /**
@@ -228,7 +273,7 @@ class WattNavListComponent {
     <ng-template #navListTemplate>
       <ng-content />
     </ng-template>
-  `, isInline: true, styles: ["watt-nav-list{background-color:var(--watt-sidenav-background-color)}watt-nav-list watt-nav-list-item{display:block}watt-nav-list watt-nav-list-item a{padding:var(--watt-space-s) var(--watt-space-m);padding:var(--watt-space-s);display:block;border-left:var(--watt-space-xs) solid transparent;border-radius:var(--watt-space-s);color:var(--watt-color-neutral-white);text-decoration:none}watt-nav-list watt-nav-list-item a:hover{transition:background-color linear var(--watt-faster-than-a-blink-of-an-eye)}watt-nav-list watt-nav-list-item a:hover{background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list watt-nav-list-item a.active{background-color:var(--watt-nav-list-active-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel{background-color:var(--watt-sidenav-background-color);margin:0;border-radius:0}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header.mat-expanded:hover,watt-nav-list.watt-nav-list--expandable .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){transition:background-color linear var(--watt-faster-than-a-blink-of-an-eye);background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header{border-radius:var(--watt-space-s);padding-left:calc(var(--watt-space-xs) + var(--watt-space-s));height:40px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header-title{color:var(--watt-color-neutral-white)}watt-nav-list.watt-nav-list--expandable .mat-expansion-indicator:after{color:var(--watt-color-neutral-white);position:relative;top:-3px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-body{padding:0}watt-nav-list.watt-nav-list--expandable watt-nav-list-item a{padding-left:var(--watt-space-m)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: WattExpandOnActiveLinkDirective, selector: "[wattExpandOnActiveLink]", inputs: ["wattNavListItemComponents"], exportAs: ["wattExpandOnActiveLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["watt-nav-list{background-color:var(--watt-sidenav-background-color);--watt-nav-list-action-background-color: #06515d}watt-nav-list watt-nav-list-item{display:block}watt-nav-list watt-nav-list-item a,watt-nav-list watt-nav-list-item button,watt-nav-list watt-nav-list-item .watt-nav-list-item__content{padding:var(--watt-space-s) var(--watt-space-m);padding:var(--watt-space-s);display:block;width:100%;border-left:var(--watt-space-xs) solid transparent;border-radius:var(--watt-space-s);color:var(--watt-color-neutral-white);font:inherit;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}watt-nav-list watt-nav-list-item .watt-nav-list-item__content{cursor:default}watt-nav-list watt-nav-list-item button{border-top:0;border-right:0;border-bottom:0}watt-nav-list watt-nav-list-item a:hover,watt-nav-list watt-nav-list-item button:hover{transition:background-color linear var(--watt-faster-than-a-blink-of-an-eye)}watt-nav-list watt-nav-list-item a:hover,watt-nav-list watt-nav-list-item button:hover{background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list watt-nav-list-item a.active{background-color:var(--watt-nav-list-active-background-color)}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button{display:flex;align-items:center;gap:var(--watt-space-s);min-height:40px;background-color:var(--watt-nav-list-action-background-color);border-color:var(--watt-nav-list-action-background-color)}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button .watt-nav-list-item__button-content{min-width:0}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button .watt-nav-list-item__shortcut{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;display:none;margin-left:auto;color:var(--watt-color-neutral-white);white-space:nowrap}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button .watt-nav-list-item__cta-icon{margin-left:auto}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:hover .watt-nav-list-item__shortcut,watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:focus-visible .watt-nav-list-item__shortcut{display:inline-flex}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:hover .watt-nav-list-item__shortcut+.watt-nav-list-item__cta-icon,watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:focus-visible .watt-nav-list-item__shortcut+.watt-nav-list-item__cta-icon{display:none}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:hover,watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:focus-visible{background-color:var(--watt-nav-list-hover-background-color);border-color:var(--watt-nav-list-hover-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel{background-color:var(--watt-sidenav-background-color);margin:0;border-radius:0}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header.mat-expanded:hover,watt-nav-list.watt-nav-list--expandable .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){transition:background-color linear var(--watt-faster-than-a-blink-of-an-eye);background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header{border-radius:var(--watt-space-s);padding-left:calc(var(--watt-space-xs) + var(--watt-space-s));height:40px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header-title{color:var(--watt-color-neutral-white)}watt-nav-list.watt-nav-list--expandable .mat-expansion-indicator:after{color:var(--watt-color-neutral-white);position:relative;top:-3px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-body{padding:0}watt-nav-list.watt-nav-list--expandable watt-nav-list-item a,watt-nav-list.watt-nav-list--expandable watt-nav-list-item button,watt-nav-list.watt-nav-list--expandable watt-nav-list-item .watt-nav-list-item__content{padding-left:var(--watt-space-m)}watt-nav-list.watt-nav-list--expandable watt-nav-list-item.watt-nav-list-item--button button{padding-left:var(--watt-space-s)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: WattExpandOnActiveLinkDirective, selector: "[wattExpandOnActiveLink]", inputs: ["wattNavListItemComponents"], exportAs: ["wattExpandOnActiveLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: WattNavListComponent, decorators: [{
             type: Component,
@@ -259,7 +304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
                         MatExpansionPanelTitle,
                         MatExpansionPanelHeader,
                         WattExpandOnActiveLinkDirective,
-                    ], styles: ["watt-nav-list{background-color:var(--watt-sidenav-background-color)}watt-nav-list watt-nav-list-item{display:block}watt-nav-list watt-nav-list-item a{padding:var(--watt-space-s) var(--watt-space-m);padding:var(--watt-space-s);display:block;border-left:var(--watt-space-xs) solid transparent;border-radius:var(--watt-space-s);color:var(--watt-color-neutral-white);text-decoration:none}watt-nav-list watt-nav-list-item a:hover{transition:background-color linear var(--watt-faster-than-a-blink-of-an-eye)}watt-nav-list watt-nav-list-item a:hover{background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list watt-nav-list-item a.active{background-color:var(--watt-nav-list-active-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel{background-color:var(--watt-sidenav-background-color);margin:0;border-radius:0}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header.mat-expanded:hover,watt-nav-list.watt-nav-list--expandable .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){transition:background-color linear var(--watt-faster-than-a-blink-of-an-eye);background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header{border-radius:var(--watt-space-s);padding-left:calc(var(--watt-space-xs) + var(--watt-space-s));height:40px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header-title{color:var(--watt-color-neutral-white)}watt-nav-list.watt-nav-list--expandable .mat-expansion-indicator:after{color:var(--watt-color-neutral-white);position:relative;top:-3px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-body{padding:0}watt-nav-list.watt-nav-list--expandable watt-nav-list-item a{padding-left:var(--watt-space-m)}\n"] }]
+                    ], styles: ["watt-nav-list{background-color:var(--watt-sidenav-background-color);--watt-nav-list-action-background-color: #06515d}watt-nav-list watt-nav-list-item{display:block}watt-nav-list watt-nav-list-item a,watt-nav-list watt-nav-list-item button,watt-nav-list watt-nav-list-item .watt-nav-list-item__content{padding:var(--watt-space-s) var(--watt-space-m);padding:var(--watt-space-s);display:block;width:100%;border-left:var(--watt-space-xs) solid transparent;border-radius:var(--watt-space-s);color:var(--watt-color-neutral-white);font:inherit;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}watt-nav-list watt-nav-list-item .watt-nav-list-item__content{cursor:default}watt-nav-list watt-nav-list-item button{border-top:0;border-right:0;border-bottom:0}watt-nav-list watt-nav-list-item a:hover,watt-nav-list watt-nav-list-item button:hover{transition:background-color linear var(--watt-faster-than-a-blink-of-an-eye)}watt-nav-list watt-nav-list-item a:hover,watt-nav-list watt-nav-list-item button:hover{background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list watt-nav-list-item a.active{background-color:var(--watt-nav-list-active-background-color)}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button{display:flex;align-items:center;gap:var(--watt-space-s);min-height:40px;background-color:var(--watt-nav-list-action-background-color);border-color:var(--watt-nav-list-action-background-color)}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button .watt-nav-list-item__button-content{min-width:0}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button .watt-nav-list-item__shortcut{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;display:none;margin-left:auto;color:var(--watt-color-neutral-white);white-space:nowrap}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button .watt-nav-list-item__cta-icon{margin-left:auto}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:hover .watt-nav-list-item__shortcut,watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:focus-visible .watt-nav-list-item__shortcut{display:inline-flex}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:hover .watt-nav-list-item__shortcut+.watt-nav-list-item__cta-icon,watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:focus-visible .watt-nav-list-item__shortcut+.watt-nav-list-item__cta-icon{display:none}watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:hover,watt-nav-list watt-nav-list-item.watt-nav-list-item--button button:focus-visible{background-color:var(--watt-nav-list-hover-background-color);border-color:var(--watt-nav-list-hover-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel{background-color:var(--watt-sidenav-background-color);margin:0;border-radius:0}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header.mat-expanded:hover,watt-nav-list.watt-nav-list--expandable .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){transition:background-color linear var(--watt-faster-than-a-blink-of-an-eye);background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header{border-radius:var(--watt-space-s);padding-left:calc(var(--watt-space-xs) + var(--watt-space-s));height:40px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header-title{color:var(--watt-color-neutral-white)}watt-nav-list.watt-nav-list--expandable .mat-expansion-indicator:after{color:var(--watt-color-neutral-white);position:relative;top:-3px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-body{padding:0}watt-nav-list.watt-nav-list--expandable watt-nav-list-item a,watt-nav-list.watt-nav-list--expandable watt-nav-list-item button,watt-nav-list.watt-nav-list--expandable watt-nav-list-item .watt-nav-list-item__content{padding-left:var(--watt-space-m)}watt-nav-list.watt-nav-list--expandable watt-nav-list-item.watt-nav-list-item--button button{padding-left:var(--watt-space-s)}\n"] }]
         }], propDecorators: { navListItemComponents: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WattNavListItemComponent), { isSignal: true }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
 
 //#region License

package/fesm2022/energinet-watt-shell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-shell.mjs","sources":["../../../libs/watt/package/shell/shell.component.ts","../../../libs/watt/package/shell/shell.component.html","../../../libs/watt/package/shell/nav-list/watt-expand-on-active-link.directive.ts","../../../libs/watt/package/shell/nav-list/watt-nav-list-item.component.ts","../../../libs/watt/package/shell/nav-list/watt-nav-list.component.ts","../../../libs/watt/package/shell/nav-list/index.ts","../../../libs/watt/package/shell/index.ts","../../../libs/watt/package/shell/energinet-watt-shell.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Router, NavigationEnd } from '@angular/router';\nimport { Component, inject, viewChild } from '@angular/core';\n\nimport { filter, map } from 'rxjs';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';\n\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattBreakpointsObserver } from '@energinet/watt/core/breakpoints';\n\n@Component({\n  selector: 'watt-shell',\n  styleUrls: ['./shell.component.scss'],\n  templateUrl: './shell.component.html',\n  imports: [MatSidenavModule, MatToolbarModule, WattButtonComponent],\n})\nexport class WattShellComponent {\n  private breakpointObserver = inject(WattBreakpointsObserver);\n  private router = inject(Router);\n  private readonly sidenav = viewChild.required<MatSidenav>('drawer');\n\n  /**\n   * @ignore\n   */\n  private onNavigationEnd$ = this.router.events.pipe(\n    filter((event) => event instanceof NavigationEnd)\n  );\n\n  /**\n   * @ignore\n   */\n  isHandset = toSignal(\n    this.breakpointObserver\n      .observe(['XSmall', 'Small', 'Medium'])\n      .pipe(map((result) => result.matches))\n  );\n\n  constructor() {\n    this.onNavigationEnd$.pipe(takeUntilDestroyed()).subscribe(() => {\n      const sidenav = this.sidenav();\n      if (this.isHandset() && sidenav.opened) {\n        sidenav.close();\n      }\n    });\n  }\n}\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-sidenav-container class=\"watt-sidenav-container\">\n  <mat-sidenav\n    #drawer\n    class=\"watt-sidenav\"\n    [disableClose]=\"isHandset() === false\"\n    [mode]=\"isHandset() ? 'over' : 'side'\"\n    [opened]=\"isHandset() === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset()) {\n      <watt-button\n        variant=\"icon\"\n        icon=\"close\"\n        class=\"watt-sidenav-close-button\"\n        (click)=\"drawer.toggle()\"\n      />\n    }\n    <ng-content select=\"[watt-shell-sidenav]\" />\n  </mat-sidenav>\n\n  <mat-sidenav-content class=\"watt-sidenav-content\">\n    <mat-toolbar class=\"watt-toolbar\">\n      @if (isHandset()) {\n        <watt-button variant=\"icon\" icon=\"menu\" (click)=\"drawer.toggle()\" />\n      }\n\n      <ng-content select=\"[watt-shell-toolbar]\" />\n    </mat-toolbar>\n\n    <main class=\"watt-main-content\">\n      <ng-content />\n    </main>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Directive, inject, input, effect, OutputRefSubscription } from '@angular/core';\nimport { MatExpansionPanel } from '@angular/material/expansion';\n\nimport { type WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Directive({\n  selector: '[wattExpandOnActiveLink]',\n  exportAs: 'wattExpandOnActiveLink',\n})\nexport class WattExpandOnActiveLinkDirective {\n  private panel = inject(MatExpansionPanel);\n\n  private navListItemsEffect = effect((cleanupFn) => {\n    const subs: OutputRefSubscription[] = [];\n\n    cleanupFn(() => subs.forEach((sub) => sub.unsubscribe()));\n\n    const navListItems = this.wattNavListItemComponents();\n\n    if (navListItems.length > 0) {\n      subs.push(\n        ...navListItems.map((item) =>\n          item.isActive.subscribe((isActive) => {\n            if (isActive) {\n              this.panel.open();\n            }\n          })\n        )\n      );\n    }\n  });\n\n  wattNavListItemComponents = input<readonly WattNavListItemComponent[]>([]);\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\n\n@Component({\n  selector: 'watt-nav-list-item',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, RouterLink, RouterLinkActive],\n  template: `\n    @if (isExternalLink()) {\n      <a [href]=\"link()\" [attr.target]=\"target()\"\n        ><ng-container *ngTemplateOutlet=\"templateContent\"\n      /></a>\n    } @else {\n      <a\n        [routerLink]=\"link()\"\n        routerLinkActive=\"active\"\n        (isActiveChange)=\"onRouterLinkActive($event)\"\n        ><ng-container *ngTemplateOutlet=\"templateContent\"\n      /></a>\n    }\n\n    <ng-template #templateContent>\n      <ng-content />\n    </ng-template>\n  `,\n})\nexport class WattNavListItemComponent {\n  link = input.required<string>();\n  target = input<'_self' | '_blank' | '_parent' | '_top'>('_self');\n  isActive = output<boolean>();\n\n  /**\n   * @ignore\n   */\n  isExternalLink = computed(() => /^(http:\\/\\/|https:\\/\\/)/i.test(this.link()));\n\n  /**\n   * @ignore\n   */\n  onRouterLinkActive(isActive: boolean) {\n    this.isActive.emit(isActive);\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  contentChildren,\n  input,\n} from '@angular/core';\nimport {\n  MatExpansionPanel,\n  MatExpansionPanelHeader,\n  MatExpansionPanelTitle,\n} from '@angular/material/expansion';\n\nimport { WattExpandOnActiveLinkDirective } from './watt-expand-on-active-link.directive';\nimport { WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-nav-list',\n  styleUrl: './watt-nav-list.component.scss',\n  host: {\n    '[class.watt-nav-list--expandable]': 'expandable()',\n  },\n  template: `\n    @if (expandable()) {\n      <mat-expansion-panel\n        wattExpandOnActiveLink\n        [wattNavListItemComponents]=\"navListItemComponents()\"\n        class=\"mat-elevation-z0\"\n      >\n        <mat-expansion-panel-header>\n          <mat-panel-title class=\"watt-text-m\">{{ title() }}</mat-panel-title>\n        </mat-expansion-panel-header>\n        <ng-container *ngTemplateOutlet=\"navListTemplate\" />\n      </mat-expansion-panel>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"navListTemplate\" />\n    }\n\n    <ng-template #navListTemplate>\n      <ng-content />\n    </ng-template>\n  `,\n  imports: [\n    NgTemplateOutlet,\n    MatExpansionPanel,\n    MatExpansionPanelTitle,\n    MatExpansionPanelHeader,\n    WattExpandOnActiveLinkDirective,\n  ],\n})\nexport class WattNavListComponent {\n  /**\n   * @ignore\n   */\n  navListItemComponents = contentChildren(WattNavListItemComponent);\n\n  expandable = input(false);\n  title = input('');\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattNavListComponent } from './watt-nav-list.component';\nexport { WattNavListItemComponent } from './watt-nav-list-item.component';\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattShellComponent } from './shell.component';\nexport * from './nav-list';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-shell.mjs","sources":["../../../libs/watt/package/shell/shell.component.ts","../../../libs/watt/package/shell/shell.component.html","../../../libs/watt/package/shell/nav-list/watt-expand-on-active-link.directive.ts","../../../libs/watt/package/shell/nav-list/watt-nav-list-item.component.ts","../../../libs/watt/package/shell/nav-list/watt-nav-list.component.ts","../../../libs/watt/package/shell/nav-list/index.ts","../../../libs/watt/package/shell/index.ts","../../../libs/watt/package/shell/energinet-watt-shell.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Router, NavigationEnd } from '@angular/router';\nimport { Component, inject, viewChild } from '@angular/core';\n\nimport { filter, map } from 'rxjs';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';\n\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattBreakpointsObserver } from '@energinet/watt/core/breakpoints';\n\n@Component({\n  selector: 'watt-shell',\n  styleUrls: ['./shell.component.scss'],\n  templateUrl: './shell.component.html',\n  imports: [MatSidenavModule, MatToolbarModule, WattButtonComponent],\n})\nexport class WattShellComponent {\n  private breakpointObserver = inject(WattBreakpointsObserver);\n  private router = inject(Router);\n  private readonly sidenav = viewChild.required<MatSidenav>('drawer');\n\n  /**\n   * @ignore\n   */\n  private onNavigationEnd$ = this.router.events.pipe(\n    filter((event) => event instanceof NavigationEnd)\n  );\n\n  /**\n   * @ignore\n   */\n  isHandset = toSignal(\n    this.breakpointObserver\n      .observe(['XSmall', 'Small', 'Medium'])\n      .pipe(map((result) => result.matches))\n  );\n\n  constructor() {\n    this.onNavigationEnd$.pipe(takeUntilDestroyed()).subscribe(() => {\n      const sidenav = this.sidenav();\n      if (this.isHandset() && sidenav.opened) {\n        sidenav.close();\n      }\n    });\n  }\n}\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-sidenav-container class=\"watt-sidenav-container\">\n  <mat-sidenav\n    #drawer\n    class=\"watt-sidenav\"\n    [disableClose]=\"isHandset() === false\"\n    [mode]=\"isHandset() ? 'over' : 'side'\"\n    [opened]=\"isHandset() === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset()) {\n      <watt-button\n        variant=\"icon\"\n        icon=\"close\"\n        class=\"watt-sidenav-close-button\"\n        (click)=\"drawer.toggle()\"\n      />\n    }\n    <ng-content select=\"[watt-shell-sidenav]\" />\n  </mat-sidenav>\n\n  <mat-sidenav-content class=\"watt-sidenav-content\">\n    <mat-toolbar class=\"watt-toolbar\">\n      @if (isHandset()) {\n        <watt-button variant=\"icon\" icon=\"menu\" (click)=\"drawer.toggle()\" />\n      }\n\n      <ng-content select=\"[watt-shell-toolbar]\" />\n    </mat-toolbar>\n\n    <main class=\"watt-main-content\">\n      <ng-content />\n    </main>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Directive, inject, input, effect, OutputRefSubscription } from '@angular/core';\nimport { MatExpansionPanel } from '@angular/material/expansion';\n\nimport { type WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Directive({\n  selector: '[wattExpandOnActiveLink]',\n  exportAs: 'wattExpandOnActiveLink',\n})\nexport class WattExpandOnActiveLinkDirective {\n  private panel = inject(MatExpansionPanel);\n\n  private navListItemsEffect = effect((cleanupFn) => {\n    const subs: OutputRefSubscription[] = [];\n\n    cleanupFn(() => subs.forEach((sub) => sub.unsubscribe()));\n\n    const navListItems = this.wattNavListItemComponents();\n\n    if (navListItems.length > 0) {\n      subs.push(\n        ...navListItems.map((item) =>\n          item.isActive.subscribe((isActive) => {\n            if (isActive) {\n              this.panel.open();\n            }\n          })\n        )\n      );\n    }\n  });\n\n  wattNavListItemComponents = input<readonly WattNavListItemComponent[]>([]);\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { WattIcon, WattIconComponent } from '@energinet/watt/icon';\n\nexport type WattNavListItemVariant = 'link' | 'button';\n\n@Component({\n  selector: 'watt-nav-list-item',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.watt-nav-list-item--link]': 'variant() === \"link\"',\n    '[class.watt-nav-list-item--button]': 'variant() === \"button\"',\n  },\n  imports: [NgTemplateOutlet, RouterLink, RouterLinkActive, WattIconComponent],\n  template: `\n    @if (variant() === 'button') {\n      <button type=\"button\" [attr.aria-keyshortcuts]=\"shortcut()\" (click)=\"buttonClick.emit()\">\n        <span class=\"watt-nav-list-item__button-content\">\n          <ng-container *ngTemplateOutlet=\"templateContent\" />\n        </span>\n\n        @if (shortcut()) {\n          <span class=\"watt-nav-list-item__shortcut\" aria-hidden=\"true\">{{ shortcut() }}</span>\n        }\n\n        <watt-icon class=\"watt-nav-list-item__cta-icon\" [name]=\"icon()\" aria-hidden=\"true\" />\n      </button>\n    } @else if (link(); as link) {\n      @if (isExternalLink()) {\n        <a [href]=\"link\" [attr.target]=\"target()\"\n          ><ng-container *ngTemplateOutlet=\"templateContent\"\n        /></a>\n      } @else {\n        <a\n          [routerLink]=\"link\"\n          routerLinkActive=\"active\"\n          (isActiveChange)=\"onRouterLinkActive($event)\"\n          ><ng-container *ngTemplateOutlet=\"templateContent\"\n        /></a>\n      }\n    } @else {\n      <span class=\"watt-nav-list-item__content\">\n        <ng-container *ngTemplateOutlet=\"templateContent\" />\n      </span>\n    }\n\n    <ng-template #templateContent>\n      <ng-content />\n    </ng-template>\n  `,\n})\nexport class WattNavListItemComponent {\n  link = input<string>();\n  target = input<'_self' | '_blank' | '_parent' | '_top'>('_self');\n  variant = input<WattNavListItemVariant>('link');\n  icon = input<WattIcon>('arrowRightAlt');\n  shortcut = input<string>();\n  isActive = output<boolean>();\n  buttonClick = output<void>();\n\n  /**\n   * @ignore\n   */\n  isExternalLink = computed(() => /^(http:\\/\\/|https:\\/\\/)/i.test(this.link() ?? ''));\n\n  /**\n   * @ignore\n   */\n  onRouterLinkActive(isActive: boolean) {\n    this.isActive.emit(isActive);\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  contentChildren,\n  input,\n} from '@angular/core';\nimport {\n  MatExpansionPanel,\n  MatExpansionPanelHeader,\n  MatExpansionPanelTitle,\n} from '@angular/material/expansion';\n\nimport { WattExpandOnActiveLinkDirective } from './watt-expand-on-active-link.directive';\nimport { WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-nav-list',\n  styleUrl: './watt-nav-list.component.scss',\n  host: {\n    '[class.watt-nav-list--expandable]': 'expandable()',\n  },\n  template: `\n    @if (expandable()) {\n      <mat-expansion-panel\n        wattExpandOnActiveLink\n        [wattNavListItemComponents]=\"navListItemComponents()\"\n        class=\"mat-elevation-z0\"\n      >\n        <mat-expansion-panel-header>\n          <mat-panel-title class=\"watt-text-m\">{{ title() }}</mat-panel-title>\n        </mat-expansion-panel-header>\n        <ng-container *ngTemplateOutlet=\"navListTemplate\" />\n      </mat-expansion-panel>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"navListTemplate\" />\n    }\n\n    <ng-template #navListTemplate>\n      <ng-content />\n    </ng-template>\n  `,\n  imports: [\n    NgTemplateOutlet,\n    MatExpansionPanel,\n    MatExpansionPanelTitle,\n    MatExpansionPanelHeader,\n    WattExpandOnActiveLinkDirective,\n  ],\n})\nexport class WattNavListComponent {\n  /**\n   * @ignore\n   */\n  navListItemComponents = contentChildren(WattNavListItemComponent);\n\n  expandable = input(false);\n  title = input('');\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattNavListComponent } from './watt-nav-list.component';\nexport {\n  WattNavListItemComponent,\n  type WattNavListItemVariant,\n} from './watt-nav-list-item.component';\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattShellComponent } from './shell.component';\nexport * from './nav-list';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

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

package/types/energinet-watt-shell.d.ts

@@ -17,10 +17,15 @@ declare class WattShellComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattShellComponent, "watt-shell", never, {}, {}, never, ["[watt-shell-sidenav]", "[watt-shell-toolbar]", "*"], true, never>;
 }
 
+type WattNavListItemVariant = 'link' | 'button';
 declare class WattNavListItemComponent {
-    link: _angular_core.InputSignal<string>;
+    link: _angular_core.InputSignal<string | undefined>;
     target: _angular_core.InputSignal<"_self" | "_blank" | "_parent" | "_top">;
+    variant: _angular_core.InputSignal<WattNavListItemVariant>;
+    icon: _angular_core.InputSignal<"close" | "link" | "search" | "filter" | "plus" | "minus" | "edit" | "redo" | "undo" | "remove" | "removeForever" | "cancel" | "checkmark" | "user" | "settings" | "contentCopy" | "date" | "time" | "email" | "markEmailUnread" | "openInNew" | "monetization" | "payments" | "forwardMessage" | "forward" | "menu" | "moreVertical" | "logout" | "login" | "help" | "alternateEmail" | "refresh" | "language" | "pendingActions" | "toggleOn" | "toggleOff" | "personCheck" | "send" | "left" | "right" | "up" | "down" | "arrowDropDown" | "arrowRightAlt" | "arrowLeftAlt" | "keyboardDoubleArrowLeft" | "keyboardDoubleArrowRight" | "danger" | "warning" | "success" | "info" | "feedback" | "save" | "upload" | "download" | "fileDownload" | "fileUpload" | "print" | "preview" | "attachFile" | "article" | "contract" | "power" | "location" | "smartDisplay" | "windmill" | "solarPower" | "priorityHigh" | "notifications" | "notificationsUnread" | "horizontalRule" | "wrongLocation" | "heatPump" | "inventory" | "globe" | "calculate" | "bar_chart_4_bars" | "view_list" | "view_stream" | "construction" | "factory" | "nest_eco_leaf" | "flash_on" | "matchCase" | "share">;
+    shortcut: _angular_core.InputSignal<string | undefined>;
     isActive: _angular_core.OutputEmitterRef<boolean>;
+    buttonClick: _angular_core.OutputEmitterRef<void>;
     /**
      * @ignore
      */
@@ -30,7 +35,7 @@ declare class WattNavListItemComponent {
      */
     onRouterLinkActive(isActive: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattNavListItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattNavListItemComponent, "watt-nav-list-item", never, { "link": { "alias": "link"; "required": true; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "isActive": "isActive"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattNavListItemComponent, "watt-nav-list-item", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; }, { "isActive": "isActive"; "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
 }
 
 declare class WattNavListComponent {
@@ -45,3 +50,4 @@ declare class WattNavListComponent {
 }
 
 export { WattNavListComponent, WattNavListItemComponent, WattShellComponent };
+export type { WattNavListItemVariant };