@energinet/watt 2.0.13 → 2.1.0

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

@@ -1,95 +1,3 @@
-import * as i0 from '@angular/core';
-import { inject, EventEmitter, Injectable, NgModule, input, booleanAttribute, afterRenderEffect, ViewChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { NgClass, NgTemplateOutlet } from '@angular/common';
-import { MAT_DIALOG_DATA, MatDialogRef, MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { WattResizeObserverDirective } from '@energinet/watt/utils/resize-observer';
-import { WattButtonComponent } from '@energinet/watt/button';
-import { WattSpinnerComponent } from '@energinet/watt/spinner';
-import { map, take } from 'rxjs';
-import { WattIconComponent } from '@energinet/watt/icon';
-
-class WattTypedModal {
-    modalData = inject(MAT_DIALOG_DATA);
-    dialogRef = inject(MatDialogRef);
-}
-class WattModalService {
-    dialog = inject(MatDialog);
-    matDialogRef;
-    /**
-     * Opens the modal. Subsequent calls are ignored while the modal is opened.
-     * @ignore
-     */
-    open = (config) => {
-        const template = config.templateRef ?? config.component;
-        if (!template)
-            return;
-        this.matDialogRef = this.openModal(template, config);
-        this.matDialogRef
-            .afterClosed()
-            .pipe(map(Boolean), take(1))
-            .subscribe((result) => {
-            if (config?.onClosed instanceof EventEmitter) {
-                config?.onClosed.emit(result);
-            }
-            else {
-                config?.onClosed?.(result);
-            }
-        });
-        if (config.minHeight)
-            this.setMinHeight(config.minHeight);
-    };
-    /**
-     * Opens the modal using the provided template and configuration.
-     */
-    openModal(template, config) {
-        return this.dialog.open(template, {
-            autoFocus: 'dialog',
-            panelClass: [
-                'watt-modal-panel',
-                ...(config.component ? ['watt-modal-panel--component'] : []),
-                ...(config.panelClass ?? []),
-            ],
-            disableClose: config.disableClose ?? false,
-            data: config.data,
-            maxWidth: 'none',
-            injector: config.injector,
-            restoreFocus: config.restoreFocus === false ? false : true,
-        });
-    }
-    /**
-     * Closes the modal with `true` for acceptance or `false` for rejection.
-     * @ignore
-     */
-    close(result) {
-        this.matDialogRef?.close(result);
-    }
-    setMinHeight(minHeight) {
-        setTimeout(() => {
-            document
-                ?.getElementById(this.matDialogRef?.id ?? '')
-                ?.querySelector('.watt-modal')
-                ?.setAttribute('style', `--watt-modal-min-height: ${minHeight}`);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalService, decorators: [{
-            type: Injectable
-        }] });
-class WattModalModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: WattModalModule, imports: [MatDialogModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalModule, providers: [WattModalService], imports: [MatDialogModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [MatDialogModule],
-                    providers: [WattModalService],
-                }]
-        }] });
-
 //#region License
 /**
  * @license
@@ -108,6 +16,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
  * limitations under the License.
  */
 //#endregion
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, TemplateRef, ViewChild, ViewEncapsulation, afterRenderEffect, booleanAttribute, inject, input, } from '@angular/core';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { MatDialogRef } from '@angular/material/dialog';
+import { WattResizeObserverDirective } from '@energinet/watt/utils/resize-observer';
+import { WattButtonComponent } from '@energinet/watt/button';
+import { WattSpinnerComponent } from '@energinet/watt/spinner';
+import { WattModalModule, WattModalService } from './watt-modal.service';
+import { WattIconComponent } from '@energinet/watt/icon';
+import * as i0 from "@angular/core";
 /**
  * Component for representing a binary decision in the form of
  * a modal window that appears in front of the entire content.
@@ -115,7 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
  * Usage:
  * `import { WATT_MODAL } from '@energinet-datahub/watt/modal';`
  */
-class WattModalComponent {
+export class WattModalComponent {
     modalService = inject(WattModalService);
     dialogRef = inject(MatDialogRef, { optional: true });
     /** Title to stay fixed to top of modal. */
@@ -188,10 +105,10 @@ class WattModalComponent {
     onResize(event) {
         this.scrollable = event.target.scrollHeight > event.target.clientHeight;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattModalComponent, isStandalone: true, selector: "watt-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: null }, loadingMessage: { classPropertyName: "loadingMessage", publicName: "loadingMessage", isSignal: false, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: false, isRequired: false, transformFunction: null }, hideCloseButton: { classPropertyName: "hideCloseButton", publicName: "hideCloseButton", isSignal: false, isRequired: false, transformFunction: null }, disableEscAndBackdropClose: { classPropertyName: "disableEscAndBackdropClose", publicName: "disableEscAndBackdropClose", isSignal: false, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: false, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: false, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: false, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: false, isRequired: false, transformFunction: null }, titleIcon: { classPropertyName: "titleIcon", publicName: "titleIcon", isSignal: false, isRequired: false, transformFunction: null }, autoOpen: { classPropertyName: "autoOpen", publicName: "autoOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], 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<ng-template #modal>\n  <div class=\"watt-modal\" [ngClass]=\"'watt-modal--' + size\">\n    @if (!disableClose && !hideCloseButton) {\n      <watt-button\n        variant=\"icon\"\n        icon=\"close\"\n        class=\"watt-modal-close\"\n        [attr.aria-label]=\"closeLabel\"\n        (click)=\"close(false)\"\n      />\n    }\n    @if (title && loading === false) {\n      <h2 class=\"watt-modal-title\" [ngClass]=\"{ 'watt-modal-title-icon': titleIcon }\">\n        @if (titleIcon) {\n          <watt-icon [name]=\"titleIcon\" [size]=\"'l'\" />\n        }\n        {{ title }}\n      </h2>\n    }\n    <div\n      wattResizeObserver\n      class=\"watt-modal-content\"\n      [class.watt-modal-scrollable]=\"scrollable\"\n      (resize)=\"onResize($event)\"\n    >\n      <ng-content />\n    </div>\n    <ng-content select=\"watt-modal-actions\" />\n\n    @if (loading) {\n      <div class=\"watt-modal__spinner\">\n        <div>\n          <watt-spinner />\n          <p>{{ loadingMessage }}</p>\n        </div>\n      </div>\n    }\n  </div>\n</ng-template>\n\n@if (dialogRef) {\n  <ng-template [ngTemplateOutlet]=\"modal\" />\n}\n", styles: [":root{--watt-modal-width: 100vw;--watt-modal-min-height: auto;--watt-modal-height: calc(100vh - var(--watt-topbar-height, 0px));--watt-modal-content-padding: 0 var(--watt-space-ml)}.watt-modal{width:var(--watt-modal-width);max-width:100vw;height:var(--watt-modal-height);min-height:var(--watt-modal-min-height);max-height:100vh;position:relative;display:grid;padding:0;align-items:center;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:\"title close\" \"content content\" \"actions actions\"}.watt-modal--small{--watt-modal-width: 320px;--watt-modal-height: auto}@media (min-width: 600.02px){.watt-modal--small{--watt-modal-width: 520px}}.watt-modal--small .watt-modal-title{color:var(--watt-typography-headline-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0}@media (min-width: 1280px){.watt-modal--small .watt-modal-title{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 720.02px){.watt-modal--medium{--watt-modal-width: 720px;--watt-modal-height: auto}}@media (min-width: 786.02px){.watt-modal--large{--watt-modal-width: 786px;--watt-modal-height: auto}}@media (min-width: 960.02px){.watt-modal--large{--watt-modal-width: 936px;--watt-modal-height: auto}}.watt-modal-panel{margin-top:var(--watt-topbar-height)}.watt-modal-panel .mat-mdc-dialog-container .mdc-dialog__surface{width:auto}.watt-modal-panel .watt-modal-close{grid-area:close;align-self:start;margin:var(--watt-space-s);color:var(--watt-color-primary)}.watt-modal-panel .watt-modal-title{grid-area:title;margin:var(--watt-space-s) var(--watt-space-ml);color:var(--watt-typography-text-color)}.watt-modal-panel .watt-modal-title.watt-modal-title-icon{display:flex;align-items:center;gap:var(--watt-space-s)}.watt-modal-panel .watt-modal-content{align-self:stretch;grid-area:content;overflow:auto;padding:var(--watt-modal-content-padding)}.watt-modal-panel .watt-modal-content .watt-modal-content--full-width{display:block;margin:0 calc(-1 * var(--watt-space-s)) 0 0}@media (min-width: 720.02px){.watt-modal-panel .watt-modal-content .watt-modal-content--full-width{margin:0 calc(-1 * var(--watt-space-ml))}}.watt-modal-panel .watt-modal-scrollable{border:1px solid var(--watt-color-neutral-grey-300);border-left:none;border-right:none}.watt-modal-panel watt-modal-actions{grid-area:actions;display:flex;justify-content:flex-end;padding:var(--watt-space-ml);gap:var(--watt-space-m)}.watt-modal-panel .watt-modal__spinner{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#fffc}.watt-modal-panel .watt-modal__spinner div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.watt-modal-panel .watt-modal__spinner div p{margin-top:var(--watt-space-m);width:100%}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: WattResizeObserverDirective, selector: "[wattResizeObserver]", outputs: ["resize"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }, { kind: "ngmodule", type: WattModalModule }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: WattModalComponent, isStandalone: true, selector: "watt-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: null }, loadingMessage: { classPropertyName: "loadingMessage", publicName: "loadingMessage", isSignal: false, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: false, isRequired: false, transformFunction: null }, hideCloseButton: { classPropertyName: "hideCloseButton", publicName: "hideCloseButton", isSignal: false, isRequired: false, transformFunction: null }, disableEscAndBackdropClose: { classPropertyName: "disableEscAndBackdropClose", publicName: "disableEscAndBackdropClose", isSignal: false, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: false, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: false, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: false, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: false, isRequired: false, transformFunction: null }, titleIcon: { classPropertyName: "titleIcon", publicName: "titleIcon", isSignal: false, isRequired: false, transformFunction: null }, autoOpen: { classPropertyName: "autoOpen", publicName: "autoOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], 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<ng-template #modal>\n  <div class=\"watt-modal\" [ngClass]=\"'watt-modal--' + size\">\n    @if (!disableClose && !hideCloseButton) {\n      <watt-button\n        variant=\"icon\"\n        icon=\"close\"\n        class=\"watt-modal-close\"\n        [attr.aria-label]=\"closeLabel\"\n        (click)=\"close(false)\"\n      />\n    }\n    @if (title && loading === false) {\n      <h2 class=\"watt-modal-title\" [ngClass]=\"{ 'watt-modal-title-icon': titleIcon }\">\n        @if (titleIcon) {\n          <watt-icon [name]=\"titleIcon\" [size]=\"'l'\" />\n        }\n        {{ title }}\n      </h2>\n    }\n    <div\n      wattResizeObserver\n      class=\"watt-modal-content\"\n      [class.watt-modal-scrollable]=\"scrollable\"\n      (resize)=\"onResize($event)\"\n    >\n      <ng-content />\n    </div>\n    <ng-content select=\"watt-modal-actions\" />\n\n    @if (loading) {\n      <div class=\"watt-modal__spinner\">\n        <div>\n          <watt-spinner />\n          <p>{{ loadingMessage }}</p>\n        </div>\n      </div>\n    }\n  </div>\n</ng-template>\n\n@if (dialogRef) {\n  <ng-template [ngTemplateOutlet]=\"modal\" />\n}\n", styles: [":root{--watt-modal-width: 100vw;--watt-modal-min-height: auto;--watt-modal-height: calc(100vh - var(--watt-topbar-height, 0px));--watt-modal-content-padding: 0 var(--watt-space-ml)}.watt-modal{width:var(--watt-modal-width);max-width:100vw;height:var(--watt-modal-height);min-height:var(--watt-modal-min-height);max-height:100vh;position:relative;display:grid;padding:0;align-items:center;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:\"title close\" \"content content\" \"actions actions\"}.watt-modal--small{--watt-modal-width: 320px;--watt-modal-height: auto}@media (min-width: 600.02px){.watt-modal--small{--watt-modal-width: 520px}}.watt-modal--small .watt-modal-title{color:var(--watt-typography-headline-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0}@media (min-width: 1280px){.watt-modal--small .watt-modal-title{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 720.02px){.watt-modal--medium{--watt-modal-width: 720px;--watt-modal-height: auto}}@media (min-width: 786.02px){.watt-modal--large{--watt-modal-width: 786px;--watt-modal-height: auto}}@media (min-width: 960.02px){.watt-modal--large{--watt-modal-width: 936px;--watt-modal-height: auto}}.watt-modal-panel{margin-top:var(--watt-topbar-height)}.watt-modal-panel .mat-mdc-dialog-container .mdc-dialog__surface{width:auto}.watt-modal-panel .watt-modal-close{grid-area:close;align-self:start;margin:var(--watt-space-s);color:var(--watt-color-primary)}.watt-modal-panel .watt-modal-title{grid-area:title;margin:var(--watt-space-s) var(--watt-space-ml);color:var(--watt-typography-text-color)}.watt-modal-panel .watt-modal-title.watt-modal-title-icon{display:flex;align-items:center;gap:var(--watt-space-s)}.watt-modal-panel .watt-modal-content{align-self:stretch;grid-area:content;overflow:auto;padding:var(--watt-modal-content-padding)}.watt-modal-panel .watt-modal-content .watt-modal-content--full-width{display:block;margin:0 calc(-1 * var(--watt-space-s)) 0 0}@media (min-width: 720.02px){.watt-modal-panel .watt-modal-content .watt-modal-content--full-width{margin:0 calc(-1 * var(--watt-space-ml))}}.watt-modal-panel .watt-modal-scrollable{border:1px solid var(--watt-color-neutral-grey-300);border-left:none;border-right:none}.watt-modal-panel watt-modal-actions{grid-area:actions;display:flex;justify-content:flex-end;padding:var(--watt-space-ml);gap:var(--watt-space-m)}.watt-modal-panel .watt-modal__spinner{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#fffc}.watt-modal-panel .watt-modal__spinner div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.watt-modal-panel .watt-modal__spinner div p{margin-top:var(--watt-space-m);width:100%}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: WattResizeObserverDirective, selector: "[wattResizeObserver]", outputs: ["resize"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }, { kind: "ngmodule", type: WattModalModule }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: 'watt-modal', imports: [
                         NgClass,
@@ -235,41 +152,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
 /**
  * Component for projecting buttons (actions) to the bottom of the modal.
  */
-class WattModalActionsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattModalActionsComponent, isStandalone: true, selector: "watt-modal-actions", ngImport: i0, template: '<ng-content />', isInline: true });
+export class WattModalActionsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: WattModalActionsComponent, isStandalone: true, selector: "watt-modal-actions", ngImport: i0, template: '<ng-content />', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattModalActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-modal-actions',
                     template: '<ng-content />',
                 }]
         }] });
-const WATT_MODAL = [WattModalComponent, WattModalActionsComponent];
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WATT_MODAL, WattModalActionsComponent, WattModalComponent, WattModalService, WattTypedModal };
-//# sourceMappingURL=energinet-watt-modal.mjs.map
+export const WATT_MODAL = [WattModalComponent, WattModalActionsComponent];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9tb2RhbC93YXR0LW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL21vZGFsL3dhdHQtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULGlCQUFpQixFQUNqQixpQkFBaUIsRUFDakIsZ0JBQWdCLEVBQ2hCLE1BQU0sRUFDTixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV4RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNwRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekUsT0FBTyxFQUFZLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBSW5FOzs7Ozs7R0FNRztBQWlCSCxNQUFNLE9BQU8sa0JBQWtCO0lBQ3JCLFlBQVksR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUN0QyxTQUFTLEdBQUcsTUFBTSxDQUF3QixZQUFZLEVBQUUsRUFBRSxRQUFRLEVBQUUs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Z0JBR0csWUFBWTtzQkFBcEIsS0FBSztnQkFHRyxlQUFlO3NCQUF2QixLQUFLO2dCQUdHLDBCQUEwQjtzQkFBbEMsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFHRyxZQUFZO3NCQUFwQixLQUFLO2dCQUdHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBVUksTUFBTTtzQkFBZixNQUFNO2dCQUdhLEtBQUs7c0JBQXhCLFNBQVM7dUJBQUMsT0FBTzs7QUE4Q3BCOztHQUVHO0FBS0gsTUFBTSxPQUFPLHlCQUF5Qjt1R0FBekIseUJBQXlCOzJGQUF6Qix5QkFBeUIsOEVBRjFCLGdCQUFnQjs7MkZBRWYseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzNCOztBQUdELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLGtCQUFrQixFQUFFLHlCQUF5QixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBhZnRlclJlbmRlckVmZmVjdCxcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgaW5qZWN0LFxuICBpbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbmltcG9ydCB7IFdhdHRSZXNpemVPYnNlcnZlckRpcmVjdGl2ZSB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC91dGlscy9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgV2F0dEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9idXR0b24nO1xuaW1wb3J0IHsgV2F0dFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvc3Bpbm5lcic7XG5cbmltcG9ydCB7IFdhdHRNb2RhbE1vZHVsZSwgV2F0dE1vZGFsU2VydmljZSB9IGZyb20gJy4vd2F0dC1tb2RhbC5zZXJ2aWNlJztcbmltcG9ydCB7IFdhdHRJY29uLCBXYXR0SWNvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9pY29uJztcblxuZXhwb3J0IHR5cGUgV2F0dE1vZGFsU2l6ZSA9ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSc7XG5cbi8qKlxuICogQ29tcG9uZW50IGZvciByZXByZXNlbnRpbmcgYSBiaW5hcnkgZGVjaXNpb24gaW4gdGhlIGZvcm0gb2ZcbiAqIGEgbW9kYWwgd2luZG93IHRoYXQgYXBwZWFycyBpbiBmcm9udCBvZiB0aGUgZW50aXJlIGNvbnRlbnQuXG4gKlxuICogVXNhZ2U6XG4gKiBgaW1wb3J0IHsgV0FUVF9NT0RBTCB9IGZyb20gJ0BlbmVyZ2luZXQtZGF0YWh1Yi93YXR0L21vZGFsJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc2VsZWN0b3I6ICd3YXR0LW1vZGFsJyxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vd2F0dC1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtcbiAgICBOZ0NsYXNzLFxuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgV2F0dFJlc2l6ZU9ic2VydmVyRGlyZWN0aXZlLFxuICAgIFdhdHRCdXR0b25Db21wb25lbnQsXG4gICAgV2F0dFNwaW5uZXJDb21wb25lbnQsXG4gICAgV2F0dE1vZGFsTW9kdWxlLFxuICAgIFdhdHRJY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0TW9kYWxDb21wb25lbnQge1xuICBwcml2YXRlIG1vZGFsU2VydmljZSA9IGluamVjdChXYXR0TW9kYWxTZXJ2aWNlKTtcbiAgcHJvdGVjdGVkIGRpYWxvZ1JlZiA9IGluamVjdDxNYXREaWFsb2dSZWY8dW5rbm93bj4+KE1hdERpYWxvZ1JlZiwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcbiAgLyoqIFRpdGxlIHRvIHN0YXkgZml4ZWQgdG8gdG9wIG9mIG1vZGFsLiAqL1xuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuXG4gIEBJbnB1dCgpIHNpemU6IFdhdHRNb2RhbFNpemUgPSAnbWVkaXVtJztcblxuICAvKiogV2hldGhlciB0aGUgbW9kYWwgc2hvdWxkIHNob3cgYSBsb2FkaW5nIHN0YXRlLiAqL1xuICBASW5wdXQoKSBsb2FkaW5nID0gZmFsc2U7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIG1vZGFsIHNob3VsZCBzaG93IGEgbG9hZGluZyB0ZXh0IGZvciB0aGUgbG9hZGluZyBzdGF0ZS4gKi9cbiAgQElucHV0KCkgbG9hZGluZ01lc3NhZ2UgPSAnJztcblxuICAvKiogRGlzYWJsZSBFU0MsIGNsb3NlIGJ1dHRvbiBhbmQgYmFja2Ryb3AgY2xpY2sgYXMgbWV0aG9kcyBvZiBjbG9zaW5nLiAqL1xuICBASW5wdXQoKSBkaXNhYmxlQ2xvc2UgPSBmYWxzZTtcblxuICAvKiogV2hldGhlciB0byBzaG93IHRoZSBjbG9zZSBidXR0b24gKi9cbiAgQElucHV0KCkgaGlkZUNsb3NlQnV0dG9uID0gZmFsc2U7XG5cbiAgLyoqIERpc2FibGUgRVNDLCBiYWNrZHJvcCBjbGljayBhcyBtZXRob2RzIG9mIGNsb3NpbmcuICovXG4gIEBJbnB1dCgpIGRpc2FibGVFc2NBbmRCYWNrZHJvcENsb3NlID0gZmFsc2U7XG5cbiAgLyoqIFRoZSBhcmlhLWxhYmVsIGZvciB0aGUgY2xvc2UgYnV0dG9uLiAqL1xuICBASW5wdXQoKSBjbG9zZUxhYmVsID0gJ0Nsb3NlJztcblxuICAvKiogQ2xhc3NlcyBhZGRlZCB0byB0aGUgbW9kYWwgcGFuZWwgKi9cbiAgQElucHV0KCkgcGFuZWxDbGFzczogc3RyaW5nW10gPSBbXTtcblxuICBASW5wdXQoKSBtaW5IZWlnaHQgPSAnMTQ3cHgnO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBkaWFsb2cgc2hvdWxkIHJlc3RvcmUgZm9jdXMgdG8gdGhlIHByZXZpb3VzbHktZm9jdXNlZCBlbGVtZW50LCBhZnRlciBpdCdzIGNsb3NlZC4gKi9cbiAgQElucHV0KCkgcmVzdG9yZUZvY3VzID0gdHJ1ZTtcblxuICAvKiogSWNvbiBkaXNwbGF5ZWQgbmV4dCB0byB0aGUgbW9kYWwgdGl0bGUuICovXG4gIEBJbnB1dCgpIHRpdGxlSWNvbj86IFdhdHRJY29uO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBtb2RhbCBzaG91bGQgb3BlbiBhdXRvbWF0aWNhbGx5IHdoZW4gcmVuZGVyZWQuICAqL1xuICBhdXRvT3BlbiA9IGlucHV0KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcblxuICAvKipcbiAgICogV2hlbiBtb2RhbCBpcyBjbG9zZWQsIGVtaXRzIGB0cnVlYCBpZiBpdCB3YXMgXCJhY2NlcHRlZFwiLFxuICAgKiBvdGhlcndpc2UgZW1pdHMgYGZhbHNlYC5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBAVmlld0NoaWxkKCdtb2RhbCcpIG1vZGFsITogVGVtcGxhdGVSZWY8RWxlbWVudD47XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgc2Nyb2xsYWJsZSA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGFmdGVyUmVuZGVyRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmF1dG9PcGVuKCkpIHtcbiAgICAgICAgdGhpcy5vcGVuKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogT3BlbnMgdGhlIG1vZGFsLiBTdWJzZXF1ZW50IGNhbGxzIGFyZSBpZ25vcmVkIHdoaWxlIHRoZSBtb2RhbCBpcyBvcGVuZWQuXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG9wZW4oKSB7XG4gICAgdGhpcy5tb2RhbFNlcnZpY2Uub3Blbih7XG4gICAgICBkaXNhYmxlQ2xvc2U6IHRoaXMuZGlzYWJsZUVzY0FuZEJhY2tkcm9wQ2xvc2UgfHwgdGhpcy5kaXNhYmxlQ2xvc2UsXG4gICAgICB0ZW1wbGF0ZVJlZjogdGhpcy5tb2RhbCxcbiAgICAgIG9uQ2xvc2VkOiB0aGlzLmNsb3NlZCxcbiAgICAgIG1pbkhlaWdodDogdGhpcy5taW5IZWlnaHQsXG4gICAgICBwYW5lbENsYXNzOiB0aGlzLnBhbmVsQ2xhc3MsXG4gICAgICByZXN0b3JlRm9jdXM6IHRoaXMucmVzdG9yZUZvY3VzLFxuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIENsb3NlcyB0aGUgbW9kYWwgd2l0aCBgdHJ1ZWAgZm9yIGFjY2VwdGFuY2Ugb3IgYGZhbHNlYCBmb3IgcmVqZWN0aW9uLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBjbG9zZShyZXN1bHQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLm1vZGFsU2VydmljZS5jbG9zZShyZXN1bHQpOyAvLyBpbmxpbmUgbW9kYWxcbiAgICB0aGlzLmRpYWxvZ1JlZj8uY2xvc2UocmVzdWx0KTsgLy8gaW5qZWN0ZWQgbW9kYWxcbiAgfVxuXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiB0aGUgbW9kYWwgY29udGVudCBlbGVtZW50IGNoYW5nZXMgc2l6ZS5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgb25SZXNpemUoZXZlbnQ6IFJlc2l6ZU9ic2VydmVyRW50cnkpIHtcbiAgICB0aGlzLnNjcm9sbGFibGUgPSBldmVudC50YXJnZXQuc2Nyb2xsSGVpZ2h0ID4gZXZlbnQudGFyZ2V0LmNsaWVudEhlaWdodDtcbiAgfVxufVxuXG4vKipcbiAqIENvbXBvbmVudCBmb3IgcHJvamVjdGluZyBidXR0b25zIChhY3Rpb25zKSB0byB0aGUgYm90dG9tIG9mIHRoZSBtb2RhbC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2F0dC1tb2RhbC1hY3Rpb25zJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudCAvPicsXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRNb2RhbEFjdGlvbnNDb21wb25lbnQge31cblxuZXhwb3J0IGNvbnN0IFdBVFRfTU9EQUwgPSBbV2F0dE1vZGFsQ29tcG9uZW50LCBXYXR0TW9kYWxBY3Rpb25zQ29tcG9uZW50XTtcbiIsIjwhLS1cbkBsaWNlbnNlXG5Db3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcblxuTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG55b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG5Zb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcblxuICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuXG5Vbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG5kaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG5XSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cblNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbmxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuLS0+XG48bmctdGVtcGxhdGUgI21vZGFsPlxuICA8ZGl2IGNsYXNzPVwid2F0dC1tb2RhbFwiIFtuZ0NsYXNzXT1cIid3YXR0LW1vZGFsLS0nICsgc2l6ZVwiPlxuICAgIEBpZiAoIWRpc2FibGVDbG9zZSAmJiAhaGlkZUNsb3NlQnV0dG9uKSB7XG4gICAgICA8d2F0dC1idXR0b25cbiAgICAgICAgdmFyaWFudD1cImljb25cIlxuICAgICAgICBpY29uPVwiY2xvc2VcIlxuICAgICAgICBjbGFzcz1cIndhdHQtbW9kYWwtY2xvc2VcIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImNsb3NlTGFiZWxcIlxuICAgICAgICAoY2xpY2spPVwiY2xvc2UoZmFsc2UpXCJcbiAgICAgIC8+XG4gICAgfVxuICAgIEBpZiAodGl0bGUgJiYgbG9hZGluZyA9PT0gZmFsc2UpIHtcbiAgICAgIDxoMiBjbGFzcz1cIndhdHQtbW9kYWwtdGl0bGVcIiBbbmdDbGFzc109XCJ7ICd3YXR0LW1vZGFsLXRpdGxlLWljb24nOiB0aXRsZUljb24gfVwiPlxuICAgICAgICBAaWYgKHRpdGxlSWNvbikge1xuICAgICAgICAgIDx3YXR0LWljb24gW25hbWVdPVwidGl0bGVJY29uXCIgW3NpemVdPVwiJ2wnXCIgLz5cbiAgICAgICAgfVxuICAgICAgICB7eyB0aXRsZSB9fVxuICAgICAgPC9oMj5cbiAgICB9XG4gICAgPGRpdlxuICAgICAgd2F0dFJlc2l6ZU9ic2VydmVyXG4gICAgICBjbGFzcz1cIndhdHQtbW9kYWwtY29udGVudFwiXG4gICAgICBbY2xhc3Mud2F0dC1tb2RhbC1zY3JvbGxhYmxlXT1cInNjcm9sbGFibGVcIlxuICAgICAgKHJlc2l6ZSk9XCJvblJlc2l6ZSgkZXZlbnQpXCJcbiAgICA+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIndhdHQtbW9kYWwtYWN0aW9uc1wiIC8+XG5cbiAgICBAaWYgKGxvYWRpbmcpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJ3YXR0LW1vZGFsX19zcGlubmVyXCI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPHdhdHQtc3Bpbm5lciAvPlxuICAgICAgICAgIDxwPnt7IGxvYWRpbmdNZXNzYWdlIH19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG5AaWYgKGRpYWxvZ1JlZikge1xuICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxcIiAvPlxufVxuIl19

package/esm2022/modal/watt-modal.service.js

@@ -0,0 +1,86 @@
+import { EventEmitter, Injectable, NgModule, inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogModule, MatDialogRef, } from '@angular/material/dialog';
+import { map, take } from 'rxjs';
+import * as i0 from "@angular/core";
+export class WattTypedModal {
+    modalData = inject(MAT_DIALOG_DATA);
+    dialogRef = inject(MatDialogRef);
+}
+export class WattModalService {
+    dialog = inject(MatDialog);
+    matDialogRef;
+    /**
+     * Opens the modal. Subsequent calls are ignored while the modal is opened.
+     * @ignore
+     */
+    open = (config) => {
+        const template = config.templateRef ?? config.component;
+        if (!template)
+            return;
+        this.matDialogRef = this.openModal(template, config);
+        this.matDialogRef
+            .afterClosed()
+            .pipe(map(Boolean), take(1))
+            .subscribe((result) => {
+            if (config?.onClosed instanceof EventEmitter) {
+                config?.onClosed.emit(result);
+            }
+            else {
+                config?.onClosed?.(result);
+            }
+        });
+        if (config.minHeight)
+            this.setMinHeight(config.minHeight);
+    };
+    /**
+     * Opens the modal using the provided template and configuration.
+     */
+    openModal(template, config) {
+        return this.dialog.open(template, {
+            autoFocus: 'dialog',
+            panelClass: [
+                'watt-modal-panel',
+                ...(config.component ? ['watt-modal-panel--component'] : []),
+                ...(config.panelClass ?? []),
+            ],
+            disableClose: config.disableClose ?? false,
+            data: config.data,
+            maxWidth: 'none',
+            injector: config.injector,
+            restoreFocus: config.restoreFocus === false ? false : true,
+        });
+    }
+    /**
+     * Closes the modal with `true` for acceptance or `false` for rejection.
+     * @ignore
+     */
+    close(result) {
+        this.matDialogRef?.close(result);
+    }
+    setMinHeight(minHeight) {
+        setTimeout(() => {
+            document
+                ?.getElementById(this.matDialogRef?.id ?? '')
+                ?.querySelector('.watt-modal')
+                ?.setAttribute('style', `--watt-modal-min-height: ${minHeight}`);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalService, decorators: [{
+            type: Injectable
+        }] });
+export class WattModalModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.3", ngImport: i0, type: WattModalModule, imports: [MatDialogModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalModule, providers: [WattModalService], imports: [MatDialogModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [MatDialogModule],
+                    providers: [WattModalService],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1tb2RhbC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvbW9kYWwvd2F0dC1tb2RhbC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CQSxPQUFPLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBWSxRQUFRLEVBQWUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFDTCxlQUFlLEVBQ2YsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEdBQ2IsTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFjakMsTUFBTSxPQUFnQixjQUFjO0lBQ3hCLFNBQVMsR0FBTSxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDdkMsU0FBUyxHQUFvQyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7Q0FDN0U7QUFHRCxNQUFNLE9BQU8sZ0JBQWdCO0lBQ1YsTUFBTSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNwQyxZQUFZLENBQW9DO0lBRXhEOzs7T0FHRztJQUNILElBQUksR0FBRyxDQUFJLE1BQTBCLEVBQUUsRUFBRTtRQUN2QyxNQUFNLFFBQVEsR0FBRyxNQUFNLENBQUMsV0FBVyxJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUM7UUFFeEQsSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBRXRCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFFckQsSUFBSSxDQUFDLFlBQVk7YUFDZCxXQUFXLEVBQUU7YUFDYixJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUMzQixTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNwQixJQUFJLE1BQU0sRUFBRSxRQUFRLFlBQVksWUFBWSxFQUFFLENBQUM7Z0JBQzdDLE1BQU0sRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ2hDLENBQUM7aUJBQU0sQ0FBQztnQkFDTixNQUFNLEVBQUUsUUFBUSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDN0IsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO1FBRUwsSUFBSSxNQUFNLENBQUMsU0FBUztZQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzVELENBQUMsQ0FBQztJQUVGOztPQUVHO0lBQ0ssU0FBUyxDQUNmLFFBQWlFLEVBQ2pFLE1BQTBCO1FBRTFCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hDLFNBQVMsRUFBRSxRQUFRO1lBQ25CLFVBQVUsRUFBRTtnQkFDVixrQkFBa0I7Z0JBQ2xCLEdBQUcsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztnQkFDNUQsR0FBRyxDQUFDLE1BQU0sQ0FBQyxVQUFVLElBQUksRUFBRSxDQUFDO2FBQzdCO1lBQ0QsWUFBWSxFQUFFLE1BQU0sQ0FBQyxZQUFZLElBQUksS0FBSztZQUMxQyxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDakIsUUFBUSxFQUFFLE1BQU07WUFDaEIsUUFBUSxFQUFFLE1BQU0sQ0FBQyxRQUFRO1lBQ3pCLFlBQVksRUFBRSxNQUFNLENBQUMsWUFBWSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJO1NBQzNELENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7O09BR0c7SUFDSCxLQUFLLENBQUMsTUFBZTtRQUNuQixJQUFJLENBQUMsWUFBWSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU8sWUFBWSxDQUFDLFNBQWlCO1FBQ3BDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxRQUFRO2dCQUNOLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQztnQkFDN0MsRUFBRSxhQUFhLENBQUMsYUFBYSxDQUFDO2dCQUM5QixFQUFFLFlBQVksQ0FBQyxPQUFPLEVBQUUsNEJBQTRCLFNBQVMsRUFBRSxDQUFDLENBQUM7UUFDckUsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO3VHQWxFVSxnQkFBZ0I7MkdBQWhCLGdCQUFnQjs7MkZBQWhCLGdCQUFnQjtrQkFENUIsVUFBVTs7QUEwRVgsTUFBTSxPQUFPLGVBQWU7dUdBQWYsZUFBZTt3R0FBZixlQUFlLFlBSGhCLGVBQWU7d0dBR2QsZUFBZSxhQUZmLENBQUMsZ0JBQWdCLENBQUMsWUFEbkIsZUFBZTs7MkZBR2QsZUFBZTtrQkFKM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQzFCLFNBQVMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IENvbXBvbmVudFR5cGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciwgSW5qZWN0YWJsZSwgSW5qZWN0b3IsIE5nTW9kdWxlLCBUZW1wbGF0ZVJlZiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBNQVRfRElBTE9HX0RBVEEsXG4gIE1hdERpYWxvZyxcbiAgTWF0RGlhbG9nTW9kdWxlLFxuICBNYXREaWFsb2dSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBtYXAsIHRha2UgfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IGludGVyZmFjZSBXYXR0TW9kYWxDb25maWc8VD4ge1xuICB0ZW1wbGF0ZVJlZj86IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICBjb21wb25lbnQ/OiBDb21wb25lbnRUeXBlPFdhdHRUeXBlZE1vZGFsPFQ+PjtcbiAgZGF0YT86IFQ7XG4gIGRpc2FibGVDbG9zZT86IGJvb2xlYW47XG4gIG9uQ2xvc2VkPzogRXZlbnRFbWl0dGVyPGJvb2xlYW4+IHwgKChyZXN1bHQ6IGJvb2xlYW4pID0+IHZvaWQpO1xuICBtaW5IZWlnaHQ/OiBzdHJpbmc7XG4gIHBhbmVsQ2xhc3M/OiBzdHJpbmdbXTtcbiAgaW5qZWN0b3I/OiBJbmplY3RvcjtcbiAgcmVzdG9yZUZvY3VzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFdhdHRUeXBlZE1vZGFsPFQgPSB2b2lkPiB7XG4gIHByb3RlY3RlZCBtb2RhbERhdGE6IFQgPSBpbmplY3QoTUFUX0RJQUxPR19EQVRBKTtcbiAgcHJvdGVjdGVkIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFdhdHRUeXBlZE1vZGFsPFQ+PiA9IGluamVjdChNYXREaWFsb2dSZWYpO1xufVxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgV2F0dE1vZGFsU2VydmljZSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGlhbG9nID0gaW5qZWN0KE1hdERpYWxvZyk7XG4gIHByaXZhdGUgbWF0RGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8dW5rbm93bj4gfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIE9wZW5zIHRoZSBtb2RhbC4gU3Vic2VxdWVudCBjYWxscyBhcmUgaWdub3JlZCB3aGlsZSB0aGUgbW9kYWwgaXMgb3BlbmVkLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBvcGVuID0gPFQ+KGNvbmZpZzogV2F0dE1vZGFsQ29uZmlnPFQ+KSA9PiB7XG4gICAgY29uc3QgdGVtcGxhdGUgPSBjb25maWcudGVtcGxhdGVSZWYgPz8gY29uZmlnLmNvbXBvbmVudDtcblxuICAgIGlmICghdGVtcGxhdGUpIHJldHVybjtcblxuICAgIHRoaXMubWF0RGlhbG9nUmVmID0gdGhpcy5vcGVuTW9kYWwodGVtcGxhdGUsIGNvbmZpZyk7XG5cbiAgICB0aGlzLm1hdERpYWxvZ1JlZlxuICAgICAgLmFmdGVyQ2xvc2VkKClcbiAgICAgIC5waXBlKG1hcChCb29sZWFuKSwgdGFrZSgxKSlcbiAgICAgIC5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xuICAgICAgICBpZiAoY29uZmlnPy5vbkNsb3NlZCBpbnN0YW5jZW9mIEV2ZW50RW1pdHRlcikge1xuICAgICAgICAgIGNvbmZpZz8ub25DbG9zZWQuZW1pdChyZXN1bHQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGNvbmZpZz8ub25DbG9zZWQ/LihyZXN1bHQpO1xuICAgICAgICB9XG4gICAgICB9KTtcblxuICAgIGlmIChjb25maWcubWluSGVpZ2h0KSB0aGlzLnNldE1pbkhlaWdodChjb25maWcubWluSGVpZ2h0KTtcbiAgfTtcblxuICAvKipcbiAgICogT3BlbnMgdGhlIG1vZGFsIHVzaW5nIHRoZSBwcm92aWRlZCB0ZW1wbGF0ZSBhbmQgY29uZmlndXJhdGlvbi5cbiAgICovXG4gIHByaXZhdGUgb3Blbk1vZGFsPFQ+KFxuICAgIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjx1bmtub3duPiB8IENvbXBvbmVudFR5cGU8V2F0dFR5cGVkTW9kYWw8VD4+LFxuICAgIGNvbmZpZzogV2F0dE1vZGFsQ29uZmlnPFQ+XG4gICk6IE1hdERpYWxvZ1JlZjx1bmtub3duPiB7XG4gICAgcmV0dXJuIHRoaXMuZGlhbG9nLm9wZW4odGVtcGxhdGUsIHtcbiAgICAgIGF1dG9Gb2N1czogJ2RpYWxvZycsXG4gICAgICBwYW5lbENsYXNzOiBbXG4gICAgICAgICd3YXR0LW1vZGFsLXBhbmVsJyxcbiAgICAgICAgLi4uKGNvbmZpZy5jb21wb25lbnQgPyBbJ3dhdHQtbW9kYWwtcGFuZWwtLWNvbXBvbmVudCddIDogW10pLFxuICAgICAgICAuLi4oY29uZmlnLnBhbmVsQ2xhc3MgPz8gW10pLFxuICAgICAgXSxcbiAgICAgIGRpc2FibGVDbG9zZTogY29uZmlnLmRpc2FibGVDbG9zZSA/PyBmYWxzZSxcbiAgICAgIGRhdGE6IGNvbmZpZy5kYXRhLFxuICAgICAgbWF4V2lkdGg6ICdub25lJyxcbiAgICAgIGluamVjdG9yOiBjb25maWcuaW5qZWN0b3IsXG4gICAgICByZXN0b3JlRm9jdXM6IGNvbmZpZy5yZXN0b3JlRm9jdXMgPT09IGZhbHNlID8gZmFsc2UgOiB0cnVlLFxuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIENsb3NlcyB0aGUgbW9kYWwgd2l0aCBgdHJ1ZWAgZm9yIGFjY2VwdGFuY2Ugb3IgYGZhbHNlYCBmb3IgcmVqZWN0aW9uLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBjbG9zZShyZXN1bHQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLm1hdERpYWxvZ1JlZj8uY2xvc2UocmVzdWx0KTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0TWluSGVpZ2h0KG1pbkhlaWdodDogc3RyaW5nKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBkb2N1bWVudFxuICAgICAgICA/LmdldEVsZW1lbnRCeUlkKHRoaXMubWF0RGlhbG9nUmVmPy5pZCA/PyAnJylcbiAgICAgICAgPy5xdWVyeVNlbGVjdG9yKCcud2F0dC1tb2RhbCcpXG4gICAgICAgID8uc2V0QXR0cmlidXRlKCdzdHlsZScsIGAtLXdhdHQtbW9kYWwtbWluLWhlaWdodDogJHttaW5IZWlnaHR9YCk7XG4gICAgfSk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW01hdERpYWxvZ01vZHVsZV0sXG4gIHByb3ZpZGVyczogW1dhdHRNb2RhbFNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0TW9kYWxNb2R1bGUge31cbiJdfQ==

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5lcmdpbmV0LXdhdHQtcGFnaW5hdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvcGFnaW5hdG9yL2VuZXJnaW5ldC13YXR0LXBhZ2luYXRvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/paginator/index.js

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

package/esm2022/paginator/watt-paginator-intl.service.js

@@ -0,0 +1,38 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class WattPaginatorIntlService {
+    changes = new Subject();
+    description = 'Select page';
+    itemsPerPage = 'Results per page';
+    nextPage = 'Next page';
+    previousPage = 'Previous page';
+    firstPage = 'First page';
+    lastPage = 'Last page';
+    of = 'of';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattPaginatorIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattPaginatorIntlService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattPaginatorIntlService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1wYWdpbmF0b3ItaW50bC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvcGFnaW5hdG9yL3dhdHQtcGFnaW5hdG9yLWludGwuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFHL0IsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixPQUFPLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7SUFDdEQsV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUM1QixZQUFZLEdBQUcsa0JBQWtCLENBQUM7SUFDbEMsUUFBUSxHQUFHLFdBQVcsQ0FBQztJQUN2QixZQUFZLEdBQUcsZUFBZSxDQUFDO0lBQy9CLFNBQVMsR0FBRyxZQUFZLENBQUM7SUFDekIsUUFBUSxHQUFHLFdBQVcsQ0FBQztJQUN2QixFQUFFLEdBQUcsSUFBSSxDQUFDO3VHQVJDLHdCQUF3QjsyR0FBeEIsd0JBQXdCLGNBRFgsTUFBTTs7MkZBQ25CLHdCQUF3QjtrQkFEcEMsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXG5leHBvcnQgY2xhc3MgV2F0dFBhZ2luYXRvckludGxTZXJ2aWNlIHtcbiAgcmVhZG9ubHkgY2hhbmdlczogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIGRlc2NyaXB0aW9uID0gJ1NlbGVjdCBwYWdlJztcbiAgaXRlbXNQZXJQYWdlID0gJ1Jlc3VsdHMgcGVyIHBhZ2UnO1xuICBuZXh0UGFnZSA9ICdOZXh0IHBhZ2UnO1xuICBwcmV2aW91c1BhZ2UgPSAnUHJldmlvdXMgcGFnZSc7XG4gIGZpcnN0UGFnZSA9ICdGaXJzdCBwYWdlJztcbiAgbGFzdFBhZ2UgPSAnTGFzdCBwYWdlJztcbiAgb2YgPSAnb2YnO1xufVxuIl19

package/esm2022/paginator/watt-paginator.component.js

@@ -0,0 +1,104 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation, viewChild, input, effect, output, computed, } from '@angular/core';
+import { MatPaginator, MatPaginatorIntl, MatPaginatorModule, } from '@angular/material/paginator';
+import { WattPaginatorIntlService } from './watt-paginator-intl.service';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { map, startWith } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/paginator";
+/**
+ * Usage:
+ * `import { WattPaginatorComponent } from '@energinet-datahub/watt/paginator';`
+ */
+export class WattPaginatorComponent {
+    intl = inject(WattPaginatorIntlService);
+    matPaginatorIntl = inject(MatPaginatorIntl);
+    length = input(0);
+    pageSizeOptions = input([50, 100, 150, 200, 250]);
+    pageSize = input(50);
+    pageIndex = input(0);
+    for = input();
+    changed = output();
+    instance = viewChild.required(MatPaginator);
+    changes = toSignal(this.intl.changes.pipe(
+    // Signals use referential equality to determine if a value has changed.
+    // Therefore it is not possible to just map to the intl service directly
+    // as the intl service relies on mutation for updating values.
+    map(() => ({ ...this.intl })), startWith(this.intl)), { requireSync: true });
+    description = computed(() => this.changes().description);
+    updateDataSource = effect(() => {
+        const dataSource = this.for();
+        const instance = this.instance();
+        if (!dataSource)
+            return;
+        dataSource.paginator = instance;
+    });
+    updateLabels = effect(() => {
+        const changes = this.changes();
+        this.matPaginatorIntl.itemsPerPageLabel = changes.itemsPerPage;
+        this.matPaginatorIntl.nextPageLabel = changes.nextPage;
+        this.matPaginatorIntl.previousPageLabel = changes.previousPage;
+        this.matPaginatorIntl.firstPageLabel = changes.firstPage;
+        this.matPaginatorIntl.lastPageLabel = changes.lastPage;
+        this.matPaginatorIntl.changes.next();
+    });
+    ngOnInit() {
+        this.matPaginatorIntl.getRangeLabel = this.getRangeLabel;
+    }
+    getRangeLabel = (page, pageSize, length) => {
+        if (length == 0 || pageSize == 0) {
+            return `0 ${this.intl.of} ${length}`;
+        }
+        length = Math.max(length, 0);
+        const startIndex = page * pageSize;
+        // If the start index exceeds the list length, do not try and fix the end index to the end.
+        const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;
+        return `${startIndex + 1} – ${endIndex} ${this.intl.of} ${length}`;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.3", type: WattPaginatorComponent, isStandalone: true, selector: "watt-paginator", inputs: { length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null }, for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, viewQueries: [{ propertyName: "instance", first: true, predicate: MatPaginator, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <mat-paginator
+      class="watt-paginator"
+      (page)="changed.emit($event)"
+      [length]="length()"
+      [pageSize]="pageSize()"
+      [pageSizeOptions]="pageSizeOptions()"
+      [pageIndex]="pageIndex()"
+      [showFirstLastButtons]="true"
+      [attr.aria-label]="description()"
+    />
+  `, isInline: true, styles: [".cdk-overlay-pane div.mat-mdc-select-panel{--mat-select-panel-background-color: white;padding:0;font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){--mat-option-selected-state-layer-color: var(--watt-color-neutral-grey-300);color:var(--watt-color-primary)}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item:hover{--mat-option-hover-state-layer-color: var(--watt-color-neutral-grey-100)}watt-paginator{box-shadow:0 -1px 0 var(--watt-color-neutral-grey-300);z-index:100}watt-paginator .mat-mdc-paginator,watt-paginator .mat-mdc-paginator-page-size .mat-mdc-select-trigger{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}watt-paginator .mat-mdc-paginator{--mat-option-hover-state-layer-color: var(--watt-color-neutral-grey-100)}watt-paginator .mat-mdc-paginator .mdc-notched-outline{--mat-form-field-outlined-outline-width: 0;--mat-form-field-outlined-focus-outline-width: 0}watt-paginator .mat-mdc-paginator .mat-mdc-paginator-page-size-select{width:80px}watt-paginator .mat-mdc-select-arrow-wrapper{color:var(--watt-color-primary)}watt-paginator .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{width:18px}watt-paginator .mat-mdc-paginator-container{justify-content:center;padding:var(--watt-space-m) var(--watt-space-ml)}watt-paginator .mat-mdc-paginator-range-actions{display:contents}watt-paginator .mat-mdc-paginator-range-label{margin:0 auto;-webkit-user-select:none;user-select:none}watt-paginator .mdc-icon-button{color:var(--watt-color-primary);--mat-icon-button-disabled-icon-color: var(--watt-color-neutral-grey-500);--mat-icon-button-icon-size: 28px;--mat-icon-button-state-layer-size: 28px;padding:0;margin-right:5px}watt-paginator .mat-mdc-select-value{padding-right:var(--watt-space-xs);text-align:right}watt-paginator .mat-mdc-select-arrow{color:var(--watt-color-primary)}watt-paginator .mat-mdc-form-field-flex{height:var(--watt-space-l);align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattPaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [MatPaginatorModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: 'watt-paginator', template: `
+    <mat-paginator
+      class="watt-paginator"
+      (page)="changed.emit($event)"
+      [length]="length()"
+      [pageSize]="pageSize()"
+      [pageSizeOptions]="pageSizeOptions()"
+      [pageIndex]="pageIndex()"
+      [showFirstLastButtons]="true"
+      [attr.aria-label]="description()"
+    />
+  `, styles: [".cdk-overlay-pane div.mat-mdc-select-panel{--mat-select-panel-background-color: white;padding:0;font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){--mat-option-selected-state-layer-color: var(--watt-color-neutral-grey-300);color:var(--watt-color-primary)}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item:hover{--mat-option-hover-state-layer-color: var(--watt-color-neutral-grey-100)}watt-paginator{box-shadow:0 -1px 0 var(--watt-color-neutral-grey-300);z-index:100}watt-paginator .mat-mdc-paginator,watt-paginator .mat-mdc-paginator-page-size .mat-mdc-select-trigger{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}watt-paginator .mat-mdc-paginator{--mat-option-hover-state-layer-color: var(--watt-color-neutral-grey-100)}watt-paginator .mat-mdc-paginator .mdc-notched-outline{--mat-form-field-outlined-outline-width: 0;--mat-form-field-outlined-focus-outline-width: 0}watt-paginator .mat-mdc-paginator .mat-mdc-paginator-page-size-select{width:80px}watt-paginator .mat-mdc-select-arrow-wrapper{color:var(--watt-color-primary)}watt-paginator .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{width:18px}watt-paginator .mat-mdc-paginator-container{justify-content:center;padding:var(--watt-space-m) var(--watt-space-ml)}watt-paginator .mat-mdc-paginator-range-actions{display:contents}watt-paginator .mat-mdc-paginator-range-label{margin:0 auto;-webkit-user-select:none;user-select:none}watt-paginator .mdc-icon-button{color:var(--watt-color-primary);--mat-icon-button-disabled-icon-color: var(--watt-color-neutral-grey-500);--mat-icon-button-icon-size: 28px;--mat-icon-button-state-layer-size: 28px;padding:0;margin-right:5px}watt-paginator .mat-mdc-select-value{padding-right:var(--watt-space-xs);text-align:right}watt-paginator .mat-mdc-select-arrow{color:var(--watt-color-primary)}watt-paginator .mat-mdc-form-field-flex{height:var(--watt-space-l);align-items:center}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1wYWdpbmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvcGFnaW5hdG9yL3dhdHQtcGFnaW5hdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULE1BQU0sRUFFTixpQkFBaUIsRUFDakIsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sTUFBTSxFQUNOLFFBQVEsR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsWUFBWSxFQUNaLGdCQUFnQixFQUNoQixrQkFBa0IsR0FFbkIsTUFBTSw2QkFBNkIsQ0FBQztBQUdyQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7OztBQUV0Qzs7O0dBR0c7QUFvQkgsTUFBTSxPQUFPLHNCQUFzQjtJQUN6QixJQUFJLEdBQUcsTUFBTSxDQUFDLHdCQUF3QixDQUFDLENBQUM7SUFDeEMsZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFFcEQsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNsQixlQUFlLEdBQUcsS0FBSyxDQUFDLENBQUMsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDbEQsUUFBUSxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNyQixTQUFTLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3JCLEdB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QlMsa0JBQWtCOzsyRkFrQmpCLHNCQUFzQjtrQkFuQmxDLFNBQVM7OEJBQ0MsQ0FBQyxrQkFBa0IsQ0FBQyxtQkFDWix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFlBQzNCLGdCQUFnQixZQUVoQjs7Ozs7Ozs7Ozs7R0FXVCIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGluamVjdCxcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgdmlld0NoaWxkLFxuICBpbnB1dCxcbiAgZWZmZWN0LFxuICBvdXRwdXQsXG4gIGNvbXB1dGVkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIE1hdFBhZ2luYXRvcixcbiAgTWF0UGFnaW5hdG9ySW50bCxcbiAgTWF0UGFnaW5hdG9yTW9kdWxlLFxuICBQYWdlRXZlbnQsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5cbmltcG9ydCB7IElXYXR0VGFibGVEYXRhU291cmNlIH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L3RhYmxlJztcbmltcG9ydCB7IFdhdHRQYWdpbmF0b3JJbnRsU2VydmljZSB9IGZyb20gJy4vd2F0dC1wYWdpbmF0b3ItaW50bC5zZXJ2aWNlJztcbmltcG9ydCB7IHRvU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgbWFwLCBzdGFydFdpdGggfSBmcm9tICdyeGpzJztcblxuLyoqXG4gKiBVc2FnZTpcbiAqIGBpbXBvcnQgeyBXYXR0UGFnaW5hdG9yQ29tcG9uZW50IH0gZnJvbSAnQGVuZXJnaW5ldC1kYXRhaHViL3dhdHQvcGFnaW5hdG9yJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBpbXBvcnRzOiBbTWF0UGFnaW5hdG9yTW9kdWxlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHNlbGVjdG9yOiAnd2F0dC1wYWdpbmF0b3InLFxuICBzdHlsZVVybHM6IFsnLi93YXR0LXBhZ2luYXRvci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtcGFnaW5hdG9yXG4gICAgICBjbGFzcz1cIndhdHQtcGFnaW5hdG9yXCJcbiAgICAgIChwYWdlKT1cImNoYW5nZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgIFtsZW5ndGhdPVwibGVuZ3RoKClcIlxuICAgICAgW3BhZ2VTaXplXT1cInBhZ2VTaXplKClcIlxuICAgICAgW3BhZ2VTaXplT3B0aW9uc109XCJwYWdlU2l6ZU9wdGlvbnMoKVwiXG4gICAgICBbcGFnZUluZGV4XT1cInBhZ2VJbmRleCgpXCJcbiAgICAgIFtzaG93Rmlyc3RMYXN0QnV0dG9uc109XCJ0cnVlXCJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiZGVzY3JpcHRpb24oKVwiXG4gICAgLz5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dFBhZ2luYXRvckNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgaW50bCA9IGluamVjdChXYXR0UGFnaW5hdG9ySW50bFNlcnZpY2UpO1xuICBwcml2YXRlIG1hdFBhZ2luYXRvckludGwgPSBpbmplY3QoTWF0UGFnaW5hdG9ySW50bCk7XG5cbiAgbGVuZ3RoID0gaW5wdXQoMCk7XG4gIHBhZ2VTaXplT3B0aW9ucyA9IGlucHV0KFs1MCwgMTAwLCAxNTAsIDIwMCwgMjUwXSk7XG4gIHBhZ2VTaXplID0gaW5wdXQoNTApO1xuICBwYWdlSW5kZXggPSBpbnB1dCgwKTtcbiAgZm9yID0gaW5wdXQ8SVdhdHRUYWJsZURhdGFTb3VyY2U8VD4+KCk7XG4gIGNoYW5nZWQgPSBvdXRwdXQ8UGFnZUV2ZW50PigpO1xuICBpbnN0YW5jZSA9IHZpZXdDaGlsZC5yZXF1aXJlZChNYXRQYWdpbmF0b3IpO1xuXG4gIGNoYW5nZXMgPSB0b1NpZ25hbChcbiAgICB0aGlzLmludGwuY2hhbmdlcy5waXBlKFxuICAgICAgLy8gU2lnbmFscyB1c2UgcmVmZXJlbnRpYWwgZXF1YWxpdHkgdG8gZGV0ZXJtaW5lIGlmIGEgdmFsdWUgaGFzIGNoYW5nZWQuXG4gICAgICAvLyBUaGVyZWZvcmUgaXQgaXMgbm90IHBvc3NpYmxlIHRvIGp1c3QgbWFwIHRvIHRoZSBpbnRsIHNlcnZpY2UgZGlyZWN0bHlcbiAgICAgIC8vIGFzIHRoZSBpbnRsIHNlcnZpY2UgcmVsaWVzIG9uIG11dGF0aW9uIGZvciB1cGRhdGluZyB2YWx1ZXMuXG4gICAgICBtYXAoKCkgPT4gKHsgLi4udGhpcy5pbnRsIH0pKSxcbiAgICAgIHN0YXJ0V2l0aCh0aGlzLmludGwpXG4gICAgKSxcbiAgICB7IHJlcXVpcmVTeW5jOiB0cnVlIH1cbiAgKTtcblxuICBkZXNjcmlwdGlvbiA9IGNvbXB1dGVkKCgpID0+IHRoaXMuY2hhbmdlcygpLmRlc2NyaXB0aW9uKTtcblxuICB1cGRhdGVEYXRhU291cmNlID0gZWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBkYXRhU291cmNlID0gdGhpcy5mb3IoKTtcbiAgICBjb25zdCBpbnN0YW5jZSA9IHRoaXMuaW5zdGFuY2UoKTtcbiAgICBpZiAoIWRhdGFTb3VyY2UpIHJldHVybjtcbiAgICBkYXRhU291cmNlLnBhZ2luYXRvciA9IGluc3RhbmNlO1xuICB9KTtcblxuICB1cGRhdGVMYWJlbHMgPSBlZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGNoYW5nZXMgPSB0aGlzLmNoYW5nZXMoKTtcbiAgICB0aGlzLm1hdFBhZ2luYXRvckludGwuaXRlbXNQZXJQYWdlTGFiZWwgPSBjaGFuZ2VzLml0ZW1zUGVyUGFnZTtcbiAgICB0aGlzLm1hdFBhZ2luYXRvckludGwubmV4dFBhZ2VMYWJlbCA9IGNoYW5nZXMubmV4dFBhZ2U7XG4gICAgdGhpcy5tYXRQYWdpbmF0b3JJbnRsLnByZXZpb3VzUGFnZUxhYmVsID0gY2hhbmdlcy5wcmV2aW91c1BhZ2U7XG4gICAgdGhpcy5tYXRQYWdpbmF0b3JJbnRsLmZpcnN0UGFnZUxhYmVsID0gY2hhbmdlcy5maXJzdFBhZ2U7XG4gICAgdGhpcy5tYXRQYWdpbmF0b3JJbnRsLmxhc3RQYWdlTGFiZWwgPSBjaGFuZ2VzLmxhc3RQYWdlO1xuICAgIHRoaXMubWF0UGFnaW5hdG9ySW50bC5jaGFuZ2VzLm5leHQoKTtcbiAgfSk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5tYXRQYWdpbmF0b3JJbnRsLmdldFJhbmdlTGFiZWwgPSB0aGlzLmdldFJhbmdlTGFiZWw7XG4gIH1cblxuICBwcml2YXRlIGdldFJhbmdlTGFiZWwgPSAocGFnZTogbnVtYmVyLCBwYWdlU2l6ZTogbnVtYmVyLCBsZW5ndGg6IG51bWJlcikgPT4ge1xuICAgIGlmIChsZW5ndGggPT0gMCB8fCBwYWdlU2l6ZSA9PSAwKSB7XG4gICAgICByZXR1cm4gYDAgJHt0aGlzLmludGwub2Z9ICR7bGVuZ3RofWA7XG4gICAgfVxuXG4gICAgbGVuZ3RoID0gTWF0aC5tYXgobGVuZ3RoLCAwKTtcblxuICAgIGNvbnN0IHN0YXJ0SW5kZXggPSBwYWdlICogcGFnZVNpemU7XG5cbiAgICAvLyBJZiB0aGUgc3RhcnQgaW5kZXggZXhjZWVkcyB0aGUgbGlzdCBsZW5ndGgsIGRvIG5vdCB0cnkgYW5kIGZpeCB0aGUgZW5kIGluZGV4IHRvIHRoZSBlbmQuXG4gICAgY29uc3QgZW5kSW5kZXggPVxuICAgICAgc3RhcnRJbmRleCA8IGxlbmd0aCA/IE1hdGgubWluKHN0YXJ0SW5kZXggKyBwYWdlU2l6ZSwgbGVuZ3RoKSA6IHN0YXJ0SW5kZXggKyBwYWdlU2l6ZTtcblxuICAgIHJldHVybiBgJHtzdGFydEluZGV4ICsgMX0g4oCTICR7ZW5kSW5kZXh9ICR7dGhpcy5pbnRsLm9mfSAke2xlbmd0aH1gO1xuICB9O1xufVxuIl19

package/esm2022/phone-field/energinet-watt-phone-field.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5lcmdpbmV0LXdhdHQtcGhvbmUtZmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9waG9uZS1maWVsZC9lbmVyZ2luZXQtd2F0dC1waG9uZS1maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/phone-field/index.js

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