@energinet/watt 4.3.1 → 4.3.2

package/fesm2022/energinet-watt-picker-__shared.mjs

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, input, output, signal, effect, untracked, ViewEncapsulation, Component, DestroyRef, ElementRef, HostBinding, Input, Directive } from '@angular/core';
+import { inject, ChangeDetectorRef, input, output, signal, effect, untracked, ViewEncapsulation, Component, DestroyRef, ElementRef, computed, Directive } from '@angular/core';
 import { Maskito } from '@maskito/core';
 import { NgControl } from '@angular/forms';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { Subject } from 'rxjs';
 
 //#region License
 /**
@@ -34,8 +33,10 @@ class WattPlaceholderMaskComponent {
     primaryGhost = signal('', ...(ngDevMode ? [{ debugName: "primaryGhost" }] : []));
     primaryFiller = signal(null, ...(ngDevMode ? [{ debugName: "primaryFiller" }] : []));
     maskEffect = effect((onCleanup) => {
-        const mask = this.mask();
         const placeholder = this.placeholder();
+        if (!placeholder)
+            return;
+        const mask = this.mask();
         const primaryMask = {
             ...mask,
             preprocessors: [
@@ -99,18 +100,11 @@ class WattPickerBase {
     static nextId = 0;
     id;
     initialValue = null;
-    focused = false;
+    focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : []));
     controlType = 'mat-date-range-input'; // We keep the controlType of Material Date Range Input as is, to keep some styling.
-    stateChanges = new Subject();
     // eslint-disable-next-line @angular-eslint/no-input-rename
     userAriaDescribedBy = input(undefined, ...(ngDevMode ? [{ debugName: "userAriaDescribedBy", alias: 'aria-describedby' }] : [{ alias: 'aria-describedby' }]));
-    get placeholder() {
-        return this._placeholder;
-    }
-    set placeholder(value) {
-        this._placeholder = value;
-        this.stateChanges.next();
-    }
+    placeholder = signal('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
     get value() {
         if (this.ngControl?.valid) {
             const { value: { start, end }, } = this.ngControl;
@@ -118,16 +112,16 @@ class WattPickerBase {
         }
         return null;
     }
-    set value(value) {
+    setValue(value) {
         const input = this.input();
         const startInput = this.startInput();
         const endInput = this.endInput();
-        const inputNotToBeInTheDocument = !this.range ? !input : !startInput;
+        const inputNotToBeInTheDocument = !this.range() ? !input : !startInput;
         if (inputNotToBeInTheDocument) {
             this.initialValue = value;
             return;
         }
-        if (this.range) {
+        if (this.range()) {
             if (!startInput || !endInput)
                 return;
             this.setRangeValue(value, startInput.nativeElement, endInput.nativeElement);
@@ -137,33 +131,21 @@ class WattPickerBase {
                 return;
             this.setSingleValue(value, input.nativeElement);
         }
-        this.stateChanges.next();
-    }
-    set range(range) {
-        this._range = coerceBooleanProperty(range);
-    }
-    get range() {
-        return this._range;
     }
-    _range = false;
-    get required() {
-        return this._required;
-    }
-    set required(value) {
-        this._required = coerceBooleanProperty(value);
-        this.stateChanges.next();
-    }
-    _required = false;
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        this.stateChanges.next();
-    }
-    _disabled = false;
+    range = input(false, ...(ngDevMode ? [{ debugName: "range", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+    disabledInput = input(false, ...(ngDevMode ? [{ debugName: "disabledInput", 
+            // eslint-disable-next-line @angular-eslint/no-input-rename
+            alias: 'disabled',
+            transform: coerceBooleanProperty }] : [{
+            // eslint-disable-next-line @angular-eslint/no-input-rename
+            alias: 'disabled',
+            transform: coerceBooleanProperty,
+        }]));
+    disabledState = signal(false, ...(ngDevMode ? [{ debugName: "disabledState" }] : []));
+    disabled = computed(() => this.disabledInput() || this.disabledState(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     get empty() {
-        if (this.range) {
+        if (this.range()) {
             return !this.ngControl?.value?.start && !this.ngControl?.value?.end;
         }
         else {
@@ -173,9 +155,9 @@ class WattPickerBase {
     get errorState() {
         return !!this.ngControl?.invalid && !!this.ngControl?.touched;
     }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
+    shouldLabelFloat = computed(() => {
+        return this.focused() || !this.empty;
+    }, ...(ngDevMode ? [{ debugName: "shouldLabelFloat" }] : []));
     /**
      *
      * @ignore
@@ -195,16 +177,13 @@ class WattPickerBase {
         if (this.initialValue) {
             this.writeValue(this.initialValue);
         }
-        if (this.range) {
+        if (this.range()) {
             this.initRangeInput();
         }
         else {
             this.initSingleInput();
         }
     }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-    }
     setDescribedByIds(ids) {
         this.elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));
     }
@@ -212,7 +191,7 @@ class WattPickerBase {
         // Intentionally left empty
     }
     writeValue(value) {
-        this.value = value;
+        this.setValue(value);
     }
     registerOnChange(onChangeFn) {
         this.changeParentValue = onChangeFn;
@@ -221,13 +200,12 @@ class WattPickerBase {
         this.markParentControlAsTouched = onTouchFn;
     }
     setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
+        this.disabledState.set(isDisabled);
         this.changeDetectionRef.detectChanges();
     }
     onFocusIn() {
-        if (!this.focused) {
-            this.focused = true;
-            this.stateChanges.next();
+        if (!this.focused()) {
+            this.focused.set(true);
         }
     }
     onFocusOut(event) {
@@ -235,9 +213,8 @@ class WattPickerBase {
         const overlay = id ? document.getElementById(id.value) : null;
         const isChild = overlay?.contains(event.relatedTarget);
         if (!this.elementRef.nativeElement.contains(event.relatedTarget) && !isChild) {
-            this.focused = false;
+            this.focused.set(false);
             this.markParentControlAsTouched();
-            this.stateChanges.next();
         }
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -248,22 +225,16 @@ class WattPickerBase {
         // Intentionally left empty
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattPickerBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: WattPickerBase, isStandalone: true, inputs: { userAriaDescribedBy: { classPropertyName: "userAriaDescribedBy", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "attr.watt-field-disabled": "this.disabled" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: WattPickerBase, isStandalone: true, inputs: { userAriaDescribedBy: { classPropertyName: "userAriaDescribedBy", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.watt-field-disabled": "disabled()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattPickerBase, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: undefined }], propDecorators: { userAriaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], value: [{
-                type: Input
-            }], range: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], disabled: [{
-                type: HostBinding,
-                args: ['attr.watt-field-disabled']
-            }, {
-                type: Input
-            }] } });
+            type: Directive,
+            args: [{
+                    host: {
+                        '[attr.watt-field-disabled]': 'disabled()',
+                    },
+                }]
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { userAriaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 //#region License
 /**

package/fesm2022/energinet-watt-picker-__shared.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-picker-__shared.mjs","sources":["../../../libs/watt/package/picker/__shared/placeholder-mask/watt-placeholder-mask.component.ts","../../../libs/watt/package/picker/__shared/placeholder-mask/watt-placeholder-mask.component.html","../../../libs/watt/package/picker/__shared/watt-picker-base.ts","../../../libs/watt/package/picker/__shared/index.ts","../../../libs/watt/package/picker/__shared/energinet-watt-picker-__shared.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  ChangeDetectorRef,\n  Component,\n  ViewEncapsulation,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { Maskito, MaskitoOptions } from '@maskito/core';\n\n@Component({\n  selector: 'watt-placeholder-mask',\n  templateUrl: './watt-placeholder-mask.component.html',\n  styleUrls: ['./watt-placeholder-mask.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WattPlaceholderMaskComponent {\n  cdr = inject(ChangeDetectorRef);\n  primaryInputElement = input.required<HTMLInputElement>();\n  secondaryInputElement = input<HTMLInputElement>();\n  mask = input.required<MaskitoOptions>();\n  placeholder = input.required<string>();\n  maskApplied = output<string>();\n  maskedInput = signal<Maskito | null>(null);\n  primaryGhost = signal('');\n  primaryFiller = signal<string | null>(null);\n\n  maskEffect = effect((onCleanup) => {\n    const mask = this.mask();\n    const placeholder = this.placeholder();\n    const primaryMask: MaskitoOptions = {\n      ...mask,\n      preprocessors: [\n        ...(mask.preprocessors ?? []),\n        (state) => {\n          this.primaryGhost.set(state.elementState.value.slice(0, placeholder.length));\n          this.primaryFiller.set(placeholder.slice(state.elementState.value.length));\n          return state;\n        },\n      ],\n      postprocessors: [\n        (elementState) => {\n          this.maskApplied.emit(elementState.value);\n          return elementState;\n        },\n        ...(mask.postprocessors ?? []),\n      ],\n    };\n\n    const maskedInput = new Maskito(this.primaryInputElement(), primaryMask);\n    this.maskedInput.set(maskedInput);\n\n    onCleanup(() => {\n      maskedInput.destroy();\n      this.maskedInput.set(null);\n    });\n  });\n\n  inputEffect = effect(() => {\n    const primaryInputElement = this.primaryInputElement();\n    untracked(() => primaryInputElement.dispatchEvent(new InputEvent('input')));\n  });\n}\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<span class=\"ghost\">{{ primaryGhost() }}</span>\n<span class=\"filler\">{{ primaryFiller() ?? placeholder() }}</span>\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  Input,\n  OnInit,\n  Signal,\n  inject,\n  Directive,\n  OnDestroy,\n  ElementRef,\n  DestroyRef,\n  HostBinding,\n  AfterViewInit,\n  ChangeDetectorRef,\n  input,\n} from '@angular/core';\n\nimport { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { Subject } from 'rxjs';\n\nimport { WattDateRange } from '@energinet/watt/core/date';\n\nimport { WattPickerValue } from './watt-picker-value';\n@Directive()\nexport abstract class WattPickerBase\n  implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor\n{\n  protected destroyRef = inject(DestroyRef);\n  protected changeDetectionRef = inject(ChangeDetectorRef);\n  protected ngControl = inject(NgControl, { optional: true });\n  protected elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  abstract input: Signal<ElementRef<HTMLInputElement> | undefined>;\n  abstract endInput: Signal<ElementRef<HTMLInputElement> | undefined>;\n  abstract startInput: Signal<ElementRef<HTMLInputElement> | undefined>;\n\n  static nextId = 0;\n\n  id: string;\n\n  initialValue: WattPickerValue = null;\n\n  focused = false;\n\n  controlType = 'mat-date-range-input'; // We keep the controlType of Material Date Range Input as is, to keep some styling.\n\n  stateChanges = new Subject<void>();\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  userAriaDescribedBy = input<string>(undefined, { alias: 'aria-describedby' });\n\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  set placeholder(value: string) {\n    this._placeholder = value;\n    this.stateChanges.next();\n  }\n\n  protected abstract _placeholder: string;\n\n  @Input()\n  get value(): WattDateRange | null {\n    if (this.ngControl?.valid) {\n      const {\n        value: { start, end },\n      } = this.ngControl;\n\n      return { start, end };\n    }\n\n    return null;\n  }\n\n  set value(value: WattPickerValue) {\n    const input = this.input();\n    const startInput = this.startInput();\n    const endInput = this.endInput();\n\n    const inputNotToBeInTheDocument = !this.range ? !input : !startInput;\n\n    if (inputNotToBeInTheDocument) {\n      this.initialValue = value;\n      return;\n    }\n\n    if (this.range) {\n      if (!startInput || !endInput) return;\n      this.setRangeValue(value as WattDateRange, startInput.nativeElement, endInput.nativeElement);\n    } else {\n      if (!input) return;\n      this.setSingleValue(value as Exclude<WattPickerValue, WattDateRange>, input.nativeElement);\n    }\n\n    this.stateChanges.next();\n  }\n\n  @Input()\n  set range(range: boolean) {\n    this._range = coerceBooleanProperty(range);\n  }\n  get range(): boolean {\n    return this._range;\n  }\n\n  private _range = false;\n\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n\n  set required(value: BooleanInput) {\n    this._required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n\n  private _required = false;\n\n  @HostBinding('attr.watt-field-disabled')\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n\n  private _disabled = false;\n\n  get empty() {\n    if (this.range) {\n      return !this.ngControl?.value?.start && !this.ngControl?.value?.end;\n    } else {\n      return this.ngControl?.value?.length === 0;\n    }\n  }\n\n  get errorState(): boolean {\n    return !!this.ngControl?.invalid && !!this.ngControl?.touched;\n  }\n\n  get shouldLabelFloat() {\n    return this.focused || !this.empty;\n  }\n\n  /**\n   *\n   * @ignore\n   */\n  control: FormControl | null = null;\n\n  constructor(id: string) {\n    this.id = id;\n    this.elementRef.nativeElement.setAttribute('id', id);\n\n    if (this.ngControl != null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngOnInit(): void {\n    this.control = this.ngControl?.control as FormControl;\n  }\n\n  ngAfterViewInit() {\n    if (this.initialValue) {\n      this.writeValue(this.initialValue);\n    }\n\n    if (this.range) {\n      this.initRangeInput();\n    } else {\n      this.initSingleInput();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.stateChanges.complete();\n  }\n\n  protected abstract initRangeInput(): void;\n\n  protected abstract initSingleInput(): void;\n\n  protected abstract setSingleValue(\n    value: Exclude<WattPickerValue, WattDateRange>,\n    input: HTMLInputElement\n  ): void;\n\n  protected abstract setRangeValue(\n    value: WattDateRange,\n    startInput: HTMLInputElement,\n    endInput: HTMLInputElement\n  ): void;\n\n  setDescribedByIds(ids: string[]) {\n    this.elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));\n  }\n\n  onContainerClick() {\n    // Intentionally left empty\n  }\n\n  writeValue(value: WattPickerValue): void {\n    this.value = value;\n  }\n\n  registerOnChange(onChangeFn: (value: string | WattDateRange) => void): void {\n    this.changeParentValue = onChangeFn;\n  }\n\n  registerOnTouched(onTouchFn: () => void) {\n    this.markParentControlAsTouched = onTouchFn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.changeDetectionRef.detectChanges();\n  }\n\n  onFocusIn() {\n    if (!this.focused) {\n      this.focused = true;\n      this.stateChanges.next();\n    }\n  }\n\n  onFocusOut(event: FocusEvent) {\n    const id = this.elementRef.nativeElement.attributes.getNamedItem('aria-owns');\n    const overlay = id ? document.getElementById(id.value) : null;\n    const isChild = overlay?.contains(event.relatedTarget as Element);\n\n    if (!this.elementRef.nativeElement.contains(event.relatedTarget as Element) && !isChild) {\n      this.focused = false;\n      this.markParentControlAsTouched();\n      this.stateChanges.next();\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected changeParentValue = (value: string | WattDateRange): void => {\n    // Intentionally left empty\n  };\n\n  protected markParentControlAsTouched = (): void => {\n    // Intentionally left empty\n  };\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattPlaceholderMaskComponent } from './placeholder-mask/watt-placeholder-mask.component';\nexport { WattPickerBase } from './watt-picker-base';\nexport { WattPickerValue } from './watt-picker-value';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-picker-__shared.mjs","sources":["../../../libs/watt/package/picker/__shared/placeholder-mask/watt-placeholder-mask.component.ts","../../../libs/watt/package/picker/__shared/placeholder-mask/watt-placeholder-mask.component.html","../../../libs/watt/package/picker/__shared/watt-picker-base.ts","../../../libs/watt/package/picker/__shared/index.ts","../../../libs/watt/package/picker/__shared/energinet-watt-picker-__shared.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  ChangeDetectorRef,\n  Component,\n  ViewEncapsulation,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { Maskito, MaskitoOptions } from '@maskito/core';\n\n@Component({\n  selector: 'watt-placeholder-mask',\n  templateUrl: './watt-placeholder-mask.component.html',\n  styleUrls: ['./watt-placeholder-mask.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WattPlaceholderMaskComponent {\n  cdr = inject(ChangeDetectorRef);\n  primaryInputElement = input.required<HTMLInputElement>();\n  secondaryInputElement = input<HTMLInputElement>();\n  mask = input.required<MaskitoOptions>();\n  placeholder = input.required<string>();\n  maskApplied = output<string>();\n  maskedInput = signal<Maskito | null>(null);\n  primaryGhost = signal('');\n  primaryFiller = signal<string | null>(null);\n\n  maskEffect = effect((onCleanup) => {\n    const placeholder = this.placeholder();\n    if (!placeholder) return;\n    const mask = this.mask();\n    const primaryMask: MaskitoOptions = {\n      ...mask,\n      preprocessors: [\n        ...(mask.preprocessors ?? []),\n        (state) => {\n          this.primaryGhost.set(state.elementState.value.slice(0, placeholder.length));\n          this.primaryFiller.set(placeholder.slice(state.elementState.value.length));\n          return state;\n        },\n      ],\n      postprocessors: [\n        (elementState) => {\n          this.maskApplied.emit(elementState.value);\n          return elementState;\n        },\n        ...(mask.postprocessors ?? []),\n      ],\n    };\n\n    const maskedInput = new Maskito(this.primaryInputElement(), primaryMask);\n    this.maskedInput.set(maskedInput);\n\n    onCleanup(() => {\n      maskedInput.destroy();\n      this.maskedInput.set(null);\n    });\n  });\n\n  inputEffect = effect(() => {\n    const primaryInputElement = this.primaryInputElement();\n    untracked(() => primaryInputElement.dispatchEvent(new InputEvent('input')));\n  });\n}\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<span class=\"ghost\">{{ primaryGhost() }}</span>\n<span class=\"filler\">{{ primaryFiller() ?? placeholder() }}</span>\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  Signal,\n  OnInit,\n  inject,\n  signal,\n  Directive,\n  ElementRef,\n  DestroyRef,\n  AfterViewInit,\n  ChangeDetectorRef,\n  input,\n  computed,\n} from '@angular/core';\n\nimport { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { WattDateRange } from '@energinet/watt/core/date';\n\nimport { WattPickerValue } from './watt-picker-value';\n\n@Directive({\n  host: {\n    '[attr.watt-field-disabled]': 'disabled()',\n  },\n})\nexport abstract class WattPickerBase implements OnInit, AfterViewInit, ControlValueAccessor {\n  protected destroyRef = inject(DestroyRef);\n  protected changeDetectionRef = inject(ChangeDetectorRef);\n  protected ngControl = inject(NgControl, { optional: true });\n  protected elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  abstract input: Signal<ElementRef<HTMLInputElement> | undefined>;\n  abstract endInput: Signal<ElementRef<HTMLInputElement> | undefined>;\n  abstract startInput: Signal<ElementRef<HTMLInputElement> | undefined>;\n\n  static nextId = 0;\n\n  id: string;\n\n  initialValue: WattPickerValue = null;\n\n  focused = signal(false);\n\n  controlType = 'mat-date-range-input'; // We keep the controlType of Material Date Range Input as is, to keep some styling.\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  userAriaDescribedBy = input<string>(undefined, { alias: 'aria-describedby' });\n\n  placeholder = signal('');\n\n  get value(): WattDateRange | null {\n    if (this.ngControl?.valid) {\n      const {\n        value: { start, end },\n      } = this.ngControl;\n\n      return { start, end };\n    }\n\n    return null;\n  }\n\n  protected setValue(value: WattPickerValue) {\n    const input = this.input();\n    const startInput = this.startInput();\n    const endInput = this.endInput();\n\n    const inputNotToBeInTheDocument = !this.range() ? !input : !startInput;\n\n    if (inputNotToBeInTheDocument) {\n      this.initialValue = value;\n      return;\n    }\n\n    if (this.range()) {\n      if (!startInput || !endInput) return;\n      this.setRangeValue(value as WattDateRange, startInput.nativeElement, endInput.nativeElement);\n    } else {\n      if (!input) return;\n      this.setSingleValue(value as Exclude<WattPickerValue, WattDateRange>, input.nativeElement);\n    }\n  }\n\n  range = input<boolean, BooleanInput>(false, { transform: coerceBooleanProperty });\n\n  required = input<boolean, BooleanInput>(false, { transform: coerceBooleanProperty });\n\n  disabledInput = input<boolean, BooleanInput>(false, {\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'disabled',\n    transform: coerceBooleanProperty,\n  });\n  protected disabledState = signal(false);\n  disabled = computed(() => this.disabledInput() || this.disabledState());\n\n  get empty(): boolean {\n    if (this.range()) {\n      return !this.ngControl?.value?.start && !this.ngControl?.value?.end;\n    } else {\n      return this.ngControl?.value?.length === 0;\n    }\n  }\n\n  get errorState(): boolean {\n    return !!this.ngControl?.invalid && !!this.ngControl?.touched;\n  }\n\n  shouldLabelFloat = computed(() => {\n    return this.focused() || !this.empty;\n  });\n\n  /**\n   *\n   * @ignore\n   */\n  control: FormControl | null = null;\n\n  constructor(id: string) {\n    this.id = id;\n    this.elementRef.nativeElement.setAttribute('id', id);\n\n    if (this.ngControl != null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngOnInit(): void {\n    this.control = this.ngControl?.control as FormControl;\n  }\n\n  ngAfterViewInit(): void {\n    if (this.initialValue) {\n      this.writeValue(this.initialValue);\n    }\n\n    if (this.range()) {\n      this.initRangeInput();\n    } else {\n      this.initSingleInput();\n    }\n  }\n\n  protected abstract initRangeInput(): void;\n\n  protected abstract initSingleInput(): void;\n\n  protected abstract setSingleValue(\n    value: Exclude<WattPickerValue, WattDateRange>,\n    input: HTMLInputElement\n  ): void;\n\n  protected abstract setRangeValue(\n    value: WattDateRange,\n    startInput: HTMLInputElement,\n    endInput: HTMLInputElement\n  ): void;\n\n  setDescribedByIds(ids: string[]) {\n    this.elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));\n  }\n\n  onContainerClick() {\n    // Intentionally left empty\n  }\n\n  writeValue(value: WattPickerValue): void {\n    this.setValue(value);\n  }\n\n  registerOnChange(onChangeFn: (value: string | WattDateRange) => void): void {\n    this.changeParentValue = onChangeFn;\n  }\n\n  registerOnTouched(onTouchFn: () => void) {\n    this.markParentControlAsTouched = onTouchFn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledState.set(isDisabled);\n    this.changeDetectionRef.detectChanges();\n  }\n\n  onFocusIn() {\n    if (!this.focused()) {\n      this.focused.set(true);\n    }\n  }\n\n  onFocusOut(event: FocusEvent) {\n    const id = this.elementRef.nativeElement.attributes.getNamedItem('aria-owns');\n    const overlay = id ? document.getElementById(id.value) : null;\n    const isChild = overlay?.contains(event.relatedTarget as Element);\n\n    if (!this.elementRef.nativeElement.contains(event.relatedTarget as Element) && !isChild) {\n      this.focused.set(false);\n      this.markParentControlAsTouched();\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected changeParentValue = (value: string | WattDateRange): void => {\n    // Intentionally left empty\n  };\n\n  protected markParentControlAsTouched = (): void => {\n    // Intentionally left empty\n  };\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattPlaceholderMaskComponent } from './placeholder-mask/watt-placeholder-mask.component';\nexport { WattPickerBase } from './watt-picker-base';\nexport { WattPickerValue } from './watt-picker-value';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-picker-datepicker.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, ChangeDetectorRef, LOCALE_ID, input, booleanAttribute, viewChild, computed, linkedSignal, effect, ViewEncapsulation, Component, Injectable } from '@angular/core';
+import { inject, ElementRef, ChangeDetectorRef, input, booleanAttribute, viewChild, signal, computed, linkedSignal, effect, ViewEncapsulation, Component, Injectable } from '@angular/core';
 import * as i1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldControl } from '@angular/material/form-field';
@@ -44,7 +44,6 @@ class WattDatepickerComponent extends WattPickerBase {
     changeDetectionRef = inject(ChangeDetectorRef);
     ngControl = inject(NgControl, { optional: true, self: true });
     localeService = inject(WattLocaleService);
-    locale = inject(LOCALE_ID);
     max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : []));
     min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : []));
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
@@ -61,9 +60,8 @@ class WattDatepickerComponent extends WattPickerBase {
     input = viewChild('dateInput', ...(ngDevMode ? [{ debugName: "input" }] : []));
     endInput = viewChild('endDateInput', ...(ngDevMode ? [{ debugName: "endInput" }] : []));
     startInput = viewChild('startDateInput', ...(ngDevMode ? [{ debugName: "startInput" }] : []));
-    _placeholder = this.getPlaceholderByLocale(this.locale);
     rangeSeparator = ' - ';
-    rangePlaceholder = this.getRangePlaceholder();
+    rangePlaceholder = signal('', ...(ngDevMode ? [{ debugName: "rangePlaceholder" }] : []));
     inputMask = computed(() => maskitoDateOptionsGenerator({
         mode: 'dd/mm/yyyy',
         separator: '-',
@@ -76,11 +74,9 @@ class WattDatepickerComponent extends WattPickerBase {
         max: this.max(),
         min: this.min(),
     }), ...(ngDevMode ? [{ debugName: "rangeInputMask" }] : []));
-    getPlaceholderByLocale(locale) {
-        return locale === 'da' ? 'dd-mm-åååå' : 'dd-mm-yyyy';
-    }
+    getPlaceholderByLocale = (locale) => locale === 'da' ? 'dd-mm-åååå' : 'dd-mm-yyyy';
     getRangePlaceholder() {
-        return this.placeholder + this.rangeSeparator + this.placeholder;
+        return this.placeholder() + this.rangeSeparator + this.placeholder();
     }
     isPrevDayButtonDisabled = linkedSignal(() => this.isPrevDayBeforeOrEqualToMinDate(), ...(ngDevMode ? [{ debugName: "isPrevDayButtonDisabled" }] : []));
     isNextDayButtonDisabled = linkedSignal(() => this.isNextDayAfterOrEqualToMaxDate(), ...(ngDevMode ? [{ debugName: "isNextDayButtonDisabled" }] : []));
@@ -88,8 +84,8 @@ class WattDatepickerComponent extends WattPickerBase {
         super(`watt-datepicker-${WattDatepickerComponent.nextId++}`);
         effect(() => {
             const locale = this.localeService.locale();
-            this.placeholder = this.getPlaceholderByLocale(locale);
-            this.rangePlaceholder = this.getRangePlaceholder();
+            this.placeholder.set(this.getPlaceholderByLocale(locale));
+            this.rangePlaceholder.set(this.getRangePlaceholder());
         });
         effect(() => {
             this.rangeMonthOnlyMode();
@@ -119,12 +115,12 @@ class WattDatepickerComponent extends WattPickerBase {
         }
     }
     inputChanged(value) {
-        const dateString = value.slice(0, this.placeholder.length);
+        const dateString = value.slice(0, this.placeholder().length);
         if (dateString.length === 0) {
             this.control?.setValue(null);
             return;
         }
-        if (dateString.length !== this.placeholder.length) {
+        if (dateString.length !== this.placeholder().length) {
             return;
         }
         const date = this.parseDateShortFormat(dateString);
@@ -173,16 +169,16 @@ class WattDatepickerComponent extends WattPickerBase {
         actualInput.nativeElement.dispatchEvent(new InputEvent('input'));
     }
     rangeInputChanged(value) {
-        const startDateString = value.slice(0, this.placeholder.length);
+        const startDateString = value.slice(0, this.placeholder().length);
         if (startDateString.length === 0) {
             this.control?.setValue(null);
             return;
         }
-        if (startDateString.length !== this.placeholder.length) {
+        if (startDateString.length !== this.placeholder().length) {
             return;
         }
         const start = this.parseDateShortFormat(startDateString);
-        const endDateString = value.slice(this.placeholder.length + this.rangeSeparator.length);
+        const endDateString = value.slice(this.placeholder().length + this.rangeSeparator.length);
         let end = this.setEndDateToDanishTimeZone(endDateString);
         if (end !== null) {
             end = this.setToEndOfDay(end);
@@ -290,7 +286,7 @@ class WattDatepickerComponent extends WattPickerBase {
         return maybeDateInDanishTimeZone;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattDatepickerComponent, isStandalone: true, selector: "watt-datepicker", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, rangeMonthOnlyMode: { classPropertyName: "rangeMonthOnlyMode", publicName: "rangeMonthOnlyMode", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null }, dateClass: { classPropertyName: "dateClass", publicName: "dateClass", isSignal: true, isRequired: false, transformFunction: null }, canStepThroughDays: { classPropertyName: "canStepThroughDays", publicName: "canStepThroughDays", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: MatFormFieldControl, useExisting: WattDatepickerComponent }], viewQueries: [{ propertyName: "matEndDate", first: true, predicate: MatEndDate, descendants: true, isSignal: true }, { propertyName: "matStartDate", first: true, predicate: MatStartDate, descendants: true, isSignal: true }, { propertyName: "matDateRangeInput", first: true, predicate: MatDateRangeInput, descendants: true, isSignal: true }, { propertyName: "matDatepickerInput", first: true, predicate: MatDatepickerInput, descendants: true, isSignal: true }, { propertyName: "matDateRangePicker", first: true, predicate: MatDateRangePicker, descendants: true, isSignal: true }, { propertyName: "actualInput", first: true, predicate: ["actualInput"], descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: ["dateInput"], descendants: true, isSignal: true }, { propertyName: "endInput", first: true, predicate: ["endDateInput"], descendants: true, isSignal: true }, { propertyName: "startInput", first: true, predicate: ["startDateInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<watt-field [control]=\"control\" [label]=\"label()\">\n  @if (range) {\n    <mat-date-range-input\n      [disabled]=\"disabled\"\n      [rangePicker]=\"rangeDatepicker\"\n      [min]=\"min() ?? null\"\n      [max]=\"max() ?? null\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-date-input\"\n        matStartDate\n        #startDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n\n      <input\n        inert\n        aria-label=\"end-date-input\"\n        matEndDate\n        #endDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n    </mat-date-range-input>\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"rangeInputMask()\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled\"\n      [attr.aria-pressed]=\"false\"\n      (click)=\"rangeDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-date-range-picker\n      [panelClass]=\"rangeMonthOnlyMode() ? 'watt-datepicker-range__panel--month-only' : ''\"\n      [startView]=\"rangeMonthOnlyMode() ? 'multi-year' : 'month'\"\n      [startAt]=\"startAt()\"\n      (monthSelected)=\"onMonthSelected($event)\"\n      (closed)=\"rangePickerClosed()\"\n      #rangeDatepicker\n    />\n  } @else {\n    <input\n      inert\n      matInput\n      tabindex=\"-1\"\n      aria-label=\"date-input\"\n      #dateInput\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [matDatepicker]=\"singleDatepicker\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"inputMask()\"\n      [placeholder]=\"placeholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n\n    <watt-button\n      wattSuffix\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled\"\n      (click)=\"singleDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-datepicker\n      #singleDatepicker\n      panelClass=\"watt-datepicker-single__panel\"\n      [dateClass]=\"dateClass()\"\n      [startAt]=\"startAt()\"\n      (closed)=\"datepickerClosed()\"\n    />\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n  <ng-content ngProjectAs=\"watt-field-warning\" select=\"watt-field-warning\" />\n</watt-field>\n\n@if (!range && canStepThroughDays()) {\n  <span\n    class=\"watt-datepicker-single__step-through\"\n    [class.watt-datepicker-single__has-label]=\"!!label()\"\n  >\n    <watt-button\n      variant=\"icon\"\n      icon=\"left\"\n      (click)=\"prevDay()\"\n      [disabled]=\"disabled || isPrevDayButtonDisabled()\"\n    />\n    <watt-button\n      variant=\"icon\"\n      icon=\"right\"\n      (click)=\"nextDay()\"\n      [disabled]=\"disabled || isNextDayButtonDisabled()\"\n    />\n  </span>\n}\n", styles: ["watt-datepicker{display:flex;align-items:center;width:100%}watt-datepicker watt-button[variant=icon]{margin-left:auto}watt-datepicker watt-button[variant=icon] .watt-button--icon{height:42px}watt-datepicker mat-datepicker,watt-datepicker mat-date-range-picker{display:none}watt-datepicker input.mat-date-range-input-inner,watt-datepicker input.mat-mdc-input-element,watt-datepicker .mat-date-range-input-mirror,watt-datepicker input.mask-input{font-family:Droid Sans Mono,monospace}watt-datepicker input.mat-date-range-input-inner,watt-datepicker input.mat-mdc-input-element,watt-datepicker input.mask-input{border:none;caret-color:var(--watt-color-neutral-black);letter-spacing:-.03em;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}watt-datepicker input.mask-input{color:#000}watt-datepicker input.mask-input{position:absolute;min-width:100%;padding:2px 1px}watt-datepicker input.mask-input:focus-visible{outline:none}watt-datepicker .mat-date-range-input-container{align-items:initial}watt-datepicker .mat-date-range-input-start-wrapper,watt-datepicker .mat-date-range-input-end-wrapper{max-width:calc(50% - var(--watt-space-s));overflow:visible;position:relative}watt-datepicker .mat-date-range-input-separator{display:flex;align-items:center}watt-datepicker .mat-date-range-input-separator-hidden,watt-datepicker .mat-date-range-input-separator{opacity:0!important}watt-datepicker .mat-date-range-input-inner::-webkit-input-placeholder{color:var(--watt-color-neutral-grey-500)!important;-webkit-text-fill-color:var(--watt-color-neutral-grey-500)}watt-datepicker watt-button .mat-button{background:transparent}watt-datepicker:has(.watt-datepicker-single__step-through){align-items:flex-start}watt-datepicker:has(.watt-datepicker-single__step-through) .watt-datepicker-single__step-through{display:flex;margin-top:1px}watt-datepicker:has(.watt-datepicker-single__has-label) .watt-datepicker-single__step-through{margin-top:28px}.watt-datepicker-range__panel--month-only .mat-calendar-period-button{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattPlaceholderMaskComponent, selector: "watt-placeholder-mask", inputs: ["primaryInputElement", "secondaryInputElement", "mask", "placeholder"], outputs: ["maskApplied"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattDatepickerComponent, isStandalone: true, selector: "watt-datepicker", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, rangeMonthOnlyMode: { classPropertyName: "rangeMonthOnlyMode", publicName: "rangeMonthOnlyMode", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null }, dateClass: { classPropertyName: "dateClass", publicName: "dateClass", isSignal: true, isRequired: false, transformFunction: null }, canStepThroughDays: { classPropertyName: "canStepThroughDays", publicName: "canStepThroughDays", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: MatFormFieldControl, useExisting: WattDatepickerComponent }], viewQueries: [{ propertyName: "matEndDate", first: true, predicate: MatEndDate, descendants: true, isSignal: true }, { propertyName: "matStartDate", first: true, predicate: MatStartDate, descendants: true, isSignal: true }, { propertyName: "matDateRangeInput", first: true, predicate: MatDateRangeInput, descendants: true, isSignal: true }, { propertyName: "matDatepickerInput", first: true, predicate: MatDatepickerInput, descendants: true, isSignal: true }, { propertyName: "matDateRangePicker", first: true, predicate: MatDateRangePicker, descendants: true, isSignal: true }, { propertyName: "actualInput", first: true, predicate: ["actualInput"], descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: ["dateInput"], descendants: true, isSignal: true }, { propertyName: "endInput", first: true, predicate: ["endDateInput"], descendants: true, isSignal: true }, { propertyName: "startInput", first: true, predicate: ["startDateInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<watt-field [control]=\"control\" [label]=\"label()\">\n  @if (range()) {\n    <mat-date-range-input\n      [disabled]=\"disabled()\"\n      [rangePicker]=\"rangeDatepicker\"\n      [min]=\"min() ?? null\"\n      [max]=\"max() ?? null\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-date-input\"\n        matStartDate\n        #startDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n\n      <input\n        inert\n        aria-label=\"end-date-input\"\n        matEndDate\n        #endDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n    </mat-date-range-input>\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"rangeInputMask()\"\n      [placeholder]=\"rangePlaceholder()\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled()\"\n      [attr.aria-pressed]=\"false\"\n      (click)=\"rangeDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-date-range-picker\n      [panelClass]=\"rangeMonthOnlyMode() ? 'watt-datepicker-range__panel--month-only' : ''\"\n      [startView]=\"rangeMonthOnlyMode() ? 'multi-year' : 'month'\"\n      [startAt]=\"startAt()\"\n      (monthSelected)=\"onMonthSelected($event)\"\n      (closed)=\"rangePickerClosed()\"\n      #rangeDatepicker\n    />\n  } @else {\n    <input\n      inert\n      matInput\n      tabindex=\"-1\"\n      aria-label=\"date-input\"\n      #dateInput\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [matDatepicker]=\"singleDatepicker\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"inputMask()\"\n      [placeholder]=\"placeholder()\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n\n    <watt-button\n      wattSuffix\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled()\"\n      (click)=\"singleDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-datepicker\n      #singleDatepicker\n      panelClass=\"watt-datepicker-single__panel\"\n      [dateClass]=\"dateClass()\"\n      [startAt]=\"startAt()\"\n      (closed)=\"datepickerClosed()\"\n    />\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n  <ng-content ngProjectAs=\"watt-field-warning\" select=\"watt-field-warning\" />\n</watt-field>\n\n@if (!range() && canStepThroughDays()) {\n  <span\n    class=\"watt-datepicker-single__step-through\"\n    [class.watt-datepicker-single__has-label]=\"!!label()\"\n  >\n    <watt-button\n      variant=\"icon\"\n      icon=\"left\"\n      (click)=\"prevDay()\"\n      [disabled]=\"disabled() || isPrevDayButtonDisabled()\"\n    />\n    <watt-button\n      variant=\"icon\"\n      icon=\"right\"\n      (click)=\"nextDay()\"\n      [disabled]=\"disabled() || isNextDayButtonDisabled()\"\n    />\n  </span>\n}\n", styles: ["watt-datepicker{display:flex;align-items:center;width:100%}watt-datepicker watt-button[variant=icon]{margin-left:auto}watt-datepicker watt-button[variant=icon] .watt-button--icon{height:42px}watt-datepicker mat-datepicker,watt-datepicker mat-date-range-picker{display:none}watt-datepicker input.mat-date-range-input-inner,watt-datepicker input.mat-mdc-input-element,watt-datepicker .mat-date-range-input-mirror,watt-datepicker input.mask-input{font-family:Droid Sans Mono,monospace}watt-datepicker input.mat-date-range-input-inner,watt-datepicker input.mat-mdc-input-element,watt-datepicker input.mask-input{border:none;caret-color:var(--watt-color-neutral-black);letter-spacing:-.03em;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}watt-datepicker input.mask-input{color:#000}watt-datepicker input.mask-input{position:absolute;min-width:100%;padding:2px 1px}watt-datepicker input.mask-input:focus-visible{outline:none}watt-datepicker .mat-date-range-input-container{align-items:initial}watt-datepicker .mat-date-range-input-start-wrapper,watt-datepicker .mat-date-range-input-end-wrapper{max-width:calc(50% - var(--watt-space-s));overflow:visible;position:relative}watt-datepicker .mat-date-range-input-separator{display:flex;align-items:center}watt-datepicker .mat-date-range-input-separator-hidden,watt-datepicker .mat-date-range-input-separator{opacity:0!important}watt-datepicker .mat-date-range-input-inner::-webkit-input-placeholder{color:var(--watt-color-neutral-grey-500)!important;-webkit-text-fill-color:var(--watt-color-neutral-grey-500)}watt-datepicker watt-button .mat-button{background:transparent}watt-datepicker:has(.watt-datepicker-single__step-through){align-items:flex-start}watt-datepicker:has(.watt-datepicker-single__step-through) .watt-datepicker-single__step-through{display:flex;margin-top:1px}watt-datepicker:has(.watt-datepicker-single__has-label) .watt-datepicker-single__step-through{margin-top:28px}.watt-datepicker-range__panel--month-only .mat-calendar-period-button{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattPlaceholderMaskComponent, selector: "watt-placeholder-mask", inputs: ["primaryInputElement", "secondaryInputElement", "mask", "placeholder"], outputs: ["maskApplied"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattDatepickerComponent, decorators: [{
             type: Component,
@@ -300,7 +296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         WattFieldComponent,
                         WattButtonComponent,
                         WattPlaceholderMaskComponent,
-                    ], 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<watt-field [control]=\"control\" [label]=\"label()\">\n  @if (range) {\n    <mat-date-range-input\n      [disabled]=\"disabled\"\n      [rangePicker]=\"rangeDatepicker\"\n      [min]=\"min() ?? null\"\n      [max]=\"max() ?? null\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-date-input\"\n        matStartDate\n        #startDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n\n      <input\n        inert\n        aria-label=\"end-date-input\"\n        matEndDate\n        #endDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n    </mat-date-range-input>\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"rangeInputMask()\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled\"\n      [attr.aria-pressed]=\"false\"\n      (click)=\"rangeDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-date-range-picker\n      [panelClass]=\"rangeMonthOnlyMode() ? 'watt-datepicker-range__panel--month-only' : ''\"\n      [startView]=\"rangeMonthOnlyMode() ? 'multi-year' : 'month'\"\n      [startAt]=\"startAt()\"\n      (monthSelected)=\"onMonthSelected($event)\"\n      (closed)=\"rangePickerClosed()\"\n      #rangeDatepicker\n    />\n  } @else {\n    <input\n      inert\n      matInput\n      tabindex=\"-1\"\n      aria-label=\"date-input\"\n      #dateInput\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [matDatepicker]=\"singleDatepicker\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"inputMask()\"\n      [placeholder]=\"placeholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n\n    <watt-button\n      wattSuffix\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled\"\n      (click)=\"singleDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-datepicker\n      #singleDatepicker\n      panelClass=\"watt-datepicker-single__panel\"\n      [dateClass]=\"dateClass()\"\n      [startAt]=\"startAt()\"\n      (closed)=\"datepickerClosed()\"\n    />\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n  <ng-content ngProjectAs=\"watt-field-warning\" select=\"watt-field-warning\" />\n</watt-field>\n\n@if (!range && canStepThroughDays()) {\n  <span\n    class=\"watt-datepicker-single__step-through\"\n    [class.watt-datepicker-single__has-label]=\"!!label()\"\n  >\n    <watt-button\n      variant=\"icon\"\n      icon=\"left\"\n      (click)=\"prevDay()\"\n      [disabled]=\"disabled || isPrevDayButtonDisabled()\"\n    />\n    <watt-button\n      variant=\"icon\"\n      icon=\"right\"\n      (click)=\"nextDay()\"\n      [disabled]=\"disabled || isNextDayButtonDisabled()\"\n    />\n  </span>\n}\n", styles: ["watt-datepicker{display:flex;align-items:center;width:100%}watt-datepicker watt-button[variant=icon]{margin-left:auto}watt-datepicker watt-button[variant=icon] .watt-button--icon{height:42px}watt-datepicker mat-datepicker,watt-datepicker mat-date-range-picker{display:none}watt-datepicker input.mat-date-range-input-inner,watt-datepicker input.mat-mdc-input-element,watt-datepicker .mat-date-range-input-mirror,watt-datepicker input.mask-input{font-family:Droid Sans Mono,monospace}watt-datepicker input.mat-date-range-input-inner,watt-datepicker input.mat-mdc-input-element,watt-datepicker input.mask-input{border:none;caret-color:var(--watt-color-neutral-black);letter-spacing:-.03em;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}watt-datepicker input.mask-input{color:#000}watt-datepicker input.mask-input{position:absolute;min-width:100%;padding:2px 1px}watt-datepicker input.mask-input:focus-visible{outline:none}watt-datepicker .mat-date-range-input-container{align-items:initial}watt-datepicker .mat-date-range-input-start-wrapper,watt-datepicker .mat-date-range-input-end-wrapper{max-width:calc(50% - var(--watt-space-s));overflow:visible;position:relative}watt-datepicker .mat-date-range-input-separator{display:flex;align-items:center}watt-datepicker .mat-date-range-input-separator-hidden,watt-datepicker .mat-date-range-input-separator{opacity:0!important}watt-datepicker .mat-date-range-input-inner::-webkit-input-placeholder{color:var(--watt-color-neutral-grey-500)!important;-webkit-text-fill-color:var(--watt-color-neutral-grey-500)}watt-datepicker watt-button .mat-button{background:transparent}watt-datepicker:has(.watt-datepicker-single__step-through){align-items:flex-start}watt-datepicker:has(.watt-datepicker-single__step-through) .watt-datepicker-single__step-through{display:flex;margin-top:1px}watt-datepicker:has(.watt-datepicker-single__has-label) .watt-datepicker-single__step-through{margin-top:28px}.watt-datepicker-range__panel--month-only .mat-calendar-period-button{pointer-events:none}\n"] }]
+                    ], 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<watt-field [control]=\"control\" [label]=\"label()\">\n  @if (range()) {\n    <mat-date-range-input\n      [disabled]=\"disabled()\"\n      [rangePicker]=\"rangeDatepicker\"\n      [min]=\"min() ?? null\"\n      [max]=\"max() ?? null\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-date-input\"\n        matStartDate\n        #startDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n\n      <input\n        inert\n        aria-label=\"end-date-input\"\n        matEndDate\n        #endDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n    </mat-date-range-input>\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"rangeInputMask()\"\n      [placeholder]=\"rangePlaceholder()\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled()\"\n      [attr.aria-pressed]=\"false\"\n      (click)=\"rangeDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-date-range-picker\n      [panelClass]=\"rangeMonthOnlyMode() ? 'watt-datepicker-range__panel--month-only' : ''\"\n      [startView]=\"rangeMonthOnlyMode() ? 'multi-year' : 'month'\"\n      [startAt]=\"startAt()\"\n      (monthSelected)=\"onMonthSelected($event)\"\n      (closed)=\"rangePickerClosed()\"\n      #rangeDatepicker\n    />\n  } @else {\n    <input\n      inert\n      matInput\n      tabindex=\"-1\"\n      aria-label=\"date-input\"\n      #dateInput\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [matDatepicker]=\"singleDatepicker\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"inputMask()\"\n      [placeholder]=\"placeholder()\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n\n    <watt-button\n      wattSuffix\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled()\"\n      (click)=\"singleDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-datepicker\n      #singleDatepicker\n      panelClass=\"watt-datepicker-single__panel\"\n      [dateClass]=\"dateClass()\"\n      [startAt]=\"startAt()\"\n      (closed)=\"datepickerClosed()\"\n    />\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n  <ng-content ngProjectAs=\"watt-field-warning\" select=\"watt-field-warning\" />\n</watt-field>\n\n@if (!range() && canStepThroughDays()) {\n  <span\n    class=\"watt-datepicker-single__step-through\"\n    [class.watt-datepicker-single__has-label]=\"!!label()\"\n  >\n    <watt-button\n      variant=\"icon\"\n      icon=\"left\"\n      (click)=\"prevDay()\"\n      [disabled]=\"disabled() || isPrevDayButtonDisabled()\"\n    />\n    <watt-button\n      variant=\"icon\"\n      icon=\"right\"\n      (click)=\"nextDay()\"\n      [disabled]=\"disabled() || isNextDayButtonDisabled()\"\n    />\n  </span>\n}\n", styles: ["watt-datepicker{display:flex;align-items:center;width:100%}watt-datepicker watt-button[variant=icon]{margin-left:auto}watt-datepicker watt-button[variant=icon] .watt-button--icon{height:42px}watt-datepicker mat-datepicker,watt-datepicker mat-date-range-picker{display:none}watt-datepicker input.mat-date-range-input-inner,watt-datepicker input.mat-mdc-input-element,watt-datepicker .mat-date-range-input-mirror,watt-datepicker input.mask-input{font-family:Droid Sans Mono,monospace}watt-datepicker input.mat-date-range-input-inner,watt-datepicker input.mat-mdc-input-element,watt-datepicker input.mask-input{border:none;caret-color:var(--watt-color-neutral-black);letter-spacing:-.03em;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}watt-datepicker input.mask-input{color:#000}watt-datepicker input.mask-input{position:absolute;min-width:100%;padding:2px 1px}watt-datepicker input.mask-input:focus-visible{outline:none}watt-datepicker .mat-date-range-input-container{align-items:initial}watt-datepicker .mat-date-range-input-start-wrapper,watt-datepicker .mat-date-range-input-end-wrapper{max-width:calc(50% - var(--watt-space-s));overflow:visible;position:relative}watt-datepicker .mat-date-range-input-separator{display:flex;align-items:center}watt-datepicker .mat-date-range-input-separator-hidden,watt-datepicker .mat-date-range-input-separator{opacity:0!important}watt-datepicker .mat-date-range-input-inner::-webkit-input-placeholder{color:var(--watt-color-neutral-grey-500)!important;-webkit-text-fill-color:var(--watt-color-neutral-grey-500)}watt-datepicker watt-button .mat-button{background:transparent}watt-datepicker:has(.watt-datepicker-single__step-through){align-items:flex-start}watt-datepicker:has(.watt-datepicker-single__step-through) .watt-datepicker-single__step-through{display:flex;margin-top:1px}watt-datepicker:has(.watt-datepicker-single__has-label) .watt-datepicker-single__step-through{margin-top:28px}.watt-datepicker-range__panel--month-only .mat-calendar-period-button{pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], rangeMonthOnlyMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeMonthOnlyMode", required: false }] }], startAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAt", required: false }] }], dateClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateClass", required: false }] }], canStepThroughDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "canStepThroughDays", required: false }] }], matEndDate: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatEndDate), { isSignal: true }] }], matStartDate: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatStartDate), { isSignal: true }] }], matDateRangeInput: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatDateRangeInput), { isSignal: true }] }], matDatepickerInput: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatDatepickerInput), { isSignal: true }] }], matDateRangePicker: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatDateRangePicker), { isSignal: true }] }], actualInput: [{ type: i0.ViewChild, args: ['actualInput', { isSignal: true }] }], input: [{ type: i0.ViewChild, args: ['dateInput', { isSignal: true }] }], endInput: [{ type: i0.ViewChild, args: ['endDateInput', { isSignal: true }] }], startInput: [{ type: i0.ViewChild, args: ['startDateInput', { isSignal: true }] }] } });
 
 //#region License

