@energinet/watt 1.6.2 → 1.7.0

package/fesm2022/energinet-watt-shell.mjs

@@ -67,7 +67,7 @@ class WattShellComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattShellComponent, isStandalone: true, selector: "watt-shell", viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: 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$ | async) === false\"\n    [autoFocus]=\"shouldAutoFocus\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\"\n    [opened]=\"(isHandset$ | async) === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset$ | async) {\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$ | async) {\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: "pipe", type: AsyncPipe, name: "async" }, { 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", "type", "formId", "disabled", "loading"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattShellComponent, isStandalone: true, selector: "watt-shell", viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: 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$ | async) === false\"\n    [autoFocus]=\"shouldAutoFocus\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\"\n    [opened]=\"(isHandset$ | async) === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset$ | async) {\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$ | async) {\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: "pipe", type: AsyncPipe, name: "async" }, { 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: "19.2.1", ngImport: i0, type: WattShellComponent, decorators: [{
             type: Component,

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 { AsyncPipe } from '@angular/common';\nimport { Component, DestroyRef, OnInit, ViewChild, inject } from '@angular/core';\nimport { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Router, NavigationEnd } from '@angular/router';\nimport { filter, map, switchMap, first } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { WattBreakpointsObserver } from '@energinet/watt/core/breakpoints';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\n@Component({\n  selector: 'watt-shell',\n  styleUrls: ['./shell.component.scss'],\n  templateUrl: './shell.component.html',\n  imports: [AsyncPipe, MatSidenavModule, MatToolbarModule, WattButtonComponent],\n})\nexport class WattShellComponent implements OnInit {\n  private breakpointObserver = inject(WattBreakpointsObserver);\n  private router = inject(Router);\n  /**\n   * @ignore\n   */\n  private _destroyRef = inject(DestroyRef);\n\n  /**\n   * @ignore\n   */\n  shouldAutoFocus = false;\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$ = this.breakpointObserver\n    .observe(['XSmall', 'Small', 'Medium'])\n    .pipe(map((result) => result.matches));\n\n  @ViewChild('drawer') sidenav!: MatSidenav;\n\n  ngOnInit(): void {\n    this.closeSidenavOnNavigation();\n  }\n\n  private closeSidenavOnNavigation(): void {\n    this.onNavigationEnd$\n      .pipe(\n        switchMap(() => this.isHandset$.pipe(first())),\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((isHandset) => {\n        if (isHandset && this.sidenav && this.sidenav.opened) {\n          this.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$ | async) === false\"\n    [autoFocus]=\"shouldAutoFocus\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\"\n    [opened]=\"(isHandset$ | async) === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset$ | async) {\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$ | async) {\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, AfterViewInit, inject, input } from '@angular/core';\nimport { MatExpansionPanel } from '@angular/material/expansion';\nimport { outputToObservable } from '@angular/core/rxjs-interop';\nimport { from, filter, mergeMap } from 'rxjs';\n\nimport { WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Directive({\n  selector: '[wattExpandOnActiveLink]',\n  exportAs: 'wattExpandOnActiveLink',\n})\nexport class WattExpandOnActiveLinkDirective implements AfterViewInit {\n  private panel = inject(MatExpansionPanel);\n\n  wattNavListItemComponents = input<readonly WattNavListItemComponent[]>([]);\n\n  ngAfterViewInit(): void {\n    const navListItems = this.wattNavListItemComponents();\n\n    if (navListItems.length > 0) {\n      from(this.wattNavListItemComponents())\n        .pipe(\n          mergeMap((item) => outputToObservable(item.isActive)),\n          filter((isActive) => isActive)\n        )\n        .subscribe(() => this.panel.open());\n    }\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 { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-nav-list-item',\n  imports: [NgTemplateOutlet, RouterModule],\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 { RouterModule } from '@angular/router';\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, RouterModule, MatExpansionModule, WattExpandOnActiveLinkDirective],\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":["i1"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;MAkBa,kBAAkB,CAAA;AACrB,IAAA,kBAAkB,GAAG,MAAM,CAAC,uBAAuB,CAAC;AACpD,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/B;;AAEG;AACK,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAExC;;AAEG;IACH,eAAe,GAAG,KAAK;AAEvB;;AAEG;IACK,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAChD,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,YAAY,aAAa,CAAC,CAClD;AAED;;AAEG;IACH,UAAU,GAAG,IAAI,CAAC;SACf,OAAO,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;AACrC,SAAA,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,OAAO,CAAC,CAAC;AAEnB,IAAA,OAAO;IAE5B,QAAQ,GAAA;QACN,IAAI,CAAC,wBAAwB,EAAE;;IAGzB,wBAAwB,GAAA;AAC9B,QAAA,IAAI,CAAC;aACF,IAAI,CACH,SAAS,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,EAC9C,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAErC,aAAA,SAAS,CAAC,CAAC,SAAS,KAAI;AACvB,YAAA,IAAI,SAAS,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;AACpD,gBAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;;AAExB,SAAC,CAAC;;uGA3CK,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnC/B,+mDAmDA,EDlBY,MAAA,EAAA,CAAA,ohCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,SAAS,6CAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAEjE,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;+BACE,YAAY,EAAA,OAAA,EAGb,CAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,+mDAAA,EAAA,MAAA,EAAA,CAAA,ohCAAA,CAAA,EAAA;8BA6BxD,OAAO,EAAA,CAAA;sBAA3B,SAAS;uBAAC,QAAQ;;;AE9DrB;AACA;;;;;;;;;;;;;;;AAeG;AACH;MAYa,+BAA+B,CAAA;AAClC,IAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAEzC,IAAA,yBAAyB,GAAG,KAAK,CAAsC,EAAE,CAAC;IAE1E,eAAe,GAAA;AACb,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,yBAAyB,EAAE;AAErD,QAAA,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3B,YAAA,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE;iBAClC,IAAI,CACH,QAAQ,CAAC,CAAC,IAAI,KAAK,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EACrD,MAAM,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC;iBAE/B,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;;;uGAd9B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,yBAAA,EAAA,EAAA,iBAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAJ3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE,wBAAwB;AACnC,iBAAA;;;AC5BD;AACA;;;;;;;;;;;;;;;AAeG;AACH;MA4Ba,wBAAwB,CAAA;AACnC,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAU;AAC/B,IAAA,MAAM,GAAG,KAAK,CAA0C,OAAO,CAAC;IAChE,QAAQ,GAAG,MAAM,EAAW;AAE5B;;AAEG;AACH,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAM,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;AAE7E;;AAEG;AACH,IAAA,kBAAkB,CAAC,QAAiB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;uGAdnB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAnBzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;GAiBT,EAlBS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,mJAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAoB7B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAvBpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC;AACzC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;AAiBT,EAAA,CAAA;AACF,iBAAA;;;AC5CD;AACA;;;;;;;;;;;;;;;AAeG;AACH;MA6Ca,oBAAoB,CAAA;AAC/B;;AAEG;AACH,IAAA,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,CAAC;AAEjE,IAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;AACzB,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC;uGAPN,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iCAAA,EAAA,cAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,EAIS,wBAAwB,EA1BtD,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;AAmBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,igDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACS,gBAAgB,EAAE,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,geAAE,+BAA+B,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,QAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAElF,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBA9BhC,SAAS;sCACS,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAC3B,eAAe,EAEnB,IAAA,EAAA;AACJ,wBAAA,mCAAmC,EAAE,cAAc;qBACpD,EACS,QAAA,EAAA;;;;;;;;;;;;;;;;;;;GAmBT,EACQ,OAAA,EAAA,CAAC,gBAAgB,EAAE,YAAY,EAAE,kBAAkB,EAAE,+BAA+B,CAAC,EAAA,MAAA,EAAA,CAAA,igDAAA,CAAA,EAAA;;;AC5DhG;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}
+{"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 { AsyncPipe } from '@angular/common';\nimport { Component, DestroyRef, OnInit, ViewChild, inject } from '@angular/core';\nimport { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Router, NavigationEnd } from '@angular/router';\nimport { filter, map, switchMap, first } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { WattBreakpointsObserver } from '@energinet/watt/core/breakpoints';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\n@Component({\n  selector: 'watt-shell',\n  styleUrls: ['./shell.component.scss'],\n  templateUrl: './shell.component.html',\n  imports: [AsyncPipe, MatSidenavModule, MatToolbarModule, WattButtonComponent],\n})\nexport class WattShellComponent implements OnInit {\n  private breakpointObserver = inject(WattBreakpointsObserver);\n  private router = inject(Router);\n  /**\n   * @ignore\n   */\n  private _destroyRef = inject(DestroyRef);\n\n  /**\n   * @ignore\n   */\n  shouldAutoFocus = false;\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$ = this.breakpointObserver\n    .observe(['XSmall', 'Small', 'Medium'])\n    .pipe(map((result) => result.matches));\n\n  @ViewChild('drawer') sidenav!: MatSidenav;\n\n  ngOnInit(): void {\n    this.closeSidenavOnNavigation();\n  }\n\n  private closeSidenavOnNavigation(): void {\n    this.onNavigationEnd$\n      .pipe(\n        switchMap(() => this.isHandset$.pipe(first())),\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((isHandset) => {\n        if (isHandset && this.sidenav && this.sidenav.opened) {\n          this.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$ | async) === false\"\n    [autoFocus]=\"shouldAutoFocus\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\"\n    [opened]=\"(isHandset$ | async) === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset$ | async) {\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$ | async) {\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, AfterViewInit, inject, input } from '@angular/core';\nimport { MatExpansionPanel } from '@angular/material/expansion';\nimport { outputToObservable } from '@angular/core/rxjs-interop';\nimport { from, filter, mergeMap } from 'rxjs';\n\nimport { WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Directive({\n  selector: '[wattExpandOnActiveLink]',\n  exportAs: 'wattExpandOnActiveLink',\n})\nexport class WattExpandOnActiveLinkDirective implements AfterViewInit {\n  private panel = inject(MatExpansionPanel);\n\n  wattNavListItemComponents = input<readonly WattNavListItemComponent[]>([]);\n\n  ngAfterViewInit(): void {\n    const navListItems = this.wattNavListItemComponents();\n\n    if (navListItems.length > 0) {\n      from(this.wattNavListItemComponents())\n        .pipe(\n          mergeMap((item) => outputToObservable(item.isActive)),\n          filter((isActive) => isActive)\n        )\n        .subscribe(() => this.panel.open());\n    }\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 { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-nav-list-item',\n  imports: [NgTemplateOutlet, RouterModule],\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 { RouterModule } from '@angular/router';\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, RouterModule, MatExpansionModule, WattExpandOnActiveLinkDirective],\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":["i1"],"mappings":"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"}

package/fesm2022/energinet-watt-stepper.mjs

@@ -118,7 +118,7 @@ class WattStepperComponent extends MatStepper {
             },
             { provide: CdkStepper, useExisting: WattStepperComponent },
             { provide: MatStepper, useExisting: WattStepperComponent },
-        ], queries: [{ propertyName: "_steps", predicate: WattStepperStepComponent, descendants: true }], viewQueries: [{ propertyName: "stepper", first: true, predicate: MatStepper, descendants: true }], usesInheritance: 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-stepper\n  #stepper\n  [disableRipple]=\"disableRipple\"\n  [linear]=\"true\"\n  animationDuration=\"0\"\n  class=\"watt-stepper\"\n>\n  <ng-template let-index=\"index\" matStepperIcon=\"edit\">\n    {{ index + 1 }}\n  </ng-template>\n  <ng-template matStepperIcon=\"done\">\n    <watt-icon name=\"checkmark\" />\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"number\">\n    @if (\n      stepper.steps.get(index)?.completed &&\n      stepper.steps.get(index)?.interacted &&\n      index !== stepper.selectedIndex\n    ) {\n      <watt-icon name=\"checkmark\" />\n    } @else {\n      {{ index + 1 }}\n    }\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"error\">\n    {{ index + 1 }}\n  </ng-template>\n  @for (step of _steps; track step) {\n    @if (step.enabled()) {\n      <mat-step [editable]=\"step.editable\" [stepControl]=\"step.stepControl\">\n        <ng-template matStepLabel>{{ step.label }}</ng-template>\n        <div class=\"watt-stepper-content-wrapper\">\n          <ng-container *ngTemplateOutlet=\"step.templateRef\" />\n        </div>\n        <div class=\"watt-stepper-button-wrapper\">\n          @if (!(onFirstStep$ | push)) {\n            <watt-button\n              [disabled]=\"step.disablePreviousButton()\"\n              variant=\"secondary\"\n              (click)=\"previousStep()\"\n            >\n              <watt-icon name=\"left\" />\n              {{ step.previousButtonLabel() }}\n            </watt-button>\n          }\n\n          @if (!(onLastStep$ | push)) {\n            <watt-button\n              variant=\"secondary\"\n              (click)=\"nextStep(step)\"\n              [loading]=\"step.loadingNextButton()\"\n              [disabled]=\"step.disableNextButton()\"\n            >\n              {{ step.nextButtonLabel() }}\n              <watt-icon name=\"right\" />\n            </watt-button>\n          }\n\n          @if (onLastStep$ | push) {\n            <watt-button\n              variant=\"primary\"\n              [loading]=\"isCompleting\"\n              (click)=\"complete()\"\n              [disabled]=\"step.disableNextButton()\"\n              >{{ step.nextButtonLabel() }}\n            </watt-button>\n          }\n        </div>\n      </mat-step>\n    }\n  }\n</mat-stepper>\n", styles: [".watt-stepper .mat-horizontal-stepper-header-container{padding-bottom:var(--watt-space-ml)}.watt-stepper .mat-step-label.mat-step-label-selected{color:var(--watt-color-primary)}.watt-stepper .mat-form-field-suffix{padding-right:var(--watt-space-s);color:var(--watt-color-neutral-grey-600)}.watt-stepper .mat-step-label{color:var(--watt-typography-label-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none}.watt-stepper .mat-step-header .mat-step-icon-selected{border:solid 1px var(--watt-color-primary);background-color:#fff;color:var(--watt-color-primary)}.watt-stepper .mat-stepper-horizontal-line{margin:0 5px}.watt-stepper .watt-stepper-button-wrapper{display:flex;justify-content:flex-end;gap:var(--watt-space-m);width:100%;padding-top:var(--watt-space-ml)}.watt-stepper .mat-step-icon-state-error{color:var(--watt-color-state-danger);border:solid 1px var(--watt-color-state-danger)}@media (max-width: 719.98px){.watt-stepper .mat-horizontal-stepper-header{padding:0}.watt-stepper .mat-step-label:not(.mat-step-label-selected){display:none}.watt-stepper .mat-horizontal-content-container{padding:0 0 24px}}.watt-modal--medium watt-stepper,.watt-modal--medium .watt-stepper,.watt-modal--large watt-stepper,.watt-modal--large .watt-stepper{height:100%}.watt-modal--medium .mat-horizontal-stepper-content,.watt-modal--large .mat-horizontal-stepper-content{display:grid;align-items:center;grid-template-rows:1fr auto;grid-template-areas:\"content\" \"actions\"}.watt-modal--medium .mat-horizontal-stepper-content .watt-stepper-content-wrapper,.watt-modal--large .mat-horizontal-stepper-content .watt-stepper-content-wrapper{align-self:stretch;grid-area:content;overflow:auto}.watt-modal--medium .mat-horizontal-stepper-content .watt-stepper-button-wrapper,.watt-modal--large .mat-horizontal-stepper-content .watt-stepper-button-wrapper{grid-area:actions}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: RxPush, name: "push" }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i1.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "type", "formId", "disabled", "loading"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], queries: [{ propertyName: "_steps", predicate: WattStepperStepComponent, descendants: true }], viewQueries: [{ propertyName: "stepper", first: true, predicate: MatStepper, descendants: true }], usesInheritance: 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-stepper\n  #stepper\n  [disableRipple]=\"disableRipple\"\n  [linear]=\"true\"\n  animationDuration=\"0\"\n  class=\"watt-stepper\"\n>\n  <ng-template let-index=\"index\" matStepperIcon=\"edit\">\n    {{ index + 1 }}\n  </ng-template>\n  <ng-template matStepperIcon=\"done\">\n    <watt-icon name=\"checkmark\" />\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"number\">\n    @if (\n      stepper.steps.get(index)?.completed &&\n      stepper.steps.get(index)?.interacted &&\n      index !== stepper.selectedIndex\n    ) {\n      <watt-icon name=\"checkmark\" />\n    } @else {\n      {{ index + 1 }}\n    }\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"error\">\n    {{ index + 1 }}\n  </ng-template>\n  @for (step of _steps; track step) {\n    @if (step.enabled()) {\n      <mat-step [editable]=\"step.editable\" [stepControl]=\"step.stepControl\">\n        <ng-template matStepLabel>{{ step.label }}</ng-template>\n        <div class=\"watt-stepper-content-wrapper\">\n          <ng-container *ngTemplateOutlet=\"step.templateRef\" />\n        </div>\n        <div class=\"watt-stepper-button-wrapper\">\n          @if (!(onFirstStep$ | push)) {\n            <watt-button\n              [disabled]=\"step.disablePreviousButton()\"\n              variant=\"secondary\"\n              (click)=\"previousStep()\"\n            >\n              <watt-icon name=\"left\" />\n              {{ step.previousButtonLabel() }}\n            </watt-button>\n          }\n\n          @if (!(onLastStep$ | push)) {\n            <watt-button\n              variant=\"secondary\"\n              (click)=\"nextStep(step)\"\n              [loading]=\"step.loadingNextButton()\"\n              [disabled]=\"step.disableNextButton()\"\n            >\n              {{ step.nextButtonLabel() }}\n              <watt-icon name=\"right\" />\n            </watt-button>\n          }\n\n          @if (onLastStep$ | push) {\n            <watt-button\n              variant=\"primary\"\n              [loading]=\"isCompleting\"\n              (click)=\"complete()\"\n              [disabled]=\"step.disableNextButton()\"\n              >{{ step.nextButtonLabel() }}\n            </watt-button>\n          }\n        </div>\n      </mat-step>\n    }\n  }\n</mat-stepper>\n", styles: [".watt-stepper .mat-horizontal-stepper-header-container{padding-bottom:var(--watt-space-ml)}.watt-stepper .mat-step-label.mat-step-label-selected{color:var(--watt-color-primary)}.watt-stepper .mat-form-field-suffix{padding-right:var(--watt-space-s);color:var(--watt-color-neutral-grey-600)}.watt-stepper .mat-step-label{color:var(--watt-typography-label-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none}.watt-stepper .mat-step-header .mat-step-icon-selected{border:solid 1px var(--watt-color-primary);background-color:#fff;color:var(--watt-color-primary)}.watt-stepper .mat-stepper-horizontal-line{margin:0 5px}.watt-stepper .watt-stepper-button-wrapper{display:flex;justify-content:flex-end;gap:var(--watt-space-m);width:100%;padding-top:var(--watt-space-ml)}.watt-stepper .mat-step-icon-state-error{color:var(--watt-color-state-danger);border:solid 1px var(--watt-color-state-danger)}@media (max-width: 719.98px){.watt-stepper .mat-horizontal-stepper-header{padding:0}.watt-stepper .mat-step-label:not(.mat-step-label-selected){display:none}.watt-stepper .mat-horizontal-content-container{padding:0 0 24px}}.watt-modal--medium watt-stepper,.watt-modal--medium .watt-stepper,.watt-modal--large watt-stepper,.watt-modal--large .watt-stepper{height:100%}.watt-modal--medium .mat-horizontal-stepper-content,.watt-modal--large .mat-horizontal-stepper-content{display:grid;align-items:center;grid-template-rows:1fr auto;grid-template-areas:\"content\" \"actions\"}.watt-modal--medium .mat-horizontal-stepper-content .watt-stepper-content-wrapper,.watt-modal--large .mat-horizontal-stepper-content .watt-stepper-content-wrapper{align-self:stretch;grid-area:content;overflow:auto}.watt-modal--medium .mat-horizontal-stepper-content .watt-stepper-button-wrapper,.watt-modal--large .mat-horizontal-stepper-content .watt-stepper-button-wrapper{grid-area:actions}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: RxPush, name: "push" }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i1.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattStepperComponent, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-stepper.mjs","sources":["../../../libs/watt/package/stepper/watt-stepper-step.component.ts","../../../libs/watt/package/stepper/watt-stepper.component.ts","../../../libs/watt/package/stepper/watt-stepper.component.html","../../../libs/watt/package/stepper/index.ts","../../../libs/watt/package/stepper/energinet-watt-stepper.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 { Component, input, output, TemplateRef, ViewChild } from '@angular/core';\nimport { MatStep } from '@angular/material/stepper';\nimport { CdkStep } from '@angular/cdk/stepper';\n\nexport { CdkStep as WattStep };\n\n@Component({\n  selector: 'watt-stepper-step',\n  template: ` <ng-template #templateRef>\n    <ng-content />\n  </ng-template>`,\n})\nexport class WattStepperStepComponent extends MatStep {\n  @ViewChild('templateRef') public templateRef: TemplateRef<unknown> | null = null;\n\n  nextButtonLabel = input<string>();\n  disableNextButton = input<boolean>(false);\n  loadingNextButton = input<boolean>(false);\n  previousButtonLabel = input<string>();\n  enabled = input<boolean>(true);\n  disablePreviousButton = input<boolean>(false);\n\n  entering = output<CdkStep>();\n  leaving = output<CdkStep>();\n  next = output<void>();\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 {\n  AfterViewInit,\n  Component,\n  ContentChildren,\n  DestroyRef,\n  EventEmitter,\n  inject,\n  Input,\n  Output,\n  QueryList,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { CdkStepper, STEPPER_GLOBAL_OPTIONS, StepperSelectionEvent } from '@angular/cdk/stepper';\nimport { MatStepper, MatStepperModule } from '@angular/material/stepper';\nimport { RxPush } from '@rx-angular/template/push';\nimport { from, map, Observable, of, startWith, withLatestFrom } from 'rxjs';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattStepperStepComponent } from './watt-stepper-step.component';\n\n@Component({\n  selector: 'watt-stepper',\n  templateUrl: './watt-stepper.component.html',\n  styleUrls: ['./watt-stepper.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgTemplateOutlet, RxPush, MatStepperModule, WattIconComponent, WattButtonComponent],\n  providers: [\n    {\n      provide: STEPPER_GLOBAL_OPTIONS,\n      useValue: { showError: true, displayDefaultIndicatorType: false },\n    },\n    { provide: CdkStepper, useExisting: WattStepperComponent },\n    { provide: MatStepper, useExisting: WattStepperComponent },\n  ],\n})\nexport class WattStepperComponent extends MatStepper implements AfterViewInit {\n  @Output() completed = new EventEmitter<void>();\n  @Input() isCompleting = false;\n\n  @ContentChildren(WattStepperStepComponent, { descendants: true })\n  declare _steps: QueryList<WattStepperStepComponent>;\n\n  @ViewChild(MatStepper) stepper!: MatStepper;\n\n  selectedIndexChanged$!: Observable<StepperSelectionEvent>;\n  onFirstStep$!: Observable<boolean>;\n  onLastStep$!: Observable<boolean>;\n\n  private destroyRef = inject(DestroyRef);\n\n  override reset() {\n    this.stepper.reset();\n  }\n\n  override ngAfterViewInit(): void {\n    this.selectedIndexChanged$ = from(this.stepper.selectionChange);\n    this.onLastStep$ = this.selectedIndexChanged$.pipe(\n      withLatestFrom(of(this._steps)),\n      map(([index, steps]) => index.selectedIndex === steps.filter((x) => x.enabled()).length - 1),\n      startWith(false)\n    );\n    this.onFirstStep$ = this.selectedIndexChanged$.pipe(\n      map((index) => index.selectedIndex === 0),\n      startWith(true)\n    );\n\n    // Emit entering and leaving events\n    this.selectedIndexChanged$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((change) => {\n      this._steps.get(change.selectedIndex)?.entering.emit(change.selectedStep);\n      this._steps.get(change.previouslySelectedIndex)?.leaving.emit(change.previouslySelectedStep);\n    });\n  }\n\n  nextStep(step: WattStepperStepComponent): void {\n    step.next.emit();\n    this.stepper.selected?.stepControl?.markAllAsTouched();\n    this.stepper.next();\n  }\n\n  previousStep(): void {\n    this.stepper.previous();\n  }\n\n  complete(): void {\n    this.stepper.selected?.stepControl?.markAllAsTouched();\n    this.completed.emit();\n  }\n}\n\nexport const WATT_STEPPER = [WattStepperComponent, WattStepperStepComponent];\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-stepper\n  #stepper\n  [disableRipple]=\"disableRipple\"\n  [linear]=\"true\"\n  animationDuration=\"0\"\n  class=\"watt-stepper\"\n>\n  <ng-template let-index=\"index\" matStepperIcon=\"edit\">\n    {{ index + 1 }}\n  </ng-template>\n  <ng-template matStepperIcon=\"done\">\n    <watt-icon name=\"checkmark\" />\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"number\">\n    @if (\n      stepper.steps.get(index)?.completed &&\n      stepper.steps.get(index)?.interacted &&\n      index !== stepper.selectedIndex\n    ) {\n      <watt-icon name=\"checkmark\" />\n    } @else {\n      {{ index + 1 }}\n    }\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"error\">\n    {{ index + 1 }}\n  </ng-template>\n  @for (step of _steps; track step) {\n    @if (step.enabled()) {\n      <mat-step [editable]=\"step.editable\" [stepControl]=\"step.stepControl\">\n        <ng-template matStepLabel>{{ step.label }}</ng-template>\n        <div class=\"watt-stepper-content-wrapper\">\n          <ng-container *ngTemplateOutlet=\"step.templateRef\" />\n        </div>\n        <div class=\"watt-stepper-button-wrapper\">\n          @if (!(onFirstStep$ | push)) {\n            <watt-button\n              [disabled]=\"step.disablePreviousButton()\"\n              variant=\"secondary\"\n              (click)=\"previousStep()\"\n            >\n              <watt-icon name=\"left\" />\n              {{ step.previousButtonLabel() }}\n            </watt-button>\n          }\n\n          @if (!(onLastStep$ | push)) {\n            <watt-button\n              variant=\"secondary\"\n              (click)=\"nextStep(step)\"\n              [loading]=\"step.loadingNextButton()\"\n              [disabled]=\"step.disableNextButton()\"\n            >\n              {{ step.nextButtonLabel() }}\n              <watt-icon name=\"right\" />\n            </watt-button>\n          }\n\n          @if (onLastStep$ | push) {\n            <watt-button\n              variant=\"primary\"\n              [loading]=\"isCompleting\"\n              (click)=\"complete()\"\n              [disabled]=\"step.disableNextButton()\"\n              >{{ step.nextButtonLabel() }}\n            </watt-button>\n          }\n        </div>\n      </mat-step>\n    }\n  }\n</mat-stepper>\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 { WATT_STEPPER, WattStepperComponent } from './watt-stepper.component';\nexport { WattStepperStepComponent, WattStep } from './watt-stepper-step.component';\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-stepper.mjs","sources":["../../../libs/watt/package/stepper/watt-stepper-step.component.ts","../../../libs/watt/package/stepper/watt-stepper.component.ts","../../../libs/watt/package/stepper/watt-stepper.component.html","../../../libs/watt/package/stepper/index.ts","../../../libs/watt/package/stepper/energinet-watt-stepper.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 { Component, input, output, TemplateRef, ViewChild } from '@angular/core';\nimport { MatStep } from '@angular/material/stepper';\nimport { CdkStep } from '@angular/cdk/stepper';\n\nexport { CdkStep as WattStep };\n\n@Component({\n  selector: 'watt-stepper-step',\n  template: ` <ng-template #templateRef>\n    <ng-content />\n  </ng-template>`,\n})\nexport class WattStepperStepComponent extends MatStep {\n  @ViewChild('templateRef') public templateRef: TemplateRef<unknown> | null = null;\n\n  nextButtonLabel = input<string>();\n  disableNextButton = input<boolean>(false);\n  loadingNextButton = input<boolean>(false);\n  previousButtonLabel = input<string>();\n  enabled = input<boolean>(true);\n  disablePreviousButton = input<boolean>(false);\n\n  entering = output<CdkStep>();\n  leaving = output<CdkStep>();\n  next = output<void>();\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 {\n  AfterViewInit,\n  Component,\n  ContentChildren,\n  DestroyRef,\n  EventEmitter,\n  inject,\n  Input,\n  Output,\n  QueryList,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { CdkStepper, STEPPER_GLOBAL_OPTIONS, StepperSelectionEvent } from '@angular/cdk/stepper';\nimport { MatStepper, MatStepperModule } from '@angular/material/stepper';\nimport { RxPush } from '@rx-angular/template/push';\nimport { from, map, Observable, of, startWith, withLatestFrom } from 'rxjs';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattStepperStepComponent } from './watt-stepper-step.component';\n\n@Component({\n  selector: 'watt-stepper',\n  templateUrl: './watt-stepper.component.html',\n  styleUrls: ['./watt-stepper.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgTemplateOutlet, RxPush, MatStepperModule, WattIconComponent, WattButtonComponent],\n  providers: [\n    {\n      provide: STEPPER_GLOBAL_OPTIONS,\n      useValue: { showError: true, displayDefaultIndicatorType: false },\n    },\n    { provide: CdkStepper, useExisting: WattStepperComponent },\n    { provide: MatStepper, useExisting: WattStepperComponent },\n  ],\n})\nexport class WattStepperComponent extends MatStepper implements AfterViewInit {\n  @Output() completed = new EventEmitter<void>();\n  @Input() isCompleting = false;\n\n  @ContentChildren(WattStepperStepComponent, { descendants: true })\n  declare _steps: QueryList<WattStepperStepComponent>;\n\n  @ViewChild(MatStepper) stepper!: MatStepper;\n\n  selectedIndexChanged$!: Observable<StepperSelectionEvent>;\n  onFirstStep$!: Observable<boolean>;\n  onLastStep$!: Observable<boolean>;\n\n  private destroyRef = inject(DestroyRef);\n\n  override reset() {\n    this.stepper.reset();\n  }\n\n  override ngAfterViewInit(): void {\n    this.selectedIndexChanged$ = from(this.stepper.selectionChange);\n    this.onLastStep$ = this.selectedIndexChanged$.pipe(\n      withLatestFrom(of(this._steps)),\n      map(([index, steps]) => index.selectedIndex === steps.filter((x) => x.enabled()).length - 1),\n      startWith(false)\n    );\n    this.onFirstStep$ = this.selectedIndexChanged$.pipe(\n      map((index) => index.selectedIndex === 0),\n      startWith(true)\n    );\n\n    // Emit entering and leaving events\n    this.selectedIndexChanged$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((change) => {\n      this._steps.get(change.selectedIndex)?.entering.emit(change.selectedStep);\n      this._steps.get(change.previouslySelectedIndex)?.leaving.emit(change.previouslySelectedStep);\n    });\n  }\n\n  nextStep(step: WattStepperStepComponent): void {\n    step.next.emit();\n    this.stepper.selected?.stepControl?.markAllAsTouched();\n    this.stepper.next();\n  }\n\n  previousStep(): void {\n    this.stepper.previous();\n  }\n\n  complete(): void {\n    this.stepper.selected?.stepControl?.markAllAsTouched();\n    this.completed.emit();\n  }\n}\n\nexport const WATT_STEPPER = [WattStepperComponent, WattStepperStepComponent];\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-stepper\n  #stepper\n  [disableRipple]=\"disableRipple\"\n  [linear]=\"true\"\n  animationDuration=\"0\"\n  class=\"watt-stepper\"\n>\n  <ng-template let-index=\"index\" matStepperIcon=\"edit\">\n    {{ index + 1 }}\n  </ng-template>\n  <ng-template matStepperIcon=\"done\">\n    <watt-icon name=\"checkmark\" />\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"number\">\n    @if (\n      stepper.steps.get(index)?.completed &&\n      stepper.steps.get(index)?.interacted &&\n      index !== stepper.selectedIndex\n    ) {\n      <watt-icon name=\"checkmark\" />\n    } @else {\n      {{ index + 1 }}\n    }\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"error\">\n    {{ index + 1 }}\n  </ng-template>\n  @for (step of _steps; track step) {\n    @if (step.enabled()) {\n      <mat-step [editable]=\"step.editable\" [stepControl]=\"step.stepControl\">\n        <ng-template matStepLabel>{{ step.label }}</ng-template>\n        <div class=\"watt-stepper-content-wrapper\">\n          <ng-container *ngTemplateOutlet=\"step.templateRef\" />\n        </div>\n        <div class=\"watt-stepper-button-wrapper\">\n          @if (!(onFirstStep$ | push)) {\n            <watt-button\n              [disabled]=\"step.disablePreviousButton()\"\n              variant=\"secondary\"\n              (click)=\"previousStep()\"\n            >\n              <watt-icon name=\"left\" />\n              {{ step.previousButtonLabel() }}\n            </watt-button>\n          }\n\n          @if (!(onLastStep$ | push)) {\n            <watt-button\n              variant=\"secondary\"\n              (click)=\"nextStep(step)\"\n              [loading]=\"step.loadingNextButton()\"\n              [disabled]=\"step.disableNextButton()\"\n            >\n              {{ step.nextButtonLabel() }}\n              <watt-icon name=\"right\" />\n            </watt-button>\n          }\n\n          @if (onLastStep$ | push) {\n            <watt-button\n              variant=\"primary\"\n              [loading]=\"isCompleting\"\n              (click)=\"complete()\"\n              [disabled]=\"step.disableNextButton()\"\n              >{{ step.nextButtonLabel() }}\n            </watt-button>\n          }\n        </div>\n      </mat-step>\n    }\n  }\n</mat-stepper>\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 { WATT_STEPPER, WattStepperComponent } from './watt-stepper.component';\nexport { WattStepperStepComponent, WattStep } from './watt-stepper-step.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-toast.mjs

@@ -87,7 +87,7 @@ class WattToastComponent {
             .subscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattToastComponent, isStandalone: true, selector: "watt-toast", host: { properties: { "class": "this.class" } }, 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<span>\n  @if (config.type === \"loading\") {\n    <watt-spinner [diameter]=\"24\" />\n  }\n\n  @if (config.type && config.type !== \"loading\") {\n    <watt-icon [name]=\"config.type\" />\n  }\n  <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n  @if (config.action && config.actionLabel) {\n    <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n      config.actionLabel\n    }}</watt-button>\n  }\n\n  @if (config.type !== \"loading\") {\n    <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n  }\n</span>\n", styles: [".watt-toast{display:flex;justify-content:space-between;align-items:center;background:var(--watt-color-neutral-white);border-left:6px solid transparent;box-shadow:0 var(--watt-space-m) var(--watt-space-m) #0003,0 32px 64px 3px #2e323433;border-radius:4px;padding:var(--watt-space-s) var(--watt-space-m);max-width:704px;min-height:4rem}.watt-toast--success{border-color:var(--watt-color-state-success)}.watt-toast--info{border-color:var(--watt-color-state-info)}.watt-toast--warning{border-color:var(--watt-color-state-warning)}.watt-toast--danger{border-color:var(--watt-color-state-danger)}.watt-toast span{display:flex;align-items:center}.watt-toast watt-icon,.watt-toast watt-spinner{margin-right:var(--watt-space-m)}.watt-toast watt-button .watt-button--text{text-transform:capitalize}.watt-toast p{margin:0 var(--watt-space-s) 0 0}\n"], dependencies: [{ kind: "ngmodule", type: MatSnackBarModule }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattToastComponent, isStandalone: true, selector: "watt-toast", host: { properties: { "class": "this.class" } }, 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<span>\n  @if (config.type === \"loading\") {\n    <watt-spinner [diameter]=\"24\" />\n  }\n\n  @if (config.type && config.type !== \"loading\") {\n    <watt-icon [name]=\"config.type\" />\n  }\n  <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n  @if (config.action && config.actionLabel) {\n    <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n      config.actionLabel\n    }}</watt-button>\n  }\n\n  @if (config.type !== \"loading\") {\n    <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n  }\n</span>\n", styles: [".watt-toast{display:flex;justify-content:space-between;align-items:center;background:var(--watt-color-neutral-white);border-left:6px solid transparent;box-shadow:0 var(--watt-space-m) var(--watt-space-m) #0003,0 32px 64px 3px #2e323433;border-radius:4px;padding:var(--watt-space-s) var(--watt-space-m);max-width:704px;min-height:4rem}.watt-toast--success{border-color:var(--watt-color-state-success)}.watt-toast--info{border-color:var(--watt-color-state-info)}.watt-toast--warning{border-color:var(--watt-color-state-warning)}.watt-toast--danger{border-color:var(--watt-color-state-danger)}.watt-toast span{display:flex;align-items:center}.watt-toast watt-icon,.watt-toast watt-spinner{margin-right:var(--watt-space-m)}.watt-toast watt-button .watt-button--text{text-transform:capitalize}.watt-toast p{margin:0 var(--watt-space-s) 0 0}\n"], dependencies: [{ kind: "ngmodule", type: MatSnackBarModule }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattToastComponent, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-toast.mjs","sources":["../../../libs/watt/package/toast/watt-toast.component.ts","../../../libs/watt/package/toast/watt-toast.component.html","../../../libs/watt/package/toast/watt-toast.service.ts","../../../libs/watt/package/toast/index.ts","../../../libs/watt/package/toast/energinet-watt-toast.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 {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { MatSnackBarModule, MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';\nimport { fromEvent, repeat, Subscription, takeUntil, tap, timer } from 'rxjs';\n\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\n\nexport type WattToastType = 'success' | 'info' | 'warning' | 'danger' | 'loading';\n\nexport interface WattToastConfig {\n  duration?: number;\n  type?: WattToastType;\n  message: string;\n  action?: (wattToastRef: WattToastRef) => void;\n  actionLabel?: string;\n}\n\nexport type WattToastRef = MatSnackBarRef<WattToastComponent>;\n\n/**\n * Usage:\n * `import { WattToastService } from '@energinet-datahub/watt/toast';`\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-toast',\n  styleUrls: ['./watt-toast.component.scss'],\n  templateUrl: './watt-toast.component.html',\n  imports: [MatSnackBarModule, WattButtonComponent, WattIconComponent, WattSpinnerComponent],\n})\nexport class WattToastComponent {\n  private _config = inject(MAT_SNACK_BAR_DATA);\n  private cd = inject(ChangeDetectorRef);\n  private _matSnackBarRef = inject<MatSnackBarRef<WattToastComponent>>(MatSnackBarRef);\n  private elementRef = inject(ElementRef);\n\n  @HostBinding('class')\n  get class() {\n    this.cd.detectChanges(); // Make sure changes to the config will be detected\n    return this.config.type ? `watt-toast watt-toast--${this.config.type}` : 'watt-toast';\n  }\n\n  /**\n   * @ignore\n   */\n  config: WattToastConfig;\n\n  /**\n   * @ignore\n   */\n  matSnackBarRef: WattToastRef;\n\n  /**\n   * @ignore\n   */\n  private dissmissToastSubscription?: Subscription;\n\n  constructor() {\n    this.config = this._config;\n    this.matSnackBarRef = this._matSnackBarRef;\n    this.initDuration(this.config.duration);\n  }\n\n  /**\n   * @ignore\n   */\n  onClose(): void {\n    if (!this.matSnackBarRef) return;\n    this.matSnackBarRef.dismiss();\n    this.dissmissToastSubscription?.unsubscribe();\n  }\n\n  update(config: Partial<WattToastConfig>) {\n    this.config = { ...this.config, ...config };\n    if (this.dissmissToastSubscription) {\n      this.dissmissToastSubscription.unsubscribe();\n    }\n    this.initDuration();\n    this.cd.detectChanges();\n  }\n\n  /**\n   * @ignore\n   * Ensure the toast won't get dismissed when the user hovers over it.\n   */\n  private initDuration(duration = 5000): void {\n    // When the type is loading, the developer is responsible for dismissing the toast manually.\n    if (this.config.type === 'loading') return;\n\n    const mouseEnter$ = fromEvent(this.elementRef.nativeElement, 'mouseenter');\n    const mouseLeave$ = fromEvent(this.elementRef.nativeElement, 'mouseleave');\n\n    this.dissmissToastSubscription = timer(duration)\n      .pipe(\n        tap(() => this.onClose()),\n        takeUntil(mouseEnter$),\n        repeat({ delay: () => mouseLeave$ })\n      )\n      .subscribe();\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<span>\n  @if (config.type === \"loading\") {\n    <watt-spinner [diameter]=\"24\" />\n  }\n\n  @if (config.type && config.type !== \"loading\") {\n    <watt-icon [name]=\"config.type\" />\n  }\n  <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n  @if (config.action && config.actionLabel) {\n    <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n      config.actionLabel\n    }}</watt-button>\n  }\n\n  @if (config.type !== \"loading\") {\n    <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n  }\n</span>\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 { Injectable } from '@angular/core';\nimport { MatSnackBar, MatSnackBarRef } from '@angular/material/snack-bar';\n\nimport { WattToastComponent, WattToastConfig } from './watt-toast.component';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WattToastService {\n  private ref?: MatSnackBarRef<WattToastComponent>;\n\n  constructor(private _snackBar: MatSnackBar) {}\n\n  open(config: WattToastConfig): MatSnackBarRef<WattToastComponent> {\n    this.ref = this._snackBar.openFromComponent(WattToastComponent, {\n      data: config,\n    });\n    return this.ref;\n  }\n\n  update(config: Partial<WattToastConfig>): void {\n    if (!this.ref) return;\n    this.ref.instance.update(config);\n  }\n\n  dismiss() {\n    if (!this.ref) return;\n    this.ref.dismiss();\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\nexport { WattToastComponent, WattToastType } from './watt-toast.component';\nexport { WattToastService } from './watt-toast.service';\nexport type { WattToastRef } from './watt-toast.component';\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-toast.mjs","sources":["../../../libs/watt/package/toast/watt-toast.component.ts","../../../libs/watt/package/toast/watt-toast.component.html","../../../libs/watt/package/toast/watt-toast.service.ts","../../../libs/watt/package/toast/index.ts","../../../libs/watt/package/toast/energinet-watt-toast.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 {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { MatSnackBarModule, MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';\nimport { fromEvent, repeat, Subscription, takeUntil, tap, timer } from 'rxjs';\n\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\n\nexport type WattToastType = 'success' | 'info' | 'warning' | 'danger' | 'loading';\n\nexport interface WattToastConfig {\n  duration?: number;\n  type?: WattToastType;\n  message: string;\n  action?: (wattToastRef: WattToastRef) => void;\n  actionLabel?: string;\n}\n\nexport type WattToastRef = MatSnackBarRef<WattToastComponent>;\n\n/**\n * Usage:\n * `import { WattToastService } from '@energinet-datahub/watt/toast';`\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-toast',\n  styleUrls: ['./watt-toast.component.scss'],\n  templateUrl: './watt-toast.component.html',\n  imports: [MatSnackBarModule, WattButtonComponent, WattIconComponent, WattSpinnerComponent],\n})\nexport class WattToastComponent {\n  private _config = inject(MAT_SNACK_BAR_DATA);\n  private cd = inject(ChangeDetectorRef);\n  private _matSnackBarRef = inject<MatSnackBarRef<WattToastComponent>>(MatSnackBarRef);\n  private elementRef = inject(ElementRef);\n\n  @HostBinding('class')\n  get class() {\n    this.cd.detectChanges(); // Make sure changes to the config will be detected\n    return this.config.type ? `watt-toast watt-toast--${this.config.type}` : 'watt-toast';\n  }\n\n  /**\n   * @ignore\n   */\n  config: WattToastConfig;\n\n  /**\n   * @ignore\n   */\n  matSnackBarRef: WattToastRef;\n\n  /**\n   * @ignore\n   */\n  private dissmissToastSubscription?: Subscription;\n\n  constructor() {\n    this.config = this._config;\n    this.matSnackBarRef = this._matSnackBarRef;\n    this.initDuration(this.config.duration);\n  }\n\n  /**\n   * @ignore\n   */\n  onClose(): void {\n    if (!this.matSnackBarRef) return;\n    this.matSnackBarRef.dismiss();\n    this.dissmissToastSubscription?.unsubscribe();\n  }\n\n  update(config: Partial<WattToastConfig>) {\n    this.config = { ...this.config, ...config };\n    if (this.dissmissToastSubscription) {\n      this.dissmissToastSubscription.unsubscribe();\n    }\n    this.initDuration();\n    this.cd.detectChanges();\n  }\n\n  /**\n   * @ignore\n   * Ensure the toast won't get dismissed when the user hovers over it.\n   */\n  private initDuration(duration = 5000): void {\n    // When the type is loading, the developer is responsible for dismissing the toast manually.\n    if (this.config.type === 'loading') return;\n\n    const mouseEnter$ = fromEvent(this.elementRef.nativeElement, 'mouseenter');\n    const mouseLeave$ = fromEvent(this.elementRef.nativeElement, 'mouseleave');\n\n    this.dissmissToastSubscription = timer(duration)\n      .pipe(\n        tap(() => this.onClose()),\n        takeUntil(mouseEnter$),\n        repeat({ delay: () => mouseLeave$ })\n      )\n      .subscribe();\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<span>\n  @if (config.type === \"loading\") {\n    <watt-spinner [diameter]=\"24\" />\n  }\n\n  @if (config.type && config.type !== \"loading\") {\n    <watt-icon [name]=\"config.type\" />\n  }\n  <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n  @if (config.action && config.actionLabel) {\n    <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n      config.actionLabel\n    }}</watt-button>\n  }\n\n  @if (config.type !== \"loading\") {\n    <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n  }\n</span>\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 { Injectable } from '@angular/core';\nimport { MatSnackBar, MatSnackBarRef } from '@angular/material/snack-bar';\n\nimport { WattToastComponent, WattToastConfig } from './watt-toast.component';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WattToastService {\n  private ref?: MatSnackBarRef<WattToastComponent>;\n\n  constructor(private _snackBar: MatSnackBar) {}\n\n  open(config: WattToastConfig): MatSnackBarRef<WattToastComponent> {\n    this.ref = this._snackBar.openFromComponent(WattToastComponent, {\n      data: config,\n    });\n    return this.ref;\n  }\n\n  update(config: Partial<WattToastConfig>): void {\n    if (!this.ref) return;\n    this.ref.instance.update(config);\n  }\n\n  dismiss() {\n    if (!this.ref) return;\n    this.ref.dismiss();\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\nexport { WattToastComponent, WattToastType } from './watt-toast.component';\nexport { WattToastService } from './watt-toast.service';\nexport type { WattToastRef } from './watt-toast.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-vater.mjs

@@ -101,14 +101,14 @@ class VaterFlexComponent {
         return this.scrollable === '' ? 'auto' : undefined;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: VaterFlexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: VaterFlexComponent, isStandalone: true, selector: "vater-flex, [vater-flex]", inputs: { direction: "direction", grow: "grow", shrink: "shrink", basis: "basis", gap: "gap", justify: "justify", wrap: "wrap", scrollable: "scrollable", offset: "offset" }, host: { properties: { "style.flex-direction": "this.direction", "style.--grow": "this.grow", "style.--shrink": "this.shrink", "style.--basis": "this.basis", "style.justify-content": "this.justify", "style.flex-wrap": "this.wrap", "style.padding": "this._offset", "style.gap": "this._gap", "style.overflow": "this._overflow" } }, hostDirectives: [{ directive: VaterUtilityDirective, inputs: ["fill", "fill"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["vater-flex,[vater-flex]{display:flex;line-height:normal}vater-flex>*,[vater-flex]>*{flex:var(--grow) var(--shrink) var(--basis)}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: VaterFlexComponent, isStandalone: true, selector: "vater-flex, [vater-flex]", inputs: { direction: "direction", grow: "grow", shrink: "shrink", basis: "basis", gap: "gap", justify: "justify", wrap: "wrap", scrollable: "scrollable", offset: "offset" }, host: { properties: { "style.flex-direction": "this.direction", "style.--grow": "this.grow", "style.--shrink": "this.shrink", "style.--basis": "this.basis", "style.justify-content": "this.justify", "style.flex-wrap": "this.wrap", "style.padding": "this._offset", "style.gap": "this._gap", "style.overflow": "this._overflow" } }, hostDirectives: [{ directive: VaterUtilityDirective, inputs: ["center", "center", "fill", "fill", "inset", "inset"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["vater-flex,[vater-flex]{display:flex;line-height:normal}vater-flex>*,[vater-flex]>*{flex:var(--grow) var(--shrink) var(--basis)}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: VaterFlexComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vater-flex, [vater-flex]', encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
                             directive: VaterUtilityDirective,
-                            inputs: ['fill'],
+                            inputs: ['center', 'fill', 'inset'],
                         },
                     ], template: `<ng-content />`, styles: ["vater-flex,[vater-flex]{display:flex;line-height:normal}vater-flex>*,[vater-flex]>*{flex:var(--grow) var(--shrink) var(--basis)}\n"] }]
         }], propDecorators: { direction: [{
@@ -223,14 +223,14 @@ class VaterStackComponent {
         return this.gap ? `var(--watt-space-${this.gap})` : undefined;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: VaterStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: VaterStackComponent, isStandalone: true, selector: "vater-stack, [vater-stack]", inputs: { align: "align", direction: "direction", gap: "gap", justify: "justify", offset: "offset" }, host: { properties: { "style.align-items": "this.align", "style.flex-direction": "this.direction", "style.justify-content": "this.justify", "style.padding": "this._offset", "style.gap": "this._gap" } }, hostDirectives: [{ directive: VaterUtilityDirective, inputs: ["fill", "fill"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["vater-stack,[vater-stack]{display:flex;line-height:normal}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: VaterStackComponent, isStandalone: true, selector: "vater-stack, [vater-stack]", inputs: { align: "align", direction: "direction", gap: "gap", justify: "justify", offset: "offset" }, host: { properties: { "style.align-items": "this.align", "style.flex-direction": "this.direction", "style.justify-content": "this.justify", "style.padding": "this._offset", "style.gap": "this._gap" } }, hostDirectives: [{ directive: VaterUtilityDirective, inputs: ["center", "center", "fill", "fill", "inset", "inset"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["vater-stack,[vater-stack]{display:flex;line-height:normal}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: VaterStackComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vater-stack, [vater-stack]', encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
                             directive: VaterUtilityDirective,
-                            inputs: ['fill'],
+                            inputs: ['center', 'fill', 'inset'],
                         },
                     ], template: `<ng-content />`, styles: ["vater-stack,[vater-stack]{display:flex;line-height:normal}\n"] }]
         }], propDecorators: { align: [{

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

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-vater.mjs","sources":["../../../libs/watt/package/vater/vater-utility.directive.ts","../../../libs/watt/package/vater/vater-flex.component.ts","../../../libs/watt/package/vater/vater-spacer.component.ts","../../../libs/watt/package/vater/vater-stack.component.ts","../../../libs/watt/package/vater/index.ts","../../../libs/watt/package/vater/energinet-watt-vater.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 { Directive, HostBinding, Input } from '@angular/core';\n\nexport type Fill = 'horizontal' | 'vertical' | 'both';\nexport type Inset = '0' | 'xs' | 's' | 'm' | 'ml' | 'l' | 'xl';\n\n/* eslint-disable @angular-eslint/no-input-rename */\n@Directive({\n  selector: '[vater]',\n})\nexport class VaterUtilityDirective {\n  /** Stretch the element to fill the available space in one or both directions. */\n  @Input({ transform: (value: Fill) => `vater-fill-${value}` })\n  fill?: Fill;\n\n  /** Position the element absolute with the provided inset value. */\n  @Input({ transform: (value: Inset) => `vater-inset-${value}` })\n  inset?: Inset;\n\n  @Input()\n  center?: string;\n\n  @HostBinding('class')\n  get _class() {\n    return [this.fill, this.inset].filter(Boolean);\n  }\n\n  @HostBinding('class.vater-center')\n  get _center() {\n    return this.center === '';\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 { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { Direction, Spacing, Justify, Wrap } from './types';\nimport { VaterUtilityDirective } from './vater-utility.directive';\n\n@Component({\n  selector: 'vater-flex, [vater-flex]',\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [\n    {\n      directive: VaterUtilityDirective,\n      inputs: ['fill'],\n    },\n  ],\n  styles: [\n    `\n      vater-flex,\n      [vater-flex] {\n        display: flex;\n        line-height: normal;\n      }\n\n      vater-flex > *,\n      [vater-flex] > * {\n        flex: var(--grow) var(--shrink) var(--basis);\n      }\n    `,\n  ],\n  template: `<ng-content />`,\n})\nexport class VaterFlexComponent {\n  @Input()\n  @HostBinding('style.flex-direction')\n  direction: Direction = 'column';\n\n  @Input()\n  @HostBinding('style.--grow')\n  grow = '1';\n\n  @Input()\n  @HostBinding('style.--shrink')\n  shrink = '1';\n\n  @Input()\n  @HostBinding('style.--basis')\n  basis = 'auto';\n\n  @Input()\n  gap?: Spacing;\n\n  @Input()\n  @HostBinding('style.justify-content')\n  justify?: Justify;\n\n  @Input()\n  @HostBinding('style.flex-wrap')\n  wrap?: Wrap = 'nowrap';\n\n  @Input()\n  scrollable?: string;\n\n  @Input()\n  offset?: Spacing;\n\n  @HostBinding('style.padding')\n  get _offset() {\n    if (!this.offset) return undefined;\n    switch (this.direction) {\n      case 'column':\n        return `var(--watt-space-${this.offset}) 0`;\n      case 'row':\n        return `0 var(--watt-space-${this.offset})`;\n    }\n  }\n\n  @HostBinding('style.gap')\n  get _gap() {\n    return this.gap ? `var(--watt-space-${this.gap})` : undefined;\n  }\n\n  @HostBinding('style.overflow')\n  get _overflow() {\n    return this.scrollable === '' ? 'auto' : undefined;\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 { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'vater-spacer, [vater-spacer]',\n  encapsulation: ViewEncapsulation.None,\n  styles: [\n    `\n      vater-spacer,\n      [vater-spacer] {\n        flex: 1;\n        align-self: stretch;\n      }\n    `,\n  ],\n  template: `<ng-content />`,\n})\nexport class VaterSpacerComponent {}\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 { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { Align, Direction, Spacing, Justify } from './types';\nimport { VaterUtilityDirective } from './vater-utility.directive';\n\n@Component({\n  selector: 'vater-stack, [vater-stack]',\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [\n    {\n      directive: VaterUtilityDirective,\n      inputs: ['fill'],\n    },\n  ],\n  styles: [\n    `\n      vater-stack,\n      [vater-stack] {\n        display: flex;\n        line-height: normal;\n      }\n    `,\n  ],\n  template: `<ng-content />`,\n})\nexport class VaterStackComponent {\n  @Input()\n  @HostBinding('style.align-items')\n  align: Align = 'center';\n\n  @Input()\n  @HostBinding('style.flex-direction')\n  direction: Direction = 'column';\n\n  @Input()\n  gap?: Spacing;\n\n  @Input()\n  @HostBinding('style.justify-content')\n  justify?: Justify;\n\n  @Input()\n  offset?: Spacing;\n\n  @HostBinding('style.padding')\n  get _offset() {\n    if (!this.offset) return undefined;\n    switch (this.direction) {\n      case 'column':\n        return `var(--watt-space-${this.offset}) 0`;\n      case 'row':\n        return `0 var(--watt-space-${this.offset})`;\n    }\n  }\n\n  @HostBinding('style.gap')\n  get _gap() {\n    return this.gap ? `var(--watt-space-${this.gap})` : undefined;\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\nexport { VaterFlexComponent } from './vater-flex.component';\nexport { VaterSpacerComponent } from './vater-spacer.component';\nexport { VaterStackComponent } from './vater-stack.component';\nexport { VaterUtilityDirective } from './vater-utility.directive';\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-vater.mjs","sources":["../../../libs/watt/package/vater/vater-utility.directive.ts","../../../libs/watt/package/vater/vater-flex.component.ts","../../../libs/watt/package/vater/vater-spacer.component.ts","../../../libs/watt/package/vater/vater-stack.component.ts","../../../libs/watt/package/vater/index.ts","../../../libs/watt/package/vater/energinet-watt-vater.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 { Directive, HostBinding, Input } from '@angular/core';\n\nexport type Fill = 'horizontal' | 'vertical' | 'both';\nexport type Inset = '0' | 'xs' | 's' | 'm' | 'ml' | 'l' | 'xl';\n\n/* eslint-disable @angular-eslint/no-input-rename */\n@Directive({\n  selector: '[vater]',\n})\nexport class VaterUtilityDirective {\n  /** Stretch the element to fill the available space in one or both directions. */\n  @Input({ transform: (value: Fill) => `vater-fill-${value}` })\n  fill?: Fill;\n\n  /** Position the element absolute with the provided inset value. */\n  @Input({ transform: (value: Inset) => `vater-inset-${value}` })\n  inset?: Inset;\n\n  @Input()\n  center?: string;\n\n  @HostBinding('class')\n  get _class() {\n    return [this.fill, this.inset].filter(Boolean);\n  }\n\n  @HostBinding('class.vater-center')\n  get _center() {\n    return this.center === '';\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 { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { Direction, Spacing, Justify, Wrap } from './types';\nimport { VaterUtilityDirective } from './vater-utility.directive';\n\n@Component({\n  selector: 'vater-flex, [vater-flex]',\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [\n    {\n      directive: VaterUtilityDirective,\n      inputs: ['center', 'fill', 'inset'],\n    },\n  ],\n  styles: [\n    `\n      vater-flex,\n      [vater-flex] {\n        display: flex;\n        line-height: normal;\n      }\n\n      vater-flex > *,\n      [vater-flex] > * {\n        flex: var(--grow) var(--shrink) var(--basis);\n      }\n    `,\n  ],\n  template: `<ng-content />`,\n})\nexport class VaterFlexComponent {\n  @Input()\n  @HostBinding('style.flex-direction')\n  direction: Direction = 'column';\n\n  @Input()\n  @HostBinding('style.--grow')\n  grow = '1';\n\n  @Input()\n  @HostBinding('style.--shrink')\n  shrink = '1';\n\n  @Input()\n  @HostBinding('style.--basis')\n  basis = 'auto';\n\n  @Input()\n  gap?: Spacing;\n\n  @Input()\n  @HostBinding('style.justify-content')\n  justify?: Justify;\n\n  @Input()\n  @HostBinding('style.flex-wrap')\n  wrap?: Wrap = 'nowrap';\n\n  @Input()\n  scrollable?: string;\n\n  @Input()\n  offset?: Spacing;\n\n  @HostBinding('style.padding')\n  get _offset() {\n    if (!this.offset) return undefined;\n    switch (this.direction) {\n      case 'column':\n        return `var(--watt-space-${this.offset}) 0`;\n      case 'row':\n        return `0 var(--watt-space-${this.offset})`;\n    }\n  }\n\n  @HostBinding('style.gap')\n  get _gap() {\n    return this.gap ? `var(--watt-space-${this.gap})` : undefined;\n  }\n\n  @HostBinding('style.overflow')\n  get _overflow() {\n    return this.scrollable === '' ? 'auto' : undefined;\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 { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'vater-spacer, [vater-spacer]',\n  encapsulation: ViewEncapsulation.None,\n  styles: [\n    `\n      vater-spacer,\n      [vater-spacer] {\n        flex: 1;\n        align-self: stretch;\n      }\n    `,\n  ],\n  template: `<ng-content />`,\n})\nexport class VaterSpacerComponent {}\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 { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { Align, Direction, Spacing, Justify } from './types';\nimport { VaterUtilityDirective } from './vater-utility.directive';\n\n@Component({\n  selector: 'vater-stack, [vater-stack]',\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [\n    {\n      directive: VaterUtilityDirective,\n      inputs: ['center', 'fill', 'inset'],\n    },\n  ],\n  styles: [\n    `\n      vater-stack,\n      [vater-stack] {\n        display: flex;\n        line-height: normal;\n      }\n    `,\n  ],\n  template: `<ng-content />`,\n})\nexport class VaterStackComponent {\n  @Input()\n  @HostBinding('style.align-items')\n  align: Align = 'center';\n\n  @Input()\n  @HostBinding('style.flex-direction')\n  direction: Direction = 'column';\n\n  @Input()\n  gap?: Spacing;\n\n  @Input()\n  @HostBinding('style.justify-content')\n  justify?: Justify;\n\n  @Input()\n  offset?: Spacing;\n\n  @HostBinding('style.padding')\n  get _offset() {\n    if (!this.offset) return undefined;\n    switch (this.direction) {\n      case 'column':\n        return `var(--watt-space-${this.offset}) 0`;\n      case 'row':\n        return `0 var(--watt-space-${this.offset})`;\n    }\n  }\n\n  @HostBinding('style.gap')\n  get _gap() {\n    return this.gap ? `var(--watt-space-${this.gap})` : undefined;\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\nexport { VaterFlexComponent } from './vater-flex.component';\nexport { VaterSpacerComponent } from './vater-spacer.component';\nexport { VaterStackComponent } from './vater-stack.component';\nexport { VaterUtilityDirective } from './vater-utility.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-year-field.mjs

@@ -193,7 +193,7 @@ class WattYearField {
         />
       </span>
     }
-  `, isInline: true, styles: ["watt-year-field{display:block;width:100%}watt-year-field:has(.watt-year-field__step-through){display:flex;flex-align:flex-start}watt-year-field:has(.watt-year-field__step-through) .watt-year-field__step-through{display:flex}watt-year-field:has(.watt-year-field__has-label) .watt-year-field__step-through{margin-top:28px}.watt-year-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["watt-year-field{display:block;width:100%}watt-year-field:has(.watt-year-field__step-through){display:flex;flex-align:flex-start}watt-year-field:has(.watt-year-field__step-through) .watt-year-field__step-through{display:flex}watt-year-field:has(.watt-year-field__has-label) .watt-year-field__step-through{margin-top:28px}.watt-year-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattYearField, decorators: [{
             type: Component,

package/fesm2022/energinet-watt-year-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-year-field.mjs","sources":["../../../libs/watt/package/year-field/watt-year-field.component.ts","../../../libs/watt/package/year-field/index.ts","../../../libs/watt/package/year-field/energinet-watt-year-field.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 {\n  input,\n  output,\n  signal,\n  computed,\n  Component,\n  forwardRef,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  booleanAttribute,\n} from '@angular/core';\n\nimport {\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n  ControlValueAccessor,\n} from '@angular/forms';\n\nimport { share } from 'rxjs';\nimport { MatCalendar } from '@angular/material/datepicker';\nimport { outputFromObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\n\nimport { dayjs } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\nexport const YEAR_FORMAT = 'YYYY';\n\n/* eslint-disable @angular-eslint/component-class-suffix */\n@Component({\n  selector: 'watt-year-field',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattYearField),\n      multi: true,\n    },\n  ],\n  imports: [ReactiveFormsModule, MatCalendar, WattButtonComponent, WattFieldComponent],\n  styles: [\n    `\n      watt-year-field {\n        display: block;\n        width: 100%;\n\n        &:has(.watt-year-field__step-through) {\n          display: flex;\n          flex-align: flex-start;\n\n          .watt-year-field__step-through {\n            display: flex;\n          }\n        }\n\n        &:has(.watt-year-field__has-label) {\n          .watt-year-field__step-through {\n            margin-top: 28px;\n          }\n        }\n      }\n\n      .watt-year-field-picker {\n        position: fixed;\n        position-area: bottom span-right;\n        position-try-fallbacks: flip-block;\n        width: 296px;\n        height: 354px;\n        inset: unset;\n        margin: unset;\n        border: 0;\n      }\n    `,\n  ],\n  template: `\n    <watt-field [label]=\"label()\" [control]=\"control\" [anchorName]=\"anchorName\">\n      <input\n        #field\n        readonly\n        [formControl]=\"control\"\n        (focus)=\"handleFocus(picker)\"\n        (blur)=\"handleBlur(picker, $event)\"\n      />\n      <watt-button icon=\"date\" variant=\"icon\" (click)=\"field.focus()\" />\n      <div\n        #picker\n        class=\"watt-elevation watt-year-field-picker\"\n        popover=\"manual\"\n        tabindex=\"0\"\n        [style.position-anchor]=\"anchorName\"\n      >\n        @if (isOpen()) {\n          <mat-calendar\n            startView=\"multi-year\"\n            [startAt]=\"selected()\"\n            [selected]=\"selected()\"\n            [minDate]=\"min()\"\n            [maxDate]=\"max()\"\n            (yearSelected)=\"handleSelectedChange(field, $event)\"\n          />\n        }\n      </div>\n      <ng-content />\n      <ng-content select=\"watt-field-error\" ngProjectAs=\"watt-field-error\" />\n      <ng-content select=\"watt-field-hint\" ngProjectAs=\"watt-field-hint\" />\n    </watt-field>\n\n    @if (canStepThroughYears()) {\n      <span class=\"watt-year-field__step-through\" [class.watt-year-field__has-label]=\"!!label()\">\n        <watt-button\n          variant=\"icon\"\n          icon=\"left\"\n          (click)=\"prevYear(field)\"\n          [disabled]=\"control.disabled || isPrevYearButtonDisabled()\"\n        />\n        <watt-button\n          variant=\"icon\"\n          icon=\"right\"\n          (click)=\"nextYear(field)\"\n          [disabled]=\"control.disabled || isNextYearButtonDisabled()\"\n        />\n      </span>\n    }\n  `,\n})\nexport class WattYearField implements ControlValueAccessor {\n  // Popovers exists on an entirely different layer, meaning that for anchor positioning they\n  // look at the entire tree for the anchor name. This gives each field a unique anchor name.\n  private static instance = 0;\n  private instance = WattYearField.instance++;\n  protected anchorName = `--watt-year-field-popover-anchor-${this.instance}`;\n\n  // The format of the inner FormControl is different from that of the outer FormControl\n  protected control = new FormControl('', { nonNullable: true });\n\n  // `registerOnChange` may subscribe to this component after it has been destroyed, thus\n  // triggering an NG0911 from the `takeUntilDestroyed` operator. By sharing the observable,\n  // the observable will already be closed and `subscribe` becomes a proper noop.\n  private valueChanges = this.control.valueChanges.pipe(takeUntilDestroyed(), share());\n  private year = toSignal(this.valueChanges);\n  protected selected = computed(() => {\n    const date = dayjs(this.year(), YEAR_FORMAT, true);\n    if (date.isValid()) return date.toDate();\n    return undefined;\n  });\n\n  // This is used to reset the MatCalendar component by destroying and then recreating it\n  // whenever the picker is opened. There is no methods to do it programatically.\n  protected isOpen = signal(false);\n\n  /** Set the label text for `watt-field`. */\n  label = input('');\n\n  /** The minimum selectable date. */\n  min = input<Date>();\n\n  /** The maximum selectable date. */\n  max = input<Date>();\n\n  /** Enable buttons to step through years. */\n  canStepThroughYears = input(false, { transform: booleanAttribute });\n\n  /** Emits when the selected year has changed. */\n  yearChange = outputFromObservable(this.valueChanges);\n\n  /** Emits when the field loses focus. */\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  blur = output<FocusEvent>();\n\n  isPrevYearButtonDisabled = computed(() => this.isPrevYearBeforeOrEqualToMinDate());\n  isNextYearButtonDisabled = computed(() => this.isNextYearAfterOrEqualToMaxDate());\n\n  protected handleFocus = (picker: HTMLElement) => {\n    this.isOpen.set(true);\n    picker.showPopover();\n  };\n\n  protected handleBlur = (picker: HTMLElement, event: FocusEvent) => {\n    if (event.relatedTarget instanceof HTMLElement && picker.contains(event.relatedTarget)) {\n      const target = event.target as HTMLInputElement; // safe type assertion\n      setTimeout(() => target.focus()); // keep focus on input element while using the picker\n    } else {\n      picker.hidePopover();\n      this.isOpen.set(false);\n      this.blur.emit(event);\n    }\n  };\n\n  protected handleSelectedChange = (field: HTMLInputElement, date: Date) => {\n    field.value = dayjs(date).format(YEAR_FORMAT);\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    setTimeout(() => field.blur());\n  };\n\n  // Implementation for ControlValueAccessor\n  writeValue = (value: string | null) => this.control.setValue(value ?? '');\n  setDisabledState = (x: boolean) => (x ? this.control.disable() : this.control.enable());\n  registerOnTouched = (fn: () => void) => this.blur.subscribe(fn);\n  registerOnChange = (fn: (value: string | null) => void) => this.valueChanges.subscribe(fn);\n\n  /**\n   * @ignore\n   */\n  protected prevYear(field: HTMLInputElement): void {\n    this.changeYear(field, -1);\n  }\n  /**\n   * @ignore\n   */\n  protected nextYear(field: HTMLInputElement): void {\n    this.changeYear(field, 1);\n  }\n\n  /**\n   * @ignore\n   */\n  private changeYear(field: HTMLInputElement, value: number): void {\n    const currentDate = dayjs(field.value, YEAR_FORMAT, true);\n\n    if (!currentDate.isValid()) return;\n\n    const newDate = currentDate.add(value, 'year');\n    this.handleSelectedChange(field, newDate.toDate());\n  }\n\n  /**\n   * @ignore\n   */\n  isPrevYearBeforeOrEqualToMinDate(): boolean {\n    const min = this.min();\n\n    if (!min) return false;\n\n    const selectedDate = dayjs(this.selected());\n\n    const isBefore = selectedDate.isBefore(min, 'year');\n    const isSame = selectedDate.isSame(min, 'year');\n\n    return isSame || isBefore;\n  }\n\n  /**\n   * @ignore\n   */\n  isNextYearAfterOrEqualToMaxDate(): boolean {\n    const max = this.max();\n\n    if (!max) return false;\n\n    const selectedDate = dayjs(this.selected());\n\n    const isAfter = selectedDate.isAfter(max, 'year');\n    const isSame = selectedDate.isSame(max, 'year');\n\n    return isSame || isAfter;\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\nexport { WattYearField, YEAR_FORMAT } from './watt-year-field.component';\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-year-field.mjs","sources":["../../../libs/watt/package/year-field/watt-year-field.component.ts","../../../libs/watt/package/year-field/index.ts","../../../libs/watt/package/year-field/energinet-watt-year-field.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 {\n  input,\n  output,\n  signal,\n  computed,\n  Component,\n  forwardRef,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  booleanAttribute,\n} from '@angular/core';\n\nimport {\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n  ControlValueAccessor,\n} from '@angular/forms';\n\nimport { share } from 'rxjs';\nimport { MatCalendar } from '@angular/material/datepicker';\nimport { outputFromObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\n\nimport { dayjs } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\nexport const YEAR_FORMAT = 'YYYY';\n\n/* eslint-disable @angular-eslint/component-class-suffix */\n@Component({\n  selector: 'watt-year-field',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattYearField),\n      multi: true,\n    },\n  ],\n  imports: [ReactiveFormsModule, MatCalendar, WattButtonComponent, WattFieldComponent],\n  styles: [\n    `\n      watt-year-field {\n        display: block;\n        width: 100%;\n\n        &:has(.watt-year-field__step-through) {\n          display: flex;\n          flex-align: flex-start;\n\n          .watt-year-field__step-through {\n            display: flex;\n          }\n        }\n\n        &:has(.watt-year-field__has-label) {\n          .watt-year-field__step-through {\n            margin-top: 28px;\n          }\n        }\n      }\n\n      .watt-year-field-picker {\n        position: fixed;\n        position-area: bottom span-right;\n        position-try-fallbacks: flip-block;\n        width: 296px;\n        height: 354px;\n        inset: unset;\n        margin: unset;\n        border: 0;\n      }\n    `,\n  ],\n  template: `\n    <watt-field [label]=\"label()\" [control]=\"control\" [anchorName]=\"anchorName\">\n      <input\n        #field\n        readonly\n        [formControl]=\"control\"\n        (focus)=\"handleFocus(picker)\"\n        (blur)=\"handleBlur(picker, $event)\"\n      />\n      <watt-button icon=\"date\" variant=\"icon\" (click)=\"field.focus()\" />\n      <div\n        #picker\n        class=\"watt-elevation watt-year-field-picker\"\n        popover=\"manual\"\n        tabindex=\"0\"\n        [style.position-anchor]=\"anchorName\"\n      >\n        @if (isOpen()) {\n          <mat-calendar\n            startView=\"multi-year\"\n            [startAt]=\"selected()\"\n            [selected]=\"selected()\"\n            [minDate]=\"min()\"\n            [maxDate]=\"max()\"\n            (yearSelected)=\"handleSelectedChange(field, $event)\"\n          />\n        }\n      </div>\n      <ng-content />\n      <ng-content select=\"watt-field-error\" ngProjectAs=\"watt-field-error\" />\n      <ng-content select=\"watt-field-hint\" ngProjectAs=\"watt-field-hint\" />\n    </watt-field>\n\n    @if (canStepThroughYears()) {\n      <span class=\"watt-year-field__step-through\" [class.watt-year-field__has-label]=\"!!label()\">\n        <watt-button\n          variant=\"icon\"\n          icon=\"left\"\n          (click)=\"prevYear(field)\"\n          [disabled]=\"control.disabled || isPrevYearButtonDisabled()\"\n        />\n        <watt-button\n          variant=\"icon\"\n          icon=\"right\"\n          (click)=\"nextYear(field)\"\n          [disabled]=\"control.disabled || isNextYearButtonDisabled()\"\n        />\n      </span>\n    }\n  `,\n})\nexport class WattYearField implements ControlValueAccessor {\n  // Popovers exists on an entirely different layer, meaning that for anchor positioning they\n  // look at the entire tree for the anchor name. This gives each field a unique anchor name.\n  private static instance = 0;\n  private instance = WattYearField.instance++;\n  protected anchorName = `--watt-year-field-popover-anchor-${this.instance}`;\n\n  // The format of the inner FormControl is different from that of the outer FormControl\n  protected control = new FormControl('', { nonNullable: true });\n\n  // `registerOnChange` may subscribe to this component after it has been destroyed, thus\n  // triggering an NG0911 from the `takeUntilDestroyed` operator. By sharing the observable,\n  // the observable will already be closed and `subscribe` becomes a proper noop.\n  private valueChanges = this.control.valueChanges.pipe(takeUntilDestroyed(), share());\n  private year = toSignal(this.valueChanges);\n  protected selected = computed(() => {\n    const date = dayjs(this.year(), YEAR_FORMAT, true);\n    if (date.isValid()) return date.toDate();\n    return undefined;\n  });\n\n  // This is used to reset the MatCalendar component by destroying and then recreating it\n  // whenever the picker is opened. There is no methods to do it programatically.\n  protected isOpen = signal(false);\n\n  /** Set the label text for `watt-field`. */\n  label = input('');\n\n  /** The minimum selectable date. */\n  min = input<Date>();\n\n  /** The maximum selectable date. */\n  max = input<Date>();\n\n  /** Enable buttons to step through years. */\n  canStepThroughYears = input(false, { transform: booleanAttribute });\n\n  /** Emits when the selected year has changed. */\n  yearChange = outputFromObservable(this.valueChanges);\n\n  /** Emits when the field loses focus. */\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  blur = output<FocusEvent>();\n\n  isPrevYearButtonDisabled = computed(() => this.isPrevYearBeforeOrEqualToMinDate());\n  isNextYearButtonDisabled = computed(() => this.isNextYearAfterOrEqualToMaxDate());\n\n  protected handleFocus = (picker: HTMLElement) => {\n    this.isOpen.set(true);\n    picker.showPopover();\n  };\n\n  protected handleBlur = (picker: HTMLElement, event: FocusEvent) => {\n    if (event.relatedTarget instanceof HTMLElement && picker.contains(event.relatedTarget)) {\n      const target = event.target as HTMLInputElement; // safe type assertion\n      setTimeout(() => target.focus()); // keep focus on input element while using the picker\n    } else {\n      picker.hidePopover();\n      this.isOpen.set(false);\n      this.blur.emit(event);\n    }\n  };\n\n  protected handleSelectedChange = (field: HTMLInputElement, date: Date) => {\n    field.value = dayjs(date).format(YEAR_FORMAT);\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    setTimeout(() => field.blur());\n  };\n\n  // Implementation for ControlValueAccessor\n  writeValue = (value: string | null) => this.control.setValue(value ?? '');\n  setDisabledState = (x: boolean) => (x ? this.control.disable() : this.control.enable());\n  registerOnTouched = (fn: () => void) => this.blur.subscribe(fn);\n  registerOnChange = (fn: (value: string | null) => void) => this.valueChanges.subscribe(fn);\n\n  /**\n   * @ignore\n   */\n  protected prevYear(field: HTMLInputElement): void {\n    this.changeYear(field, -1);\n  }\n  /**\n   * @ignore\n   */\n  protected nextYear(field: HTMLInputElement): void {\n    this.changeYear(field, 1);\n  }\n\n  /**\n   * @ignore\n   */\n  private changeYear(field: HTMLInputElement, value: number): void {\n    const currentDate = dayjs(field.value, YEAR_FORMAT, true);\n\n    if (!currentDate.isValid()) return;\n\n    const newDate = currentDate.add(value, 'year');\n    this.handleSelectedChange(field, newDate.toDate());\n  }\n\n  /**\n   * @ignore\n   */\n  isPrevYearBeforeOrEqualToMinDate(): boolean {\n    const min = this.min();\n\n    if (!min) return false;\n\n    const selectedDate = dayjs(this.selected());\n\n    const isBefore = selectedDate.isBefore(min, 'year');\n    const isSame = selectedDate.isSame(min, 'year');\n\n    return isSame || isBefore;\n  }\n\n  /**\n   * @ignore\n   */\n  isNextYearAfterOrEqualToMaxDate(): boolean {\n    const max = this.max();\n\n    if (!max) return false;\n\n    const selectedDate = dayjs(this.selected());\n\n    const isAfter = selectedDate.isAfter(max, 'year');\n    const isSame = selectedDate.isSame(max, 'year');\n\n    return isSame || isAfter;\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\nexport { WattYearField, YEAR_FORMAT } from './watt-year-field.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-yearmonth-field.mjs

@@ -232,7 +232,7 @@ class WattYearMonthField {
         />
       </span>
     }
-  `, isInline: true, styles: ["watt-yearmonth-field{display:block;width:100%}watt-yearmonth-field input{text-transform:capitalize}watt-yearmonth-field:has(.watt-yearmonth-field__step-through){display:flex;flex-align:flex-start}watt-yearmonth-field:has(.watt-yearmonth-field__step-through) .watt-yearmonth-field__step-through{display:flex}watt-yearmonth-field:has(.watt-yearmonth-field__has-label) .watt-yearmonth-field__step-through{margin-top:28px}.watt-yearmonth-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["watt-yearmonth-field{display:block;width:100%}watt-yearmonth-field input{text-transform:capitalize}watt-yearmonth-field:has(.watt-yearmonth-field__step-through){display:flex;flex-align:flex-start}watt-yearmonth-field:has(.watt-yearmonth-field__step-through) .watt-yearmonth-field__step-through{display:flex}watt-yearmonth-field:has(.watt-yearmonth-field__has-label) .watt-yearmonth-field__step-through{margin-top:28px}.watt-yearmonth-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattYearMonthField, decorators: [{
             type: Component,