@energinet/watt 4.1.26 → 4.1.28

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

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 //#endregion
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, TemplateRef, ViewChild, ViewEncapsulation, afterRenderEffect, booleanAttribute, inject, input, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, afterRenderEffect, booleanAttribute, inject, input, output, viewChild, signal, } from '@angular/core';
 import { NgClass, NgTemplateOutlet } from '@angular/common';
 import { MatDialogRef } from '@angular/material/dialog';
 import { WattResizeObserverDirective } from '@energinet/watt/utils/resize-observer';
@@ -36,39 +36,32 @@ export class WattModalComponent {
     modalService = inject(WattModalService);
     dialogRef = inject(MatDialogRef, { optional: true });
     /** Title to stay fixed to top of modal. */
-    title = '';
-    size = 'medium';
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
     /** Whether the modal should show a loading state. */
-    loading = false;
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     /** Whether the modal should show a loading text for the loading state. */
-    loadingMessage = '';
+    loadingMessage = input('', ...(ngDevMode ? [{ debugName: "loadingMessage" }] : []));
     /** Disable ESC, close button and backdrop click as methods of closing. */
-    disableClose = false;
+    disableClose = input(false, ...(ngDevMode ? [{ debugName: "disableClose" }] : []));
     /** Whether to show the close button */
-    hideCloseButton = false;
+    hideCloseButton = input(false, ...(ngDevMode ? [{ debugName: "hideCloseButton" }] : []));
     /** Disable ESC, backdrop click as methods of closing. */
-    disableEscAndBackdropClose = false;
+    disableEscAndBackdropClose = input(false, ...(ngDevMode ? [{ debugName: "disableEscAndBackdropClose" }] : []));
     /** The aria-label for the close button. */
-    closeLabel = 'Close';
+    closeLabel = input('Close', ...(ngDevMode ? [{ debugName: "closeLabel" }] : []));
     /** Classes added to the modal panel */
-    panelClass = [];
-    minHeight = '147px';
+    panelClass = input([], ...(ngDevMode ? [{ debugName: "panelClass" }] : []));
+    minHeight = input('147px', ...(ngDevMode ? [{ debugName: "minHeight" }] : []));
     /** Whether the dialog should restore focus to the previously-focused element, after it's closed. */
-    restoreFocus = true;
+    restoreFocus = input(true, ...(ngDevMode ? [{ debugName: "restoreFocus" }] : []));
     /** Icon displayed next to the modal title. */
-    titleIcon;
+    titleIcon = input(undefined, ...(ngDevMode ? [{ debugName: "titleIcon" }] : []));
     /** Whether the modal should open automatically when rendered.  */
     autoOpen = input(false, ...(ngDevMode ? [{ debugName: "autoOpen", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /**
-     * When modal is closed, emits `true` if it was "accepted",
-     * otherwise emits `false`.
-     * @ignore
-     */
-    closed = new EventEmitter();
-    /** @ignore */
-    modal;
-    /** @ignore */
-    scrollable = false;
+    closed = output();
+    modal = viewChild('modal', ...(ngDevMode ? [{ debugName: "modal" }] : []));
+    scrollable = signal(false, ...(ngDevMode ? [{ debugName: "scrollable" }] : []));
     constructor() {
         afterRenderEffect(() => {
             if (this.autoOpen()) {
@@ -82,12 +75,12 @@ export class WattModalComponent {
      */
     open() {
         this.modalService.open({
-            disableClose: this.disableEscAndBackdropClose || this.disableClose,
-            templateRef: this.modal,
-            onClosed: this.closed,
-            minHeight: this.minHeight,
-            panelClass: this.panelClass,
-            restoreFocus: this.restoreFocus,
+            disableClose: this.disableEscAndBackdropClose() || this.disableClose(),
+            templateRef: this.modal(),
+            onClosed: (result) => this.closed.emit(result),
+            minHeight: this.minHeight(),
+            panelClass: this.panelClass(),
+            restoreFocus: this.restoreFocus(),
         });
     }
     /**
@@ -103,10 +96,10 @@ export class WattModalComponent {
      * @ignore
      */
     onResize(event) {
-        this.scrollable = event.target.scrollHeight > event.target.clientHeight;
+        this.scrollable.set(event.target.scrollHeight > event.target.clientHeight);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", 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: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattModalComponent, isStandalone: true, selector: "watt-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingMessage: { classPropertyName: "loadingMessage", publicName: "loadingMessage", isSignal: true, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: true, isRequired: false, transformFunction: null }, hideCloseButton: { classPropertyName: "hideCloseButton", publicName: "hideCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableEscAndBackdropClose: { classPropertyName: "disableEscAndBackdropClose", publicName: "disableEscAndBackdropClose", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, titleIcon: { classPropertyName: "titleIcon", publicName: "titleIcon", isSignal: true, 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, isSignal: true }], ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<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: "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: "20.3.6", ngImport: i0, type: WattModalComponent, decorators: [{
             type: Component,
@@ -117,37 +110,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
                         WattButtonComponent,
                         WattSpinnerComponent,
                         WattIconComponent,
-                    ], 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"] }]
-        }], ctorParameters: () => [], propDecorators: { title: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], loadingMessage: [{
-                type: Input
-            }], disableClose: [{
-                type: Input
-            }], hideCloseButton: [{
-                type: Input
-            }], disableEscAndBackdropClose: [{
-                type: Input
-            }], closeLabel: [{
-                type: Input
-            }], panelClass: [{
-                type: Input
-            }], minHeight: [{
-                type: Input
-            }], restoreFocus: [{
-                type: Input
-            }], titleIcon: [{
-                type: Input
-            }], autoOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoOpen", required: false }] }], closed: [{
-                type: Output
-            }], modal: [{
-                type: ViewChild,
-                args: ['modal']
-            }] } });
+                    ], 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"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingMessage", required: false }] }], disableClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableClose", required: false }] }], hideCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideCloseButton", required: false }] }], disableEscAndBackdropClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableEscAndBackdropClose", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], titleIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleIcon", required: false }] }], autoOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoOpen", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], modal: [{ type: i0.ViewChild, args: ['modal', { isSignal: true }] }] } });
 /**
  * Component for projecting buttons (actions) to the bottom of the modal.
  */