package/fesm2022/energinet-watt-picker-datepicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-picker-datepicker.mjs","sources":["../../../libs/watt/package/picker/datepicker/watt-datepicker.component.ts","../../../libs/watt/package/picker/datepicker/watt-datepicker.component.html","../../../libs/watt/package/picker/datepicker/watt-datepicker-intl.service.ts","../../../libs/watt/package/picker/datepicker/index.ts","../../../libs/watt/package/picker/datepicker/energinet-watt-picker-datepicker.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  input,\n  effect,\n  inject,\n  computed,\n  Component,\n  LOCALE_ID,\n  viewChild,\n  ElementRef,\n  linkedSignal,\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectorRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { MatInputModule } from '@angular/material/input';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { AbstractControl, NgControl, Validator } from '@angular/forms';\n\nimport {\n  MatEndDate,\n  MatStartDate,\n  MatDateRangeInput,\n  MatDateRangePicker,\n  MatDatepickerInput,\n  MatDatepickerModule,\n  MatCalendarCellClassFunction,\n} from '@angular/material/datepicker';\n\nimport { maskitoDateOptionsGenerator, maskitoDateRangeOptionsGenerator } from '@maskito/kit';\n\nimport {\n  dayjs,\n  WattRange,\n  WattDateRange,\n  WattLocaleService,\n  WattSupportedLocales,\n} from '@energinet/watt/core/date';\n\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\nimport {\n  WattPickerBase,\n  WattPickerValue,\n  WattPlaceholderMaskComponent,\n} from '@energinet/watt/picker/__shared';\n\nconst dateShortFormat = 'DD-MM-YYYY';\nexport const danishTimeZoneIdentifier = 'Europe/Copenhagen';\n\n/**\n * Usage:\n * `import { WattDatepickerComponent } from '@energinet/watt/datepicker';`\n *\n * IMPORTANT:\n * The styling is calculated based on our monospaced font.\n */\n@Component({\n  selector: 'watt-datepicker',\n  templateUrl: './watt-datepicker.component.html',\n  styleUrls: ['./watt-datepicker.component.scss'],\n  providers: [{ provide: MatFormFieldControl, useExisting: WattDatepickerComponent }],\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    MatInputModule,\n    MatDatepickerModule,\n\n    WattFieldComponent,\n    WattButtonComponent,\n    WattPlaceholderMaskComponent,\n  ],\n})\nexport class WattDatepickerComponent extends WattPickerBase implements Validator, AfterViewInit {\n  protected override elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected override changeDetectionRef = inject(ChangeDetectorRef);\n  protected override ngControl = inject(NgControl, { optional: true, self: true });\n  private localeService = inject(WattLocaleService);\n  private locale = inject<WattSupportedLocales>(LOCALE_ID);\n\n  max = input<Date>();\n  min = input<Date>();\n  label = input<string>('');\n  rangeMonthOnlyMode = input(false);\n  startAt = input<Date | null>(null);\n  dateClass = input<MatCalendarCellClassFunction<Date>>(() => '');\n  canStepThroughDays = input(false, { transform: booleanAttribute });\n\n  matEndDate = viewChild<MatEndDate<Date | null>>(MatEndDate);\n  matStartDate = viewChild<MatStartDate<Date | null>>(MatStartDate);\n  matDateRangeInput = viewChild<MatDateRangeInput<Date | null>>(MatDateRangeInput);\n  matDatepickerInput = viewChild<MatDatepickerInput<Date | null>>(MatDatepickerInput);\n  matDateRangePicker = viewChild<MatDateRangePicker<Date | null>>(MatDateRangePicker);\n\n  actualInput = viewChild<ElementRef<HTMLInputElement>>('actualInput');\n  override input = viewChild<ElementRef<HTMLInputElement>>('dateInput');\n  override endInput = viewChild<ElementRef<HTMLInputElement>>('endDateInput');\n  override startInput = viewChild<ElementRef<HTMLInputElement>>('startDateInput');\n\n  protected _placeholder = this.getPlaceholderByLocale(this.locale);\n\n  rangeSeparator = ' - ';\n\n  rangePlaceholder = this.getRangePlaceholder();\n\n  inputMask = computed(() =>\n    maskitoDateOptionsGenerator({\n      mode: 'dd/mm/yyyy',\n      separator: '-',\n      max: this.max(),\n      min: this.min(),\n    })\n  );\n\n  rangeInputMask = computed(() =>\n    maskitoDateRangeOptionsGenerator({\n      mode: 'dd/mm/yyyy',\n      dateSeparator: '-',\n      max: this.max(),\n      min: this.min(),\n    })\n  );\n\n  getPlaceholderByLocale(locale: WattSupportedLocales): string {\n    return locale === 'da' ? 'dd-mm-åååå' : 'dd-mm-yyyy';\n  }\n\n  getRangePlaceholder(): string {\n    return this.placeholder + this.rangeSeparator + this.placeholder;\n  }\n\n  isPrevDayButtonDisabled = linkedSignal(() => this.isPrevDayBeforeOrEqualToMinDate());\n  isNextDayButtonDisabled = linkedSignal(() => this.isNextDayAfterOrEqualToMaxDate());\n\n  constructor() {\n    super(`watt-datepicker-${WattDatepickerComponent.nextId++}`);\n\n    effect(() => {\n      const locale = this.localeService.locale();\n      this.placeholder = this.getPlaceholderByLocale(locale);\n      this.rangePlaceholder = this.getRangePlaceholder();\n    });\n\n    effect(() => {\n      this.rangeMonthOnlyMode();\n      this.ngControl?.control?.updateValueAndValidity();\n    });\n  }\n\n  override ngAfterViewInit() {\n    super.ngAfterViewInit();\n\n    this.ngControl?.control?.addValidators(this.validate);\n  }\n\n  validate = ({ value }: AbstractControl<WattRange<string>>) => {\n    if (!value?.end || !value?.start) return null;\n    if (!this.rangeMonthOnlyMode()) return null;\n    const start = dayjs(value.start);\n    const end = dayjs(value.end);\n    return start.isSame(start.startOf('month')) && end.isSame(start.endOf('month'))\n      ? null\n      : { monthOnly: true };\n  };\n\n  protected initSingleInput() {\n    const matDatepickerInput = this.matDatepickerInput();\n    if (this.initialValue && matDatepickerInput) {\n      matDatepickerInput.value = this.initialValue;\n      this.datepickerClosed();\n    }\n  }\n\n  inputChanged(value: string) {\n    const dateString = value.slice(0, this.placeholder.length);\n\n    if (dateString.length === 0) {\n      this.control?.setValue(null);\n      return;\n    }\n\n    if (dateString.length !== this.placeholder.length) {\n      return;\n    }\n\n    const date = this.parseDateShortFormat(dateString);\n    this.control?.setValue(this.formatDateFromViewToModel(date));\n  }\n\n  datepickerClosed() {\n    const matDatepickerInput = this.matDatepickerInput();\n    const actualInput = this.actualInput();\n\n    if (!actualInput) return;\n\n    if (matDatepickerInput && matDatepickerInput.value) {\n      this.control?.setValue(matDatepickerInput.value);\n\n      actualInput.nativeElement.value = this.formatDateTimeFromModelToView(\n        this.formatDateFromViewToModel(matDatepickerInput.value)\n      );\n    } else {\n      actualInput.nativeElement.value = '';\n      this.control?.setValue(null);\n    }\n\n    this.isPrevDayButtonDisabled.set(this.isPrevDayBeforeOrEqualToMinDate());\n    this.isNextDayButtonDisabled.set(this.isNextDayAfterOrEqualToMaxDate());\n\n    actualInput.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  onMonthSelected(date: Date) {\n    const matDateRangePicker = this.matDateRangePicker();\n    if (matDateRangePicker && this.rangeMonthOnlyMode() && date) {\n      matDateRangePicker.select(dayjs(date).startOf('month').toDate());\n      matDateRangePicker.select(dayjs(date).endOf('month').toDate());\n      matDateRangePicker.close();\n    }\n  }\n\n  protected initRangeInput() {\n    const matStartDate = this.matStartDate();\n    const matEndDate = this.matEndDate();\n\n    if (this.initialValue && matStartDate && matEndDate) {\n      matStartDate.value = (this.initialValue as WattDateRange).start;\n      matEndDate.value = (this.initialValue as WattDateRange).end;\n      this.rangePickerClosed();\n    }\n  }\n\n  clearRangePicker() {\n    const actualInput = this.actualInput();\n\n    if (!actualInput) return;\n\n    this.control?.setValue(null);\n    actualInput.nativeElement.value = '';\n    actualInput.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  rangeInputChanged(value: string) {\n    const startDateString = value.slice(0, this.placeholder.length);\n\n    if (startDateString.length === 0) {\n      this.control?.setValue(null);\n      return;\n    }\n\n    if (startDateString.length !== this.placeholder.length) {\n      return;\n    }\n\n    const start = this.parseDateShortFormat(startDateString);\n    const endDateString = value.slice(this.placeholder.length + this.rangeSeparator.length);\n    let end = this.setEndDateToDanishTimeZone(endDateString);\n\n    if (end !== null) {\n      end = this.setToEndOfDay(end);\n      this.control?.setValue({ start, end });\n    }\n  }\n\n  rangePickerClosed() {\n    const matDateRangeInput = this.matDateRangeInput();\n    const actualInput = this.actualInput();\n\n    if (!actualInput) return;\n\n    if (matDateRangeInput?.value?.start && matDateRangeInput?.value?.end) {\n      actualInput.nativeElement.value =\n        this.formatDateTimeFromModelToView(\n          this.formatDateFromViewToModel(matDateRangeInput.value?.start)\n        ) +\n        '-' +\n        this.formatDateTimeFromModelToView(\n          this.formatDateFromViewToModel(matDateRangeInput.value.end)\n        );\n\n      this.control?.setValue({\n        start: this.formatDateFromViewToModel(matDateRangeInput.value.start),\n        end: this.formatDateFromViewToModel(matDateRangeInput.value.end),\n      });\n    } else {\n      actualInput.nativeElement.value = '';\n      this.control?.setValue(null);\n    }\n\n    actualInput.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  protected setSingleValue(\n    value: Exclude<WattPickerValue, WattDateRange>,\n    input: HTMLInputElement\n  ) {\n    const matDatepickerInput = this.matDatepickerInput();\n    if (matDatepickerInput) {\n      this.setValueToInput(value, input, matDatepickerInput);\n    }\n  }\n\n  protected setRangeValue(\n    value: WattDateRange | null,\n    startInput: HTMLInputElement,\n    endInput: HTMLInputElement\n  ) {\n    const { start, end } = value ?? {};\n\n    const matStartDate = this.matStartDate();\n    const matEndDate = this.matEndDate();\n\n    if (!matStartDate || !matEndDate) return;\n\n    this.setValueToInput(start, startInput, matStartDate);\n    this.setValueToInput(end, endInput, matEndDate);\n  }\n\n  prevDay() {\n    this.changeDay(-1);\n  }\n\n  nextDay() {\n    this.changeDay(1);\n  }\n\n  private changeDay(value: number) {\n    const currentDate = this.matDatepickerInput()?.value;\n\n    if (currentDate) {\n      const newDate = dayjs(currentDate).add(value, 'day').toISOString();\n      const newDateFormatted = this.formatDateTimeFromModelToView(newDate);\n\n      this.inputChanged(newDateFormatted);\n      this.datepickerClosed();\n    }\n  }\n\n  private isPrevDayBeforeOrEqualToMinDate() {\n    const min = this.min();\n    const selectedDate = this.matDatepickerInput()?.value;\n\n    if (!min || !selectedDate) return false;\n\n    const isBefore = dayjs(selectedDate).isBefore(min, 'day');\n    const isSame = dayjs(selectedDate).isSame(min, 'day');\n\n    return isSame || isBefore;\n  }\n\n  private isNextDayAfterOrEqualToMaxDate() {\n    const max = this.max();\n    const selectedDate = this.matDatepickerInput()?.value;\n\n    if (!max || !selectedDate) return false;\n\n    const isAfter = dayjs(selectedDate).isAfter(max, 'day');\n    const isSame = dayjs(selectedDate).isSame(max, 'day');\n\n    return isSame || isAfter;\n  }\n\n  private parseDateShortFormat(value: string): Date {\n    return dayjs(value, dateShortFormat).toDate();\n  }\n\n  private setValueToInput<D extends { value: Date | null }>(\n    value: string | null | undefined,\n    nativeInput: HTMLInputElement,\n    matDateInput: D\n  ): void {\n    nativeInput.value = value ? this.formatDateTimeFromModelToView(value) : '';\n    matDateInput.value = value ? dayjs(value).utc().toDate() : null;\n  }\n\n  /**\n   * @ignore\n   * Formats Date to full ISO 8601 format (e.g. `2022-08-31T22:00:00.000Z`)\n   */\n  private formatDateFromViewToModel(value: Date): string {\n    return dayjs(value).utc().toISOString();\n  }\n\n  private formatDateTimeFromModelToView(value: string): string {\n    return dayjs(value).tz(danishTimeZoneIdentifier).format(dateShortFormat);\n  }\n\n  private toDanishTimeZone(value: Date): Date {\n    return dayjs(value.toISOString()).tz(danishTimeZoneIdentifier).toDate();\n  }\n\n  private setToEndOfDay(value: Date): Date {\n    return dayjs(value).endOf('day').toDate();\n  }\n\n  private setEndDateToDanishTimeZone(value: string): Date | null {\n    const dateBasedOnShortFormat = this.parseDateShortFormat(value);\n\n    let maybeDateInDanishTimeZone: Date | null = null;\n\n    if (dayjs(dateBasedOnShortFormat).isValid()) {\n      maybeDateInDanishTimeZone = this.toDanishTimeZone(dateBasedOnShortFormat);\n    }\n\n    return maybeDateInDanishTimeZone;\n  }\n}\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<watt-field [control]=\"control\" [label]=\"label()\">\n  @if (range) {\n    <mat-date-range-input\n      [disabled]=\"disabled\"\n      [rangePicker]=\"rangeDatepicker\"\n      [min]=\"min() ?? null\"\n      [max]=\"max() ?? null\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-date-input\"\n        matStartDate\n        #startDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n\n      <input\n        inert\n        aria-label=\"end-date-input\"\n        matEndDate\n        #endDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n    </mat-date-range-input>\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"rangeInputMask()\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled\"\n      [attr.aria-pressed]=\"false\"\n      (click)=\"rangeDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-date-range-picker\n      [panelClass]=\"rangeMonthOnlyMode() ? 'watt-datepicker-range__panel--month-only' : ''\"\n      [startView]=\"rangeMonthOnlyMode() ? 'multi-year' : 'month'\"\n      [startAt]=\"startAt()\"\n      (monthSelected)=\"onMonthSelected($event)\"\n      (closed)=\"rangePickerClosed()\"\n      #rangeDatepicker\n    />\n  } @else {\n    <input\n      inert\n      matInput\n      tabindex=\"-1\"\n      aria-label=\"date-input\"\n      #dateInput\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [matDatepicker]=\"singleDatepicker\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"inputMask()\"\n      [placeholder]=\"placeholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n\n    <watt-button\n      wattSuffix\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled\"\n      (click)=\"singleDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-datepicker\n      #singleDatepicker\n      panelClass=\"watt-datepicker-single__panel\"\n      [dateClass]=\"dateClass()\"\n      [startAt]=\"startAt()\"\n      (closed)=\"datepickerClosed()\"\n    />\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n  <ng-content ngProjectAs=\"watt-field-warning\" select=\"watt-field-warning\" />\n</watt-field>\n\n@if (!range && canStepThroughDays()) {\n  <span\n    class=\"watt-datepicker-single__step-through\"\n    [class.watt-datepicker-single__has-label]=\"!!label()\"\n  >\n    <watt-button\n      variant=\"icon\"\n      icon=\"left\"\n      (click)=\"prevDay()\"\n      [disabled]=\"disabled || isPrevDayButtonDisabled()\"\n    />\n    <watt-button\n      variant=\"icon\"\n      icon=\"right\"\n      (click)=\"nextDay()\"\n      [disabled]=\"disabled || isNextDayButtonDisabled()\"\n    />\n  </span>\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Injectable } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class WattDatepickerIntlService {\n  clear = 'Clear';\n  select = 'OK';\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattDatepickerComponent } from './watt-datepicker.component';\nexport { danishTimeZoneIdentifier } from './watt-datepicker.component';\nexport { WattDatepickerIntlService } from './watt-datepicker-intl.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-picker-datepicker.mjs","sources":["../../../libs/watt/package/picker/datepicker/watt-datepicker.component.ts","../../../libs/watt/package/picker/datepicker/watt-datepicker.component.html","../../../libs/watt/package/picker/datepicker/watt-datepicker-intl.service.ts","../../../libs/watt/package/picker/datepicker/index.ts","../../../libs/watt/package/picker/datepicker/energinet-watt-picker-datepicker.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  input,\n  signal,\n  effect,\n  inject,\n  computed,\n  Component,\n  viewChild,\n  ElementRef,\n  linkedSignal,\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectorRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { MatInputModule } from '@angular/material/input';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { AbstractControl, NgControl, Validator } from '@angular/forms';\n\nimport {\n  MatEndDate,\n  MatStartDate,\n  MatDateRangeInput,\n  MatDateRangePicker,\n  MatDatepickerInput,\n  MatDatepickerModule,\n  MatCalendarCellClassFunction,\n} from '@angular/material/datepicker';\n\nimport { maskitoDateOptionsGenerator, maskitoDateRangeOptionsGenerator } from '@maskito/kit';\n\nimport {\n  dayjs,\n  WattRange,\n  WattDateRange,\n  WattLocaleService,\n  WattSupportedLocales,\n} from '@energinet/watt/core/date';\n\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\nimport {\n  WattPickerBase,\n  WattPickerValue,\n  WattPlaceholderMaskComponent,\n} from '@energinet/watt/picker/__shared';\n\nconst dateShortFormat = 'DD-MM-YYYY';\nexport const danishTimeZoneIdentifier = 'Europe/Copenhagen';\n\n/**\n * Usage:\n * `import { WattDatepickerComponent } from '@energinet/watt/datepicker';`\n *\n * IMPORTANT:\n * The styling is calculated based on our monospaced font.\n */\n@Component({\n  selector: 'watt-datepicker',\n  templateUrl: './watt-datepicker.component.html',\n  styleUrls: ['./watt-datepicker.component.scss'],\n  providers: [{ provide: MatFormFieldControl, useExisting: WattDatepickerComponent }],\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    MatInputModule,\n    MatDatepickerModule,\n\n    WattFieldComponent,\n    WattButtonComponent,\n    WattPlaceholderMaskComponent,\n  ],\n})\nexport class WattDatepickerComponent extends WattPickerBase implements Validator, AfterViewInit {\n  protected override elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected override changeDetectionRef = inject(ChangeDetectorRef);\n  protected override ngControl = inject(NgControl, { optional: true, self: true });\n  private localeService = inject(WattLocaleService);\n\n  max = input<Date>();\n  min = input<Date>();\n  label = input<string>('');\n  rangeMonthOnlyMode = input(false);\n  startAt = input<Date | null>(null);\n  dateClass = input<MatCalendarCellClassFunction<Date>>(() => '');\n  canStepThroughDays = input(false, { transform: booleanAttribute });\n\n  matEndDate = viewChild<MatEndDate<Date | null>>(MatEndDate);\n  matStartDate = viewChild<MatStartDate<Date | null>>(MatStartDate);\n  matDateRangeInput = viewChild<MatDateRangeInput<Date | null>>(MatDateRangeInput);\n  matDatepickerInput = viewChild<MatDatepickerInput<Date | null>>(MatDatepickerInput);\n  matDateRangePicker = viewChild<MatDateRangePicker<Date | null>>(MatDateRangePicker);\n\n  actualInput = viewChild<ElementRef<HTMLInputElement>>('actualInput');\n  override input = viewChild<ElementRef<HTMLInputElement>>('dateInput');\n  override endInput = viewChild<ElementRef<HTMLInputElement>>('endDateInput');\n  override startInput = viewChild<ElementRef<HTMLInputElement>>('startDateInput');\n\n  rangeSeparator = ' - ';\n\n  rangePlaceholder = signal('');\n\n  inputMask = computed(() =>\n    maskitoDateOptionsGenerator({\n      mode: 'dd/mm/yyyy',\n      separator: '-',\n      max: this.max(),\n      min: this.min(),\n    })\n  );\n\n  rangeInputMask = computed(() =>\n    maskitoDateRangeOptionsGenerator({\n      mode: 'dd/mm/yyyy',\n      dateSeparator: '-',\n      max: this.max(),\n      min: this.min(),\n    })\n  );\n\n  getPlaceholderByLocale = (locale: WattSupportedLocales) =>\n    locale === 'da' ? 'dd-mm-åååå' : 'dd-mm-yyyy';\n\n  getRangePlaceholder(): string {\n    return this.placeholder() + this.rangeSeparator + this.placeholder();\n  }\n\n  isPrevDayButtonDisabled = linkedSignal(() => this.isPrevDayBeforeOrEqualToMinDate());\n  isNextDayButtonDisabled = linkedSignal(() => this.isNextDayAfterOrEqualToMaxDate());\n\n  constructor() {\n    super(`watt-datepicker-${WattDatepickerComponent.nextId++}`);\n\n    effect(() => {\n      const locale = this.localeService.locale();\n      this.placeholder.set(this.getPlaceholderByLocale(locale));\n      this.rangePlaceholder.set(this.getRangePlaceholder());\n    });\n\n    effect(() => {\n      this.rangeMonthOnlyMode();\n      this.ngControl?.control?.updateValueAndValidity();\n    });\n  }\n\n  override ngAfterViewInit(): void {\n    super.ngAfterViewInit();\n    this.ngControl?.control?.addValidators(this.validate);\n  }\n\n  validate = ({ value }: AbstractControl<WattRange<string>>) => {\n    if (!value?.end || !value?.start) return null;\n    if (!this.rangeMonthOnlyMode()) return null;\n    const start = dayjs(value.start);\n    const end = dayjs(value.end);\n    return start.isSame(start.startOf('month')) && end.isSame(start.endOf('month'))\n      ? null\n      : { monthOnly: true };\n  };\n\n  protected initSingleInput() {\n    const matDatepickerInput = this.matDatepickerInput();\n    if (this.initialValue && matDatepickerInput) {\n      matDatepickerInput.value = this.initialValue;\n      this.datepickerClosed();\n    }\n  }\n\n  inputChanged(value: string) {\n    const dateString = value.slice(0, this.placeholder().length);\n\n    if (dateString.length === 0) {\n      this.control?.setValue(null);\n      return;\n    }\n\n    if (dateString.length !== this.placeholder().length) {\n      return;\n    }\n\n    const date = this.parseDateShortFormat(dateString);\n    this.control?.setValue(this.formatDateFromViewToModel(date));\n  }\n\n  datepickerClosed() {\n    const matDatepickerInput = this.matDatepickerInput();\n    const actualInput = this.actualInput();\n\n    if (!actualInput) return;\n\n    if (matDatepickerInput && matDatepickerInput.value) {\n      this.control?.setValue(matDatepickerInput.value);\n\n      actualInput.nativeElement.value = this.formatDateTimeFromModelToView(\n        this.formatDateFromViewToModel(matDatepickerInput.value)\n      );\n    } else {\n      actualInput.nativeElement.value = '';\n      this.control?.setValue(null);\n    }\n\n    this.isPrevDayButtonDisabled.set(this.isPrevDayBeforeOrEqualToMinDate());\n    this.isNextDayButtonDisabled.set(this.isNextDayAfterOrEqualToMaxDate());\n\n    actualInput.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  onMonthSelected(date: Date) {\n    const matDateRangePicker = this.matDateRangePicker();\n    if (matDateRangePicker && this.rangeMonthOnlyMode() && date) {\n      matDateRangePicker.select(dayjs(date).startOf('month').toDate());\n      matDateRangePicker.select(dayjs(date).endOf('month').toDate());\n      matDateRangePicker.close();\n    }\n  }\n\n  protected initRangeInput() {\n    const matStartDate = this.matStartDate();\n    const matEndDate = this.matEndDate();\n\n    if (this.initialValue && matStartDate && matEndDate) {\n      matStartDate.value = (this.initialValue as WattDateRange).start;\n      matEndDate.value = (this.initialValue as WattDateRange).end;\n      this.rangePickerClosed();\n    }\n  }\n\n  clearRangePicker() {\n    const actualInput = this.actualInput();\n\n    if (!actualInput) return;\n\n    this.control?.setValue(null);\n    actualInput.nativeElement.value = '';\n    actualInput.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  rangeInputChanged(value: string) {\n    const startDateString = value.slice(0, this.placeholder().length);\n\n    if (startDateString.length === 0) {\n      this.control?.setValue(null);\n      return;\n    }\n\n    if (startDateString.length !== this.placeholder().length) {\n      return;\n    }\n\n    const start = this.parseDateShortFormat(startDateString);\n    const endDateString = value.slice(this.placeholder().length + this.rangeSeparator.length);\n    let end = this.setEndDateToDanishTimeZone(endDateString);\n\n    if (end !== null) {\n      end = this.setToEndOfDay(end);\n      this.control?.setValue({ start, end });\n    }\n  }\n\n  rangePickerClosed() {\n    const matDateRangeInput = this.matDateRangeInput();\n    const actualInput = this.actualInput();\n\n    if (!actualInput) return;\n\n    if (matDateRangeInput?.value?.start && matDateRangeInput?.value?.end) {\n      actualInput.nativeElement.value =\n        this.formatDateTimeFromModelToView(\n          this.formatDateFromViewToModel(matDateRangeInput.value?.start)\n        ) +\n        '-' +\n        this.formatDateTimeFromModelToView(\n          this.formatDateFromViewToModel(matDateRangeInput.value.end)\n        );\n\n      this.control?.setValue({\n        start: this.formatDateFromViewToModel(matDateRangeInput.value.start),\n        end: this.formatDateFromViewToModel(matDateRangeInput.value.end),\n      });\n    } else {\n      actualInput.nativeElement.value = '';\n      this.control?.setValue(null);\n    }\n\n    actualInput.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  protected setSingleValue(\n    value: Exclude<WattPickerValue, WattDateRange>,\n    input: HTMLInputElement\n  ) {\n    const matDatepickerInput = this.matDatepickerInput();\n    if (matDatepickerInput) {\n      this.setValueToInput(value, input, matDatepickerInput);\n    }\n  }\n\n  protected setRangeValue(\n    value: WattDateRange | null,\n    startInput: HTMLInputElement,\n    endInput: HTMLInputElement\n  ) {\n    const { start, end } = value ?? {};\n\n    const matStartDate = this.matStartDate();\n    const matEndDate = this.matEndDate();\n\n    if (!matStartDate || !matEndDate) return;\n\n    this.setValueToInput(start, startInput, matStartDate);\n    this.setValueToInput(end, endInput, matEndDate);\n  }\n\n  prevDay() {\n    this.changeDay(-1);\n  }\n\n  nextDay() {\n    this.changeDay(1);\n  }\n\n  private changeDay(value: number) {\n    const currentDate = this.matDatepickerInput()?.value;\n\n    if (currentDate) {\n      const newDate = dayjs(currentDate).add(value, 'day').toISOString();\n      const newDateFormatted = this.formatDateTimeFromModelToView(newDate);\n\n      this.inputChanged(newDateFormatted);\n      this.datepickerClosed();\n    }\n  }\n\n  private isPrevDayBeforeOrEqualToMinDate() {\n    const min = this.min();\n    const selectedDate = this.matDatepickerInput()?.value;\n\n    if (!min || !selectedDate) return false;\n\n    const isBefore = dayjs(selectedDate).isBefore(min, 'day');\n    const isSame = dayjs(selectedDate).isSame(min, 'day');\n\n    return isSame || isBefore;\n  }\n\n  private isNextDayAfterOrEqualToMaxDate() {\n    const max = this.max();\n    const selectedDate = this.matDatepickerInput()?.value;\n\n    if (!max || !selectedDate) return false;\n\n    const isAfter = dayjs(selectedDate).isAfter(max, 'day');\n    const isSame = dayjs(selectedDate).isSame(max, 'day');\n\n    return isSame || isAfter;\n  }\n\n  private parseDateShortFormat(value: string): Date {\n    return dayjs(value, dateShortFormat).toDate();\n  }\n\n  private setValueToInput<D extends { value: Date | null }>(\n    value: string | null | undefined,\n    nativeInput: HTMLInputElement,\n    matDateInput: D\n  ): void {\n    nativeInput.value = value ? this.formatDateTimeFromModelToView(value) : '';\n    matDateInput.value = value ? dayjs(value).utc().toDate() : null;\n  }\n\n  /**\n   * @ignore\n   * Formats Date to full ISO 8601 format (e.g. `2022-08-31T22:00:00.000Z`)\n   */\n  private formatDateFromViewToModel(value: Date): string {\n    return dayjs(value).utc().toISOString();\n  }\n\n  private formatDateTimeFromModelToView(value: string): string {\n    return dayjs(value).tz(danishTimeZoneIdentifier).format(dateShortFormat);\n  }\n\n  private toDanishTimeZone(value: Date): Date {\n    return dayjs(value.toISOString()).tz(danishTimeZoneIdentifier).toDate();\n  }\n\n  private setToEndOfDay(value: Date): Date {\n    return dayjs(value).endOf('day').toDate();\n  }\n\n  private setEndDateToDanishTimeZone(value: string): Date | null {\n    const dateBasedOnShortFormat = this.parseDateShortFormat(value);\n\n    let maybeDateInDanishTimeZone: Date | null = null;\n\n    if (dayjs(dateBasedOnShortFormat).isValid()) {\n      maybeDateInDanishTimeZone = this.toDanishTimeZone(dateBasedOnShortFormat);\n    }\n\n    return maybeDateInDanishTimeZone;\n  }\n}\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<watt-field [control]=\"control\" [label]=\"label()\">\n  @if (range()) {\n    <mat-date-range-input\n      [disabled]=\"disabled()\"\n      [rangePicker]=\"rangeDatepicker\"\n      [min]=\"min() ?? null\"\n      [max]=\"max() ?? null\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-date-input\"\n        matStartDate\n        #startDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n\n      <input\n        inert\n        aria-label=\"end-date-input\"\n        matEndDate\n        #endDateInput\n        [readOnly]=\"rangeMonthOnlyMode()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [hidden]=\"true\"\n      />\n    </mat-date-range-input>\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"rangeInputMask()\"\n      [placeholder]=\"rangePlaceholder()\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled()\"\n      [attr.aria-pressed]=\"false\"\n      (click)=\"rangeDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-date-range-picker\n      [panelClass]=\"rangeMonthOnlyMode() ? 'watt-datepicker-range__panel--month-only' : ''\"\n      [startView]=\"rangeMonthOnlyMode() ? 'multi-year' : 'month'\"\n      [startAt]=\"startAt()\"\n      (monthSelected)=\"onMonthSelected($event)\"\n      (closed)=\"rangePickerClosed()\"\n      #rangeDatepicker\n    />\n  } @else {\n    <input\n      inert\n      matInput\n      tabindex=\"-1\"\n      aria-label=\"date-input\"\n      #dateInput\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [matDatepicker]=\"singleDatepicker\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #actualInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"actualInput\"\n      [mask]=\"inputMask()\"\n      [placeholder]=\"placeholder()\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n\n    <watt-button\n      wattSuffix\n      variant=\"icon\"\n      icon=\"date\"\n      [disabled]=\"disabled()\"\n      (click)=\"singleDatepicker.open()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <mat-datepicker\n      #singleDatepicker\n      panelClass=\"watt-datepicker-single__panel\"\n      [dateClass]=\"dateClass()\"\n      [startAt]=\"startAt()\"\n      (closed)=\"datepickerClosed()\"\n    />\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n  <ng-content ngProjectAs=\"watt-field-warning\" select=\"watt-field-warning\" />\n</watt-field>\n\n@if (!range() && canStepThroughDays()) {\n  <span\n    class=\"watt-datepicker-single__step-through\"\n    [class.watt-datepicker-single__has-label]=\"!!label()\"\n  >\n    <watt-button\n      variant=\"icon\"\n      icon=\"left\"\n      (click)=\"prevDay()\"\n      [disabled]=\"disabled() || isPrevDayButtonDisabled()\"\n    />\n    <watt-button\n      variant=\"icon\"\n      icon=\"right\"\n      (click)=\"nextDay()\"\n      [disabled]=\"disabled() || isNextDayButtonDisabled()\"\n    />\n  </span>\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Injectable } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class WattDatepickerIntlService {\n  clear = 'Clear';\n  select = 'OK';\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattDatepickerComponent } from './watt-datepicker.component';\nexport { danishTimeZoneIdentifier } from './watt-datepicker.component';\nexport { WattDatepickerIntlService } from './watt-datepicker-intl.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-picker-timepicker.mjs

@@ -1,7 +1,7 @@
 import * as i3 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, ChangeDetectorRef, input, viewChild, DestroyRef, HostBinding, ViewEncapsulation, Component } from '@angular/core';
+import { inject, ElementRef, ChangeDetectorRef, input, viewChild, computed, signal, DestroyRef, ViewEncapsulation, Component } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import * as i1 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
@@ -156,26 +156,26 @@ class WattTimepickerComponent extends WattPickerBase {
      * the slider overlay (since the DOM hierarchy cannot be used).
      * @ignore
      */
-    get ariaOwns() {
+    ariaOwns = computed(() => {
         // Only range input has slider
-        return this.range && this.sliderOpen ? this.sliderId : undefined;
-    }
+        return this.range() && this.sliderOpen() ? this.sliderId : undefined;
+    }, ...(ngDevMode ? [{ debugName: "ariaOwns" }] : []));
     hoursMinutesPlaceholder = 'HH:MM';
     rangeSeparator = ' - ';
     rangePlaceholder = this.hoursMinutesPlaceholder + this.rangeSeparator + this.hoursMinutesPlaceholder;
-    _placeholder = this.hoursMinutesPlaceholder;
     /**
      * Whether the slider is open.
      * @ignore
      */
-    sliderOpen = false;
+    sliderOpen = signal(false, ...(ngDevMode ? [{ debugName: "sliderOpen" }] : []));
     sliderSteps = [...Array(quartersInADay).keys()].map((x) => x * 15).concat(minutesInADay - 1);
     sliderChange$ = new Subject();
     get sliderValue() {
-        if (this.value?.start && this.value?.end) {
+        const value = this.control?.value;
+        if (value?.start && value?.end) {
             return {
-                min: timeToMinutes(this.value.start),
-                max: timeToMinutes(this.value.end),
+                min: timeToMinutes(value.start),
+                max: timeToMinutes(value.end),
             };
         }
         // Retain last slider value if input value is incomplete
@@ -186,7 +186,7 @@ class WattTimepickerComponent extends WattPickerBase {
      * @ignore
      */
     toggleSlider() {
-        this.sliderOpen = !this.sliderOpen;
+        this.sliderOpen.update((open) => !open);
     }
     /**
      * Override to automatically close the slider overlay on blur.
@@ -194,14 +194,15 @@ class WattTimepickerComponent extends WattPickerBase {
      */
     onFocusOut(event) {
         super.onFocusOut(event);
-        if (!this.focused)
-            this.sliderOpen = false;
+        if (!this.focused())
+            this.sliderOpen.set(false);
     }
     inputMask = maskitoTimeOptionsGenerator({ mode: 'HH:MM' });
     rangeInputMask = maskitoTimeRangeOptionsGenerator();
     destroyRef = inject(DestroyRef);
     constructor() {
         super(`watt-timepicker-${WattTimepickerComponent.nextId++}`);
+        this.placeholder.set(this.hoursMinutesPlaceholder);
     }
     initSingleInput() {
         const input = this.input();
@@ -277,11 +278,13 @@ class WattTimepickerComponent extends WattPickerBase {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattTimepickerComponent, isStandalone: true, selector: "watt-timepicker", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, sliderLabel: { classPropertyName: "sliderLabel", publicName: "sliderLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-owns": "this.ariaOwns" } }, providers: [{ provide: MatFormFieldControl, useExisting: WattTimepickerComponent }], viewQueries: [{ propertyName: "input", first: true, predicate: ["timeInput"], descendants: true, isSignal: true }, { propertyName: "startInput", first: true, predicate: ["startTimeInput"], descendants: true, isSignal: true }, { propertyName: "endInput", first: true, predicate: ["endTimeInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<watt-field [id]=\"id\" [control]=\"control\" [label]=\"label()\">\n  @if (!range) {\n    <input\n      inert\n      matInput\n      aria-label=\"time-input\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"inputMask\"\n      [placeholder]=\"hoursMinutesPlaceholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n  } @else {\n    <mat-date-range-input\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-time-input\"\n        matStartDate\n        #startTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n      <input\n        inert\n        aria-label=\"end-time-input\"\n        matEndDate\n        #endTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </mat-date-range-input>\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"rangeInputMask\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"time\"\n      [disabled]=\"disabled\"\n      [attr.aria-pressed]=\"sliderOpen\"\n      (click)=\"toggleSlider()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"sliderOpen\"\n      [cdkConnectedOverlayOffsetY]=\"12\"\n    >\n      <div\n        [id]=\"sliderId\"\n        role=\"dialog\"\n        class=\"watt-timepicker-slider\"\n        tabindex=\"-1\"\n        (focusin)=\"onFocusIn()\"\n        (focusout)=\"onFocusOut($event)\"\n      >\n        <span class=\"watt-label\">{{ sliderLabel() }}</span>\n        <watt-slider\n          [min]=\"sliderSteps[0]\"\n          [max]=\"sliderSteps[sliderSteps.length - 1]\"\n          [step]=\"1\"\n          [value]=\"sliderValue\"\n          (valueChange)=\"sliderChange$.next($event)\"\n        />\n      </div>\n    </ng-template>\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n</watt-field>\n", styles: ["watt-timepicker{display:flex;align-items:center;width:100%}watt-timepicker watt-button[variant=icon]{margin-left:auto}watt-timepicker watt-button[variant=icon] .watt-button--icon{height:42px}watt-timepicker mat-datepicker,watt-timepicker mat-date-range-picker{display:none}watt-timepicker input.mat-date-range-input-inner,watt-timepicker input.mat-mdc-input-element,watt-timepicker .mat-date-range-input-mirror,watt-timepicker input.mask-input{font-family:Droid Sans Mono,monospace}watt-timepicker input.mat-date-range-input-inner,watt-timepicker input.mat-mdc-input-element,watt-timepicker input.mask-input{border:none;caret-color:var(--watt-color-neutral-black);letter-spacing:-.03em;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}watt-timepicker input.mask-input{color:#000}watt-timepicker input.mask-input{position:absolute;min-width:100%;padding:2px 1px}watt-timepicker input.mask-input:focus-visible{outline:none}watt-timepicker .mat-date-range-input-container{align-items:initial}watt-timepicker .mat-date-range-input-start-wrapper,watt-timepicker .mat-date-range-input-end-wrapper{max-width:calc(50% - var(--watt-space-s));overflow:visible;position:relative}watt-timepicker .mat-date-range-input-separator{display:flex;align-items:center}watt-timepicker .mat-date-range-input-separator-hidden,watt-timepicker .mat-date-range-input-separator{opacity:0!important}watt-timepicker .mat-date-range-input-inner::-webkit-input-placeholder{color:var(--watt-color-neutral-grey-500)!important;-webkit-text-fill-color:var(--watt-color-neutral-grey-500)}.watt-timepicker-slider{width:340px;padding:var(--watt-space-s) 12px var(--watt-space-m);background:var(--watt-color-neutral-white);box-shadow:0 1px 6px #0b3c5d1f,0 4px 18px 3px #2e323414;border-radius:3px}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattSliderComponent, selector: "watt-slider", inputs: ["min", "max", "step", "value"], outputs: ["valueChange"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }, { kind: "component", type: WattPlaceholderMaskComponent, selector: "watt-placeholder-mask", inputs: ["primaryInputElement", "secondaryInputElement", "mask", "placeholder"], outputs: ["maskApplied"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattTimepickerComponent, isStandalone: true, selector: "watt-timepicker", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, sliderLabel: { classPropertyName: "sliderLabel", publicName: "sliderLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-owns": "ariaOwns()" } }, providers: [{ provide: MatFormFieldControl, useExisting: WattTimepickerComponent }], viewQueries: [{ propertyName: "input", first: true, predicate: ["timeInput"], descendants: true, isSignal: true }, { propertyName: "startInput", first: true, predicate: ["startTimeInput"], descendants: true, isSignal: true }, { propertyName: "endInput", first: true, predicate: ["endTimeInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<watt-field [id]=\"id\" [control]=\"control\" [label]=\"label()\">\n  @if (!range()) {\n    <input\n      inert\n      matInput\n      aria-label=\"time-input\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"inputMask\"\n      [placeholder]=\"hoursMinutesPlaceholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n  } @else {\n    <mat-date-range-input\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [disabled]=\"disabled()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-time-input\"\n        matStartDate\n        #startTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n      <input\n        inert\n        aria-label=\"end-time-input\"\n        matEndDate\n        #endTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </mat-date-range-input>\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"rangeInputMask\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"time\"\n      [disabled]=\"disabled()\"\n      [attr.aria-pressed]=\"sliderOpen()\"\n      (click)=\"toggleSlider()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"sliderOpen()\"\n      [cdkConnectedOverlayOffsetY]=\"12\"\n    >\n      <div\n        [id]=\"sliderId\"\n        role=\"dialog\"\n        class=\"watt-timepicker-slider\"\n        tabindex=\"-1\"\n        (focusin)=\"onFocusIn()\"\n        (focusout)=\"onFocusOut($event)\"\n      >\n        <span class=\"watt-label\">{{ sliderLabel() }}</span>\n        <watt-slider\n          [min]=\"sliderSteps[0]\"\n          [max]=\"sliderSteps[sliderSteps.length - 1]\"\n          [step]=\"1\"\n          [value]=\"sliderValue\"\n          (valueChange)=\"sliderChange$.next($event)\"\n        />\n      </div>\n    </ng-template>\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n</watt-field>\n", styles: ["watt-timepicker{display:flex;align-items:center;width:100%}watt-timepicker watt-button[variant=icon]{margin-left:auto}watt-timepicker watt-button[variant=icon] .watt-button--icon{height:42px}watt-timepicker mat-datepicker,watt-timepicker mat-date-range-picker{display:none}watt-timepicker input.mat-date-range-input-inner,watt-timepicker input.mat-mdc-input-element,watt-timepicker .mat-date-range-input-mirror,watt-timepicker input.mask-input{font-family:Droid Sans Mono,monospace}watt-timepicker input.mat-date-range-input-inner,watt-timepicker input.mat-mdc-input-element,watt-timepicker input.mask-input{border:none;caret-color:var(--watt-color-neutral-black);letter-spacing:-.03em;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}watt-timepicker input.mask-input{color:#000}watt-timepicker input.mask-input{position:absolute;min-width:100%;padding:2px 1px}watt-timepicker input.mask-input:focus-visible{outline:none}watt-timepicker .mat-date-range-input-container{align-items:initial}watt-timepicker .mat-date-range-input-start-wrapper,watt-timepicker .mat-date-range-input-end-wrapper{max-width:calc(50% - var(--watt-space-s));overflow:visible;position:relative}watt-timepicker .mat-date-range-input-separator{display:flex;align-items:center}watt-timepicker .mat-date-range-input-separator-hidden,watt-timepicker .mat-date-range-input-separator{opacity:0!important}watt-timepicker .mat-date-range-input-inner::-webkit-input-placeholder{color:var(--watt-color-neutral-grey-500)!important;-webkit-text-fill-color:var(--watt-color-neutral-grey-500)}.watt-timepicker-slider{width:340px;padding:var(--watt-space-s) 12px var(--watt-space-m);background:var(--watt-color-neutral-white);box-shadow:0 1px 6px #0b3c5d1f,0 4px 18px 3px #2e323414;border-radius:3px}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattSliderComponent, selector: "watt-slider", inputs: ["min", "max", "step", "value"], outputs: ["valueChange"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }, { kind: "component", type: WattPlaceholderMaskComponent, selector: "watt-placeholder-mask", inputs: ["primaryInputElement", "secondaryInputElement", "mask", "placeholder"], outputs: ["maskApplied"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattTimepickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'watt-timepicker', providers: [{ provide: MatFormFieldControl, useExisting: WattTimepickerComponent }], encapsulation: ViewEncapsulation.None, imports: [
+            args: [{ selector: 'watt-timepicker', providers: [{ provide: MatFormFieldControl, useExisting: WattTimepickerComponent }], encapsulation: ViewEncapsulation.None, host: {
+                        '[attr.aria-owns]': 'ariaOwns()',
+                    }, imports: [
                         MatDatepickerModule,
                         MatInputModule,
                         OverlayModule,
@@ -289,11 +292,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         WattSliderComponent,
                         WattFieldComponent,
                         WattPlaceholderMaskComponent,
-                    ], 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<watt-field [id]=\"id\" [control]=\"control\" [label]=\"label()\">\n  @if (!range) {\n    <input\n      inert\n      matInput\n      aria-label=\"time-input\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"inputMask\"\n      [placeholder]=\"hoursMinutesPlaceholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n  } @else {\n    <mat-date-range-input\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-time-input\"\n        matStartDate\n        #startTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n      <input\n        inert\n        aria-label=\"end-time-input\"\n        matEndDate\n        #endTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </mat-date-range-input>\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"rangeInputMask\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"time\"\n      [disabled]=\"disabled\"\n      [attr.aria-pressed]=\"sliderOpen\"\n      (click)=\"toggleSlider()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"sliderOpen\"\n      [cdkConnectedOverlayOffsetY]=\"12\"\n    >\n      <div\n        [id]=\"sliderId\"\n        role=\"dialog\"\n        class=\"watt-timepicker-slider\"\n        tabindex=\"-1\"\n        (focusin)=\"onFocusIn()\"\n        (focusout)=\"onFocusOut($event)\"\n      >\n        <span class=\"watt-label\">{{ sliderLabel() }}</span>\n        <watt-slider\n          [min]=\"sliderSteps[0]\"\n          [max]=\"sliderSteps[sliderSteps.length - 1]\"\n          [step]=\"1\"\n          [value]=\"sliderValue\"\n          (valueChange)=\"sliderChange$.next($event)\"\n        />\n      </div>\n    </ng-template>\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n</watt-field>\n", styles: ["watt-timepicker{display:flex;align-items:center;width:100%}watt-timepicker watt-button[variant=icon]{margin-left:auto}watt-timepicker watt-button[variant=icon] .watt-button--icon{height:42px}watt-timepicker mat-datepicker,watt-timepicker mat-date-range-picker{display:none}watt-timepicker input.mat-date-range-input-inner,watt-timepicker input.mat-mdc-input-element,watt-timepicker .mat-date-range-input-mirror,watt-timepicker input.mask-input{font-family:Droid Sans Mono,monospace}watt-timepicker input.mat-date-range-input-inner,watt-timepicker input.mat-mdc-input-element,watt-timepicker input.mask-input{border:none;caret-color:var(--watt-color-neutral-black);letter-spacing:-.03em;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}watt-timepicker input.mask-input{color:#000}watt-timepicker input.mask-input{position:absolute;min-width:100%;padding:2px 1px}watt-timepicker input.mask-input:focus-visible{outline:none}watt-timepicker .mat-date-range-input-container{align-items:initial}watt-timepicker .mat-date-range-input-start-wrapper,watt-timepicker .mat-date-range-input-end-wrapper{max-width:calc(50% - var(--watt-space-s));overflow:visible;position:relative}watt-timepicker .mat-date-range-input-separator{display:flex;align-items:center}watt-timepicker .mat-date-range-input-separator-hidden,watt-timepicker .mat-date-range-input-separator{opacity:0!important}watt-timepicker .mat-date-range-input-inner::-webkit-input-placeholder{color:var(--watt-color-neutral-grey-500)!important;-webkit-text-fill-color:var(--watt-color-neutral-grey-500)}.watt-timepicker-slider{width:340px;padding:var(--watt-space-s) 12px var(--watt-space-m);background:var(--watt-color-neutral-white);box-shadow:0 1px 6px #0b3c5d1f,0 4px 18px 3px #2e323414;border-radius:3px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], sliderLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "sliderLabel", required: false }] }], input: [{ type: i0.ViewChild, args: ['timeInput', { isSignal: true }] }], startInput: [{ type: i0.ViewChild, args: ['startTimeInput', { isSignal: true }] }], endInput: [{ type: i0.ViewChild, args: ['endTimeInput', { isSignal: true }] }], ariaOwns: [{
-                type: HostBinding,
-                args: ['attr.aria-owns']
-            }] } });
+                    ], 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<watt-field [id]=\"id\" [control]=\"control\" [label]=\"label()\">\n  @if (!range()) {\n    <input\n      inert\n      matInput\n      aria-label=\"time-input\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"inputMask\"\n      [placeholder]=\"hoursMinutesPlaceholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n  } @else {\n    <mat-date-range-input\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [disabled]=\"disabled()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-time-input\"\n        matStartDate\n        #startTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n      <input\n        inert\n        aria-label=\"end-time-input\"\n        matEndDate\n        #endTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </mat-date-range-input>\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"rangeInputMask\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"time\"\n      [disabled]=\"disabled()\"\n      [attr.aria-pressed]=\"sliderOpen()\"\n      (click)=\"toggleSlider()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"sliderOpen()\"\n      [cdkConnectedOverlayOffsetY]=\"12\"\n    >\n      <div\n        [id]=\"sliderId\"\n        role=\"dialog\"\n        class=\"watt-timepicker-slider\"\n        tabindex=\"-1\"\n        (focusin)=\"onFocusIn()\"\n        (focusout)=\"onFocusOut($event)\"\n      >\n        <span class=\"watt-label\">{{ sliderLabel() }}</span>\n        <watt-slider\n          [min]=\"sliderSteps[0]\"\n          [max]=\"sliderSteps[sliderSteps.length - 1]\"\n          [step]=\"1\"\n          [value]=\"sliderValue\"\n          (valueChange)=\"sliderChange$.next($event)\"\n        />\n      </div>\n    </ng-template>\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n</watt-field>\n", styles: ["watt-timepicker{display:flex;align-items:center;width:100%}watt-timepicker watt-button[variant=icon]{margin-left:auto}watt-timepicker watt-button[variant=icon] .watt-button--icon{height:42px}watt-timepicker mat-datepicker,watt-timepicker mat-date-range-picker{display:none}watt-timepicker input.mat-date-range-input-inner,watt-timepicker input.mat-mdc-input-element,watt-timepicker .mat-date-range-input-mirror,watt-timepicker input.mask-input{font-family:Droid Sans Mono,monospace}watt-timepicker input.mat-date-range-input-inner,watt-timepicker input.mat-mdc-input-element,watt-timepicker input.mask-input{border:none;caret-color:var(--watt-color-neutral-black);letter-spacing:-.03em;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}watt-timepicker input.mask-input{color:#000}watt-timepicker input.mask-input{position:absolute;min-width:100%;padding:2px 1px}watt-timepicker input.mask-input:focus-visible{outline:none}watt-timepicker .mat-date-range-input-container{align-items:initial}watt-timepicker .mat-date-range-input-start-wrapper,watt-timepicker .mat-date-range-input-end-wrapper{max-width:calc(50% - var(--watt-space-s));overflow:visible;position:relative}watt-timepicker .mat-date-range-input-separator{display:flex;align-items:center}watt-timepicker .mat-date-range-input-separator-hidden,watt-timepicker .mat-date-range-input-separator{opacity:0!important}watt-timepicker .mat-date-range-input-inner::-webkit-input-placeholder{color:var(--watt-color-neutral-grey-500)!important;-webkit-text-fill-color:var(--watt-color-neutral-grey-500)}.watt-timepicker-slider{width:340px;padding:var(--watt-space-s) 12px var(--watt-space-m);background:var(--watt-color-neutral-white);box-shadow:0 1px 6px #0b3c5d1f,0 4px 18px 3px #2e323414;border-radius:3px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], sliderLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "sliderLabel", required: false }] }], input: [{ type: i0.ViewChild, args: ['timeInput', { isSignal: true }] }], startInput: [{ type: i0.ViewChild, args: ['startTimeInput', { isSignal: true }] }], endInput: [{ type: i0.ViewChild, args: ['endTimeInput', { isSignal: true }] }] } });
 
 //#region License
 /**

package/fesm2022/energinet-watt-picker-timepicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-picker-timepicker.mjs","sources":["../../../libs/watt/package/picker/timepicker/maskito-time-range-mask.ts","../../../libs/watt/package/picker/timepicker/watt-timepicker.component.ts","../../../libs/watt/package/picker/timepicker/watt-timepicker.component.html","../../../libs/watt/package/picker/timepicker/index.ts","../../../libs/watt/package/picker/timepicker/energinet-watt-picker-timepicker.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { MASKITO_DEFAULT_OPTIONS, MaskitoOptions } from '@maskito/core';\nimport { ElementState } from '@maskito/core/src/lib/types';\n\nconst TIME_FIXED_CHARACTERS = [':', '.'];\n\nconst SEPARATOR = ' - ';\n\nexport function maskitoTimeRangeOptionsGenerator(): Required<MaskitoOptions> {\n  return {\n    ...MASKITO_DEFAULT_OPTIONS,\n    mask: [\n      ...Array.from('HH:MM').map((char) => (TIME_FIXED_CHARACTERS.includes(char) ? char : /\\d/)),\n      ...Array.from(SEPARATOR),\n      ...Array.from('HH:MM').map((char) => (TIME_FIXED_CHARACTERS.includes(char) ? char : /\\d/)),\n    ],\n    preprocessors: [\n      ({ elementState, data }, actionType) => {\n        if (actionType !== 'insert' || data.length > 1) {\n          return {\n            elementState,\n            data,\n          };\n        }\n        if (Number.parseInt(data) > 2 && isFirstHourSegment(elementState)) {\n          return {\n            elementState: {\n              selection: elementState.selection,\n              value: elementState.value + '0' + data,\n            },\n            data: '0' + data,\n          };\n        }\n        if (\n          Number.parseInt(data) > 5 &&\n          (elementState.value.length === 3 || elementState.value.length === 10)\n        ) {\n          return {\n            elementState: {\n              selection: elementState.selection,\n              value: elementState.value + '0' + data,\n            },\n            data: '0' + data,\n          };\n        }\n        return {\n          elementState,\n          data,\n        };\n      },\n    ],\n    overwriteMode: 'replace',\n  };\n}\nfunction isFirstHourSegment(elementState: ElementState) {\n  if (elementState.value.length === 0) {\n    return true;\n  }\n  if (elementState.value.endsWith(SEPARATOR)) {\n    return elementState.value.length === 8;\n  }\n  if (elementState.value.endsWith(' -')) {\n    return elementState.value.length === 7;\n  }\n  if (elementState.value.endsWith(' ')) {\n    return elementState.value.length === 6;\n  }\n  return elementState.value.length === 5;\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport {\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  HostBinding,\n  ViewEncapsulation,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { Subject } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { maskitoTimeOptionsGenerator } from '@maskito/kit';\n\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattDateRange } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattSliderComponent, WattSliderValue } from '@energinet/watt/slider';\n\nimport { maskitoTimeRangeOptionsGenerator } from './maskito-time-range-mask';\nimport {\n  WattPickerBase,\n  WattPickerValue,\n  WattPlaceholderMaskComponent,\n} from '@energinet/watt/picker/__shared';\n\n// Constants for working with time intervals\nconst minutesInADay = 24 * 60;\nconst quartersInADay = minutesInADay / 15;\n\n// Show slider initially as \"00:00 - 23:59\"\nconst initialSliderValue: WattSliderValue = { min: 0, max: minutesInADay - 1 };\n\n/** Converts string time format (HH:MM) to number of minutes. */\nfunction timeToMinutes(value: string): number {\n  const [hours, minutes] = value.split(':');\n  return Number(hours) * 60 + Number(minutes);\n}\n\n/** Converts number of minutes to string time format (HH:MM). */\nfunction minutesToTime(value: number): string {\n  const hours = `${Math.floor(value / 60)}`;\n  const minutes = `${value % 60}`;\n  return `${hours.padStart(2, '0')}:${minutes.padStart(2, '0')}`;\n}\n/**\n * Usage:\n * `import { WattTimepickerComponent } from '@energinet/watt/timepicker';`\n *\n * IMPORTANT:\n * The styling is calculated based on our monospaced font.\n */\n@Component({\n  selector: 'watt-timepicker',\n  templateUrl: './watt-timepicker.component.html',\n  styleUrls: ['./watt-timepicker.component.scss'],\n  providers: [{ provide: MatFormFieldControl, useExisting: WattTimepickerComponent }],\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    MatDatepickerModule,\n    MatInputModule,\n    OverlayModule,\n\n    WattButtonComponent,\n    WattSliderComponent,\n    WattFieldComponent,\n    WattPlaceholderMaskComponent,\n  ],\n})\nexport class WattTimepickerComponent extends WattPickerBase {\n  protected override elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected override changeDetectionRef = inject(ChangeDetectorRef);\n  protected override ngControl = inject(NgControl, { optional: true, self: true });\n  label = input('');\n  /**\n   * Text to display on label for time range slider.\n   */\n  sliderLabel = input('');\n\n  override input = viewChild<ElementRef<HTMLInputElement>>('timeInput');\n  override startInput = viewChild<ElementRef<HTMLInputElement>>('startTimeInput');\n  override endInput = viewChild<ElementRef<HTMLInputElement>>('endTimeInput');\n\n  sliderId = `${this.id}-slider`;\n\n  /**\n   * Used for defining a relationship between the time picker and\n   * the slider overlay (since the DOM hierarchy cannot be used).\n   * @ignore\n   */\n  @HostBinding('attr.aria-owns')\n  get ariaOwns() {\n    // Only range input has slider\n    return this.range && this.sliderOpen ? this.sliderId : undefined;\n  }\n  hoursMinutesPlaceholder = 'HH:MM';\n  rangeSeparator = ' - ';\n  rangePlaceholder =\n    this.hoursMinutesPlaceholder + this.rangeSeparator + this.hoursMinutesPlaceholder;\n  protected _placeholder = this.hoursMinutesPlaceholder;\n\n  /**\n   * Whether the slider is open.\n   * @ignore\n   */\n  sliderOpen = false;\n\n  sliderSteps = [...Array(quartersInADay).keys()].map((x) => x * 15).concat(minutesInADay - 1);\n\n  sliderChange$ = new Subject<WattSliderValue>();\n\n  get sliderValue(): WattSliderValue {\n    if (this.value?.start && this.value?.end) {\n      return {\n        min: timeToMinutes(this.value.start),\n        max: timeToMinutes(this.value.end),\n      };\n    }\n\n    // Retain last slider value if input value is incomplete\n    return initialSliderValue;\n  }\n\n  /**\n   * Toggles the visibility of the slider overlay.\n   * @ignore\n   */\n  toggleSlider() {\n    this.sliderOpen = !this.sliderOpen;\n  }\n\n  /**\n   * Override to automatically close the slider overlay on blur.\n   * @ignore\n   */\n  override onFocusOut(event: FocusEvent) {\n    super.onFocusOut(event);\n    if (!this.focused) this.sliderOpen = false;\n  }\n\n  inputMask = maskitoTimeOptionsGenerator({ mode: 'HH:MM' });\n  rangeInputMask = maskitoTimeRangeOptionsGenerator();\n  override destroyRef = inject(DestroyRef);\n\n  constructor() {\n    super(`watt-timepicker-${WattTimepickerComponent.nextId++}`);\n  }\n\n  protected initSingleInput() {\n    const input = this.input();\n    if (this.initialValue && input) {\n      (input.nativeElement as HTMLInputElement).value = this.initialValue as string;\n      input.nativeElement.dispatchEvent(new InputEvent('input'));\n    }\n  }\n\n  inputChanged(value: string) {\n    const time = value.slice(0, this.hoursMinutesPlaceholder.length);\n    if (time.length === 0) {\n      this.control?.setValue(null);\n      return;\n    }\n    if (time.length !== this.hoursMinutesPlaceholder.length) {\n      return;\n    }\n    this.control?.setValue(time);\n  }\n\n  rangeInputChanged(value: string) {\n    const start = value.slice(0, this.hoursMinutesPlaceholder.length);\n    if (start.length !== this.hoursMinutesPlaceholder.length) {\n      this.control?.setValue({ start: '', end: '' });\n      return;\n    }\n    if (value.length < this.rangePlaceholder.length) {\n      this.control?.setValue({ start, end: '' });\n      return;\n    }\n    let end = value.slice(this.hoursMinutesPlaceholder.length + this.rangeSeparator.length);\n    if (timeToMinutes(end) > timeToMinutes(start)) {\n      this.control?.setValue({ start, end });\n    } else {\n      end = minutesToTime(timeToMinutes(start) + 1);\n      this.setRangeValueAndNotify(start, end);\n    }\n  }\n\n  protected initRangeInput() {\n    if (this.initialValue) {\n      const { start, end } = this.initialValue as WattDateRange;\n      this.setRangeValueAndNotify(start, end);\n    } else {\n      this.control?.setValue({ start: '', end: '' });\n    }\n    this.sliderChange$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((sliderValue) => {\n      const start = minutesToTime(sliderValue.min);\n      const end = minutesToTime(sliderValue.max);\n      if (end > start) {\n        this.setRangeValueAndNotify(start, end);\n      }\n    });\n  }\n\n  setRangeValueAndNotify(start: string, end: string | null) {\n    this.control?.setValue({ start, end });\n    const input = this.input();\n    if (!input) return;\n    (input.nativeElement as HTMLInputElement).value = start + this.rangeSeparator + end;\n    input.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  protected setSingleValue(\n    value: Exclude<WattPickerValue, WattDateRange>,\n    input: HTMLInputElement\n  ) {\n    input.value = value ?? '';\n  }\n\n  protected setRangeValue(\n    value: WattDateRange,\n    startInput: HTMLInputElement,\n    endInput: HTMLInputElement\n  ) {\n    const { start, end } = value;\n\n    if (start) {\n      startInput.value = start;\n    }\n\n    if (end) {\n      endInput.value = end;\n    }\n  }\n}\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<watt-field [id]=\"id\" [control]=\"control\" [label]=\"label()\">\n  @if (!range) {\n    <input\n      inert\n      matInput\n      aria-label=\"time-input\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"inputMask\"\n      [placeholder]=\"hoursMinutesPlaceholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n  } @else {\n    <mat-date-range-input\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-time-input\"\n        matStartDate\n        #startTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n      <input\n        inert\n        aria-label=\"end-time-input\"\n        matEndDate\n        #endTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </mat-date-range-input>\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"rangeInputMask\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"time\"\n      [disabled]=\"disabled\"\n      [attr.aria-pressed]=\"sliderOpen\"\n      (click)=\"toggleSlider()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"sliderOpen\"\n      [cdkConnectedOverlayOffsetY]=\"12\"\n    >\n      <div\n        [id]=\"sliderId\"\n        role=\"dialog\"\n        class=\"watt-timepicker-slider\"\n        tabindex=\"-1\"\n        (focusin)=\"onFocusIn()\"\n        (focusout)=\"onFocusOut($event)\"\n      >\n        <span class=\"watt-label\">{{ sliderLabel() }}</span>\n        <watt-slider\n          [min]=\"sliderSteps[0]\"\n          [max]=\"sliderSteps[sliderSteps.length - 1]\"\n          [step]=\"1\"\n          [value]=\"sliderValue\"\n          (valueChange)=\"sliderChange$.next($event)\"\n        />\n      </div>\n    </ng-template>\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n</watt-field>\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattTimepickerComponent } from './watt-timepicker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-picker-timepicker.mjs","sources":["../../../libs/watt/package/picker/timepicker/maskito-time-range-mask.ts","../../../libs/watt/package/picker/timepicker/watt-timepicker.component.ts","../../../libs/watt/package/picker/timepicker/watt-timepicker.component.html","../../../libs/watt/package/picker/timepicker/index.ts","../../../libs/watt/package/picker/timepicker/energinet-watt-picker-timepicker.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { MASKITO_DEFAULT_OPTIONS, MaskitoOptions } from '@maskito/core';\nimport { ElementState } from '@maskito/core/src/lib/types';\n\nconst TIME_FIXED_CHARACTERS = [':', '.'];\n\nconst SEPARATOR = ' - ';\n\nexport function maskitoTimeRangeOptionsGenerator(): Required<MaskitoOptions> {\n  return {\n    ...MASKITO_DEFAULT_OPTIONS,\n    mask: [\n      ...Array.from('HH:MM').map((char) => (TIME_FIXED_CHARACTERS.includes(char) ? char : /\\d/)),\n      ...Array.from(SEPARATOR),\n      ...Array.from('HH:MM').map((char) => (TIME_FIXED_CHARACTERS.includes(char) ? char : /\\d/)),\n    ],\n    preprocessors: [\n      ({ elementState, data }, actionType) => {\n        if (actionType !== 'insert' || data.length > 1) {\n          return {\n            elementState,\n            data,\n          };\n        }\n        if (Number.parseInt(data) > 2 && isFirstHourSegment(elementState)) {\n          return {\n            elementState: {\n              selection: elementState.selection,\n              value: elementState.value + '0' + data,\n            },\n            data: '0' + data,\n          };\n        }\n        if (\n          Number.parseInt(data) > 5 &&\n          (elementState.value.length === 3 || elementState.value.length === 10)\n        ) {\n          return {\n            elementState: {\n              selection: elementState.selection,\n              value: elementState.value + '0' + data,\n            },\n            data: '0' + data,\n          };\n        }\n        return {\n          elementState,\n          data,\n        };\n      },\n    ],\n    overwriteMode: 'replace',\n  };\n}\nfunction isFirstHourSegment(elementState: ElementState) {\n  if (elementState.value.length === 0) {\n    return true;\n  }\n  if (elementState.value.endsWith(SEPARATOR)) {\n    return elementState.value.length === 8;\n  }\n  if (elementState.value.endsWith(' -')) {\n    return elementState.value.length === 7;\n  }\n  if (elementState.value.endsWith(' ')) {\n    return elementState.value.length === 6;\n  }\n  return elementState.value.length === 5;\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport {\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { Subject } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { maskitoTimeOptionsGenerator } from '@maskito/kit';\n\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattDateRange } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattSliderComponent, WattSliderValue } from '@energinet/watt/slider';\n\nimport { maskitoTimeRangeOptionsGenerator } from './maskito-time-range-mask';\nimport {\n  WattPickerBase,\n  WattPickerValue,\n  WattPlaceholderMaskComponent,\n} from '@energinet/watt/picker/__shared';\n\n// Constants for working with time intervals\nconst minutesInADay = 24 * 60;\nconst quartersInADay = minutesInADay / 15;\n\n// Show slider initially as \"00:00 - 23:59\"\nconst initialSliderValue: WattSliderValue = { min: 0, max: minutesInADay - 1 };\n\n/** Converts string time format (HH:MM) to number of minutes. */\nfunction timeToMinutes(value: string): number {\n  const [hours, minutes] = value.split(':');\n  return Number(hours) * 60 + Number(minutes);\n}\n\n/** Converts number of minutes to string time format (HH:MM). */\nfunction minutesToTime(value: number): string {\n  const hours = `${Math.floor(value / 60)}`;\n  const minutes = `${value % 60}`;\n  return `${hours.padStart(2, '0')}:${minutes.padStart(2, '0')}`;\n}\n/**\n * Usage:\n * `import { WattTimepickerComponent } from '@energinet/watt/timepicker';`\n *\n * IMPORTANT:\n * The styling is calculated based on our monospaced font.\n */\n@Component({\n  selector: 'watt-timepicker',\n  templateUrl: './watt-timepicker.component.html',\n  styleUrls: ['./watt-timepicker.component.scss'],\n  providers: [{ provide: MatFormFieldControl, useExisting: WattTimepickerComponent }],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[attr.aria-owns]': 'ariaOwns()',\n  },\n  imports: [\n    MatDatepickerModule,\n    MatInputModule,\n    OverlayModule,\n\n    WattButtonComponent,\n    WattSliderComponent,\n    WattFieldComponent,\n    WattPlaceholderMaskComponent,\n  ],\n})\nexport class WattTimepickerComponent extends WattPickerBase {\n  protected override elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected override changeDetectionRef = inject(ChangeDetectorRef);\n  protected override ngControl = inject(NgControl, { optional: true, self: true });\n  label = input('');\n  /**\n   * Text to display on label for time range slider.\n   */\n  sliderLabel = input('');\n\n  override input = viewChild<ElementRef<HTMLInputElement>>('timeInput');\n  override startInput = viewChild<ElementRef<HTMLInputElement>>('startTimeInput');\n  override endInput = viewChild<ElementRef<HTMLInputElement>>('endTimeInput');\n\n  sliderId = `${this.id}-slider`;\n\n  /**\n   * Used for defining a relationship between the time picker and\n   * the slider overlay (since the DOM hierarchy cannot be used).\n   * @ignore\n   */\n  ariaOwns = computed(() => {\n    // Only range input has slider\n    return this.range() && this.sliderOpen() ? this.sliderId : undefined;\n  });\n\n  hoursMinutesPlaceholder = 'HH:MM';\n  rangeSeparator = ' - ';\n  rangePlaceholder =\n    this.hoursMinutesPlaceholder + this.rangeSeparator + this.hoursMinutesPlaceholder;\n  /**\n   * Whether the slider is open.\n   * @ignore\n   */\n  sliderOpen = signal(false);\n\n  sliderSteps = [...Array(quartersInADay).keys()].map((x) => x * 15).concat(minutesInADay - 1);\n\n  sliderChange$ = new Subject<WattSliderValue>();\n\n  get sliderValue(): WattSliderValue {\n    const value = this.control?.value;\n    if (value?.start && value?.end) {\n      return {\n        min: timeToMinutes(value.start),\n        max: timeToMinutes(value.end),\n      };\n    }\n\n    // Retain last slider value if input value is incomplete\n    return initialSliderValue;\n  }\n\n  /**\n   * Toggles the visibility of the slider overlay.\n   * @ignore\n   */\n  toggleSlider() {\n    this.sliderOpen.update((open) => !open);\n  }\n\n  /**\n   * Override to automatically close the slider overlay on blur.\n   * @ignore\n   */\n  override onFocusOut(event: FocusEvent) {\n    super.onFocusOut(event);\n    if (!this.focused()) this.sliderOpen.set(false);\n  }\n\n  inputMask = maskitoTimeOptionsGenerator({ mode: 'HH:MM' });\n  rangeInputMask = maskitoTimeRangeOptionsGenerator();\n  override destroyRef = inject(DestroyRef);\n\n  constructor() {\n    super(`watt-timepicker-${WattTimepickerComponent.nextId++}`);\n    this.placeholder.set(this.hoursMinutesPlaceholder);\n  }\n\n  protected initSingleInput() {\n    const input = this.input();\n    if (this.initialValue && input) {\n      (input.nativeElement as HTMLInputElement).value = this.initialValue as string;\n      input.nativeElement.dispatchEvent(new InputEvent('input'));\n    }\n  }\n\n  inputChanged(value: string) {\n    const time = value.slice(0, this.hoursMinutesPlaceholder.length);\n    if (time.length === 0) {\n      this.control?.setValue(null);\n      return;\n    }\n    if (time.length !== this.hoursMinutesPlaceholder.length) {\n      return;\n    }\n    this.control?.setValue(time);\n  }\n\n  rangeInputChanged(value: string) {\n    const start = value.slice(0, this.hoursMinutesPlaceholder.length);\n    if (start.length !== this.hoursMinutesPlaceholder.length) {\n      this.control?.setValue({ start: '', end: '' });\n      return;\n    }\n    if (value.length < this.rangePlaceholder.length) {\n      this.control?.setValue({ start, end: '' });\n      return;\n    }\n    let end = value.slice(this.hoursMinutesPlaceholder.length + this.rangeSeparator.length);\n    if (timeToMinutes(end) > timeToMinutes(start)) {\n      this.control?.setValue({ start, end });\n    } else {\n      end = minutesToTime(timeToMinutes(start) + 1);\n      this.setRangeValueAndNotify(start, end);\n    }\n  }\n\n  protected initRangeInput() {\n    if (this.initialValue) {\n      const { start, end } = this.initialValue as WattDateRange;\n      this.setRangeValueAndNotify(start, end);\n    } else {\n      this.control?.setValue({ start: '', end: '' });\n    }\n    this.sliderChange$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((sliderValue) => {\n      const start = minutesToTime(sliderValue.min);\n      const end = minutesToTime(sliderValue.max);\n      if (end > start) {\n        this.setRangeValueAndNotify(start, end);\n      }\n    });\n  }\n\n  setRangeValueAndNotify(start: string, end: string | null) {\n    this.control?.setValue({ start, end });\n    const input = this.input();\n    if (!input) return;\n    (input.nativeElement as HTMLInputElement).value = start + this.rangeSeparator + end;\n    input.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  protected setSingleValue(\n    value: Exclude<WattPickerValue, WattDateRange>,\n    input: HTMLInputElement\n  ) {\n    input.value = value ?? '';\n  }\n\n  protected setRangeValue(\n    value: WattDateRange,\n    startInput: HTMLInputElement,\n    endInput: HTMLInputElement\n  ) {\n    const { start, end } = value;\n\n    if (start) {\n      startInput.value = start;\n    }\n\n    if (end) {\n      endInput.value = end;\n    }\n  }\n}\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<watt-field [id]=\"id\" [control]=\"control\" [label]=\"label()\">\n  @if (!range()) {\n    <input\n      inert\n      matInput\n      aria-label=\"time-input\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"inputMask\"\n      [placeholder]=\"hoursMinutesPlaceholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n  } @else {\n    <mat-date-range-input\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [disabled]=\"disabled()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-time-input\"\n        matStartDate\n        #startTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n      <input\n        inert\n        aria-label=\"end-time-input\"\n        matEndDate\n        #endTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </mat-date-range-input>\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled()\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"rangeInputMask\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"time\"\n      [disabled]=\"disabled()\"\n      [attr.aria-pressed]=\"sliderOpen()\"\n      (click)=\"toggleSlider()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"sliderOpen()\"\n      [cdkConnectedOverlayOffsetY]=\"12\"\n    >\n      <div\n        [id]=\"sliderId\"\n        role=\"dialog\"\n        class=\"watt-timepicker-slider\"\n        tabindex=\"-1\"\n        (focusin)=\"onFocusIn()\"\n        (focusout)=\"onFocusOut($event)\"\n      >\n        <span class=\"watt-label\">{{ sliderLabel() }}</span>\n        <watt-slider\n          [min]=\"sliderSteps[0]\"\n          [max]=\"sliderSteps[sliderSteps.length - 1]\"\n          [step]=\"1\"\n          [value]=\"sliderValue\"\n          (valueChange)=\"sliderChange$.next($event)\"\n        />\n      </div>\n    </ng-template>\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n</watt-field>\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattTimepickerComponent } from './watt-timepicker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAIA,MAAM,qBAAqB,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;AAExC,MAAM,SAAS,GAAG,KAAK;SAEP,gCAAgC,GAAA;IAC9C,OAAO;AACL,QAAA,GAAG,uBAAuB;AAC1B,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAC1F,YAAA,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;AACxB,YAAA,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAC3F,SAAA;AACD,QAAA,aAAa,EAAE;YACb,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,UAAU,KAAI;gBACrC,IAAI,UAAU,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC9C,OAAO;wBACL,YAAY;wBACZ,IAAI;qBACL;gBACH;AACA,gBAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,kBAAkB,CAAC,YAAY,CAAC,EAAE;oBACjE,OAAO;AACL,wBAAA,YAAY,EAAE;4BACZ,SAAS,EAAE,YAAY,CAAC,SAAS;AACjC,4BAAA,KAAK,EAAE,YAAY,CAAC,KAAK,GAAG,GAAG,GAAG,IAAI;AACvC,yBAAA;wBACD,IAAI,EAAE,GAAG,GAAG,IAAI;qBACjB;gBACH;AACA,gBAAA,IACE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;AACzB,qBAAC,YAAY,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,KAAK,EAAE,CAAC,EACrE;oBACA,OAAO;AACL,wBAAA,YAAY,EAAE;4BACZ,SAAS,EAAE,YAAY,CAAC,SAAS;AACjC,4BAAA,KAAK,EAAE,YAAY,CAAC,KAAK,GAAG,GAAG,GAAG,IAAI;AACvC,yBAAA;wBACD,IAAI,EAAE,GAAG,GAAG,IAAI;qBACjB;gBACH;gBACA,OAAO;oBACL,YAAY;oBACZ,IAAI;iBACL;YACH,CAAC;AACF,SAAA;AACD,QAAA,aAAa,EAAE,SAAS;KACzB;AACH;AACA,SAAS,kBAAkB,CAAC,YAA0B,EAAA;IACpD,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACnC,QAAA,OAAO,IAAI;IACb;IACA,IAAI,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;AAC1C,QAAA,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;IACxC;IACA,IAAI,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACrC,QAAA,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;IACxC;IACA,IAAI,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACpC,QAAA,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;IACxC;AACA,IAAA,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;AACxC;;ACrFA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAkCA;AACA,MAAM,aAAa,GAAG,EAAE,GAAG,EAAE;AAC7B,MAAM,cAAc,GAAG,aAAa,GAAG,EAAE;AAEzC;AACA,MAAM,kBAAkB,GAAoB,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,aAAa,GAAG,CAAC,EAAE;AAE9E;AACA,SAAS,aAAa,CAAC,KAAa,EAAA;AAClC,IAAA,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;IACzC,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;AAC7C;AAEA;AACA,SAAS,aAAa,CAAC,KAAa,EAAA;AAClC,IAAA,MAAM,KAAK,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAA,CAAE;AACzC,IAAA,MAAM,OAAO,GAAG,CAAA,EAAG,KAAK,GAAG,EAAE,EAAE;AAC/B,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AAChE;AACA;;;;;;AAMG;AAqBG,MAAO,uBAAwB,SAAQ,cAAc,CAAA;AACtC,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,IAAA,kBAAkB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC9C,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAChF,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,iDAAC;AACjB;;AAEG;AACH,IAAA,WAAW,GAAG,KAAK,CAAC,EAAE,uDAAC;AAEd,IAAA,KAAK,GAAG,SAAS,CAA+B,WAAW,iDAAC;AAC5D,IAAA,UAAU,GAAG,SAAS,CAA+B,gBAAgB,sDAAC;AACtE,IAAA,QAAQ,GAAG,SAAS,CAA+B,cAAc,oDAAC;AAE3E,IAAA,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAC,EAAE,SAAS;AAE9B;;;;AAIG;AACH,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;;AAEvB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,SAAS;AACtE,IAAA,CAAC,oDAAC;IAEF,uBAAuB,GAAG,OAAO;IACjC,cAAc,GAAG,KAAK;AACtB,IAAA,gBAAgB,GACd,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,uBAAuB;AACnF;;;AAGG;AACH,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;AAE1B,IAAA,WAAW,GAAG,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC;AAE5F,IAAA,aAAa,GAAG,IAAI,OAAO,EAAmB;AAE9C,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK;QACjC,IAAI,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,GAAG,EAAE;YAC9B,OAAO;AACL,gBAAA,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;AAC/B,gBAAA,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC;aAC9B;QACH;;AAGA,QAAA,OAAO,kBAAkB;IAC3B;AAEA;;;AAGG;IACH,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;IACzC;AAEA;;;AAGG;AACM,IAAA,UAAU,CAAC,KAAiB,EAAA;AACnC,QAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AAAE,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;IACjD;IAEA,SAAS,GAAG,2BAA2B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IAC1D,cAAc,GAAG,gCAAgC,EAAE;AAC1C,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAExC,IAAA,WAAA,GAAA;QACE,KAAK,CAAC,mBAAmB,uBAAuB,CAAC,MAAM,EAAE,CAAA,CAAE,CAAC;QAC5D,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,uBAAuB,CAAC;IACpD;IAEU,eAAe,GAAA;AACvB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,IAAI,IAAI,CAAC,YAAY,IAAI,KAAK,EAAE;YAC7B,KAAK,CAAC,aAAkC,CAAC,KAAK,GAAG,IAAI,CAAC,YAAsB;YAC7E,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;QAC5D;IACF;AAEA,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC;AAChE,QAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AACrB,YAAA,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC;YAC5B;QACF;QACA,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,uBAAuB,CAAC,MAAM,EAAE;YACvD;QACF;AACA,QAAA,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC;IAC9B;AAEA,IAAA,iBAAiB,CAAC,KAAa,EAAA;AAC7B,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC;QACjE,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,uBAAuB,CAAC,MAAM,EAAE;AACxD,YAAA,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;YAC9C;QACF;QACA,IAAI,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;AAC/C,YAAA,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;YAC1C;QACF;AACA,QAAA,IAAI,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;QACvF,IAAI,aAAa,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,EAAE;YAC7C,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;QACxC;aAAO;YACL,GAAG,GAAG,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,sBAAsB,CAAC,KAAK,EAAE,GAAG,CAAC;QACzC;IACF;IAEU,cAAc,GAAA;AACtB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,YAA6B;AACzD,YAAA,IAAI,CAAC,sBAAsB,CAAC,KAAK,EAAE,GAAG,CAAC;QACzC;aAAO;AACL,YAAA,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;QAChD;AACA,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,WAAW,KAAI;YACrF,MAAM,KAAK,GAAG,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC;YAC5C,MAAM,GAAG,GAAG,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC;AAC1C,YAAA,IAAI,GAAG,GAAG,KAAK,EAAE;AACf,gBAAA,IAAI,CAAC,sBAAsB,CAAC,KAAK,EAAE,GAAG,CAAC;YACzC;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,sBAAsB,CAAC,KAAa,EAAE,GAAkB,EAAA;QACtD,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACtC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,IAAI,CAAC,KAAK;YAAE;AACX,QAAA,KAAK,CAAC,aAAkC,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,cAAc,GAAG,GAAG;QACnF,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5D;IAEU,cAAc,CACtB,KAA8C,EAC9C,KAAuB,EAAA;AAEvB,QAAA,KAAK,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE;IAC3B;AAEU,IAAA,aAAa,CACrB,KAAoB,EACpB,UAA4B,EAC5B,QAA0B,EAAA;AAE1B,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK;QAE5B,IAAI,KAAK,EAAE;AACT,YAAA,UAAU,CAAC,KAAK,GAAG,KAAK;QAC1B;QAEA,IAAI,GAAG,EAAE;AACP,YAAA,QAAQ,CAAC,KAAK,GAAG,GAAG;QACtB;IACF;wGAnKW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,SAAA,EAhBvB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,uBAAuB,EAAE,CAAC,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjFrF,0uGA4GA,EAAA,MAAA,EAAA,CAAA,+wDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrBI,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,qEAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,8BAAA,EAAA,qCAAA,EAAA,4BAAA,EAAA,4BAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,8BAAA,EAAA,kCAAA,EAAA,+BAAA,EAAA,mCAAA,EAAA,mCAAA,EAAA,yBAAA,EAAA,iCAAA,EAAA,sCAAA,EAAA,gCAAA,EAAA,iCAAA,EAAA,uCAAA,EAAA,kCAAA,EAAA,yBAAA,EAAA,wCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,4DAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAEb,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,4BAA4B,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAGnB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBApBnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,SAAA,EAGhB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAA,uBAAyB,EAAE,CAAC,EAAA,aAAA,EACpE,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,kBAAkB,EAAE,YAAY;qBACjC,EAAA,OAAA,EACQ;wBACP,mBAAmB;wBACnB,cAAc;wBACd,aAAa;wBAEb,mBAAmB;wBACnB,mBAAmB;wBACnB,kBAAkB;wBAClB,4BAA4B;AAC7B,qBAAA,EAAA,QAAA,EAAA,0uGAAA,EAAA,MAAA,EAAA,CAAA,+wDAAA,CAAA,EAAA;6RAYwD,WAAW,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACN,gBAAgB,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAClB,cAAc,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE7G5E;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}

package/package.json

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

package/picker/__shared/index.d.ts

@@ -1,9 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { ChangeDetectorRef, OnInit, AfterViewInit, OnDestroy, DestroyRef, ElementRef, Signal } from '@angular/core';
+import { ChangeDetectorRef, OnInit, AfterViewInit, DestroyRef, ElementRef, Signal } from '@angular/core';
 import { MaskitoOptions, Maskito } from '@maskito/core';
 import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { Subject } from 'rxjs';
 import { WattDateRange } from '@energinet/watt/core/date';
 
 declare class WattPlaceholderMaskComponent {
@@ -41,7 +40,7 @@ declare class WattPlaceholderMaskComponent {
 
 type WattPickerValue = string | WattDateRange | null | undefined;
 
-declare abstract class WattPickerBase implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+declare abstract class WattPickerBase implements OnInit, AfterViewInit, ControlValueAccessor {
     protected destroyRef: DestroyRef;
     protected changeDetectionRef: ChangeDetectorRef;
     protected ngControl: NgControl | null;
@@ -52,27 +51,20 @@ declare abstract class WattPickerBase implements OnInit, AfterViewInit, OnDestro
     static nextId: number;
     id: string;
     initialValue: WattPickerValue;
-    focused: boolean;
+    focused: _angular_core.WritableSignal<boolean>;
     controlType: string;
-    stateChanges: Subject<void>;
     userAriaDescribedBy: _angular_core.InputSignal<string | undefined>;
-    get placeholder(): string;
-    set placeholder(value: string);
-    protected abstract _placeholder: string;
+    placeholder: _angular_core.WritableSignal<string>;
     get value(): WattDateRange | null;
-    set value(value: WattPickerValue);
-    set range(range: boolean);
-    get range(): boolean;
-    private _range;
-    get required(): boolean;
-    set required(value: BooleanInput);
-    private _required;
-    get disabled(): boolean;
-    set disabled(value: BooleanInput);
-    private _disabled;
+    protected setValue(value: WattPickerValue): void;
+    range: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    disabledInput: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    protected disabledState: _angular_core.WritableSignal<boolean>;
+    disabled: Signal<boolean>;
     get empty(): boolean;
     get errorState(): boolean;
-    get shouldLabelFloat(): boolean;
+    shouldLabelFloat: Signal<boolean>;
     /**
      *
      * @ignore
@@ -81,7 +73,6 @@ declare abstract class WattPickerBase implements OnInit, AfterViewInit, OnDestro
     constructor(id: string);
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     protected abstract initRangeInput(): void;
     protected abstract initSingleInput(): void;
     protected abstract setSingleValue(value: Exclude<WattPickerValue, WattDateRange>, input: HTMLInputElement): void;
@@ -97,7 +88,7 @@ declare abstract class WattPickerBase implements OnInit, AfterViewInit, OnDestro
     protected changeParentValue: (value: string | WattDateRange) => void;
     protected markParentControlAsTouched: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattPickerBase, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WattPickerBase, never, never, { "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "range": { "alias": "range"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WattPickerBase, never, never, { "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WattPickerBase, WattPlaceholderMaskComponent };

package/picker/datepicker/index.d.ts

@@ -19,7 +19,6 @@ declare class WattDatepickerComponent extends WattPickerBase implements Validato
     protected changeDetectionRef: ChangeDetectorRef;
     protected ngControl: NgControl | null;
     private localeService;
-    private locale;
     max: _angular_core.InputSignal<Date | undefined>;
     min: _angular_core.InputSignal<Date | undefined>;
     label: _angular_core.InputSignal<string>;
@@ -36,12 +35,11 @@ declare class WattDatepickerComponent extends WattPickerBase implements Validato
     input: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     endInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     startInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected _placeholder: string;
     rangeSeparator: string;
-    rangePlaceholder: string;
+    rangePlaceholder: _angular_core.WritableSignal<string>;
     inputMask: _angular_core.Signal<Required<_maskito_core.MaskitoOptions>>;
     rangeInputMask: _angular_core.Signal<Required<_maskito_core.MaskitoOptions>>;
-    getPlaceholderByLocale(locale: WattSupportedLocales): string;
+    getPlaceholderByLocale: (locale: WattSupportedLocales) => "dd-mm-åååå" | "dd-mm-yyyy";
     getRangePlaceholder(): string;
     isPrevDayButtonDisabled: _angular_core.WritableSignal<boolean>;
     isNextDayButtonDisabled: _angular_core.WritableSignal<boolean>;

package/picker/timepicker/index.d.ts

@@ -32,16 +32,15 @@ declare class WattTimepickerComponent extends WattPickerBase {
      * the slider overlay (since the DOM hierarchy cannot be used).
      * @ignore
      */
-    get ariaOwns(): string | undefined;
+    ariaOwns: _angular_core.Signal<string | undefined>;
     hoursMinutesPlaceholder: string;
     rangeSeparator: string;
     rangePlaceholder: string;
-    protected _placeholder: string;
     /**
      * Whether the slider is open.
      * @ignore
      */
-    sliderOpen: boolean;
+    sliderOpen: _angular_core.WritableSignal<boolean>;
     sliderSteps: number[];
     sliderChange$: Subject<WattSliderValue>;
     get sliderValue(): WattSliderValue;