@energinet/watt 4.2.15-alpha.0 → 4.2.15

package/{fesm2022/energinet-watt-segmented-buttons.mjs → esm2022/segmented-buttons/watt-segmented-buttons.component.js}

@@ -1,49 +1,3 @@
-import { NgTemplateOutlet } from '@angular/common';
-import { RouterLinkWithHref, RouterLinkActive } from '@angular/router';
-import * as i2 from '@angular/forms';
-import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i0 from '@angular/core';
-import { viewChild, TemplateRef, input, Component, inject, ElementRef, contentChildren, model, signal, forwardRef, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
-import * as i1 from '@angular/material/button-toggle';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-class WattSegmentedButtonComponent {
-    templateRef = viewChild.required(TemplateRef);
-    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
-    link = input(...(ngDevMode ? [undefined, { debugName: "link" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattSegmentedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: WattSegmentedButtonComponent, isStandalone: true, selector: "watt-segmented-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: ` <ng-template>
-    <ng-content />
-  </ng-template>`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattSegmentedButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'watt-segmented-button',
-                    template: ` <ng-template>
-    <ng-content />
-  </ng-template>`,
-                }]
-        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }] } });
-
 //#region License
 /**
  * @license
@@ -62,10 +16,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * limitations under the License.
  */
 //#endregion
+import { NgTemplateOutlet } from '@angular/common';
+import { RouterLinkWithHref, RouterLinkActive } from '@angular/router';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { model, signal, inject, Component, ElementRef, forwardRef, contentChildren, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { WattSegmentedButtonComponent } from './watt-segmented-button.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button-toggle";
+import * as i2 from "@angular/forms";
 /**
  * Segmented buttons.
  */
-class WattSegmentedButtonsComponent {
+export class WattSegmentedButtonsComponent {
     element = inject(ElementRef);
     segmentedButtonElements = contentChildren(WattSegmentedButtonComponent, ...(ngDevMode ? [{ debugName: "segmentedButtonElements" }] : []));
     selected = model('', ...(ngDevMode ? [{ debugName: "selected" }] : []));
@@ -143,33 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     </mat-button-toggle-group>
   `, styles: ["@use \"@energinet/watt/utils\" as watt;@use \"@angular/material\" as mat;:root{@include mat.button-toggle-overrides((selected-state-text-color: white,selected-state-background-color: var(--watt-color-primary),height: 2.5rem,));}:root mat-button-toggle-group{border-color:var(--watt-color-neutral-grey-700)}:root mat-button-toggle-group mat-button-toggle{border-color:var(--watt-color-neutral-grey-700)!important}:root mat-button-toggle-group mat-button-toggle button{min-width:6.5rem}:root mat-button-toggle-group mat-button-toggle button span{font-size:.875rem;font-weight:600}\n"] }]
         }], propDecorators: { segmentedButtonElements: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WattSegmentedButtonComponent), { isSignal: true }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }] } });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-const WATT_SEGMENTED_BUTTONS = [
-    WattSegmentedButtonsComponent,
-    WattSegmentedButtonComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WATT_SEGMENTED_BUTTONS, WattSegmentedButtonComponent, WattSegmentedButtonsComponent };
-//# sourceMappingURL=energinet-watt-segmented-buttons.mjs.map
+//# sourceMappingURL=watt-segmented-buttons.component.js.map

package/esm2022/segmented-buttons/watt-segmented-buttons.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-segmented-buttons.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/segmented-buttons/watt-segmented-buttons.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAwB,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtF,OAAO,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;;;;AAEjF;;GAEG;AAsEH,MAAM,OAAO,6BAA6B;IAChC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACrC,uBAAuB,GAAG,eAAe,CAAC,4BAA4B,mEAAC,CAAC;IACxE,QAAQ,GAAG,KAAK,CAAS,EAAE,oDAAC,CAAC;IAC7B,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC,CAAC;IAEzB,UAAU,CAAC,QAAgB;QACzB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAED,gBAAgB,CAAC,EAA2B;QAC1C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC;IAED,iBAAiB,CAAC,EAA4B;QAC5C,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,gBAAgB,CAAE,UAAmB;QACnC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC;wGApBU,6BAA6B;4FAA7B,6BAA6B,2PA3D7B;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;gBAC5D,KAAK,EAAE,IAAI;aACZ;SACF,kEAuDyC,4BAA4B,6CAtB5D;;;;;;;;;;;;;;;;;;GAkBT,6oBA/DC,qBAAqB,soBACrB,WAAW,+VACX,gBAAgB,oJAChB,kBAAkB,oOAClB,gBAAgB;;4FA6DP,6BAA6B;kBArEzC,SAAS;sCACS,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,WAC5B;wBACP,qBAAqB;wBACrB,WAAW;wBACX,gBAAgB;wBAChB,kBAAkB;wBAClB,gBAAgB;qBACjB,aACU;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,8BAA8B,CAAC;4BAC5D,KAAK,EAAE,IAAI;yBACZ;qBACF,YACS,wBAAwB,YAgCxB;;;;;;;;;;;;;;;;;;GAkBT;+GAIyC,4BAA4B","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 { NgTemplateOutlet } from '@angular/common';\nimport { RouterLinkWithHref, RouterLinkActive } from '@angular/router';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {\n  model,\n  signal,\n  inject,\n  Component,\n  ElementRef,\n  forwardRef,\n  contentChildren,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { WattSegmentedButtonComponent } from './watt-segmented-button.component';\n\n/**\n * Segmented buttons.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    MatButtonToggleModule,\n    FormsModule,\n    NgTemplateOutlet,\n    RouterLinkWithHref,\n    RouterLinkActive,\n  ],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattSegmentedButtonsComponent),\n      multi: true,\n    },\n  ],\n  selector: 'watt-segmented-buttons',\n  styles: `\n    @use '@energinet/watt/utils' as watt;\n    @use '@angular/material' as mat;\n\n    :root {\n      @include mat.button-toggle-overrides(\n        (\n          selected-state-text-color: white,\n          selected-state-background-color: var(--watt-color-primary),\n          height: 2.5rem,\n        )\n      );\n\n      mat-button-toggle-group {\n        border-color: var(--watt-color-neutral-grey-700);\n\n        mat-button-toggle {\n          border-color: var(--watt-color-neutral-grey-700) !important;\n\n          button {\n            min-width: 6.5rem;\n\n            span {\n              font-size: 0.875rem;\n              font-weight: 600;\n            }\n          }\n        }\n      }\n    }\n  `,\n  template: `\n    <mat-button-toggle-group\n      [(ngModel)]=\"selected\"\n      [multiple]=\"false\"\n      [hideSingleSelectionIndicator]=\"true\"\n      [disabled]=\"disabled()\"\n    >\n      @for (segmentedButton of segmentedButtonElements(); track segmentedButton) {\n        <mat-button-toggle\n          [routerLink]=\"segmentedButton.link()\"\n          routerLinkActive=\"mat-button-toggle-checked\"\n          [disableRipple]=\"true\"\n          [value]=\"segmentedButton.value()\"\n        >\n          <ng-container *ngTemplateOutlet=\"segmentedButton.templateRef()\" />\n        </mat-button-toggle>\n      }\n    </mat-button-toggle-group>\n  `,\n})\nexport class WattSegmentedButtonsComponent implements ControlValueAccessor {\n  private element = inject(ElementRef);\n  segmentedButtonElements = contentChildren(WattSegmentedButtonComponent);\n  selected = model<string>('');\n  disabled = signal(false);\n\n  writeValue(selected: string): void {\n    this.selected.set(selected);\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.selected.subscribe(fn);\n  }\n\n  registerOnTouched(fn: (value: boolean) => void): void {\n    this.element.nativeElement.addEventListener('focusout', fn);\n  }\n\n  setDisabledState?(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n  }\n}\n"]}

package/esm2022/shell/energinet-watt-shell.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=energinet-watt-shell.js.map

package/esm2022/shell/energinet-watt-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-shell.js","sourceRoot":"","sources":["../../../../libs/watt/package/shell/energinet-watt-shell.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/shell/index.js

@@ -0,0 +1,21 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+export { WattShellComponent } from './shell.component';
+export * from './nav-list';
+//# sourceMappingURL=index.js.map

package/esm2022/shell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/watt/package/shell/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,cAAc,YAAY,CAAC","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\nexport { WattShellComponent } from './shell.component';\nexport * from './nav-list';\n"]}

package/esm2022/shell/nav-list/index.js

@@ -0,0 +1,21 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+export { WattNavListComponent } from './watt-nav-list.component';
+export { WattNavListItemComponent } from './watt-nav-list-item.component';
+//# sourceMappingURL=index.js.map

package/esm2022/shell/nav-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/watt/package/shell/nav-list/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC","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\nexport { WattNavListComponent } from './watt-nav-list.component';\nexport { WattNavListItemComponent } from './watt-nav-list-item.component';\n"]}

package/esm2022/shell/nav-list/watt-expand-on-active-link.directive.js

@@ -0,0 +1,47 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Directive, inject, input, effect } from '@angular/core';
+import { MatExpansionPanel } from '@angular/material/expansion';
+import * as i0 from "@angular/core";
+export class WattExpandOnActiveLinkDirective {
+    panel = inject(MatExpansionPanel);
+    navListItemsEffect = effect((cleanupFn) => {
+        const subs = [];
+        cleanupFn(() => subs.forEach((sub) => sub.unsubscribe()));
+        const navListItems = this.wattNavListItemComponents();
+        if (navListItems.length > 0) {
+            subs.push(...navListItems.map((item) => item.isActive.subscribe((isActive) => {
+                if (isActive) {
+                    this.panel.open();
+                }
+            })));
+        }
+    }, ...(ngDevMode ? [{ debugName: "navListItemsEffect" }] : []));
+    wattNavListItemComponents = input([], ...(ngDevMode ? [{ debugName: "wattNavListItemComponents" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattExpandOnActiveLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: WattExpandOnActiveLinkDirective, isStandalone: true, selector: "[wattExpandOnActiveLink]", inputs: { wattNavListItemComponents: { classPropertyName: "wattNavListItemComponents", publicName: "wattNavListItemComponents", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["wattExpandOnActiveLink"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattExpandOnActiveLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wattExpandOnActiveLink]',
+                    exportAs: 'wattExpandOnActiveLink',
+                }]
+        }], propDecorators: { wattNavListItemComponents: [{ type: i0.Input, args: [{ isSignal: true, alias: "wattNavListItemComponents", required: false }] }] } });
+//# sourceMappingURL=watt-expand-on-active-link.directive.js.map

package/esm2022/shell/nav-list/watt-expand-on-active-link.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-expand-on-active-link.directive.js","sourceRoot":"","sources":["../../../../../libs/watt/package/shell/nav-list/watt-expand-on-active-link.directive.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAyB,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;;AAQhE,MAAM,OAAO,+BAA+B;IAClC,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAElC,kBAAkB,GAAG,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;QAChD,MAAM,IAAI,GAA4B,EAAE,CAAC;QAEzC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAE1D,MAAM,YAAY,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAEtD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,IAAI,CACP,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAC3B,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACnC,IAAI,QAAQ,EAAE,CAAC;oBACb,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACpB,CAAC;YACH,CAAC,CAAC,CACH,CACF,CAAC;QACJ,CAAC;IACH,CAAC,8DAAC,CAAC;IAEH,yBAAyB,GAAG,KAAK,CAAsC,EAAE,qEAAC,CAAC;wGAvBhE,+BAA+B;4FAA/B,+BAA+B;;4FAA/B,+BAA+B;kBAJ3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,QAAQ,EAAE,wBAAwB;iBACnC","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 { 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"]}

package/esm2022/shell/nav-list/watt-nav-list-item.component.js

@@ -0,0 +1,83 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import * as i0 from "@angular/core";
+export class WattNavListItemComponent {
+    link = input.required(...(ngDevMode ? [{ debugName: "link" }] : []));
+    target = input('_self', ...(ngDevMode ? [{ debugName: "target" }] : []));
+    isActive = output();
+    /**
+     * @ignore
+     */
+    isExternalLink = computed(() => /^(http:\/\/|https:\/\/)/i.test(this.link()), ...(ngDevMode ? [{ debugName: "isExternalLink" }] : []));
+    /**
+     * @ignore
+     */
+    onRouterLinkActive(isActive) {
+        this.isActive.emit(isActive);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattNavListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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>
+    } @else {
+      <a
+        [routerLink]="link()"
+        routerLinkActive="active"
+        (isActiveChange)="onRouterLinkActive($event)"
+        ><ng-container *ngTemplateOutlet="templateContent"
+      /></a>
+    }
+
+    <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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattNavListItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'watt-nav-list-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NgTemplateOutlet, RouterLink, RouterLinkActive],
+                    template: `
+    @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>
+    }
+
+    <ng-template #templateContent>
+      <ng-content />
+    </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"] }] } });
+//# sourceMappingURL=watt-nav-list-item.component.js.map

package/esm2022/shell/nav-list/watt-nav-list-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-nav-list-item.component.js","sourceRoot":"","sources":["../../../../../libs/watt/package/shell/nav-list/watt-nav-list-item.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;;AAyB/D,MAAM,OAAO,wBAAwB;IACnC,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAU,CAAC;IAChC,MAAM,GAAG,KAAK,CAA0C,OAAO,kDAAC,CAAC;IACjE,QAAQ,GAAG,MAAM,EAAW,CAAC;IAE7B;;OAEG;IACH,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,0DAAC,CAAC;IAE9E;;OAEG;IACH,kBAAkB,CAAC,QAAiB;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;wGAfU,wBAAwB;4FAAxB,wBAAwB,4WAnBzB;;;;;;;;;;;;;;;;;GAiBT,4DAlBS,gBAAgB,oJAAE,UAAU,oOAAE,gBAAgB;;4FAoB7C,wBAAwB;kBAvBpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,CAAC;oBACzD,QAAQ,EAAE;;;;;;;;;;;;;;;;;GAiBT;iBACF","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 { 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"]}

package/esm2022/shell/nav-list/watt-nav-list.component.js

@@ -0,0 +1,80 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, contentChildren, input, } from '@angular/core';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { WattExpandOnActiveLinkDirective } from './watt-expand-on-active-link.directive';
+import { WattNavListItemComponent } from './watt-nav-list-item.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/expansion";
+export class WattNavListComponent {
+    /**
+     * @ignore
+     */
+    navListItemComponents = contentChildren(WattNavListItemComponent, ...(ngDevMode ? [{ debugName: "navListItemComponents" }] : []));
+    expandable = input(false, ...(ngDevMode ? [{ debugName: "expandable" }] : []));
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattNavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattNavListComponent, isStandalone: true, selector: "watt-nav-list", inputs: { expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.watt-nav-list--expandable": "expandable()" } }, queries: [{ propertyName: "navListItemComponents", predicate: WattNavListItemComponent, isSignal: true }], ngImport: i0, template: `
+    @if (expandable()) {
+      <mat-expansion-panel
+        wattExpandOnActiveLink
+        [wattNavListItemComponents]="navListItemComponents()"
+        class="mat-elevation-z0"
+      >
+        <mat-expansion-panel-header>
+          <mat-panel-title class="watt-text-m">{{ title() }}</mat-panel-title>
+        </mat-expansion-panel-header>
+        <ng-container *ngTemplateOutlet="navListTemplate" />
+      </mat-expansion-panel>
+    } @else {
+      <ng-container *ngTemplateOutlet="navListTemplate" />
+    }
+
+    <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: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { 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: "20.3.15", ngImport: i0, type: WattNavListComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: 'watt-nav-list', host: {
+                        '[class.watt-nav-list--expandable]': 'expandable()',
+                    }, template: `
+    @if (expandable()) {
+      <mat-expansion-panel
+        wattExpandOnActiveLink
+        [wattNavListItemComponents]="navListItemComponents()"
+        class="mat-elevation-z0"
+      >
+        <mat-expansion-panel-header>
+          <mat-panel-title class="watt-text-m">{{ title() }}</mat-panel-title>
+        </mat-expansion-panel-header>
+        <ng-container *ngTemplateOutlet="navListTemplate" />
+      </mat-expansion-panel>
+    } @else {
+      <ng-container *ngTemplateOutlet="navListTemplate" />
+    }
+
+    <ng-template #navListTemplate>
+      <ng-content />
+    </ng-template>
+  `, imports: [NgTemplateOutlet, MatExpansionModule, 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"] }]
+        }], 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 }] }] } });
+//# sourceMappingURL=watt-nav-list.component.js.map

package/esm2022/shell/nav-list/watt-nav-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-nav-list.component.js","sourceRoot":"","sources":["../../../../../libs/watt/package/shell/nav-list/watt-nav-list.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,EACjB,eAAe,EACf,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;;;AAgC1E,MAAM,OAAO,oBAAoB;IAC/B;;OAEG;IACH,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,iEAAC,CAAC;IAElE,UAAU,GAAG,KAAK,CAAC,KAAK,sDAAC,CAAC;IAC1B,KAAK,GAAG,KAAK,CAAC,EAAE,iDAAC,CAAC;wGAPP,oBAAoB;4FAApB,oBAAoB,ucAIS,wBAAwB,6CA1BtD;;;;;;;;;;;;;;;;;;;GAmBT,21DACS,gBAAgB,mJAAE,kBAAkB,0dAAE,+BAA+B;;4FAEpE,oBAAoB;kBA9BhC,SAAS;sCACS,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,YAC3B,eAAe,QAEnB;wBACJ,mCAAmC,EAAE,cAAc;qBACpD,YACS;;;;;;;;;;;;;;;;;;;GAmBT,WACQ,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,+BAA+B,CAAC;6GAMxC,wBAAwB","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 { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  contentChildren,\n  input,\n} from '@angular/core';\nimport { MatExpansionModule } 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: [NgTemplateOutlet, MatExpansionModule, WattExpandOnActiveLinkDirective],\n})\nexport class WattNavListComponent {\n  /**\n   * @ignore\n   */\n  navListItemComponents = contentChildren(WattNavListItemComponent);\n\n  expandable = input(false);\n  title = input('');\n}\n"]}

package/esm2022/shell/shell.component.js

@@ -0,0 +1,59 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Router, NavigationEnd } from '@angular/router';
+import { Component, inject, viewChild } from '@angular/core';
+import { filter, map } from 'rxjs';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { WattButtonComponent } from '@energinet/watt/button';
+import { WattBreakpointsObserver } from '@energinet/watt/core/breakpoints';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/sidenav";
+import * as i2 from "@angular/material/toolbar";
+export class WattShellComponent {
+    breakpointObserver = inject(WattBreakpointsObserver);
+    router = inject(Router);
+    sidenav = viewChild.required('drawer');
+    /**
+     * @ignore
+     */
+    onNavigationEnd$ = this.router.events.pipe(filter((event) => event instanceof NavigationEnd));
+    /**
+     * @ignore
+     */
+    isHandset = toSignal(this.breakpointObserver
+        .observe(['XSmall', 'Small', 'Medium'])
+        .pipe(map((result) => result.matches)));
+    constructor() {
+        this.onNavigationEnd$.pipe(takeUntilDestroyed()).subscribe(() => {
+            const sidenav = this.sidenav();
+            if (this.isHandset() && sidenav.opened) {
+                sidenav.close();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattShellComponent, isStandalone: true, selector: "watt-shell", viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\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", styles: [":host{display:block}.watt-sidenav-container{height:100vh}.watt-sidenav-close-button{position:absolute;top:10px;right:0}.mat-drawer{overflow-y:visible}.watt-sidenav{width:245px;background-color:var(--watt-sidenav-background-color)}@media(max-width:1279.98px){.watt-sidenav{width:289px}}.watt-sidenav.mat-drawer-over.mat-drawer-opened .watt-sidenav-close-button{opacity:1}.watt-sidenav.mat-drawer-over .watt-sidenav-close-button{opacity:0;transition:opacity 50ms linear}.watt-sidenav.mat-drawer-over .watt-sidenav-close-button ::ng-deep .mat-mdc-button.mat-icon{color:var(--watt-color-neutral-white)}.watt-sidenav-content{display:grid;grid-template-rows:auto minmax(30rem,1fr)}.watt-main-content{position:relative;height:100%}.watt-toolbar{position:sticky;top:0;background-color:var(--watt-color-neutral-white);border-bottom:1px solid var(--watt-color-neutral-grey-300);height:var(--watt-space-xl);z-index:2}.watt-main-content,.watt-toolbar{width:100vw}@media(min-width:1280px){.watt-main-content,.watt-toolbar{width:calc(100vw - 245px)}}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i1.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'watt-shell', imports: [MatSidenavModule, MatToolbarModule, WattButtonComponent], template: "<!--\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", styles: [":host{display:block}.watt-sidenav-container{height:100vh}.watt-sidenav-close-button{position:absolute;top:10px;right:0}.mat-drawer{overflow-y:visible}.watt-sidenav{width:245px;background-color:var(--watt-sidenav-background-color)}@media(max-width:1279.98px){.watt-sidenav{width:289px}}.watt-sidenav.mat-drawer-over.mat-drawer-opened .watt-sidenav-close-button{opacity:1}.watt-sidenav.mat-drawer-over .watt-sidenav-close-button{opacity:0;transition:opacity 50ms linear}.watt-sidenav.mat-drawer-over .watt-sidenav-close-button ::ng-deep .mat-mdc-button.mat-icon{color:var(--watt-color-neutral-white)}.watt-sidenav-content{display:grid;grid-template-rows:auto minmax(30rem,1fr)}.watt-main-content{position:relative;height:100%}.watt-toolbar{position:sticky;top:0;background-color:var(--watt-color-neutral-white);border-bottom:1px solid var(--watt-color-neutral-grey-300);height:var(--watt-space-xl);z-index:2}.watt-main-content,.watt-toolbar{width:100vw}@media(min-width:1280px){.watt-main-content,.watt-toolbar{width:calc(100vw - 245px)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { sidenav: [{ type: i0.ViewChild, args: ['drawer', { isSignal: true }] }] } });
+//# sourceMappingURL=shell.component.js.map

package/esm2022/shell/shell.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/shell/shell.component.ts","../../../../libs/watt/package/shell/shell.component.html"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAc,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;;;;AAQ3E,MAAM,OAAO,kBAAkB;IACrB,kBAAkB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;IACrD,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACf,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAa,QAAQ,CAAC,CAAC;IAEpE;;OAEG;IACK,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAChD,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,YAAY,aAAa,CAAC,CAClD,CAAC;IAEF;;OAEG;IACH,SAAS,GAAG,QAAQ,CAClB,IAAI,CAAC,kBAAkB;SACpB,OAAO,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;SACtC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CACzC,CAAC;IAEF;QACE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE;YAC9D,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/B,IAAI,IAAI,CAAC,SAAS,EAAE,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;gBACvC,OAAO,CAAC,KAAK,EAAE,CAAC;YAClB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;wGA5BU,kBAAkB;4FAAlB,kBAAkB,yLCnC/B,iiDAkDA,ukCDjBY,gBAAgB,0YAAE,gBAAgB,iJAAE,mBAAmB;;4FAEtD,kBAAkB;kBAN9B,SAAS;+BACE,YAAY,WAGb,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,CAAC;+FAKR,QAAQ","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"]}

package/esm2022/slide-toggle/energinet-watt-slide-toggle.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=energinet-watt-slide-toggle.js.map

package/esm2022/slide-toggle/energinet-watt-slide-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-slide-toggle.js","sourceRoot":"","sources":["../../../../libs/watt/package/slide-toggle/energinet-watt-slide-toggle.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/slide-toggle/index.js

@@ -0,0 +1,20 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+export { WattSlideToggleComponent } from './watt-slide-toggle.component';
+//# sourceMappingURL=index.js.map

package/esm2022/slide-toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/watt/package/slide-toggle/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC","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\nexport { WattSlideToggleComponent } from './watt-slide-toggle.component';\n"]}