@@ -163,4 +127,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
                 }]
         }] });
 export const WATT_MODAL = [WattModalComponent, WattModalActionsComponent];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9tb2RhbC93YXR0LW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL21vZGFsL3dhdHQtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULGlCQUFpQixFQUNqQixpQkFBaUIsRUFDakIsZ0JBQWdCLEVBQ2hCLE1BQU0sRUFDTixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV4RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNwRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQVksaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFJbkU7Ozs7OztHQU1HO0FBZ0JILE1BQU0sT0FBTyxrQkFBa0I7SUFDckIsWUFBWSxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ3RDLFNBQVMsR0FBRyxNQUFNLENBQXdCLFlBQVksRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUs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QkFHTCxLQUFLOztzQkFFTCxLQUFLOztzQkFHTCxLQUFLOztzQkFHTCxLQUFLOztzQkFVTCxNQUFNOztzQkFHTixTQUFTO3VCQUFDLE9BQU87O0FBOENwQjs7R0FFRztBQUtILE1BQU0sT0FBTyx5QkFBeUI7dUdBQXpCLHlCQUF5QjsyRkFBekIseUJBQXlCLDhFQUYxQixnQkFBZ0I7OzJGQUVmLHlCQUF5QjtrQkFKckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQjs7QUFHRCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSx5QkFBeUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgYWZ0ZXJSZW5kZXJFZmZlY3QsXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIGluamVjdCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGFzcywgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuXG5pbXBvcnQgeyBXYXR0UmVzaXplT2JzZXJ2ZXJEaXJlY3RpdmUgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvdXRpbHMvcmVzaXplLW9ic2VydmVyJztcbmltcG9ydCB7IFdhdHRCdXR0b25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvYnV0dG9uJztcbmltcG9ydCB7IFdhdHRTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L3NwaW5uZXInO1xuXG5pbXBvcnQgeyBXYXR0TW9kYWxTZXJ2aWNlIH0gZnJvbSAnLi93YXR0LW1vZGFsLnNlcnZpY2UnO1xuaW1wb3J0IHsgV2F0dEljb24sIFdhdHRJY29uQ29tcG9uZW50IH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L2ljb24nO1xuXG5leHBvcnQgdHlwZSBXYXR0TW9kYWxTaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJztcblxuLyoqXG4gKiBDb21wb25lbnQgZm9yIHJlcHJlc2VudGluZyBhIGJpbmFyeSBkZWNpc2lvbiBpbiB0aGUgZm9ybSBvZlxuICogYSBtb2RhbCB3aW5kb3cgdGhhdCBhcHBlYXJzIGluIGZyb250IG9mIHRoZSBlbnRpcmUgY29udGVudC5cbiAqXG4gKiBVc2FnZTpcbiAqIGBpbXBvcnQgeyBXQVRUX01PREFMIH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L21vZGFsJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc2VsZWN0b3I6ICd3YXR0LW1vZGFsJyxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vd2F0dC1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtcbiAgICBOZ0NsYXNzLFxuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgV2F0dFJlc2l6ZU9ic2VydmVyRGlyZWN0aXZlLFxuICAgIFdhdHRCdXR0b25Db21wb25lbnQsXG4gICAgV2F0dFNwaW5uZXJDb21wb25lbnQsXG4gICAgV2F0dEljb25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRNb2RhbENvbXBvbmVudCB7XG4gIHByaXZhdGUgbW9kYWxTZXJ2aWNlID0gaW5qZWN0KFdhdHRNb2RhbFNlcnZpY2UpO1xuICBwcm90ZWN0ZWQgZGlhbG9nUmVmID0gaW5qZWN0PE1hdERpYWxvZ1JlZjx1bmtub3duPj4oTWF0RGlhbG9nUmVmLCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuICAvKiogVGl0bGUgdG8gc3RheSBmaXhlZCB0byB0b3Agb2YgbW9kYWwuICovXG4gIEBJbnB1dCgpIHRpdGxlID0gJyc7XG5cbiAgQElucHV0KCkgc2l6ZTogV2F0dE1vZGFsU2l6ZSA9ICdtZWRpdW0nO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBtb2RhbCBzaG91bGQgc2hvdyBhIGxvYWRpbmcgc3RhdGUuICovXG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcblxuICAvKiogV2hldGhlciB0aGUgbW9kYWwgc2hvdWxkIHNob3cgYSBsb2FkaW5nIHRleHQgZm9yIHRoZSBsb2FkaW5nIHN0YXRlLiAqL1xuICBASW5wdXQoKSBsb2FkaW5nTWVzc2FnZSA9ICcnO1xuXG4gIC8qKiBEaXNhYmxlIEVTQywgY2xvc2UgYnV0dG9uIGFuZCBiYWNrZHJvcCBjbGljayBhcyBtZXRob2RzIG9mIGNsb3NpbmcuICovXG4gIEBJbnB1dCgpIGRpc2FibGVDbG9zZSA9IGZhbHNlO1xuXG4gIC8qKiBXaGV0aGVyIHRvIHNob3cgdGhlIGNsb3NlIGJ1dHRvbiAqL1xuICBASW5wdXQoKSBoaWRlQ2xvc2VCdXR0b24gPSBmYWxzZTtcblxuICAvKiogRGlzYWJsZSBFU0MsIGJhY2tkcm9wIGNsaWNrIGFzIG1ldGhvZHMgb2YgY2xvc2luZy4gKi9cbiAgQElucHV0KCkgZGlzYWJsZUVzY0FuZEJhY2tkcm9wQ2xvc2UgPSBmYWxzZTtcblxuICAvKiogVGhlIGFyaWEtbGFiZWwgZm9yIHRoZSBjbG9zZSBidXR0b24uICovXG4gIEBJbnB1dCgpIGNsb3NlTGFiZWwgPSAnQ2xvc2UnO1xuXG4gIC8qKiBDbGFzc2VzIGFkZGVkIHRvIHRoZSBtb2RhbCBwYW5lbCAqL1xuICBASW5wdXQoKSBwYW5lbENsYXNzOiBzdHJpbmdbXSA9IFtdO1xuXG4gIEBJbnB1dCgpIG1pbkhlaWdodCA9ICcxNDdweCc7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGRpYWxvZyBzaG91bGQgcmVzdG9yZSBmb2N1cyB0byB0aGUgcHJldmlvdXNseS1mb2N1c2VkIGVsZW1lbnQsIGFmdGVyIGl0J3MgY2xvc2VkLiAqL1xuICBASW5wdXQoKSByZXN0b3JlRm9jdXMgPSB0cnVlO1xuXG4gIC8qKiBJY29uIGRpc3BsYXllZCBuZXh0IHRvIHRoZSBtb2RhbCB0aXRsZS4gKi9cbiAgQElucHV0KCkgdGl0bGVJY29uPzogV2F0dEljb247XG5cbiAgLyoqIFdoZXRoZXIgdGhlIG1vZGFsIHNob3VsZCBvcGVuIGF1dG9tYXRpY2FsbHkgd2hlbiByZW5kZXJlZC4gICovXG4gIGF1dG9PcGVuID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gIC8qKlxuICAgKiBXaGVuIG1vZGFsIGlzIGNsb3NlZCwgZW1pdHMgYHRydWVgIGlmIGl0IHdhcyBcImFjY2VwdGVkXCIsXG4gICAqIG90aGVyd2lzZSBlbWl0cyBgZmFsc2VgLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIEBWaWV3Q2hpbGQoJ21vZGFsJykgbW9kYWwhOiBUZW1wbGF0ZVJlZjxFbGVtZW50PjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBzY3JvbGxhYmxlID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgYWZ0ZXJSZW5kZXJFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuYXV0b09wZW4oKSkge1xuICAgICAgICB0aGlzLm9wZW4oKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBPcGVucyB0aGUgbW9kYWwuIFN1YnNlcXVlbnQgY2FsbHMgYXJlIGlnbm9yZWQgd2hpbGUgdGhlIG1vZGFsIGlzIG9wZW5lZC5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgb3BlbigpIHtcbiAgICB0aGlzLm1vZGFsU2VydmljZS5vcGVuKHtcbiAgICAgIGRpc2FibGVDbG9zZTogdGhpcy5kaXNhYmxlRXNjQW5kQmFja2Ryb3BDbG9zZSB8fCB0aGlzLmRpc2FibGVDbG9zZSxcbiAgICAgIHRlbXBsYXRlUmVmOiB0aGlzLm1vZGFsLFxuICAgICAgb25DbG9zZWQ6IHRoaXMuY2xvc2VkLFxuICAgICAgbWluSGVpZ2h0OiB0aGlzLm1pbkhlaWdodCxcbiAgICAgIHBhbmVsQ2xhc3M6IHRoaXMucGFuZWxDbGFzcyxcbiAgICAgIHJlc3RvcmVGb2N1czogdGhpcy5yZXN0b3JlRm9jdXMsXG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogQ2xvc2VzIHRoZSBtb2RhbCB3aXRoIGB0cnVlYCBmb3IgYWNjZXB0YW5jZSBvciBgZmFsc2VgIGZvciByZWplY3Rpb24uXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIGNsb3NlKHJlc3VsdDogYm9vbGVhbikge1xuICAgIHRoaXMubW9kYWxTZXJ2aWNlLmNsb3NlKHJlc3VsdCk7IC8vIGlubGluZSBtb2RhbFxuICAgIHRoaXMuZGlhbG9nUmVmPy5jbG9zZShyZXN1bHQpOyAvLyBpbmplY3RlZCBtb2RhbFxuICB9XG5cbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIHRoZSBtb2RhbCBjb250ZW50IGVsZW1lbnQgY2hhbmdlcyBzaXplLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBvblJlc2l6ZShldmVudDogUmVzaXplT2JzZXJ2ZXJFbnRyeSkge1xuICAgIHRoaXMuc2Nyb2xsYWJsZSA9IGV2ZW50LnRhcmdldC5zY3JvbGxIZWlnaHQgPiBldmVudC50YXJnZXQuY2xpZW50SGVpZ2h0O1xuICB9XG59XG5cbi8qKlxuICogQ29tcG9uZW50IGZvciBwcm9qZWN0aW5nIGJ1dHRvbnMgKGFjdGlvbnMpIHRvIHRoZSBib3R0b20gb2YgdGhlIG1vZGFsLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LW1vZGFsLWFjdGlvbnMnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IC8+Jyxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dE1vZGFsQWN0aW9uc0NvbXBvbmVudCB7fVxuXG5leHBvcnQgY29uc3QgV0FUVF9NT0RBTCA9IFtXYXR0TW9kYWxDb21wb25lbnQsIFdhdHRNb2RhbEFjdGlvbnNDb21wb25lbnRdO1xuIiwiPCEtLVxuQGxpY2Vuc2VcbkNvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuXG5MaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbnlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbllvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuXG4gICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cblVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbmRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbldJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxubGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4tLT5cbjxuZy10ZW1wbGF0ZSAjbW9kYWw+XG4gIDxkaXYgY2xhc3M9XCJ3YXR0LW1vZGFsXCIgW25nQ2xhc3NdPVwiJ3dhdHQtbW9kYWwtLScgKyBzaXplXCI+XG4gICAgQGlmICghZGlzYWJsZUNsb3NlICYmICFoaWRlQ2xvc2VCdXR0b24pIHtcbiAgICAgIDx3YXR0LWJ1dHRvblxuICAgICAgICB2YXJpYW50PVwiaWNvblwiXG4gICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgIGNsYXNzPVwid2F0dC1tb2RhbC1jbG9zZVwiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiY2xvc2VMYWJlbFwiXG4gICAgICAgIChjbGljayk9XCJjbG9zZShmYWxzZSlcIlxuICAgICAgLz5cbiAgICB9XG4gICAgQGlmICh0aXRsZSAmJiBsb2FkaW5nID09PSBmYWxzZSkge1xuICAgICAgPGgyIGNsYXNzPVwid2F0dC1tb2RhbC10aXRsZVwiIFtuZ0NsYXNzXT1cInsgJ3dhdHQtbW9kYWwtdGl0bGUtaWNvbic6IHRpdGxlSWNvbiB9XCI+XG4gICAgICAgIEBpZiAodGl0bGVJY29uKSB7XG4gICAgICAgICAgPHdhdHQtaWNvbiBbbmFtZV09XCJ0aXRsZUljb25cIiBbc2l6ZV09XCInbCdcIiAvPlxuICAgICAgICB9XG4gICAgICAgIHt7IHRpdGxlIH19XG4gICAgICA8L2gyPlxuICAgIH1cbiAgICA8ZGl2XG4gICAgICB3YXR0UmVzaXplT2JzZXJ2ZXJcbiAgICAgIGNsYXNzPVwid2F0dC1tb2RhbC1jb250ZW50XCJcbiAgICAgIFtjbGFzcy53YXR0LW1vZGFsLXNjcm9sbGFibGVdPVwic2Nyb2xsYWJsZVwiXG4gICAgICAocmVzaXplKT1cIm9uUmVzaXplKCRldmVudClcIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwid2F0dC1tb2RhbC1hY3Rpb25zXCIgLz5cblxuICAgIEBpZiAobG9hZGluZykge1xuICAgICAgPGRpdiBjbGFzcz1cIndhdHQtbW9kYWxfX3NwaW5uZXJcIj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8d2F0dC1zcGlubmVyIC8+XG4gICAgICAgICAgPHA+e3sgbG9hZGluZ01lc3NhZ2UgfX08L3A+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgfVxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbkBpZiAoZGlhbG9nUmVmKSB7XG4gIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJtb2RhbFwiIC8+XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9tb2RhbC93YXR0LW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL21vZGFsL3dhdHQtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxpQkFBaUIsRUFDakIsaUJBQWlCLEVBQ2pCLGdCQUFnQixFQUNoQixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFeEQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDcEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFL0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFZLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBSW5FOzs7Ozs7R0FNRztBQWdCSCxNQUFNLE9BQU8sa0JBQWtCO0lBQ3JCLFlBQVksR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUN0QyxTQUFTLEdBQUcsTUFBTSxDQUF3QixZQUFZLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUV0RiwyQ0FB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QixpQkFBaUI7OzJGQUdSLGtCQUFrQjtrQkFmOUIsU0FBUztzQ0FDUyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFlBQzNCLFlBQVksV0FHYjt3QkFDUCxPQUFPO3dCQUNQLGdCQUFnQjt3QkFDaEIsMkJBQTJCO3dCQUMzQixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsaUJBQWlCO3FCQUNsQjt3N0NBNkN1QyxPQUFPO0FBNkNqRDs7R0FFRztBQUtILE1BQU0sT0FBTyx5QkFBeUI7dUdBQXpCLHlCQUF5QjsyRkFBekIseUJBQXlCLDhFQUYxQixnQkFBZ0I7OzJGQUVmLHlCQUF5QjtrQkFKckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQjs7QUFHRCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSx5QkFBeUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBhZnRlclJlbmRlckVmZmVjdCxcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgaW5qZWN0LFxuICBpbnB1dCxcbiAgb3V0cHV0LFxuICB2aWV3Q2hpbGQsXG4gIHNpZ25hbCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbmltcG9ydCB7IFdhdHRSZXNpemVPYnNlcnZlckRpcmVjdGl2ZSB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC91dGlscy9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgV2F0dEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9idXR0b24nO1xuaW1wb3J0IHsgV2F0dFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvc3Bpbm5lcic7XG5cbmltcG9ydCB7IFdhdHRNb2RhbFNlcnZpY2UgfSBmcm9tICcuL3dhdHQtbW9kYWwuc2VydmljZSc7XG5pbXBvcnQgeyBXYXR0SWNvbiwgV2F0dEljb25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvaWNvbic7XG5cbmV4cG9ydCB0eXBlIFdhdHRNb2RhbFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xuXG4vKipcbiAqIENvbXBvbmVudCBmb3IgcmVwcmVzZW50aW5nIGEgYmluYXJ5IGRlY2lzaW9uIGluIHRoZSBmb3JtIG9mXG4gKiBhIG1vZGFsIHdpbmRvdyB0aGF0IGFwcGVhcnMgaW4gZnJvbnQgb2YgdGhlIGVudGlyZSBjb250ZW50LlxuICpcbiAqIFVzYWdlOlxuICogYGltcG9ydCB7IFdBVFRfTU9EQUwgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvbW9kYWwnO2BcbiAqL1xuQENvbXBvbmVudCh7XG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBzZWxlY3RvcjogJ3dhdHQtbW9kYWwnLFxuICBzdHlsZVVybHM6IFsnLi93YXR0LW1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi93YXR0LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW1xuICAgIE5nQ2xhc3MsXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgICBXYXR0UmVzaXplT2JzZXJ2ZXJEaXJlY3RpdmUsXG4gICAgV2F0dEJ1dHRvbkNvbXBvbmVudCxcbiAgICBXYXR0U3Bpbm5lckNvbXBvbmVudCxcbiAgICBXYXR0SWNvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dE1vZGFsQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBtb2RhbFNlcnZpY2UgPSBpbmplY3QoV2F0dE1vZGFsU2VydmljZSk7XG4gIHByb3RlY3RlZCBkaWFsb2dSZWYgPSBpbmplY3Q8TWF0RGlhbG9nUmVmPHVua25vd24+PihNYXREaWFsb2dSZWYsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG5cbiAgLyoqIFRpdGxlIHRvIHN0YXkgZml4ZWQgdG8gdG9wIG9mIG1vZGFsLiAqL1xuICB0aXRsZSA9IGlucHV0KCcnKTtcblxuICBzaXplID0gaW5wdXQ8V2F0dE1vZGFsU2l6ZT4oJ21lZGl1bScpO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBtb2RhbCBzaG91bGQgc2hvdyBhIGxvYWRpbmcgc3RhdGUuICovXG4gIGxvYWRpbmcgPSBpbnB1dChmYWxzZSk7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIG1vZGFsIHNob3VsZCBzaG93IGEgbG9hZGluZyB0ZXh0IGZvciB0aGUgbG9hZGluZyBzdGF0ZS4gKi9cbiAgbG9hZGluZ01lc3NhZ2UgPSBpbnB1dCgnJyk7XG5cbiAgLyoqIERpc2FibGUgRVNDLCBjbG9zZSBidXR0b24gYW5kIGJhY2tkcm9wIGNsaWNrIGFzIG1ldGhvZHMgb2YgY2xvc2luZy4gKi9cbiAgZGlzYWJsZUNsb3NlID0gaW5wdXQoZmFsc2UpO1xuXG4gIC8qKiBXaGV0aGVyIHRvIHNob3cgdGhlIGNsb3NlIGJ1dHRvbiAqL1xuICBoaWRlQ2xvc2VCdXR0b24gPSBpbnB1dChmYWxzZSk7XG5cbiAgLyoqIERpc2FibGUgRVNDLCBiYWNrZHJvcCBjbGljayBhcyBtZXRob2RzIG9mIGNsb3NpbmcuICovXG4gIGRpc2FibGVFc2NBbmRCYWNrZHJvcENsb3NlID0gaW5wdXQoZmFsc2UpO1xuXG4gIC8qKiBUaGUgYXJpYS1sYWJlbCBmb3IgdGhlIGNsb3NlIGJ1dHRvbi4gKi9cbiAgY2xvc2VMYWJlbCA9IGlucHV0KCdDbG9zZScpO1xuXG4gIC8qKiBDbGFzc2VzIGFkZGVkIHRvIHRoZSBtb2RhbCBwYW5lbCAqL1xuICBwYW5lbENsYXNzID0gaW5wdXQ8c3RyaW5nW10+KFtdKTtcblxuICBtaW5IZWlnaHQgPSBpbnB1dCgnMTQ3cHgnKTtcblxuICAvKiogV2hldGhlciB0aGUgZGlhbG9nIHNob3VsZCByZXN0b3JlIGZvY3VzIHRvIHRoZSBwcmV2aW91c2x5LWZvY3VzZWQgZWxlbWVudCwgYWZ0ZXIgaXQncyBjbG9zZWQuICovXG4gIHJlc3RvcmVGb2N1cyA9IGlucHV0KHRydWUpO1xuXG4gIC8qKiBJY29uIGRpc3BsYXllZCBuZXh0IHRvIHRoZSBtb2RhbCB0aXRsZS4gKi9cbiAgdGl0bGVJY29uID0gaW5wdXQ8V2F0dEljb24gfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIG1vZGFsIHNob3VsZCBvcGVuIGF1dG9tYXRpY2FsbHkgd2hlbiByZW5kZXJlZC4gICovXG4gIGF1dG9PcGVuID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gIGNsb3NlZCA9IG91dHB1dDxib29sZWFuPigpO1xuXG4gIG1vZGFsID0gdmlld0NoaWxkPFRlbXBsYXRlUmVmPEVsZW1lbnQ+PignbW9kYWwnKTtcblxuICBzY3JvbGxhYmxlID0gc2lnbmFsKGZhbHNlKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBhZnRlclJlbmRlckVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAodGhpcy5hdXRvT3BlbigpKSB7XG4gICAgICAgIHRoaXMub3BlbigpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIE9wZW5zIHRoZSBtb2RhbC4gU3Vic2VxdWVudCBjYWxscyBhcmUgaWdub3JlZCB3aGlsZSB0aGUgbW9kYWwgaXMgb3BlbmVkLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBvcGVuKCkge1xuICAgIHRoaXMubW9kYWxTZXJ2aWNlLm9wZW4oe1xuICAgICAgZGlzYWJsZUNsb3NlOiB0aGlzLmRpc2FibGVFc2NBbmRCYWNrZHJvcENsb3NlKCkgfHwgdGhpcy5kaXNhYmxlQ2xvc2UoKSxcbiAgICAgIHRlbXBsYXRlUmVmOiB0aGlzLm1vZGFsKCksXG4gICAgICBvbkNsb3NlZDogKHJlc3VsdDogYm9vbGVhbikgPT4gdGhpcy5jbG9zZWQuZW1pdChyZXN1bHQpLFxuICAgICAgbWluSGVpZ2h0OiB0aGlzLm1pbkhlaWdodCgpLFxuICAgICAgcGFuZWxDbGFzczogdGhpcy5wYW5lbENsYXNzKCksXG4gICAgICByZXN0b3JlRm9jdXM6IHRoaXMucmVzdG9yZUZvY3VzKCksXG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogQ2xvc2VzIHRoZSBtb2RhbCB3aXRoIGB0cnVlYCBmb3IgYWNjZXB0YW5jZSBvciBgZmFsc2VgIGZvciByZWplY3Rpb24uXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIGNsb3NlKHJlc3VsdDogYm9vbGVhbikge1xuICAgIHRoaXMubW9kYWxTZXJ2aWNlLmNsb3NlKHJlc3VsdCk7IC8vIGlubGluZSBtb2RhbFxuICAgIHRoaXMuZGlhbG9nUmVmPy5jbG9zZShyZXN1bHQpOyAvLyBpbmplY3RlZCBtb2RhbFxuICB9XG5cbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIHRoZSBtb2RhbCBjb250ZW50IGVsZW1lbnQgY2hhbmdlcyBzaXplLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBvblJlc2l6ZShldmVudDogUmVzaXplT2JzZXJ2ZXJFbnRyeSkge1xuICAgIHRoaXMuc2Nyb2xsYWJsZS5zZXQoZXZlbnQudGFyZ2V0LnNjcm9sbEhlaWdodCA+IGV2ZW50LnRhcmdldC5jbGllbnRIZWlnaHQpO1xuICB9XG59XG5cbi8qKlxuICogQ29tcG9uZW50IGZvciBwcm9qZWN0aW5nIGJ1dHRvbnMgKGFjdGlvbnMpIHRvIHRoZSBib3R0b20gb2YgdGhlIG1vZGFsLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LW1vZGFsLWFjdGlvbnMnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IC8+Jyxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dE1vZGFsQWN0aW9uc0NvbXBvbmVudCB7fVxuXG5leHBvcnQgY29uc3QgV0FUVF9NT0RBTCA9IFtXYXR0TW9kYWxDb21wb25lbnQsIFdhdHRNb2RhbEFjdGlvbnNDb21wb25lbnRdO1xuIiwiPCEtLVxuQGxpY2Vuc2VcbkNvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuXG5MaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbnlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbllvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuXG4gICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cblVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbmRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbldJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxubGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4tLT5cbjxuZy10ZW1wbGF0ZSAjbW9kYWw+XG4gIDxkaXYgY2xhc3M9XCJ3YXR0LW1vZGFsXCIgW25nQ2xhc3NdPVwiJ3dhdHQtbW9kYWwtLScgKyBzaXplKClcIj5cbiAgICBAaWYgKCFkaXNhYmxlQ2xvc2UoKSAmJiAhaGlkZUNsb3NlQnV0dG9uKCkpIHtcbiAgICAgIDx3YXR0LWJ1dHRvblxuICAgICAgICB2YXJpYW50PVwiaWNvblwiXG4gICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgIGNsYXNzPVwid2F0dC1tb2RhbC1jbG9zZVwiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiY2xvc2VMYWJlbCgpXCJcbiAgICAgICAgKGNsaWNrKT1cImNsb3NlKGZhbHNlKVwiXG4gICAgICAvPlxuICAgIH1cbiAgICBAaWYgKHRpdGxlKCkgJiYgbG9hZGluZygpID09PSBmYWxzZSkge1xuICAgICAgPGgyIGNsYXNzPVwid2F0dC1tb2RhbC10aXRsZVwiIFtuZ0NsYXNzXT1cInsgJ3dhdHQtbW9kYWwtdGl0bGUtaWNvbic6IHRpdGxlSWNvbigpIH1cIj5cbiAgICAgICAgQGlmICh0aXRsZUljb24oKSkge1xuICAgICAgICAgIDx3YXR0LWljb24gW25hbWVdPVwidGl0bGVJY29uKClcIiBbc2l6ZV09XCInbCdcIiAvPlxuICAgICAgICB9XG4gICAgICAgIHt7IHRpdGxlKCkgfX1cbiAgICAgIDwvaDI+XG4gICAgfVxuICAgIDxkaXZcbiAgICAgIHdhdHRSZXNpemVPYnNlcnZlclxuICAgICAgY2xhc3M9XCJ3YXR0LW1vZGFsLWNvbnRlbnRcIlxuICAgICAgW2NsYXNzLndhdHQtbW9kYWwtc2Nyb2xsYWJsZV09XCJzY3JvbGxhYmxlKClcIlxuICAgICAgKHJlc2l6ZSk9XCJvblJlc2l6ZSgkZXZlbnQpXCJcbiAgICA+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIndhdHQtbW9kYWwtYWN0aW9uc1wiIC8+XG5cbiAgICBAaWYgKGxvYWRpbmcoKSkge1xuICAgICAgPGRpdiBjbGFzcz1cIndhdHQtbW9kYWxfX3NwaW5uZXJcIj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8d2F0dC1zcGlubmVyIC8+XG4gICAgICAgICAgPHA+e3sgbG9hZGluZ01lc3NhZ2UoKSB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuQGlmIChkaWFsb2dSZWYpIHtcbiAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsXCIgLz5cbn1cbiJdfQ==

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

@@ -16,118 +16,105 @@
  * limitations under the License.
  */
 //#endregion
-import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, inject, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, effect, inject, input, output, viewChild, ViewEncapsulation, } from '@angular/core';
 import { fromEvent } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { WattColorHelperService } from '@energinet/watt/core/color';
 import * as i0 from "@angular/core";
 /**
  * Slider for providing a range of values.
  */
 export class WattSliderComponent {
-    _colorService = inject(WattColorHelperService);
+    colorService = inject(WattColorHelperService);
+    destroyRef = inject(DestroyRef);
     /** The lowest permitted value. */
-    min = 0;
+    min = input.required(...(ngDevMode ? [{ debugName: "min" }] : []));
     /** The highest permitted value. */
-    max = 100;
+    max = input.required(...(ngDevMode ? [{ debugName: "max" }] : []));
     /** Step between each value. */
-    step = 1;
+    step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : []));
     /** The currently selected range value. */
-    value = { min: this.min, max: this.max };
-    maxRange;
-    minRange;
-    _maxChangeSubscription;
-    _minChangeSubscription;
-    /**
-     * Emits value whenever it changes.
-     * @ignore
-     */
-    valueChange = new EventEmitter();
-    ngAfterViewInit() {
-        const maxRangeElement = this.maxRange.nativeElement;
-        const minRangeElement = this.minRange.nativeElement;
-        const maxChanged$ = fromEvent(maxRangeElement, 'input');
-        const minChanged$ = fromEvent(minRangeElement, 'input');
-        this.updateRange(this.value.min, this.value.max);
-        this._maxChangeSubscription = maxChanged$.subscribe((event) => {
-            const maxValue = event.target.valueAsNumber;
-            const minValue = minRangeElement.valueAsNumber || this.min;
-            this.updateRange(minValue, maxValue);
-            if (minValue <= maxValue) {
-                maxRangeElement.valueAsNumber = maxValue;
-            }
-            else {
-                maxRangeElement.valueAsNumber = minValue;
-            }
-            this.onChange({ min: minValue, max: maxValue });
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    currentValue = computed(() => {
+        const inputValue = this.value();
+        if (!inputValue) {
+            return { min: this.min(), max: this.max() };
+        }
+        return inputValue;
+    }, ...(ngDevMode ? [{ debugName: "currentValue" }] : []));
+    maxRange = viewChild.required('maxRange');
+    minRange = viewChild.required('minRange');
+    valueChange = output();
+    sliderColor = this.colorService.getColor('secondaryLight');
+    rangeColor = this.colorService.getColor('primary');
+    constructor() {
+        effect(() => {
+            const value = this.currentValue();
+            this.updateRange(value.min, value.max);
         });
-        this._minChangeSubscription = minChanged$.subscribe((event) => {
-            const minValue = event.target.valueAsNumber;
-            const maxValue = maxRangeElement.valueAsNumber || this.max;
-            this.updateRange(minValue, maxValue);
-            if (minValue > maxValue) {
-                minRangeElement.valueAsNumber = maxValue;
-            }
-            this.onChange({ min: minValue, max: maxValue });
+        effect(() => {
+            const maxRange = this.maxRange();
+            const minRange = this.minRange();
+            const maxRangeElement = maxRange.nativeElement;
+            const minRangeElement = minRange.nativeElement;
+            // Setup max range input events
+            fromEvent(maxRangeElement, 'input')
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe((event) => {
+                const maxValue = event.target.valueAsNumber;
+                const minValue = minRangeElement.valueAsNumber;
+                let newMaxValue = maxValue;
+                if (minValue > maxValue) {
+                    newMaxValue = minValue;
+                    maxRangeElement.valueAsNumber = newMaxValue;
+                }
+                const newValue = { min: minValue, max: newMaxValue };
+                this.updateRange(newValue.min, newValue.max);
+                this.valueChange.emit(newValue);
+            });
+            // Setup min range input events
+            fromEvent(minRangeElement, 'input')
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe((event) => {
+                const minValue = event.target.valueAsNumber;
+                const maxValue = maxRangeElement.valueAsNumber;
+                let newMinValue = minValue;
+                if (minValue > maxValue) {
+                    newMinValue = maxValue;
+                    minRangeElement.valueAsNumber = newMinValue;
+                }
+                const newValue = { min: newMinValue, max: maxValue };
+                this.updateRange(newValue.min, newValue.max);
+                this.valueChange.emit(newValue);
+            });
         });
     }
-    isElementRefsPopulated() {
-        return !!this.maxRange && !!this.minRange;
-    }
-    ngOnChanges() {
-        if (this.isElementRefsPopulated()) {
-            this.updateRange(this.value.min, this.value.max);
-        }
-    }
-    ngOnDestroy() {
-        this._maxChangeSubscription.unsubscribe();
-        this._minChangeSubscription.unsubscribe();
-    }
     updateRange(minValue, maxValue) {
-        const rangeDistance = this.max - this.min;
-        const fromPosition = minValue - this.min;
-        const toPosition = maxValue - this.min;
-        const sliderColor = this._colorService.getColor('secondaryLight');
-        const rangeColor = this._colorService.getColor('primary');
-        this.maxRange.nativeElement.valueAsNumber = this.value.max;
-        this.minRange.nativeElement.valueAsNumber = this.value.min;
-        this.maxRange.nativeElement.style.background = `linear-gradient(
+        const maxRange = this.maxRange();
+        const minRange = this.minRange();
+        if (!maxRange || !minRange)
+            return;
+        const maxRangeElement = maxRange.nativeElement;
+        const minRangeElement = minRange.nativeElement;
+        maxRangeElement.valueAsNumber = maxValue;
+        minRangeElement.valueAsNumber = minValue;
+        const rangeDistance = this.max() - this.min();
+        const fromPosition = minValue - this.min();
+        const toPosition = maxValue - this.min();
+        maxRangeElement.style.background = `linear-gradient(
       to right,
-      ${sliderColor} 0%,
-      ${sliderColor} ${(fromPosition / rangeDistance) * 100}%,
-      ${rangeColor} ${(fromPosition / rangeDistance) * 100}%,
-      ${rangeColor} ${(toPosition / rangeDistance) * 100}%,
-      ${sliderColor} ${(toPosition / rangeDistance) * 100}%,
-      ${sliderColor} 100%)`;
-    }
-    /**
-     * Change handler for updating value.
-     * @ignore
-     */
-    onChange(value) {
-        this.value = value;
-        this.valueChange.emit(value);
+      ${this.sliderColor} 0%,
+      ${this.sliderColor} ${(fromPosition / rangeDistance) * 100}%,
+      ${this.rangeColor} ${(fromPosition / rangeDistance) * 100}%,
+      ${this.rangeColor} ${(toPosition / rangeDistance) * 100}%,
+      ${this.sliderColor} ${(toPosition / rangeDistance) * 100}%,
+      ${this.sliderColor} 100%)`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattSliderComponent, isStandalone: true, selector: "watt-slider", inputs: { min: "min", max: "max", step: "step", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "maxRange", first: true, predicate: ["maxRange"], descendants: true }, { propertyName: "minRange", first: true, predicate: ["minRange"], descendants: true }], usesOnChanges: 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<div class=\"controls\">\n  <input\n    #minRange\n    class=\"min-range\"\n    [style.z-index]=\"1\"\n    [style.height]=\"0\"\n    type=\"range\"\n    [max]=\"max\"\n    [min]=\"min\"\n    [step]=\"step\"\n    [value]=\"value.min\"\n  />\n  <input\n    #maxRange\n    class=\"max-range\"\n    type=\"range\"\n    [max]=\"max\"\n    [min]=\"min\"\n    [step]=\"step\"\n    [value]=\"value.max\"\n  />\n</div>\n", styles: ["watt-slider{display:flex;flex-direction:column;margin:var(--watt-space-m) 0}watt-slider .controls{position:relative}watt-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:var(--watt-space-ml);height:var(--watt-space-ml);background-color:var(--watt-color-primary-dark);border-radius:50%;box-shadow:0 0 0 1px var(--watt-color-primary);cursor:pointer}watt-slider input[type=range]::-moz-range-thumb{pointer-events:all;width:24px;height:24px;background-color:var(--watt-color-primary-dark);border-radius:50%;box-shadow:0 0 0 1px var(--watt-color-primary);cursor:pointer}watt-slider input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px var(--watt-color-primary-dark),0 0 9px var(--watt-color-primary-dark);-webkit-box-shadow:inset 0 0 3px var(--watt-color-primary-dark),0 0 9px var(--watt-color-primary-dark);cursor:ew-resize}watt-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:var(--watt-space-s);top:var(--watt-space-s)/2;left:0;right:0;position:absolute;transform:translateY(-50%);background-color:var(--watt-color-secondary-light);pointer-events:none;border-radius:var(--watt-space-s)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.6", type: WattSliderComponent, isStandalone: true, selector: "watt-slider", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: true, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "maxRange", first: true, predicate: ["maxRange"], descendants: true, isSignal: true }, { propertyName: "minRange", first: true, predicate: ["minRange"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<div class=\"controls\">\n  <input\n    #minRange\n    class=\"min-range\"\n    [style.z-index]=\"1\"\n    [style.height]=\"0\"\n    type=\"range\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [step]=\"step()\"\n    [value]=\"value()?.min\"\n  />\n  <input\n    #maxRange\n    class=\"max-range\"\n    type=\"range\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [step]=\"step()\"\n    [value]=\"value()?.max\"\n  />\n</div>\n", styles: ["watt-slider{display:flex;flex-direction:column;margin:var(--watt-space-m) 0}watt-slider .controls{position:relative}watt-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:var(--watt-space-ml);height:var(--watt-space-ml);background-color:var(--watt-color-primary-dark);border-radius:50%;box-shadow:0 0 0 1px var(--watt-color-primary);cursor:pointer}watt-slider input[type=range]::-moz-range-thumb{pointer-events:all;width:24px;height:24px;background-color:var(--watt-color-primary-dark);border-radius:50%;box-shadow:0 0 0 1px var(--watt-color-primary);cursor:pointer}watt-slider input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px var(--watt-color-primary-dark),0 0 9px var(--watt-color-primary-dark);-webkit-box-shadow:inset 0 0 3px var(--watt-color-primary-dark),0 0 9px var(--watt-color-primary-dark);cursor:ew-resize}watt-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:var(--watt-space-s);top:var(--watt-space-s)/2;left:0;right:0;position:absolute;transform:translateY(-50%);background-color:var(--watt-color-secondary-light);pointer-events:none;border-radius:var(--watt-space-s)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattSliderComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: 'watt-slider', 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<div class=\"controls\">\n  <input\n    #minRange\n    class=\"min-range\"\n    [style.z-index]=\"1\"\n    [style.height]=\"0\"\n    type=\"range\"\n    [max]=\"max\"\n    [min]=\"min\"\n    [step]=\"step\"\n    [value]=\"value.min\"\n  />\n  <input\n    #maxRange\n    class=\"max-range\"\n    type=\"range\"\n    [max]=\"max\"\n    [min]=\"min\"\n    [step]=\"step\"\n    [value]=\"value.max\"\n  />\n</div>\n", styles: ["watt-slider{display:flex;flex-direction:column;margin:var(--watt-space-m) 0}watt-slider .controls{position:relative}watt-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:var(--watt-space-ml);height:var(--watt-space-ml);background-color:var(--watt-color-primary-dark);border-radius:50%;box-shadow:0 0 0 1px var(--watt-color-primary);cursor:pointer}watt-slider input[type=range]::-moz-range-thumb{pointer-events:all;width:24px;height:24px;background-color:var(--watt-color-primary-dark);border-radius:50%;box-shadow:0 0 0 1px var(--watt-color-primary);cursor:pointer}watt-slider input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px var(--watt-color-primary-dark),0 0 9px var(--watt-color-primary-dark);-webkit-box-shadow:inset 0 0 3px var(--watt-color-primary-dark),0 0 9px var(--watt-color-primary-dark);cursor:ew-resize}watt-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:var(--watt-space-s);top:var(--watt-space-s)/2;left:0;right:0;position:absolute;transform:translateY(-50%);background-color:var(--watt-color-secondary-light);pointer-events:none;border-radius:var(--watt-space-s)}\n"] }]
-        }], propDecorators: { min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], step: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], maxRange: [{
-                type: ViewChild,
-                args: ['maxRange']
-            }], minRange: [{
-                type: ViewChild,
-                args: ['minRange']
-            }], valueChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1zbGlkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2Uvc2xpZGVyL3dhdHQtc2xpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3NsaWRlci93YXR0LXNsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWdCLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFPcEU7O0dBRUc7QUFRSCxNQUFNLE9BQU8sbUJBQW1CO0lBQ3RCLGFBQWEsR0FBRyxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQztJQUN2RCxrQ0FBa0M7SUFDekIsR0FBRyxHQUFHLENBQUMsQ0FBQztJQUVqQixtQ0FBbUM7SUFDMUIsR0FBRyxHQUFHLEdBQUcsQ0FBQztJQUVuQiwrQkFBK0I7SUFDdEIsSUFBSSxHQUFHLENBQUMsQ0FBQztJQUVsQiwwQ0FBMEM7SUFDakMsS0FBSyxHQUFvQixFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7SUFFNUMsUUFBUSxDQUFnQztJQUV4QyxRQUFRLENBQWdDO0lBRXZELHNCQUFzQixDQUFnQjtJQUN0QyxzQkFBc0IsQ0FBZ0I7SUFDOUM7OztPQUdHO0lBQ08sV0FBVyxHQUFHLElBQUksWUFBWSxFQUFtQixD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c0JBRXBCLFNBQVM7dUJBQUMsVUFBVTs7c0JBUXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uLCBmcm9tRXZlbnQgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgV2F0dENvbG9ySGVscGVyU2VydmljZSB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9jb3JlL2NvbG9yJztcblxuZXhwb3J0IGludGVyZmFjZSBXYXR0U2xpZGVyVmFsdWUge1xuICBtaW46IG51bWJlcjtcbiAgbWF4OiBudW1iZXI7XG59XG5cbi8qKlxuICogU2xpZGVyIGZvciBwcm92aWRpbmcgYSByYW5nZSBvZiB2YWx1ZXMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc2VsZWN0b3I6ICd3YXR0LXNsaWRlcicsXG4gIHN0eWxlVXJsczogWycuL3dhdHQtc2xpZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi93YXR0LXNsaWRlci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRTbGlkZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3ksIE9uQ2hhbmdlcyB7XG4gIHByaXZhdGUgX2NvbG9yU2VydmljZSA9IGluamVjdChXYXR0Q29sb3JIZWxwZXJTZXJ2aWNlKTtcbiAgLyoqIFRoZSBsb3dlc3QgcGVybWl0dGVkIHZhbHVlLiAqL1xuICBASW5wdXQoKSBtaW4gPSAwO1xuXG4gIC8qKiBUaGUgaGlnaGVzdCBwZXJtaXR0ZWQgdmFsdWUuICovXG4gIEBJbnB1dCgpIG1heCA9IDEwMDtcblxuICAvKiogU3RlcCBiZXR3ZWVuIGVhY2ggdmFsdWUuICovXG4gIEBJbnB1dCgpIHN0ZXAgPSAxO1xuXG4gIC8qKiBUaGUgY3VycmVudGx5IHNlbGVjdGVkIHJhbmdlIHZhbHVlLiAqL1xuICBASW5wdXQoKSB2YWx1ZTogV2F0dFNsaWRlclZhbHVlID0geyBtaW46IHRoaXMubWluLCBtYXg6IHRoaXMubWF4IH07XG5cbiAgQFZpZXdDaGlsZCgnbWF4UmFuZ2UnKSBtYXhSYW5nZSE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgQFZpZXdDaGlsZCgnbWluUmFuZ2UnKSBtaW5SYW5nZSE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgcHJpdmF0ZSBfbWF4Q2hhbmdlU3Vic2NyaXB0aW9uITogU3Vic2NyaXB0aW9uO1xuICBwcml2YXRlIF9taW5DaGFuZ2VTdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XG4gIC8qKlxuICAgKiBFbWl0cyB2YWx1ZSB3aGVuZXZlciBpdCBjaGFuZ2VzLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFdhdHRTbGlkZXJWYWx1ZT4oKTtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgY29uc3QgbWF4UmFuZ2VFbGVtZW50ID0gdGhpcy5tYXhSYW5nZS5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IG1pblJhbmdlRWxlbWVudCA9IHRoaXMubWluUmFuZ2UubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBtYXhDaGFuZ2VkJCA9IGZyb21FdmVudChtYXhSYW5nZUVsZW1lbnQsICdpbnB1dCcpO1xuICAgIGNvbnN0IG1pbkNoYW5nZWQkID0gZnJvbUV2ZW50KG1pblJhbmdlRWxlbWVudCwgJ2lucHV0Jyk7XG5cbiAgICB0aGlzLnVwZGF0ZVJhbmdlKHRoaXMudmFsdWUubWluLCB0aGlzLnZhbHVlLm1heCk7XG5cbiAgICB0aGlzLl9tYXhDaGFuZ2VTdWJzY3JpcHRpb24gPSBtYXhDaGFuZ2VkJC5zdWJzY3JpYmUoKGV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBtYXhWYWx1ZSA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWVBc051bWJlcjtcbiAgICAgIGNvbnN0IG1pblZhbHVlID0gbWluUmFuZ2VFbGVtZW50LnZhbHVlQXNOdW1iZXIgfHwgdGhpcy5taW47XG4gICAgICB0aGlzLnVwZGF0ZVJhbmdlKG1pblZhbHVlLCBtYXhWYWx1ZSk7XG5cbiAgICAgIGlmIChtaW5WYWx1ZSA8PSBtYXhWYWx1ZSkge1xuICAgICAgICBtYXhSYW5nZUVsZW1lbnQudmFsdWVBc051bWJlciA9IG1heFZhbHVlO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbWF4UmFuZ2VFbGVtZW50LnZhbHVlQXNOdW1iZXIgPSBtaW5WYWx1ZTtcbiAgICAgIH1cblxuICAgICAgdGhpcy5vbkNoYW5nZSh7IG1pbjogbWluVmFsdWUsIG1heDogbWF4VmFsdWUgfSk7XG4gICAgfSk7XG5cbiAgICB0aGlzLl9taW5DaGFuZ2VTdWJzY3JpcHRpb24gPSBtaW5DaGFuZ2VkJC5zdWJzY3JpYmUoKGV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBtaW5WYWx1ZSA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWVBc051bWJlcjtcbiAgICAgIGNvbnN0IG1heFZhbHVlID0gbWF4UmFuZ2VFbGVtZW50LnZhbHVlQXNOdW1iZXIgfHwgdGhpcy5tYXg7XG4gICAgICB0aGlzLnVwZGF0ZVJhbmdlKG1pblZhbHVlLCBtYXhWYWx1ZSk7XG5cbiAgICAgIGlmIChtaW5WYWx1ZSA+IG1heFZhbHVlKSB7XG4gICAgICAgIG1pblJhbmdlRWxlbWVudC52YWx1ZUFzTnVtYmVyID0gbWF4VmFsdWU7XG4gICAgICB9XG5cbiAgICAgIHRoaXMub25DaGFuZ2UoeyBtaW46IG1pblZhbHVlLCBtYXg6IG1heFZhbHVlIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgaXNFbGVtZW50UmVmc1BvcHVsYXRlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLm1heFJhbmdlICYmICEhdGhpcy5taW5SYW5nZTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmlzRWxlbWVudFJlZnNQb3B1bGF0ZWQoKSkge1xuICAgICAgdGhpcy51cGRhdGVSYW5nZSh0aGlzLnZhbHVlLm1pbiwgdGhpcy52YWx1ZS5tYXgpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX21heENoYW5nZVN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIHRoaXMuX21pbkNoYW5nZVN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVSYW5nZShtaW5WYWx1ZTogbnVtYmVyLCBtYXhWYWx1ZTogbnVtYmVyKSB7XG4gICAgY29uc3QgcmFuZ2VEaXN0YW5jZSA9IHRoaXMubWF4IC0gdGhpcy5taW47XG4gICAgY29uc3QgZnJvbVBvc2l0aW9uID0gbWluVmFsdWUgLSB0aGlzLm1pbjtcbiAgICBjb25zdCB0b1Bvc2l0aW9uID0gbWF4VmFsdWUgLSB0aGlzLm1pbjtcblxuICAgIGNvbnN0IHNsaWRlckNvbG9yID0gdGhpcy5fY29sb3JTZXJ2aWNlLmdldENvbG9yKCdzZWNvbmRhcnlMaWdodCcpO1xuICAgIGNvbnN0IHJhbmdlQ29sb3IgPSB0aGlzLl9jb2xvclNlcnZpY2UuZ2V0Q29sb3IoJ3ByaW1hcnknKTtcblxuICAgIHRoaXMubWF4UmFuZ2UubmF0aXZlRWxlbWVudC52YWx1ZUFzTnVtYmVyID0gdGhpcy52YWx1ZS5tYXg7XG4gICAgdGhpcy5taW5SYW5nZS5uYXRpdmVFbGVtZW50LnZhbHVlQXNOdW1iZXIgPSB0aGlzLnZhbHVlLm1pbjtcbiAgICB0aGlzLm1heFJhbmdlLm5hdGl2ZUVsZW1lbnQuc3R5bGUuYmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICB0byByaWdodCxcbiAgICAgICR7c2xpZGVyQ29sb3J9IDAlLFxuICAgICAgJHtzbGlkZXJDb2xvcn0gJHsoZnJvbVBvc2l0aW9uIC8gcmFuZ2VEaXN0YW5jZSkgKiAxMDB9JSxcbiAgICAgICR7cmFuZ2VDb2xvcn0gJHsoZnJvbVBvc2l0aW9uIC8gcmFuZ2VEaXN0YW5jZSkgKiAxMDB9JSxcbiAgICAgICR7cmFuZ2VDb2xvcn0gJHsodG9Qb3NpdGlvbiAvIHJhbmdlRGlzdGFuY2UpICogMTAwfSUsXG4gICAgICAke3NsaWRlckNvbG9yfSAkeyh0b1Bvc2l0aW9uIC8gcmFuZ2VEaXN0YW5jZSkgKiAxMDB9JSxcbiAgICAgICR7c2xpZGVyQ29sb3J9IDEwMCUpYDtcbiAgfVxuXG4gIC8qKlxuICAgKiBDaGFuZ2UgaGFuZGxlciBmb3IgdXBkYXRpbmcgdmFsdWUuXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG9uQ2hhbmdlKHZhbHVlOiBXYXR0U2xpZGVyVmFsdWUpIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHZhbHVlKTtcbiAgfVxufVxuIiwiPCEtLVxuQGxpY2Vuc2VcbkNvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuXG5MaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbnlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbllvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuXG4gICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cblVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbmRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbldJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxubGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4tLT5cbjxkaXYgY2xhc3M9XCJjb250cm9sc1wiPlxuICA8aW5wdXRcbiAgICAjbWluUmFuZ2VcbiAgICBjbGFzcz1cIm1pbi1yYW5nZVwiXG4gICAgW3N0eWxlLnotaW5kZXhdPVwiMVwiXG4gICAgW3N0eWxlLmhlaWdodF09XCIwXCJcbiAgICB0eXBlPVwicmFuZ2VcIlxuICAgIFttYXhdPVwibWF4XCJcbiAgICBbbWluXT1cIm1pblwiXG4gICAgW3N0ZXBdPVwic3RlcFwiXG4gICAgW3ZhbHVlXT1cInZhbHVlLm1pblwiXG4gIC8+XG4gIDxpbnB1dFxuICAgICNtYXhSYW5nZVxuICAgIGNsYXNzPVwibWF4LXJhbmdlXCJcbiAgICB0eXBlPVwicmFuZ2VcIlxuICAgIFttYXhdPVwibWF4XCJcbiAgICBbbWluXT1cIm1pblwiXG4gICAgW3N0ZXBdPVwic3RlcFwiXG4gICAgW3ZhbHVlXT1cInZhbHVlLm1heFwiXG4gIC8+XG48L2Rpdj5cbiJdfQ==
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: 'watt-slider', 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<div class=\"controls\">\n  <input\n    #minRange\n    class=\"min-range\"\n    [style.z-index]=\"1\"\n    [style.height]=\"0\"\n    type=\"range\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [step]=\"step()\"\n    [value]=\"value()?.min\"\n  />\n  <input\n    #maxRange\n    class=\"max-range\"\n    type=\"range\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [step]=\"step()\"\n    [value]=\"value()?.max\"\n  />\n</div>\n", styles: ["watt-slider{display:flex;flex-direction:column;margin:var(--watt-space-m) 0}watt-slider .controls{position:relative}watt-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:var(--watt-space-ml);height:var(--watt-space-ml);background-color:var(--watt-color-primary-dark);border-radius:50%;box-shadow:0 0 0 1px var(--watt-color-primary);cursor:pointer}watt-slider input[type=range]::-moz-range-thumb{pointer-events:all;width:24px;height:24px;background-color:var(--watt-color-primary-dark);border-radius:50%;box-shadow:0 0 0 1px var(--watt-color-primary);cursor:pointer}watt-slider input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px var(--watt-color-primary-dark),0 0 9px var(--watt-color-primary-dark);-webkit-box-shadow:inset 0 0 3px var(--watt-color-primary-dark),0 0 9px var(--watt-color-primary-dark);cursor:ew-resize}watt-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:var(--watt-space-s);top:var(--watt-space-s)/2;left:0;right:0;position:absolute;transform:translateY(-50%);background-color:var(--watt-color-secondary-light);pointer-events:none;border-radius:var(--watt-space-s)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: true }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: true }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], maxRange: [{ type: i0.ViewChild, args: ['maxRange', { isSignal: true }] }], minRange: [{ type: i0.ViewChild, args: ['minRange', { isSignal: true }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1zbGlkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2Uvc2xpZGVyL3dhdHQtc2xpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3NsaWRlci93YXR0LXNsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixVQUFVLEVBQ1YsTUFBTSxFQUVOLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNqQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVoRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFPcEU7O0dBRUc7QUFRSCxNQUFNLE9BQU8sbUJBQW1CO0lBQ2IsWUFBWSxHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQzlDLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFakQsa0NBQWtDO0lBQ3pCLEdBQUcsR0FBRyxLQUFLLENBQUMsUUFBUSw4Q0FBVSxDQUFDO0lBRXhDLG1DQUFtQztJQUMxQixHQUFHLEdBQUcsS0FBSyxDQUFDLFFBQVEsOENBQVUsQ0FBQztJQUV4QywrQkFBK0I7SUFDdEIsSUFBSSxHQUFHLEtBQUssQ0FBQyxDQUFDLGdEQUFDLENBQUM7SUFFekIsMENBQTBDO0lBQ2pDLEtBQUssR0FBRyxLQUFLLDJEQUErQixDQUFDO0lBQzdDLFlBQVksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1FBQ3BDLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNoQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDaEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDO1FBQzlDLENBQUM7UUFDRCxPQUFPLFVBQVUsQ0FBQztJQUNwQixDQUFDLHdEQUFDLENBQUM7SUFFTSxRQUFRLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBK0IsVUFBVSxDQUFDLENBQUM7SUFDeEUsUUFBUSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQStCLFVBQVUsQ0FBQyxDQUFDO0lBRXhFLFdBQVcsR0FBRyxNQUFNLEVBQW1CLENBQUM7SUFFeEMsV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDM0QsVUFBVSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBRTVEO1FBQ0UsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO1FBRUgsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFFakMsTUFBTSxlQUFlLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQztZQUMvQyxNQUFNLGVBQWUsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDO1lBRS9DLCtCQUErQjtZQUMvQixTQUFTLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQztpQkFDaEMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztpQkFDekMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ25CLE1BQU0sUUFBUSxHQUFJLEtBQUssQ0FBQyxNQUEyQixDQUFDLGFBQWEsQ0FBQztnQkFDbEUsTUFBTSxRQUFRLEdBQUcsZUFBZSxDQUFDLGFBQWEsQ0FBQztnQkFFL0MsSUFBSSxXQUFXLEdBQUcsUUFBUSxDQUFDO2dCQUMzQixJQUFJLFFBQVEsR0FBRyxRQUFRLEVBQUUsQ0FBQztvQkFDeEIsV0FBVyxHQUFHLFFBQVEsQ0FBQztvQkFDdkIsZUFBZSxDQUFDLGFBQWEsR0FBRyxXQUFXLENBQUM7Z0JBQzlDLENBQUM7Z0JBRUQsTUFBTSxRQUFRLEdBQUcsRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsQ0FBQztnQkFDckQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDN0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDbEMsQ0FBQyxDQUFDLENBQUM7WUFFTCwrQkFBK0I7WUFDL0IsU0FBUyxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUM7aUJBQ2hDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7aUJBQ3pDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO2dCQUNuQixNQUFNLFFBQVEsR0FBSSxLQUFLLENBQUMsTUFBMkIsQ0FBQyxhQUFhLENBQUM7Z0JBQ2xFLE1BQU0sUUFBUSxHQUFHLGVBQWUsQ0FBQyxhQUFhLENBQUM7Z0JBRS9DLElBQUksV0FBVyxHQUFHLFFBQVEsQ0FBQztnQkFDM0IsSUFBSSxRQUFRLEdBQUcsUUFBUSxFQUFFLENBQUM7b0JBQ3hCLFdBQVcsR0FBRyxRQUFRLENBQUM7b0JBQ3ZCLGVBQWUsQ0FBQyxhQUFhLEdBQUcsV0FBVyxDQUFDO2dCQUM5QyxDQUFDO2dCQUVELE1BQU0sUUFBUSxHQUFHLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLENBQUM7Z0JBQ3JELElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQzdDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ2xDLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sV0FBVyxDQUFDLFFBQWdCLEVBQUUsUUFBZ0I7UUFDcEQsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU87UUFFbkMsTUFBTSxlQUFlLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQztRQUMvQyxNQUFNLGVBQWUsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDO1FBRS9DLGVBQWUsQ0FBQyxhQUFhLEdBQUcsUUFBUSxDQUFDO1FBQ3pDLGVBQWUsQ0FBQyxhQUFhLEdBQUcsUUFBUSxDQUFDO1FBRXpDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7UUFDOUMsTUFBTSxZQUFZLEdBQUcsUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUMzQyxNQUFNLFVBQVUsR0FBRyxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBRXpDLGVBQWUsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHOztRQUUvQixJQUFJLENBQUMsV0FBVztRQUNoQixJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsWUFBWSxHQUFHLGFBQWEsQ0FBQyxHQUFHLEdBQUc7UUFDeEQsSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLFlBQVksR0FBRyxhQUFhLENBQUMsR0FBRyxHQUFHO1FBQ3ZELElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxVQUFVLEdBQUcsYUFBYSxDQUFDLEdBQUcsR0FBRztRQUNyRCxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsVUFBVSxHQUFHLGFBQWEsQ0FBQyxHQUFHLEdBQUc7UUFDdEQsSUFBSSxDQUFDLFdBQVcsUUFBUSxDQUFDO0lBQy9CLENBQUM7dUdBekdVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLHd5QkNuRGhDLHdnQ0FzQ0E7OzJGRGFhLG1CQUFtQjtrQkFQL0IsU0FBUztzQ0FDUyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFlBQzNCLGFBQWE7NGJBMkI4QyxVQUFVLGtFQUNWLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBjb21wdXRlZCxcbiAgRGVzdHJveVJlZixcbiAgZWZmZWN0LFxuICBFbGVtZW50UmVmLFxuICBpbmplY3QsXG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIHZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbmltcG9ydCB7IFdhdHRDb2xvckhlbHBlclNlcnZpY2UgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvY29yZS9jb2xvcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgV2F0dFNsaWRlclZhbHVlIHtcbiAgbWluOiBudW1iZXI7XG4gIG1heDogbnVtYmVyO1xufVxuXG4vKipcbiAqIFNsaWRlciBmb3IgcHJvdmlkaW5nIGEgcmFuZ2Ugb2YgdmFsdWVzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHNlbGVjdG9yOiAnd2F0dC1zbGlkZXInLFxuICBzdHlsZVVybHM6IFsnLi93YXR0LXNsaWRlci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vd2F0dC1zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0U2xpZGVyQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBjb2xvclNlcnZpY2UgPSBpbmplY3QoV2F0dENvbG9ySGVscGVyU2VydmljZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveVJlZiA9IGluamVjdChEZXN0cm95UmVmKTtcblxuICAvKiogVGhlIGxvd2VzdCBwZXJtaXR0ZWQgdmFsdWUuICovXG4gIHJlYWRvbmx5IG1pbiA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcblxuICAvKiogVGhlIGhpZ2hlc3QgcGVybWl0dGVkIHZhbHVlLiAqL1xuICByZWFkb25seSBtYXggPSBpbnB1dC5yZXF1aXJlZDxudW1iZXI+KCk7XG5cbiAgLyoqIFN0ZXAgYmV0d2VlbiBlYWNoIHZhbHVlLiAqL1xuICByZWFkb25seSBzdGVwID0gaW5wdXQoMSk7XG5cbiAgLyoqIFRoZSBjdXJyZW50bHkgc2VsZWN0ZWQgcmFuZ2UgdmFsdWUuICovXG4gIHJlYWRvbmx5IHZhbHVlID0gaW5wdXQ8V2F0dFNsaWRlclZhbHVlIHwgdW5kZWZpbmVkPigpO1xuICByZWFkb25seSBjdXJyZW50VmFsdWUgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgaW5wdXRWYWx1ZSA9IHRoaXMudmFsdWUoKTtcbiAgICBpZiAoIWlucHV0VmFsdWUpIHtcbiAgICAgIHJldHVybiB7IG1pbjogdGhpcy5taW4oKSwgbWF4OiB0aGlzLm1heCgpIH07XG4gICAgfVxuICAgIHJldHVybiBpbnB1dFZhbHVlO1xuICB9KTtcblxuICByZWFkb25seSBtYXhSYW5nZSA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+PignbWF4UmFuZ2UnKTtcbiAgcmVhZG9ubHkgbWluUmFuZ2UgPSB2aWV3Q2hpbGQucmVxdWlyZWQ8RWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50Pj4oJ21pblJhbmdlJyk7XG5cbiAgcmVhZG9ubHkgdmFsdWVDaGFuZ2UgPSBvdXRwdXQ8V2F0dFNsaWRlclZhbHVlPigpO1xuXG4gIHJlYWRvbmx5IHNsaWRlckNvbG9yID0gdGhpcy5jb2xvclNlcnZpY2UuZ2V0Q29sb3IoJ3NlY29uZGFyeUxpZ2h0Jyk7XG4gIHJlYWRvbmx5IHJhbmdlQ29sb3IgPSB0aGlzLmNvbG9yU2VydmljZS5nZXRDb2xvcigncHJpbWFyeScpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCB2YWx1ZSA9IHRoaXMuY3VycmVudFZhbHVlKCk7XG4gICAgICB0aGlzLnVwZGF0ZVJhbmdlKHZhbHVlLm1pbiwgdmFsdWUubWF4KTtcbiAgICB9KTtcblxuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCBtYXhSYW5nZSA9IHRoaXMubWF4UmFuZ2UoKTtcbiAgICAgIGNvbnN0IG1pblJhbmdlID0gdGhpcy5taW5SYW5nZSgpO1xuXG4gICAgICBjb25zdCBtYXhSYW5nZUVsZW1lbnQgPSBtYXhSYW5nZS5uYXRpdmVFbGVtZW50O1xuICAgICAgY29uc3QgbWluUmFuZ2VFbGVtZW50ID0gbWluUmFuZ2UubmF0aXZlRWxlbWVudDtcblxuICAgICAgLy8gU2V0dXAgbWF4IHJhbmdlIGlucHV0IGV2ZW50c1xuICAgICAgZnJvbUV2ZW50KG1heFJhbmdlRWxlbWVudCwgJ2lucHV0JylcbiAgICAgICAgLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKHRoaXMuZGVzdHJveVJlZikpXG4gICAgICAgIC5zdWJzY3JpYmUoKGV2ZW50KSA9PiB7XG4gICAgICAgICAgY29uc3QgbWF4VmFsdWUgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLnZhbHVlQXNOdW1iZXI7XG4gICAgICAgICAgY29uc3QgbWluVmFsdWUgPSBtaW5SYW5nZUVsZW1lbnQudmFsdWVBc051bWJlcjtcblxuICAgICAgICAgIGxldCBuZXdNYXhWYWx1ZSA9IG1heFZhbHVlO1xuICAgICAgICAgIGlmIChtaW5WYWx1ZSA+IG1heFZhbHVlKSB7XG4gICAgICAgICAgICBuZXdNYXhWYWx1ZSA9IG1pblZhbHVlO1xuICAgICAgICAgICAgbWF4UmFuZ2VFbGVtZW50LnZhbHVlQXNOdW1iZXIgPSBuZXdNYXhWYWx1ZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBjb25zdCBuZXdWYWx1ZSA9IHsgbWluOiBtaW5WYWx1ZSwgbWF4OiBuZXdNYXhWYWx1ZSB9O1xuICAgICAgICAgIHRoaXMudXBkYXRlUmFuZ2UobmV3VmFsdWUubWluLCBuZXdWYWx1ZS5tYXgpO1xuICAgICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdChuZXdWYWx1ZSk7XG4gICAgICAgIH0pO1xuXG4gICAgICAvLyBTZXR1cCBtaW4gcmFuZ2UgaW5wdXQgZXZlbnRzXG4gICAgICBmcm9tRXZlbnQobWluUmFuZ2VFbGVtZW50LCAnaW5wdXQnKVxuICAgICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSlcbiAgICAgICAgLnN1YnNjcmliZSgoZXZlbnQpID0+IHtcbiAgICAgICAgICBjb25zdCBtaW5WYWx1ZSA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWVBc051bWJlcjtcbiAgICAgICAgICBjb25zdCBtYXhWYWx1ZSA9IG1heFJhbmdlRWxlbWVudC52YWx1ZUFzTnVtYmVyO1xuXG4gICAgICAgICAgbGV0IG5ld01pblZhbHVlID0gbWluVmFsdWU7XG4gICAgICAgICAgaWYgKG1pblZhbHVlID4gbWF4VmFsdWUpIHtcbiAgICAgICAgICAgIG5ld01pblZhbHVlID0gbWF4VmFsdWU7XG4gICAgICAgICAgICBtaW5SYW5nZUVsZW1lbnQudmFsdWVBc051bWJlciA9IG5ld01pblZhbHVlO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGNvbnN0IG5ld1ZhbHVlID0geyBtaW46IG5ld01pblZhbHVlLCBtYXg6IG1heFZhbHVlIH07XG4gICAgICAgICAgdGhpcy51cGRhdGVSYW5nZShuZXdWYWx1ZS5taW4sIG5ld1ZhbHVlLm1heCk7XG4gICAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KG5ld1ZhbHVlKTtcbiAgICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZVJhbmdlKG1pblZhbHVlOiBudW1iZXIsIG1heFZhbHVlOiBudW1iZXIpIHtcbiAgICBjb25zdCBtYXhSYW5nZSA9IHRoaXMubWF4UmFuZ2UoKTtcbiAgICBjb25zdCBtaW5SYW5nZSA9IHRoaXMubWluUmFuZ2UoKTtcbiAgICBpZiAoIW1heFJhbmdlIHx8ICFtaW5SYW5nZSkgcmV0dXJuO1xuXG4gICAgY29uc3QgbWF4UmFuZ2VFbGVtZW50ID0gbWF4UmFuZ2UubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBtaW5SYW5nZUVsZW1lbnQgPSBtaW5SYW5nZS5uYXRpdmVFbGVtZW50O1xuXG4gICAgbWF4UmFuZ2VFbGVtZW50LnZhbHVlQXNOdW1iZXIgPSBtYXhWYWx1ZTtcbiAgICBtaW5SYW5nZUVsZW1lbnQudmFsdWVBc051bWJlciA9IG1pblZhbHVlO1xuXG4gICAgY29uc3QgcmFuZ2VEaXN0YW5jZSA9IHRoaXMubWF4KCkgLSB0aGlzLm1pbigpO1xuICAgIGNvbnN0IGZyb21Qb3NpdGlvbiA9IG1pblZhbHVlIC0gdGhpcy5taW4oKTtcbiAgICBjb25zdCB0b1Bvc2l0aW9uID0gbWF4VmFsdWUgLSB0aGlzLm1pbigpO1xuXG4gICAgbWF4UmFuZ2VFbGVtZW50LnN0eWxlLmJhY2tncm91bmQgPSBgbGluZWFyLWdyYWRpZW50KFxuICAgICAgdG8gcmlnaHQsXG4gICAgICAke3RoaXMuc2xpZGVyQ29sb3J9IDAlLFxuICAgICAgJHt0aGlzLnNsaWRlckNvbG9yfSAkeyhmcm9tUG9zaXRpb24gLyByYW5nZURpc3RhbmNlKSAqIDEwMH0lLFxuICAgICAgJHt0aGlzLnJhbmdlQ29sb3J9ICR7KGZyb21Qb3NpdGlvbiAvIHJhbmdlRGlzdGFuY2UpICogMTAwfSUsXG4gICAgICAke3RoaXMucmFuZ2VDb2xvcn0gJHsodG9Qb3NpdGlvbiAvIHJhbmdlRGlzdGFuY2UpICogMTAwfSUsXG4gICAgICAke3RoaXMuc2xpZGVyQ29sb3J9ICR7KHRvUG9zaXRpb24gLyByYW5nZURpc3RhbmNlKSAqIDEwMH0lLFxuICAgICAgJHt0aGlzLnNsaWRlckNvbG9yfSAxMDAlKWA7XG4gIH1cbn1cbiIsIjwhLS1cbkBsaWNlbnNlXG5Db3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcblxuTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG55b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG5Zb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcblxuICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuXG5Vbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG5kaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG5XSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cblNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbmxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuLS0+XG48ZGl2IGNsYXNzPVwiY29udHJvbHNcIj5cbiAgPGlucHV0XG4gICAgI21pblJhbmdlXG4gICAgY2xhc3M9XCJtaW4tcmFuZ2VcIlxuICAgIFtzdHlsZS56LWluZGV4XT1cIjFcIlxuICAgIFtzdHlsZS5oZWlnaHRdPVwiMFwiXG4gICAgdHlwZT1cInJhbmdlXCJcbiAgICBbbWF4XT1cIm1heCgpXCJcbiAgICBbbWluXT1cIm1pbigpXCJcbiAgICBbc3RlcF09XCJzdGVwKClcIlxuICAgIFt2YWx1ZV09XCJ2YWx1ZSgpPy5taW5cIlxuICAvPlxuICA8aW5wdXRcbiAgICAjbWF4UmFuZ2VcbiAgICBjbGFzcz1cIm1heC1yYW5nZVwiXG4gICAgdHlwZT1cInJhbmdlXCJcbiAgICBbbWF4XT1cIm1heCgpXCJcbiAgICBbbWluXT1cIm1pbigpXCJcbiAgICBbc3RlcF09XCJzdGVwKClcIlxuICAgIFt2YWx1ZV09XCJ2YWx1ZSgpPy5tYXhcIlxuICAvPlxuPC9kaXY+XG4iXX0=

package/modal/watt-modal.component.d.ts

@@ -14,9 +14,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
-import { WattIcon } from '@energinet/watt/icon';
 import * as i0 from "@angular/core";
 export type WattModalSize = 'small' | 'medium' | 'large';
 /**
@@ -30,39 +29,32 @@ export declare class WattModalComponent {
     private modalService;
     protected dialogRef: MatDialogRef<unknown, any> | null;
     /** Title to stay fixed to top of modal. */
-    title: string;
-    size: WattModalSize;
+    title: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<WattModalSize>;
     /** Whether the modal should show a loading state. */
-    loading: boolean;
+    loading: import("@angular/core").InputSignal<boolean>;
     /** Whether the modal should show a loading text for the loading state. */
-    loadingMessage: string;
+    loadingMessage: import("@angular/core").InputSignal<string>;
     /** Disable ESC, close button and backdrop click as methods of closing. */
-    disableClose: boolean;
+    disableClose: import("@angular/core").InputSignal<boolean>;
     /** Whether to show the close button */
-    hideCloseButton: boolean;
+    hideCloseButton: import("@angular/core").InputSignal<boolean>;
     /** Disable ESC, backdrop click as methods of closing. */
-    disableEscAndBackdropClose: boolean;
+    disableEscAndBackdropClose: import("@angular/core").InputSignal<boolean>;
     /** The aria-label for the close button. */
-    closeLabel: string;
+    closeLabel: import("@angular/core").InputSignal<string>;
     /** Classes added to the modal panel */
-    panelClass: string[];
-    minHeight: string;
+    panelClass: import("@angular/core").InputSignal<string[]>;
+    minHeight: import("@angular/core").InputSignal<string>;
     /** Whether the dialog should restore focus to the previously-focused element, after it's closed. */
-    restoreFocus: boolean;
+    restoreFocus: import("@angular/core").InputSignal<boolean>;
     /** Icon displayed next to the modal title. */
-    titleIcon?: WattIcon;
+    titleIcon: import("@angular/core").InputSignal<"filter" | "close" | "link" | "menu" | "search" | "time" | "plus" | "minus" | "edit" | "redo" | "undo" | "remove" | "removeForever" | "cancel" | "checkmark" | "user" | "settings" | "contentCopy" | "date" | "email" | "markEmailUnread" | "openInNew" | "monetization" | "payments" | "forwardMessage" | "forward" | "moreVertical" | "logout" | "login" | "help" | "alternateEmail" | "refresh" | "language" | "pendingActions" | "toggleOn" | "toggleOff" | "personCheck" | "left" | "right" | "up" | "down" | "arrowDropDown" | "arrowRightAlt" | "arrowLeftAlt" | "danger" | "warning" | "success" | "info" | "feedback" | "save" | "upload" | "download" | "fileDownload" | "fileUpload" | "print" | "preview" | "power" | "location" | "smartDisplay" | "windmill" | "solarPower" | "priorityHigh" | "notifications" | "notificationsUnread" | "horizontalRule" | "wrongLocation" | "heatPump" | "inventory" | "globe" | "calculate" | "bar_chart_4_bars" | "view_list" | "view_stream" | "construction" | "factory" | "nest_eco_leaf" | "flash_on" | undefined>;
     /** Whether the modal should open automatically when rendered.  */
     autoOpen: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    /**
-     * When modal is closed, emits `true` if it was "accepted",
-     * otherwise emits `false`.
-     * @ignore
-     */
-    closed: EventEmitter<boolean>;
-    /** @ignore */
-    modal: TemplateRef<Element>;
-    /** @ignore */
-    scrollable: boolean;
+    closed: import("@angular/core").OutputEmitterRef<boolean>;
+    modal: import("@angular/core").Signal<TemplateRef<Element> | undefined>;
+    scrollable: import("@angular/core").WritableSignal<boolean>;
     constructor();
     /**
      * Opens the modal. Subsequent calls are ignored while the modal is opened.
@@ -80,7 +72,7 @@ export declare class WattModalComponent {
      */
     onResize(event: ResizeObserverEntry): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WattModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WattModalComponent, "watt-modal", never, { "title": { "alias": "title"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; }; "disableEscAndBackdropClose": { "alias": "disableEscAndBackdropClose"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; "autoOpen": { "alias": "autoOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*", "watt-modal-actions"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattModalComponent, "watt-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; "isSignal": true; }; "disableEscAndBackdropClose": { "alias": "disableEscAndBackdropClose"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "titleIcon": { "alias": "titleIcon"; "required": false; "isSignal": true; }; "autoOpen": { "alias": "autoOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*", "watt-modal-actions"], true, never>;
 }
 /**
  * Component for projecting buttons (actions) to the bottom of the modal.

package/package.json

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

package/slider/watt-slider.component.d.ts

@@ -14,7 +14,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface WattSliderValue {
     min: number;
@@ -23,35 +23,25 @@ export interface WattSliderValue {
 /**
  * Slider for providing a range of values.
  */
-export declare class WattSliderComponent implements AfterViewInit, OnDestroy, OnChanges {
-    private _colorService;
+export declare class WattSliderComponent {
+    private readonly colorService;
+    private readonly destroyRef;
     /** The lowest permitted value. */
-    min: number;
+    readonly min: import("@angular/core").InputSignal<number>;
     /** The highest permitted value. */
-    max: number;
+    readonly max: import("@angular/core").InputSignal<number>;
     /** Step between each value. */
-    step: number;
+    readonly step: import("@angular/core").InputSignal<number>;
     /** The currently selected range value. */
-    value: WattSliderValue;
-    maxRange: ElementRef<HTMLInputElement>;
-    minRange: ElementRef<HTMLInputElement>;
-    private _maxChangeSubscription;
-    private _minChangeSubscription;
-    /**
-     * Emits value whenever it changes.
-     * @ignore
-     */
-    valueChange: EventEmitter<WattSliderValue>;
-    ngAfterViewInit(): void;
-    isElementRefsPopulated(): boolean;
-    ngOnChanges(): void;
-    ngOnDestroy(): void;
+    readonly value: import("@angular/core").InputSignal<WattSliderValue | undefined>;
+    readonly currentValue: import("@angular/core").Signal<WattSliderValue>;
+    readonly maxRange: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    readonly minRange: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<WattSliderValue>;
+    readonly sliderColor: string;
+    readonly rangeColor: string;
+    constructor();
     private updateRange;
-    /**
-     * Change handler for updating value.
-     * @ignore
-     */
-    onChange(value: WattSliderValue): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WattSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WattSliderComponent, "watt-slider", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattSliderComponent, "watt-slider", never, { "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }